@vielzeug/prism 26.10.14 → 26.10.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/dist/_dev.cjs.map +1 -1
  2. package/dist/_dev.js +6 -1
  3. package/dist/_dev.js.map +1 -1
  4. package/dist/_tappers.cjs.map +1 -1
  5. package/dist/_tappers.js +25 -1
  6. package/dist/_tappers.js.map +1 -1
  7. package/dist/animation/easing.cjs.map +1 -1
  8. package/dist/animation/easing.js +15 -1
  9. package/dist/animation/easing.js.map +1 -1
  10. package/dist/animation/motion.cjs.map +1 -1
  11. package/dist/animation/motion.js +15 -1
  12. package/dist/animation/motion.js.map +1 -1
  13. package/dist/animation/reveal.cjs.map +1 -1
  14. package/dist/animation/reveal.js +97 -1
  15. package/dist/animation/reveal.js.map +1 -1
  16. package/dist/animation/transition.cjs.map +1 -1
  17. package/dist/animation/transition.js +39 -1
  18. package/dist/animation/transition.js.map +1 -1
  19. package/dist/animation/tween.cjs.map +1 -1
  20. package/dist/animation/tween.js +7 -1
  21. package/dist/animation/tween.js.map +1 -1
  22. package/dist/axes/axis.cjs.map +1 -1
  23. package/dist/axes/axis.js +76 -1
  24. package/dist/axes/axis.js.map +1 -1
  25. package/dist/axes/grid.cjs.map +1 -1
  26. package/dist/axes/grid.js +29 -1
  27. package/dist/axes/grid.js.map +1 -1
  28. package/dist/axes/scale-utils.cjs.map +1 -1
  29. package/dist/axes/scale-utils.js +10 -1
  30. package/dist/axes/scale-utils.js.map +1 -1
  31. package/dist/charts/area/area-chart.cjs.map +1 -1
  32. package/dist/charts/area/area-chart.js +71 -1
  33. package/dist/charts/area/area-chart.js.map +1 -1
  34. package/dist/charts/area/area-renderer.cjs.map +1 -1
  35. package/dist/charts/area/area-renderer.js +128 -1
  36. package/dist/charts/area/area-renderer.js.map +1 -1
  37. package/dist/charts/bar/bar-chart.cjs.map +1 -1
  38. package/dist/charts/bar/bar-chart.js +228 -1
  39. package/dist/charts/bar/bar-chart.js.map +1 -1
  40. package/dist/charts/bar/bar-hit-test.cjs.map +1 -1
  41. package/dist/charts/bar/bar-hit-test.js +25 -1
  42. package/dist/charts/bar/bar-hit-test.js.map +1 -1
  43. package/dist/charts/bar/bar-renderer.cjs.map +1 -1
  44. package/dist/charts/bar/bar-renderer.js +139 -1
  45. package/dist/charts/bar/bar-renderer.js.map +1 -1
  46. package/dist/charts/line/line-chart.cjs.map +1 -1
  47. package/dist/charts/line/line-chart.js +93 -1
  48. package/dist/charts/line/line-chart.js.map +1 -1
  49. package/dist/charts/line/line-renderer.cjs.map +1 -1
  50. package/dist/charts/line/line-renderer.js +143 -1
  51. package/dist/charts/line/line-renderer.js.map +1 -1
  52. package/dist/charts/pie/pie-chart.cjs +1 -1
  53. package/dist/charts/pie/pie-chart.cjs.map +1 -1
  54. package/dist/charts/pie/pie-chart.js +207 -1
  55. package/dist/charts/pie/pie-chart.js.map +1 -1
  56. package/dist/charts/pie/pie-renderer.cjs.map +1 -1
  57. package/dist/charts/pie/pie-renderer.js +68 -1
  58. package/dist/charts/pie/pie-renderer.js.map +1 -1
  59. package/dist/charts/radar/radar-chart.cjs +1 -1
  60. package/dist/charts/radar/radar-chart.cjs.map +1 -1
  61. package/dist/charts/radar/radar-chart.js +281 -1
  62. package/dist/charts/radar/radar-chart.js.map +1 -1
  63. package/dist/charts/radar/radar-geometry.cjs.map +1 -1
  64. package/dist/charts/radar/radar-geometry.js +69 -1
  65. package/dist/charts/radar/radar-geometry.js.map +1 -1
  66. package/dist/charts/scatter/scatter-chart.cjs.map +1 -1
  67. package/dist/charts/scatter/scatter-chart.js +69 -1
  68. package/dist/charts/scatter/scatter-chart.js.map +1 -1
  69. package/dist/charts/scatter/scatter-renderer.cjs.map +1 -1
  70. package/dist/charts/scatter/scatter-renderer.js +57 -1
  71. package/dist/charts/scatter/scatter-renderer.js.map +1 -1
  72. package/dist/charts/sparkline/sparkline.cjs +1 -1
  73. package/dist/charts/sparkline/sparkline.cjs.map +1 -1
  74. package/dist/charts/sparkline/sparkline.js +251 -1
  75. package/dist/charts/sparkline/sparkline.js.map +1 -1
  76. package/dist/core/cartesian-model.cjs +1 -1
  77. package/dist/core/cartesian-model.cjs.map +1 -1
  78. package/dist/core/cartesian-model.js +26 -1
  79. package/dist/core/cartesian-model.js.map +1 -1
  80. package/dist/core/cartesian-scales.cjs.map +1 -1
  81. package/dist/core/cartesian-scales.js +38 -1
  82. package/dist/core/cartesian-scales.js.map +1 -1
  83. package/dist/core/chart-base.cjs.map +1 -1
  84. package/dist/core/chart-base.js +62 -1
  85. package/dist/core/chart-base.js.map +1 -1
  86. package/dist/core/chart-scaffold.cjs.map +1 -1
  87. package/dist/core/chart-scaffold.js +103 -1
  88. package/dist/core/chart-scaffold.js.map +1 -1
  89. package/dist/core/datum-style.cjs +1 -1
  90. package/dist/core/datum-style.cjs.map +1 -1
  91. package/dist/core/datum-style.js +22 -1
  92. package/dist/core/datum-style.js.map +1 -1
  93. package/dist/core/ids.cjs.map +1 -1
  94. package/dist/core/ids.js +8 -1
  95. package/dist/core/ids.js.map +1 -1
  96. package/dist/core/layout.cjs.map +1 -1
  97. package/dist/core/layout.js +22 -1
  98. package/dist/core/layout.js.map +1 -1
  99. package/dist/core/polar.cjs.map +1 -1
  100. package/dist/core/polar.js +13 -1
  101. package/dist/core/polar.js.map +1 -1
  102. package/dist/core/responsive.cjs.map +1 -1
  103. package/dist/core/responsive.js +20 -1
  104. package/dist/core/responsive.js.map +1 -1
  105. package/dist/core/series-id.cjs.map +1 -1
  106. package/dist/core/series-id.js +7 -1
  107. package/dist/core/series-id.js.map +1 -1
  108. package/dist/errors.cjs.map +1 -1
  109. package/dist/errors.js +9 -1
  110. package/dist/errors.js.map +1 -1
  111. package/dist/index.js +13 -1
  112. package/dist/interaction/announcer.cjs.map +1 -1
  113. package/dist/interaction/announcer.js +25 -1
  114. package/dist/interaction/announcer.js.map +1 -1
  115. package/dist/interaction/crosshair.cjs.map +1 -1
  116. package/dist/interaction/crosshair.js +37 -1
  117. package/dist/interaction/crosshair.js.map +1 -1
  118. package/dist/interaction/events.cjs.map +1 -1
  119. package/dist/interaction/events.js +11 -1
  120. package/dist/interaction/events.js.map +1 -1
  121. package/dist/interaction/legend.cjs.map +1 -1
  122. package/dist/interaction/legend.js +31 -1
  123. package/dist/interaction/legend.js.map +1 -1
  124. package/dist/interaction/scatter-interaction.cjs.map +1 -1
  125. package/dist/interaction/scatter-interaction.js +105 -1
  126. package/dist/interaction/scatter-interaction.js.map +1 -1
  127. package/dist/interaction/series-interaction.cjs.map +1 -1
  128. package/dist/interaction/series-interaction.js +163 -1
  129. package/dist/interaction/series-interaction.js.map +1 -1
  130. package/dist/interaction/tooltip.cjs +1 -1
  131. package/dist/interaction/tooltip.cjs.map +1 -1
  132. package/dist/interaction/tooltip.js +87 -1
  133. package/dist/interaction/tooltip.js.map +1 -1
  134. package/dist/prism.cjs +1 -1
  135. package/dist/prism.cjs.map +1 -1
  136. package/dist/prism.iife.js +1 -1
  137. package/dist/prism.iife.js.map +1 -1
  138. package/dist/prism.js +2930 -1
  139. package/dist/prism.js.map +1 -1
  140. package/dist/scales/band.cjs.map +1 -1
  141. package/dist/scales/band.js +39 -1
  142. package/dist/scales/band.js.map +1 -1
  143. package/dist/scales/linear.cjs.map +1 -1
  144. package/dist/scales/linear.js +43 -1
  145. package/dist/scales/linear.js.map +1 -1
  146. package/dist/scales/time.cjs.map +1 -1
  147. package/dist/scales/time.js +61 -1
  148. package/dist/scales/time.js.map +1 -1
  149. package/dist/svg/element.cjs +1 -1
  150. package/dist/svg/element.cjs.map +1 -1
  151. package/dist/svg/element.js +16 -1
  152. package/dist/svg/element.js.map +1 -1
  153. package/dist/svg/path.cjs.map +1 -1
  154. package/dist/svg/path.js +48 -1
  155. package/dist/svg/path.js.map +1 -1
  156. package/dist/svg/text.cjs.map +1 -1
  157. package/dist/svg/text.js +13 -1
  158. package/dist/svg/text.js.map +1 -1
  159. package/dist/theme/index.cjs.map +1 -1
  160. package/dist/theme/index.js +37 -1
  161. package/dist/theme/index.js.map +1 -1
  162. package/package.json +5 -5
@@ -1,2 +1,39 @@
1
- import"../_dev.js";import{linearScale as e}from"../scales/linear.js";import{timeScale as t}from"../scales/time.js";function buildXScale(n,r){if(n.length===0||n.some(e=>e==null)||n.some(e=>typeof e==`number`&&!Number.isFinite(e)))return e({domain:[0,1],range:[0,r]});if(n[0]instanceof Date){let e=n,i=Math.min(...e.map(Number)),a=Math.max(...e.map(Number)),o=new Date(i),s=new Date(i===a?a+1:a);return t({domain:[o,s],nice:!1,range:[0,r]})}let i=n,a=Math.min(...i),o=Math.max(...i);return e({domain:[a,a===o?o+1:o],nice:!1,range:[0,r]})}function buildYScale(t,n,r=!0){if(t.length===0||t.some(e=>e==null)||t.some(e=>!Number.isFinite(e)))return e({domain:[0,1],range:[n,0]});let i=Math.min(...t),a=r?Math.min(0,i):i,o=Math.max(...t);return e({domain:[a,a===o?o+1:o],range:[n,0]})}export{buildXScale,buildYScale};
1
+ import "../_dev.js";
2
+ import { linearScale as e } from "../scales/linear.js";
3
+ import { timeScale as t } from "../scales/time.js";
4
+ //#region src/core/cartesian-scales.ts
5
+ function buildXScale(n, r) {
6
+ if (n.length === 0 || n.some((e) => e == null) || n.some((e) => typeof e == "number" && !Number.isFinite(e))) return e({
7
+ domain: [0, 1],
8
+ range: [0, r]
9
+ });
10
+ if (n[0] instanceof Date) {
11
+ let e = n, i = Math.min(...e.map(Number)), a = Math.max(...e.map(Number)), o = new Date(i), s = new Date(i === a ? a + 1 : a);
12
+ return t({
13
+ domain: [o, s],
14
+ nice: !1,
15
+ range: [0, r]
16
+ });
17
+ }
18
+ let i = n, a = Math.min(...i), o = Math.max(...i);
19
+ return e({
20
+ domain: [a, a === o ? o + 1 : o],
21
+ nice: !1,
22
+ range: [0, r]
23
+ });
24
+ }
25
+ function buildYScale(t, n, r = !0) {
26
+ if (t.length === 0 || t.some((e) => e == null) || t.some((e) => !Number.isFinite(e))) return e({
27
+ domain: [0, 1],
28
+ range: [n, 0]
29
+ });
30
+ let i = Math.min(...t), a = r ? Math.min(0, i) : i, o = Math.max(...t);
31
+ return e({
32
+ domain: [a, a === o ? o + 1 : o],
33
+ range: [n, 0]
34
+ });
35
+ }
36
+ //#endregion
37
+ export { buildXScale, buildYScale };
38
+
2
39
  //# sourceMappingURL=cartesian-scales.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"cartesian-scales.js","names":[],"sources":["../../src/core/cartesian-scales.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { linearScale } from '../scales/linear';\nimport { timeScale } from '../scales/time';\nimport type { Scale } from '../types';\n\nexport function buildXScale(allX: (Date | number)[], width: number): Scale<Date> | Scale<number> {\n if (allX.length === 0) return linearScale({ domain: [0, 1], range: [0, width] });\n\n if (allX.some((v) => v == null)) {\n warn(\n 'buildXScale: one or more x values are null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n );\n\n return linearScale({ domain: [0, 1], range: [0, width] });\n }\n\n if (allX.some((v) => typeof v === 'number' && !Number.isFinite(v))) {\n warn('buildXScale: one or more x values are NaN or Infinity: check upstream data for invalid arithmetic.');\n\n return linearScale({ domain: [0, 1], range: [0, width] });\n }\n\n if (allX[0] instanceof Date) {\n const dates = allX as Date[];\n const minMs = Math.min(...dates.map(Number));\n const maxMs = Math.max(...dates.map(Number));\n const min = new Date(minMs);\n const max = new Date(minMs === maxMs ? maxMs + 1 : maxMs);\n\n return timeScale({ domain: [min, max], nice: false, range: [0, width] });\n }\n\n const nums = allX as number[];\n const minN = Math.min(...nums);\n const maxN = Math.max(...nums);\n\n return linearScale({ domain: [minN, minN === maxN ? maxN + 1 : maxN], nice: false, range: [0, width] });\n}\n\nexport function buildYScale(allY: number[], height: number, includeZero = true): Scale<number> {\n if (allY.length === 0) return linearScale({ domain: [0, 1], range: [height, 0] });\n\n if (allY.some((v) => v == null)) {\n warn(\n 'buildYScale: one or more y values are null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n );\n\n return linearScale({ domain: [0, 1], range: [height, 0] });\n }\n\n if (allY.some((v) => !Number.isFinite(v))) {\n warn('buildYScale: one or more y values are NaN or Infinity: check upstream data for invalid arithmetic.');\n\n return linearScale({ domain: [0, 1], range: [height, 0] });\n }\n\n const rawMin = Math.min(...allY);\n const minY = includeZero ? Math.min(0, rawMin) : rawMin;\n const maxY = Math.max(...allY);\n\n return linearScale({ domain: [minY, minY === maxY ? maxY + 1 : maxY], range: [height, 0] });\n}\n"],"mappings":"mHAKA,SAAgB,YAAY,EAAyB,EAA4C,CAW/F,GAVI,EAAK,SAAW,GAEhB,EAAK,KAAM,GAAM,GAAK,IAAI,GAQ1B,EAAK,KAAM,GAAM,OAAO,GAAM,UAAY,CAAC,OAAO,SAAS,CAAC,CAAC,EAG/D,OAAO,EAAY,CAAE,OAAQ,CAAC,EAAG,CAAC,EAAG,MAAO,CAAC,EAAG,CAAK,CAAE,CAAC,EAG1D,GAAI,EAAK,aAAc,KAAM,CAC3B,IAAM,EAAQ,EACR,EAAQ,KAAK,IAAI,GAAG,EAAM,IAAI,MAAM,CAAC,EACrC,EAAQ,KAAK,IAAI,GAAG,EAAM,IAAI,MAAM,CAAC,EACrC,EAAM,IAAI,KAAK,CAAK,EACpB,EAAM,IAAI,KAAK,IAAU,EAAQ,EAAQ,EAAI,CAAK,EAExD,OAAO,EAAU,CAAE,OAAQ,CAAC,EAAK,CAAG,EAAG,KAAM,GAAO,MAAO,CAAC,EAAG,CAAK,CAAE,CAAC,CACzE,CAEA,IAAM,EAAO,EACP,EAAO,KAAK,IAAI,GAAG,CAAI,EACvB,EAAO,KAAK,IAAI,GAAG,CAAI,EAE7B,OAAO,EAAY,CAAE,OAAQ,CAAC,EAAM,IAAS,EAAO,EAAO,EAAI,CAAI,EAAG,KAAM,GAAO,MAAO,CAAC,EAAG,CAAK,CAAE,CAAC,CACxG,CAEA,SAAgB,YAAY,EAAgB,EAAgB,EAAc,GAAqB,CAW7F,GAVI,EAAK,SAAW,GAEhB,EAAK,KAAM,GAAM,GAAK,IAAI,GAQ1B,EAAK,KAAM,GAAM,CAAC,OAAO,SAAS,CAAC,CAAC,EAGtC,OAAO,EAAY,CAAE,OAAQ,CAAC,EAAG,CAAC,EAAG,MAAO,CAAC,EAAQ,CAAC,CAAE,CAAC,EAG3D,IAAM,EAAS,KAAK,IAAI,GAAG,CAAI,EACzB,EAAO,EAAc,KAAK,IAAI,EAAG,CAAM,EAAI,EAC3C,EAAO,KAAK,IAAI,GAAG,CAAI,EAE7B,OAAO,EAAY,CAAE,OAAQ,CAAC,EAAM,IAAS,EAAO,EAAO,EAAI,CAAI,EAAG,MAAO,CAAC,EAAQ,CAAC,CAAE,CAAC,CAC5F"}
1
+ {"version":3,"file":"cartesian-scales.js","names":["allX","v","linearScale","width","dates","minMs","maxMs","min","max","timeScale","nums","minN","maxN","allY","height","rawMin","minY","includeZero","maxY"],"sources":["../../src/core/cartesian-scales.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { linearScale } from '../scales/linear';\nimport { timeScale } from '../scales/time';\nimport type { Scale } from '../types';\n\nexport function buildXScale(allX: (Date | number)[], width: number): Scale<Date> | Scale<number> {\n if (allX.length === 0) return linearScale({ domain: [0, 1], range: [0, width] });\n\n if (allX.some((v) => v == null)) {\n warn(\n 'buildXScale: one or more x values are null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n );\n\n return linearScale({ domain: [0, 1], range: [0, width] });\n }\n\n if (allX.some((v) => typeof v === 'number' && !Number.isFinite(v))) {\n warn('buildXScale: one or more x values are NaN or Infinity: check upstream data for invalid arithmetic.');\n\n return linearScale({ domain: [0, 1], range: [0, width] });\n }\n\n if (allX[0] instanceof Date) {\n const dates = allX as Date[];\n const minMs = Math.min(...dates.map(Number));\n const maxMs = Math.max(...dates.map(Number));\n const min = new Date(minMs);\n const max = new Date(minMs === maxMs ? maxMs + 1 : maxMs);\n\n return timeScale({ domain: [min, max], nice: false, range: [0, width] });\n }\n\n const nums = allX as number[];\n const minN = Math.min(...nums);\n const maxN = Math.max(...nums);\n\n return linearScale({ domain: [minN, minN === maxN ? maxN + 1 : maxN], nice: false, range: [0, width] });\n}\n\nexport function buildYScale(allY: number[], height: number, includeZero = true): Scale<number> {\n if (allY.length === 0) return linearScale({ domain: [0, 1], range: [height, 0] });\n\n if (allY.some((v) => v == null)) {\n warn(\n 'buildYScale: one or more y values are null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n );\n\n return linearScale({ domain: [0, 1], range: [height, 0] });\n }\n\n if (allY.some((v) => !Number.isFinite(v))) {\n warn('buildYScale: one or more y values are NaN or Infinity: check upstream data for invalid arithmetic.');\n\n return linearScale({ domain: [0, 1], range: [height, 0] });\n }\n\n const rawMin = Math.min(...allY);\n const minY = includeZero ? Math.min(0, rawMin) : rawMin;\n const maxY = Math.max(...allY);\n\n return linearScale({ domain: [minY, minY === maxY ? maxY + 1 : maxY], range: [height, 0] });\n}\n"],"mappings":";;;;AAKA,SAAgB,YAAY,GAAyB,GAA4C;CAW/F,IAVIA,EAAK,WAAW,KAEhBA,EAAK,MAAM,MAAMC,KAAK,IAAI,KAQ1BD,EAAK,MAAM,MAAM,OAAOC,KAAM,YAAY,CAAC,OAAO,SAASA,CAAC,CAAC,GAG/D,OAAOC,EAAY;EAAE,QAAQ,CAAC,GAAG,CAAC;EAAG,OAAO,CAAC,GAAGC,CAAK;CAAE,CAAC;CAG1D,IAAIH,EAAK,cAAc,MAAM;EAC3B,IAAMI,IAAQJ,GACRK,IAAQ,KAAK,IAAI,GAAGD,EAAM,IAAI,MAAM,CAAC,GACrCE,IAAQ,KAAK,IAAI,GAAGF,EAAM,IAAI,MAAM,CAAC,GACrCG,IAAM,IAAI,KAAKF,CAAK,GACpBG,IAAM,IAAI,KAAKH,MAAUC,IAAQA,IAAQ,IAAIA,CAAK;EAExD,OAAOG,EAAU;GAAE,QAAQ,CAACF,GAAKC,CAAG;GAAG,MAAM;GAAO,OAAO,CAAC,GAAGL,CAAK;EAAE,CAAC;CACzE;CAEA,IAAMO,IAAOV,GACPW,IAAO,KAAK,IAAI,GAAGD,CAAI,GACvBE,IAAO,KAAK,IAAI,GAAGF,CAAI;CAE7B,OAAOR,EAAY;EAAE,QAAQ,CAACS,GAAMA,MAASC,IAAOA,IAAO,IAAIA,CAAI;EAAG,MAAM;EAAO,OAAO,CAAC,GAAGT,CAAK;CAAE,CAAC;AACxG;AAEA,SAAgB,YAAY,GAAgB,GAAgB,IAAc,IAAqB;CAW7F,IAVIU,EAAK,WAAW,KAEhBA,EAAK,MAAM,MAAMZ,KAAK,IAAI,KAQ1BY,EAAK,MAAM,MAAM,CAAC,OAAO,SAASZ,CAAC,CAAC,GAGtC,OAAOC,EAAY;EAAE,QAAQ,CAAC,GAAG,CAAC;EAAG,OAAO,CAACY,GAAQ,CAAC;CAAE,CAAC;CAG3D,IAAMC,IAAS,KAAK,IAAI,GAAGF,CAAI,GACzBG,IAAOC,IAAc,KAAK,IAAI,GAAGF,CAAM,IAAIA,GAC3CG,IAAO,KAAK,IAAI,GAAGL,CAAI;CAE7B,OAAOX,EAAY;EAAE,QAAQ,CAACc,GAAMA,MAASE,IAAOA,IAAO,IAAIA,CAAI;EAAG,OAAO,CAACJ,GAAQ,CAAC;CAAE,CAAC;AAC5F"}
@@ -1 +1 @@
1
- {"version":3,"file":"chart-base.cjs","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n dispose(): void;\n svg: SVGSVGElement;\n syncChrome(): void;\n}\n\nexport function createChartBase(\n container: HTMLElement,\n options: {\n a11y?: ChartA11y;\n /**\n * The chart's own in-flow chrome inside the container (the legend). Its height is\n * subtracted from every resize-driven svg height: the container's content box contains\n * the svg plus this chrome, so assigning the full content height back to the svg would\n * grow the container by the chrome's height on every pass — unbounded growth in any\n * auto-height container. Subtracting it makes the layout converge on the fixed point\n * `container = svg + chrome` instead.\n */\n chrome?: () => HTMLElement | null;\n margin?: Partial<ChartMargin>;\n },\n onResize?: () => void,\n): ChartBase {\n // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n // structurally valid Element from a different realm (e.g. an Element created via\n // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n // doesn't otherwise restrict.\n const isElementLike =\n typeof container === 'object' &&\n container !== null &&\n container.nodeType === 1 &&\n typeof container.appendChild === 'function' &&\n typeof container.getBoundingClientRect === 'function';\n\n if (!isElementLike) {\n const received: unknown = container;\n const kind =\n received === null\n ? 'null'\n : typeof received === 'object'\n ? (received.constructor?.name ?? 'object')\n : typeof received;\n\n throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n }\n\n const margin = resolveMargin(options.margin);\n const a11y = options.a11y;\n const svg = createSvgElement('svg', {\n ...(!a11y || a11y.decorative\n ? { 'aria-hidden': 'true' }\n : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n class: 'prism-chart',\n // The svg's width/height attributes are its single source of sizing truth (set below and\n // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n // the container's edge instead of inside the height the resize pass reserved for it.\n style: 'display:block;max-width:100%',\n });\n\n const chartAreaGroup = createSvgElement('g', {\n class: 'prism-chart-area',\n transform: `translate(${margin.left},${margin.top})`,\n });\n\n svg.appendChild(chartAreaGroup);\n\n const rect = container.getBoundingClientRect();\n\n if (rect.width === 0 || rect.height === 0) {\n warn(\n 'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n );\n }\n\n const initialWidth = rect.width || 600;\n const initialHeight = rect.height || 300;\n\n const dimensions: ChartDimensions = {\n height: initialHeight,\n margin,\n width: initialWidth,\n };\n\n // The dimensions the svg currently carries. A resize pass only re-renders when the\n // effective drawing size moves away from these.\n let appliedWidth = initialWidth;\n let appliedHeight = initialHeight;\n let containerHeight = initialHeight;\n\n // Legend updates reserve their space synchronously, before a renderer builds scales.\n const syncChrome = (): void => {\n const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n appliedHeight = height;\n dimensions.height = height;\n setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n };\n\n const stopObserving = observeResize(container, (width, height) => {\n containerHeight = height;\n const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n const svgHeight = Math.max(0, height - chromeHeight);\n\n // A ResizeObserver fires once for the initial observation, at the size the chart was\n // already built at. Re-rendering there is a no-op for layout but cancels a mount\n // entrance still in flight (the renderers treat the redraw as an already-drawn\n // update and snap to final), so a chart would never animate on first paint. Skip the\n // pass unless the effective size — legend chrome included — has genuinely changed.\n if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n appliedWidth = width;\n appliedHeight = svgHeight;\n dimensions.height = svgHeight;\n dimensions.width = width;\n setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n onResize?.();\n });\n\n setAttributes(svg, {\n height: initialHeight,\n viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n width: initialWidth,\n });\n\n container.appendChild(svg);\n\n return {\n chartArea: chartAreaGroup,\n dimensions,\n dispose() {\n stopObserving();\n svg.remove();\n },\n svg,\n syncChrome,\n };\n}\n"],"mappings":"gJAeA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAA,iBAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAA,cAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAA,iBAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAA,iBAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAE/B,EAA8B,CAClC,OAAQ,EACR,SACA,MAAO,CACT,EAII,EAAe,EACf,EAAgB,EAChB,EAAkB,EAGhB,eAAyB,CAC7B,IAAM,EAAS,KAAK,IAAI,EAAG,GAAmB,EAAQ,SAAS,CAAC,EAAE,cAAgB,EAAE,EAEpF,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAA,cAAc,EAAK,CAAE,SAAQ,QAAS,OAAO,EAAW,MAAM,GAAG,GAAS,CAAC,CAC7E,EAEM,EAAgB,EAAA,cAAc,GAAY,EAAO,IAAW,CAChE,EAAkB,EAClB,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,GAO/C,IAAU,GAAgB,IAAc,KAE5C,EAAe,EACf,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAA,cAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,EACb,CAAC,EAUD,OARA,EAAA,cAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,MACA,UACF,CACF"}
1
+ {"version":3,"file":"chart-base.cjs","names":["PrismRenderError","resolveMargin","createSvgElement","observeResize","require_element","require_errors","require_layout","require_responsive","container","received","kind","margin","options","a11y","svg","chartAreaGroup","rect","initialWidth","initialHeight","dimensions","appliedWidth","appliedHeight","containerHeight","height","stopObserving","chromeHeight","svgHeight","width","onResize"],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n dispose(): void;\n svg: SVGSVGElement;\n syncChrome(): void;\n}\n\nexport function createChartBase(\n container: HTMLElement,\n options: {\n a11y?: ChartA11y;\n /**\n * The chart's own in-flow chrome inside the container (the legend). Its height is\n * subtracted from every resize-driven svg height: the container's content box contains\n * the svg plus this chrome, so assigning the full content height back to the svg would\n * grow the container by the chrome's height on every pass — unbounded growth in any\n * auto-height container. Subtracting it makes the layout converge on the fixed point\n * `container = svg + chrome` instead.\n */\n chrome?: () => HTMLElement | null;\n margin?: Partial<ChartMargin>;\n },\n onResize?: () => void,\n): ChartBase {\n // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n // structurally valid Element from a different realm (e.g. an Element created via\n // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n // doesn't otherwise restrict.\n const isElementLike =\n typeof container === 'object' &&\n container !== null &&\n container.nodeType === 1 &&\n typeof container.appendChild === 'function' &&\n typeof container.getBoundingClientRect === 'function';\n\n if (!isElementLike) {\n const received: unknown = container;\n const kind =\n received === null\n ? 'null'\n : typeof received === 'object'\n ? (received.constructor?.name ?? 'object')\n : typeof received;\n\n throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n }\n\n const margin = resolveMargin(options.margin);\n const a11y = options.a11y;\n const svg = createSvgElement('svg', {\n ...(!a11y || a11y.decorative\n ? { 'aria-hidden': 'true' }\n : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n class: 'prism-chart',\n // The svg's width/height attributes are its single source of sizing truth (set below and\n // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n // the container's edge instead of inside the height the resize pass reserved for it.\n style: 'display:block;max-width:100%',\n });\n\n const chartAreaGroup = createSvgElement('g', {\n class: 'prism-chart-area',\n transform: `translate(${margin.left},${margin.top})`,\n });\n\n svg.appendChild(chartAreaGroup);\n\n const rect = container.getBoundingClientRect();\n\n if (rect.width === 0 || rect.height === 0) {\n warn(\n 'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n );\n }\n\n const initialWidth = rect.width || 600;\n const initialHeight = rect.height || 300;\n\n const dimensions: ChartDimensions = {\n height: initialHeight,\n margin,\n width: initialWidth,\n };\n\n // The dimensions the svg currently carries. A resize pass only re-renders when the\n // effective drawing size moves away from these.\n let appliedWidth = initialWidth;\n let appliedHeight = initialHeight;\n let containerHeight = initialHeight;\n\n // Legend updates reserve their space synchronously, before a renderer builds scales.\n const syncChrome = (): void => {\n const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n appliedHeight = height;\n dimensions.height = height;\n setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n };\n\n const stopObserving = observeResize(container, (width, height) => {\n containerHeight = height;\n const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n const svgHeight = Math.max(0, height - chromeHeight);\n\n // A ResizeObserver fires once for the initial observation, at the size the chart was\n // already built at. Re-rendering there is a no-op for layout but cancels a mount\n // entrance still in flight (the renderers treat the redraw as an already-drawn\n // update and snap to final), so a chart would never animate on first paint. Skip the\n // pass unless the effective size — legend chrome included — has genuinely changed.\n if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n appliedWidth = width;\n appliedHeight = svgHeight;\n dimensions.height = svgHeight;\n dimensions.width = width;\n setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n onResize?.();\n });\n\n setAttributes(svg, {\n height: initialHeight,\n viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n width: initialWidth,\n });\n\n container.appendChild(svg);\n\n return {\n chartArea: chartAreaGroup,\n dimensions,\n dispose() {\n stopObserving();\n svg.remove();\n },\n svg,\n syncChrome,\n };\n}\n"],"mappings":"A,gJAeA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAOQ,GAAc,UACrBA,GACAA,EAAU,WAAa,GACvB,OAAOA,EAAU,aAAgB,YACjC,OAAOA,EAAU,uBAA0B,YAEzB,CAClB,IAAMC,EAAoBD,EACpBE,EACJD,IAAa,KACT,OACA,OAAOA,GAAa,SACjBA,EAAS,aAAa,MAAQ,SAC/B,OAAOA,EAEf,MAAM,IAAIT,EAAAA,iBAAiB,8EAA8EU,EAAK,EAAE,CAClH,CAEA,IAAMC,EAASV,EAAAA,cAAcW,EAAQ,MAAM,EACrCC,EAAOD,EAAQ,KACfE,EAAMZ,EAAAA,iBAAiB,MAAO,CAClC,GAAI,CAACW,GAAQA,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAcA,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEKE,EAAiBb,EAAAA,iBAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAaS,EAAO,KAAK,GAAGA,EAAO,IAAI,EACpD,CAAC,EAEDG,EAAI,YAAYC,CAAc,EAE9B,IAAMC,EAAOR,EAAU,sBAAsB,EAEzCQ,EAAK,QAAU,GAAKA,EAAK,OAM7B,IAAMC,EAAeD,EAAK,OAAS,IAC7BE,EAAgBF,EAAK,QAAU,IAE/BG,EAA8B,CAClC,OAAQD,EACR,SACA,MAAOD,CACT,EAIIG,EAAeH,EACfI,EAAgBH,EAChBI,EAAkBJ,EAGhB,eAAyB,CAC7B,IAAMK,EAAS,KAAK,IAAI,EAAGD,GAAmBV,EAAQ,SAAS,CAAC,EAAE,cAAgB,EAAE,EAEpF,EAAgBW,EAChB,EAAW,OAASA,EACpBnB,EAAA,cAAcU,EAAK,CAAE,SAAQ,QAAS,OAAOK,EAAW,MAAM,GAAGI,GAAS,CAAC,CAC7E,EAEMC,EAAgBrB,EAAAA,cAAcK,GAAY,EAAO,IAAW,CAChE,EAAkBe,EAClB,IAAME,EAAeb,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnDc,EAAY,KAAK,IAAI,EAAGH,EAASE,CAAY,GAO/CE,IAAUP,GAAgBM,IAAcL,KAE5C,EAAeM,EACf,EAAgBD,EAChB,EAAW,OAASA,EACpB,EAAW,MAAQC,EACnBvB,EAAA,cAAcU,EAAK,CAAE,OAAQY,EAAW,QAAS,OAAOC,EAAM,GAAGD,IAAa,OAAM,CAAC,EACrFE,IAAW,EACb,CAAC,EAUD,OARAxB,EAAA,cAAcU,EAAK,CACjB,OAAQI,EACR,QAAS,OAAOD,EAAa,GAAGC,IAChC,MAAOD,CACT,CAAC,EAEDT,EAAU,YAAYM,CAAG,EAElB,CACL,UAAWC,EACX,aACA,SAAU,CACRS,EAAc,EACdV,EAAI,OAAO,CACb,EACA,MACA,UACF,CACF,C"}
@@ -1,2 +1,63 @@
1
- import"../_dev.js";import{createSvgElement as e,setAttributes as t}from"../svg/element.js";import{PrismRenderError as n}from"../errors.js";import{resolveMargin as r}from"./layout.js";import{observeResize as i}from"./responsive.js";function createChartBase(a,o,s){if(!(typeof a==`object`&&a&&a.nodeType===1&&typeof a.appendChild==`function`&&typeof a.getBoundingClientRect==`function`)){let e=a,t=e===null?`null`:typeof e==`object`?e.constructor?.name??`object`:typeof e;throw new n(`Invalid chart configuration: \`container\` must be a DOM Element, received ${t}.`)}let c=r(o.margin),l=o.a11y,u=e(`svg`,{...!l||l.decorative?{"aria-hidden":`true`}:{"aria-label":l.ariaLabel,role:`img`,tabindex:`0`},class:`prism-chart`,style:`display:block;max-width:100%`}),d=e(`g`,{class:`prism-chart-area`,transform:`translate(${c.left},${c.top})`});u.appendChild(d);let f=a.getBoundingClientRect();f.width===0||f.height;let p=f.width||600,m=f.height||300,h={height:m,margin:c,width:p},g=p,_=m,v=m,syncChrome=()=>{let e=Math.max(0,v-(o.chrome?.()?.offsetHeight??0));_=e,h.height=e,t(u,{height:e,viewBox:`0 0 ${h.width} ${e}`})},y=i(a,(e,n)=>{v=n;let r=o.chrome?.()?.offsetHeight??0,i=Math.max(0,n-r);(e!==g||i!==_)&&(g=e,_=i,h.height=i,h.width=e,t(u,{height:i,viewBox:`0 0 ${e} ${i}`,width:e}),s?.())});return t(u,{height:m,viewBox:`0 0 ${p} ${m}`,width:p}),a.appendChild(u),{chartArea:d,dimensions:h,dispose(){y(),u.remove()},svg:u,syncChrome}}export{createChartBase};
1
+ import "../_dev.js";
2
+ import { createSvgElement as e, setAttributes as t } from "../svg/element.js";
3
+ import { PrismRenderError as n } from "../errors.js";
4
+ import { resolveMargin as r } from "./layout.js";
5
+ import { observeResize as i } from "./responsive.js";
6
+ //#region src/core/chart-base.ts
7
+ function createChartBase(a, o, s) {
8
+ if (!(typeof a == "object" && a && a.nodeType === 1 && typeof a.appendChild == "function" && typeof a.getBoundingClientRect == "function")) {
9
+ let e = a, t = e === null ? "null" : typeof e == "object" ? e.constructor?.name ?? "object" : typeof e;
10
+ throw new n(`Invalid chart configuration: \`container\` must be a DOM Element, received ${t}.`);
11
+ }
12
+ let c = r(o.margin), l = o.a11y, u = e("svg", {
13
+ ...!l || l.decorative ? { "aria-hidden": "true" } : {
14
+ "aria-label": l.ariaLabel,
15
+ role: "img",
16
+ tabindex: "0"
17
+ },
18
+ class: "prism-chart",
19
+ style: "display:block;max-width:100%"
20
+ }), d = e("g", {
21
+ class: "prism-chart-area",
22
+ transform: `translate(${c.left},${c.top})`
23
+ });
24
+ u.appendChild(d);
25
+ let f = a.getBoundingClientRect();
26
+ f.width === 0 || f.height;
27
+ let p = f.width || 600, m = f.height || 300, h = {
28
+ height: m,
29
+ margin: c,
30
+ width: p
31
+ }, g = p, _ = m, v = m, syncChrome = () => {
32
+ let e = Math.max(0, v - (o.chrome?.()?.offsetHeight ?? 0));
33
+ _ = e, h.height = e, t(u, {
34
+ height: e,
35
+ viewBox: `0 0 ${h.width} ${e}`
36
+ });
37
+ }, y = i(a, (e, n) => {
38
+ v = n;
39
+ let r = o.chrome?.()?.offsetHeight ?? 0, i = Math.max(0, n - r);
40
+ (e !== g || i !== _) && (g = e, _ = i, h.height = i, h.width = e, t(u, {
41
+ height: i,
42
+ viewBox: `0 0 ${e} ${i}`,
43
+ width: e
44
+ }), s?.());
45
+ });
46
+ return t(u, {
47
+ height: m,
48
+ viewBox: `0 0 ${p} ${m}`,
49
+ width: p
50
+ }), a.appendChild(u), {
51
+ chartArea: d,
52
+ dimensions: h,
53
+ dispose() {
54
+ y(), u.remove();
55
+ },
56
+ svg: u,
57
+ syncChrome
58
+ };
59
+ }
60
+ //#endregion
61
+ export { createChartBase };
62
+
2
63
  //# sourceMappingURL=chart-base.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chart-base.js","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n dispose(): void;\n svg: SVGSVGElement;\n syncChrome(): void;\n}\n\nexport function createChartBase(\n container: HTMLElement,\n options: {\n a11y?: ChartA11y;\n /**\n * The chart's own in-flow chrome inside the container (the legend). Its height is\n * subtracted from every resize-driven svg height: the container's content box contains\n * the svg plus this chrome, so assigning the full content height back to the svg would\n * grow the container by the chrome's height on every pass — unbounded growth in any\n * auto-height container. Subtracting it makes the layout converge on the fixed point\n * `container = svg + chrome` instead.\n */\n chrome?: () => HTMLElement | null;\n margin?: Partial<ChartMargin>;\n },\n onResize?: () => void,\n): ChartBase {\n // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n // structurally valid Element from a different realm (e.g. an Element created via\n // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n // doesn't otherwise restrict.\n const isElementLike =\n typeof container === 'object' &&\n container !== null &&\n container.nodeType === 1 &&\n typeof container.appendChild === 'function' &&\n typeof container.getBoundingClientRect === 'function';\n\n if (!isElementLike) {\n const received: unknown = container;\n const kind =\n received === null\n ? 'null'\n : typeof received === 'object'\n ? (received.constructor?.name ?? 'object')\n : typeof received;\n\n throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n }\n\n const margin = resolveMargin(options.margin);\n const a11y = options.a11y;\n const svg = createSvgElement('svg', {\n ...(!a11y || a11y.decorative\n ? { 'aria-hidden': 'true' }\n : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n class: 'prism-chart',\n // The svg's width/height attributes are its single source of sizing truth (set below and\n // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n // the container's edge instead of inside the height the resize pass reserved for it.\n style: 'display:block;max-width:100%',\n });\n\n const chartAreaGroup = createSvgElement('g', {\n class: 'prism-chart-area',\n transform: `translate(${margin.left},${margin.top})`,\n });\n\n svg.appendChild(chartAreaGroup);\n\n const rect = container.getBoundingClientRect();\n\n if (rect.width === 0 || rect.height === 0) {\n warn(\n 'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n );\n }\n\n const initialWidth = rect.width || 600;\n const initialHeight = rect.height || 300;\n\n const dimensions: ChartDimensions = {\n height: initialHeight,\n margin,\n width: initialWidth,\n };\n\n // The dimensions the svg currently carries. A resize pass only re-renders when the\n // effective drawing size moves away from these.\n let appliedWidth = initialWidth;\n let appliedHeight = initialHeight;\n let containerHeight = initialHeight;\n\n // Legend updates reserve their space synchronously, before a renderer builds scales.\n const syncChrome = (): void => {\n const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n appliedHeight = height;\n dimensions.height = height;\n setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n };\n\n const stopObserving = observeResize(container, (width, height) => {\n containerHeight = height;\n const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n const svgHeight = Math.max(0, height - chromeHeight);\n\n // A ResizeObserver fires once for the initial observation, at the size the chart was\n // already built at. Re-rendering there is a no-op for layout but cancels a mount\n // entrance still in flight (the renderers treat the redraw as an already-drawn\n // update and snap to final), so a chart would never animate on first paint. Skip the\n // pass unless the effective size — legend chrome included — has genuinely changed.\n if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n appliedWidth = width;\n appliedHeight = svgHeight;\n dimensions.height = svgHeight;\n dimensions.width = width;\n setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n onResize?.();\n });\n\n setAttributes(svg, {\n height: initialHeight,\n viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n width: initialWidth,\n });\n\n container.appendChild(svg);\n\n return {\n chartArea: chartAreaGroup,\n dimensions,\n dispose() {\n stopObserving();\n svg.remove();\n },\n svg,\n syncChrome,\n };\n}\n"],"mappings":"uOAeA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAE/B,EAA8B,CAClC,OAAQ,EACR,SACA,MAAO,CACT,EAII,EAAe,EACf,EAAgB,EAChB,EAAkB,EAGhB,eAAyB,CAC7B,IAAM,EAAS,KAAK,IAAI,EAAG,GAAmB,EAAQ,SAAS,CAAC,EAAE,cAAgB,EAAE,EAEpF,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAc,EAAK,CAAE,SAAQ,QAAS,OAAO,EAAW,MAAM,GAAG,GAAS,CAAC,CAC7E,EAEM,EAAgB,EAAc,GAAY,EAAO,IAAW,CAChE,EAAkB,EAClB,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,GAO/C,IAAU,GAAgB,IAAc,KAE5C,EAAe,EACf,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,EACb,CAAC,EAUD,OARA,EAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,MACA,UACF,CACF"}
1
+ {"version":3,"file":"chart-base.js","names":["container","received","kind","PrismRenderError","margin","resolveMargin","options","a11y","svg","createSvgElement","chartAreaGroup","rect","initialWidth","initialHeight","dimensions","appliedWidth","appliedHeight","containerHeight","height","setAttributes","stopObserving","observeResize","chromeHeight","svgHeight","width","onResize"],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n dispose(): void;\n svg: SVGSVGElement;\n syncChrome(): void;\n}\n\nexport function createChartBase(\n container: HTMLElement,\n options: {\n a11y?: ChartA11y;\n /**\n * The chart's own in-flow chrome inside the container (the legend). Its height is\n * subtracted from every resize-driven svg height: the container's content box contains\n * the svg plus this chrome, so assigning the full content height back to the svg would\n * grow the container by the chrome's height on every pass — unbounded growth in any\n * auto-height container. Subtracting it makes the layout converge on the fixed point\n * `container = svg + chrome` instead.\n */\n chrome?: () => HTMLElement | null;\n margin?: Partial<ChartMargin>;\n },\n onResize?: () => void,\n): ChartBase {\n // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n // structurally valid Element from a different realm (e.g. an Element created via\n // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n // doesn't otherwise restrict.\n const isElementLike =\n typeof container === 'object' &&\n container !== null &&\n container.nodeType === 1 &&\n typeof container.appendChild === 'function' &&\n typeof container.getBoundingClientRect === 'function';\n\n if (!isElementLike) {\n const received: unknown = container;\n const kind =\n received === null\n ? 'null'\n : typeof received === 'object'\n ? (received.constructor?.name ?? 'object')\n : typeof received;\n\n throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n }\n\n const margin = resolveMargin(options.margin);\n const a11y = options.a11y;\n const svg = createSvgElement('svg', {\n ...(!a11y || a11y.decorative\n ? { 'aria-hidden': 'true' }\n : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n class: 'prism-chart',\n // The svg's width/height attributes are its single source of sizing truth (set below and\n // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n // the container's edge instead of inside the height the resize pass reserved for it.\n style: 'display:block;max-width:100%',\n });\n\n const chartAreaGroup = createSvgElement('g', {\n class: 'prism-chart-area',\n transform: `translate(${margin.left},${margin.top})`,\n });\n\n svg.appendChild(chartAreaGroup);\n\n const rect = container.getBoundingClientRect();\n\n if (rect.width === 0 || rect.height === 0) {\n warn(\n 'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n );\n }\n\n const initialWidth = rect.width || 600;\n const initialHeight = rect.height || 300;\n\n const dimensions: ChartDimensions = {\n height: initialHeight,\n margin,\n width: initialWidth,\n };\n\n // The dimensions the svg currently carries. A resize pass only re-renders when the\n // effective drawing size moves away from these.\n let appliedWidth = initialWidth;\n let appliedHeight = initialHeight;\n let containerHeight = initialHeight;\n\n // Legend updates reserve their space synchronously, before a renderer builds scales.\n const syncChrome = (): void => {\n const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n appliedHeight = height;\n dimensions.height = height;\n setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n };\n\n const stopObserving = observeResize(container, (width, height) => {\n containerHeight = height;\n const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n const svgHeight = Math.max(0, height - chromeHeight);\n\n // A ResizeObserver fires once for the initial observation, at the size the chart was\n // already built at. Re-rendering there is a no-op for layout but cancels a mount\n // entrance still in flight (the renderers treat the redraw as an already-drawn\n // update and snap to final), so a chart would never animate on first paint. Skip the\n // pass unless the effective size — legend chrome included — has genuinely changed.\n if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n appliedWidth = width;\n appliedHeight = svgHeight;\n dimensions.height = svgHeight;\n dimensions.width = width;\n setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n onResize?.();\n });\n\n setAttributes(svg, {\n height: initialHeight,\n viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n width: initialWidth,\n });\n\n container.appendChild(svg);\n\n return {\n chartArea: chartAreaGroup,\n dimensions,\n dispose() {\n stopObserving();\n svg.remove();\n },\n svg,\n syncChrome,\n };\n}\n"],"mappings":";;;;;;AAeA,SAAgB,gBACd,GACA,GAaA,GACW;CAaX,IAAI,EANF,OAAOA,KAAc,YACrBA,KACAA,EAAU,aAAa,KACvB,OAAOA,EAAU,eAAgB,cACjC,OAAOA,EAAU,yBAA0B,aAEzB;EAClB,IAAMC,IAAoBD,GACpBE,IACJD,MAAa,OACT,SACA,OAAOA,KAAa,WACjBA,EAAS,aAAa,QAAQ,WAC/B,OAAOA;EAEf,MAAM,IAAIE,EAAiB,8EAA8ED,EAAK,EAAE;CAClH;CAEA,IAAME,IAASC,EAAcC,EAAQ,MAAM,GACrCC,IAAOD,EAAQ,MACfE,IAAMC,EAAiB,OAAO;EAClC,GAAI,CAACF,KAAQA,EAAK,aACd,EAAE,eAAe,OAAO,IACxB;GAAE,cAAcA,EAAK;GAAW,MAAM;GAAO,UAAU;EAAI;EAC/D,OAAO;EAKP,OAAO;CACT,CAAC,GAEKG,IAAiBD,EAAiB,KAAK;EAC3C,OAAO;EACP,WAAW,aAAaL,EAAO,KAAK,GAAGA,EAAO,IAAI;CACpD,CAAC;CAED,EAAI,YAAYM,CAAc;CAE9B,IAAMC,IAAOX,EAAU,sBAAsB;CAE7C,AAAIW,EAAK,UAAU,KAAKA,EAAK;CAM7B,IAAMC,IAAeD,EAAK,SAAS,KAC7BE,IAAgBF,EAAK,UAAU,KAE/BG,IAA8B;EAClC,QAAQD;EACR;EACA,OAAOD;CACT,GAIIG,IAAeH,GACfI,IAAgBH,GAChBI,IAAkBJ,GAGhB,mBAAyB;EAC7B,IAAMK,IAAS,KAAK,IAAI,GAAGD,KAAmBX,EAAQ,SAAS,CAAC,EAAE,gBAAgB,EAAE;EAIpF,AAFA,IAAgBY,GAChB,EAAW,SAASA,GACpBC,EAAcX,GAAK;GAAE;GAAQ,SAAS,OAAOM,EAAW,MAAM,GAAGI;EAAS,CAAC;CAC7E,GAEME,IAAgBC,EAAcrB,IAAY,GAAO,MAAW;EAChE,IAAkBkB;EAClB,IAAMI,IAAehB,EAAQ,SAAS,CAAC,EAAE,gBAAgB,GACnDiB,IAAY,KAAK,IAAI,GAAGL,IAASI,CAAY;EAOnD,CAAIE,MAAUT,KAAgBQ,MAAcP,OAE5C,IAAeQ,GACf,IAAgBD,GAChB,EAAW,SAASA,GACpB,EAAW,QAAQC,GACnBL,EAAcX,GAAK;GAAE,QAAQe;GAAW,SAAS,OAAOC,EAAM,GAAGD;GAAa;EAAM,CAAC,GACrFE,IAAW;CACb,CAAC;CAUD,OARAN,EAAcX,GAAK;EACjB,QAAQK;EACR,SAAS,OAAOD,EAAa,GAAGC;EAChC,OAAOD;CACT,CAAC,GAEDZ,EAAU,YAAYQ,CAAG,GAElB;EACL,WAAWE;EACX;EACA,UAAU;GAER,AADAU,EAAc,GACdZ,EAAI,OAAO;EACb;EACA;EACA;CACF;AACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"chart-scaffold.cjs","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n grid: SVGGElement;\n series: SVGGElement;\n xAxis: SVGGElement;\n yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n groups: ScaffoldGroups,\n legend: LegendState | null,\n tooltip: TooltipState | null,\n crosshair?: CrosshairState | null,\n): void {\n removeChildren(groups.series);\n removeChildren(groups.grid);\n removeChildren(groups.xAxis);\n removeChildren(groups.yAxis);\n legend?.update([]);\n tooltip?.hide();\n crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n announcer: Announcer;\n chartArea: SVGGElement;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n groups: ScaffoldGroups;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n announcer: Announcer;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n onClick?: (event: MouseEvent) => void;\n onKeyDown?: (event: KeyboardEvent) => void;\n onMouseLeave?: (event: MouseEvent) => void;\n onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n buildCtx: (\n base: {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n svg: SVGSVGElement;\n },\n tooltip: TooltipState | null,\n legend: LegendState | null,\n disposalSignal: AbortSignal,\n announcer: Announcer,\n ) => TCtx,\n renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n let render = (_reason: RenderReason) => {};\n const tappers = createTappers<PrismEvent>();\n // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n // so the first observer notification does not interrupt the entrance.\n let legend: LegendState | null = null;\n const base = createChartBase(\n container,\n { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n () => {\n tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n render('resize');\n },\n );\n const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n const ac = new AbortController();\n const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n let disposed = false;\n const events = makeEventManager(base.svg);\n\n render = (reason) => {\n if (disposed) return;\n events.attach(renderFn(ctx, reason));\n };\n\n try {\n render('mount');\n } catch (error) {\n disposed = true;\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n }\n\n return {\n get disposalSignal(): AbortSignal {\n return ac.signal;\n },\n\n dispose() {\n if (disposed) return;\n\n disposed = true;\n tappers.emit({ type: 'dispose' });\n tappers.stop();\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n },\n\n get disposed(): boolean {\n return disposed;\n },\n\n el: base.svg,\n\n tap: tappers.tap,\n\n update(data) {\n if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n updateData(data);\n render('update');\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n attach(handlers: ChartEventHandlers | undefined): void;\n detach(): void;\n} {\n let active: ChartEventHandlers | null = null;\n\n return {\n attach(handlers) {\n if (active) {\n if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n active = null;\n }\n\n if (!handlers) return;\n\n active = handlers;\n\n if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n },\n detach() {\n this.attach(undefined);\n },\n };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) => {\n const groups: ScaffoldGroups = {\n // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n // `renderAxis` marks its own decorative tick lines/labels individually instead.\n grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n series: createSvgElement('g', { class: 'prism-series' }),\n xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n };\n\n base.chartArea.appendChild(groups.grid);\n base.chartArea.appendChild(groups.xAxis);\n base.chartArea.appendChild(groups.yAxis);\n base.chartArea.appendChild(groups.series);\n\n return {\n announcer,\n chartArea: base.chartArea,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n groups,\n legend,\n svg: base.svg,\n tooltip,\n } satisfies ScaffoldContext;\n },\n renderFn,\n updateData,\n );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) =>\n ({\n announcer,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n legend,\n svg: base.svg,\n tooltip,\n }) satisfies RadialScaffoldContext,\n renderFn,\n updateData,\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"chart-scaffold.cjs","names":["createTappers","createChartBase","createTooltip","createLegend","createAnnouncer","PrismRenderError","createSvgElement","require_element","require__tappers","require_errors","require_announcer","require_legend","require_tooltip","require_chart_base","groups","legend","tooltip","crosshair","tappers","base","container","config","ac","ctx","buildCtx","disposed","events","renderFn","reason","error","updateData","data","active","svg","handlers"],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n grid: SVGGElement;\n series: SVGGElement;\n xAxis: SVGGElement;\n yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n groups: ScaffoldGroups,\n legend: LegendState | null,\n tooltip: TooltipState | null,\n crosshair?: CrosshairState | null,\n): void {\n removeChildren(groups.series);\n removeChildren(groups.grid);\n removeChildren(groups.xAxis);\n removeChildren(groups.yAxis);\n legend?.update([]);\n tooltip?.hide();\n crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n announcer: Announcer;\n chartArea: SVGGElement;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n groups: ScaffoldGroups;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n announcer: Announcer;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n onClick?: (event: MouseEvent) => void;\n onKeyDown?: (event: KeyboardEvent) => void;\n onMouseLeave?: (event: MouseEvent) => void;\n onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n buildCtx: (\n base: {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n svg: SVGSVGElement;\n },\n tooltip: TooltipState | null,\n legend: LegendState | null,\n disposalSignal: AbortSignal,\n announcer: Announcer,\n ) => TCtx,\n renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n let render = (_reason: RenderReason) => {};\n const tappers = createTappers<PrismEvent>();\n // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n // so the first observer notification does not interrupt the entrance.\n let legend: LegendState | null = null;\n const base = createChartBase(\n container,\n { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n () => {\n tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n render('resize');\n },\n );\n const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n const ac = new AbortController();\n const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n let disposed = false;\n const events = makeEventManager(base.svg);\n\n render = (reason) => {\n if (disposed) return;\n events.attach(renderFn(ctx, reason));\n };\n\n try {\n render('mount');\n } catch (error) {\n disposed = true;\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n }\n\n return {\n get disposalSignal(): AbortSignal {\n return ac.signal;\n },\n\n dispose() {\n if (disposed) return;\n\n disposed = true;\n tappers.emit({ type: 'dispose' });\n tappers.stop();\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n },\n\n get disposed(): boolean {\n return disposed;\n },\n\n el: base.svg,\n\n tap: tappers.tap,\n\n update(data) {\n if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n updateData(data);\n render('update');\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n attach(handlers: ChartEventHandlers | undefined): void;\n detach(): void;\n} {\n let active: ChartEventHandlers | null = null;\n\n return {\n attach(handlers) {\n if (active) {\n if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n active = null;\n }\n\n if (!handlers) return;\n\n active = handlers;\n\n if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n },\n detach() {\n this.attach(undefined);\n },\n };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) => {\n const groups: ScaffoldGroups = {\n // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n // `renderAxis` marks its own decorative tick lines/labels individually instead.\n grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n series: createSvgElement('g', { class: 'prism-series' }),\n xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n };\n\n base.chartArea.appendChild(groups.grid);\n base.chartArea.appendChild(groups.xAxis);\n base.chartArea.appendChild(groups.yAxis);\n base.chartArea.appendChild(groups.series);\n\n return {\n announcer,\n chartArea: base.chartArea,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n groups,\n legend,\n svg: base.svg,\n tooltip,\n } satisfies ScaffoldContext;\n },\n renderFn,\n updateData,\n );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) =>\n ({\n announcer,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n legend,\n svg: base.svg,\n tooltip,\n }) satisfies RadialScaffoldContext,\n renderFn,\n updateData,\n );\n}\n"],"mappings":"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"}
@@ -1,2 +1,104 @@
1
- import{createSvgElement as e,removeChildren as t}from"../svg/element.js";import{createTappers as n}from"../_tappers.js";import{PrismRenderError as r}from"../errors.js";import{createAnnouncer as i}from"../interaction/announcer.js";import{createLegend as a}from"../interaction/legend.js";import{createTooltip as o}from"../interaction/tooltip.js";import{createChartBase as s}from"./chart-base.js";function clearCartesianDom(e,n,r,i){t(e.series),t(e.grid),t(e.xAxis),t(e.yAxis),n?.update([]),r?.hide(),i?.hide()}function runScaffold(e,t,c,l,u){let render=e=>{},d=n(),f=null,p=s(e,{a11y:t.a11y,chrome:()=>f?.el??null,margin:t.margin},()=>{d.emit({height:p.dimensions.height,type:`resize`,width:p.dimensions.width}),render(`resize`)}),m=t.tooltip?o(e,t.tooltip):null;f=t.legend?a(e,t.legend,()=>p.syncChrome()):null;let h=new AbortController,g=c(p,m,f,h.signal,i(p.svg,`prism-live`)),_=!1,v=makeEventManager(p.svg);render=e=>{_||v.attach(l(g,e))};try{render(`mount`)}catch(e){throw _=!0,h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose(),e instanceof r?e:new r(`Failed to render chart.`,{cause:e})}return{get disposalSignal(){return h.signal},dispose(){_||(_=!0,d.emit({type:`dispose`}),d.stop(),h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose())},get disposed(){return _},el:p.svg,tap:d.tap,update(e){if(_)throw new r(`Cannot update a disposed chart.`);u(e),render(`update`)},[Symbol.dispose](){this.dispose()}}}function makeEventManager(e){let t=null;return{attach(n){t&&=(t.onMouseMove&&e.removeEventListener(`mousemove`,t.onMouseMove),t.onMouseLeave&&e.removeEventListener(`mouseleave`,t.onMouseLeave),t.onClick&&e.removeEventListener(`click`,t.onClick),t.onKeyDown&&e.removeEventListener(`keydown`,t.onKeyDown),null),n&&(t=n,n.onMouseMove&&e.addEventListener(`mousemove`,n.onMouseMove),n.onMouseLeave&&e.addEventListener(`mouseleave`,n.onMouseLeave),n.onClick&&e.addEventListener(`click`,n.onClick),n.onKeyDown&&e.addEventListener(`keydown`,n.onKeyDown))},detach(){this.attach(void 0)}}}function createChartScaffold(t,n,r,i){return runScaffold(t,n,(n,r,i,a,o)=>{let s={grid:e(`g`,{"aria-hidden":`true`,class:`prism-grid`}),series:e(`g`,{class:`prism-series`}),xAxis:e(`g`,{class:`prism-x-axis`}),yAxis:e(`g`,{class:`prism-y-axis`})};return n.chartArea.appendChild(s.grid),n.chartArea.appendChild(s.xAxis),n.chartArea.appendChild(s.yAxis),n.chartArea.appendChild(s.series),{announcer:o,chartArea:n.chartArea,container:t,dimensions:n.dimensions,disposalSignal:a,groups:s,legend:i,svg:n.svg,tooltip:r}},r,i)}function createRadialScaffold(e,t,n,r){return runScaffold(e,t,(t,n,r,i,a)=>({announcer:a,container:e,dimensions:t.dimensions,disposalSignal:i,legend:r,svg:t.svg,tooltip:n}),n,r)}export{clearCartesianDom,createChartScaffold,createRadialScaffold};
1
+ import { createSvgElement as e, removeChildren as t } from "../svg/element.js";
2
+ import { createTappers as n } from "../_tappers.js";
3
+ import { PrismRenderError as r } from "../errors.js";
4
+ import { createAnnouncer as i } from "../interaction/announcer.js";
5
+ import { createLegend as a } from "../interaction/legend.js";
6
+ import { createTooltip as o } from "../interaction/tooltip.js";
7
+ import { createChartBase as s } from "./chart-base.js";
8
+ //#region src/core/chart-scaffold.ts
9
+ function clearCartesianDom(e, n, r, i) {
10
+ t(e.series), t(e.grid), t(e.xAxis), t(e.yAxis), n?.update([]), r?.hide(), i?.hide();
11
+ }
12
+ function runScaffold(e, t, c, l, u) {
13
+ let render = (e) => {}, d = n(), f = null, p = s(e, {
14
+ a11y: t.a11y,
15
+ chrome: () => f?.el ?? null,
16
+ margin: t.margin
17
+ }, () => {
18
+ d.emit({
19
+ height: p.dimensions.height,
20
+ type: "resize",
21
+ width: p.dimensions.width
22
+ }), render("resize");
23
+ }), m = t.tooltip ? o(e, t.tooltip) : null;
24
+ f = t.legend ? a(e, t.legend, () => p.syncChrome()) : null;
25
+ let h = new AbortController(), g = c(p, m, f, h.signal, i(p.svg, "prism-live")), _ = !1, v = makeEventManager(p.svg);
26
+ render = (e) => {
27
+ _ || v.attach(l(g, e));
28
+ };
29
+ try {
30
+ render("mount");
31
+ } catch (e) {
32
+ throw _ = !0, h.abort(), v.detach(), m?.dispose(), f?.dispose(), p.dispose(), e instanceof r ? e : new r("Failed to render chart.", { cause: e });
33
+ }
34
+ return {
35
+ get disposalSignal() {
36
+ return h.signal;
37
+ },
38
+ dispose() {
39
+ _ || (_ = !0, d.emit({ type: "dispose" }), d.stop(), h.abort(), v.detach(), m?.dispose(), f?.dispose(), p.dispose());
40
+ },
41
+ get disposed() {
42
+ return _;
43
+ },
44
+ el: p.svg,
45
+ tap: d.tap,
46
+ update(e) {
47
+ if (_) throw new r("Cannot update a disposed chart.");
48
+ u(e), render("update");
49
+ },
50
+ [Symbol.dispose]() {
51
+ this.dispose();
52
+ }
53
+ };
54
+ }
55
+ function makeEventManager(e) {
56
+ let t = null;
57
+ return {
58
+ attach(n) {
59
+ t &&= (t.onMouseMove && e.removeEventListener("mousemove", t.onMouseMove), t.onMouseLeave && e.removeEventListener("mouseleave", t.onMouseLeave), t.onClick && e.removeEventListener("click", t.onClick), t.onKeyDown && e.removeEventListener("keydown", t.onKeyDown), null), n && (t = n, n.onMouseMove && e.addEventListener("mousemove", n.onMouseMove), n.onMouseLeave && e.addEventListener("mouseleave", n.onMouseLeave), n.onClick && e.addEventListener("click", n.onClick), n.onKeyDown && e.addEventListener("keydown", n.onKeyDown));
60
+ },
61
+ detach() {
62
+ this.attach(void 0);
63
+ }
64
+ };
65
+ }
66
+ function createChartScaffold(t, n, r, i) {
67
+ return runScaffold(t, n, (n, r, i, a, o) => {
68
+ let s = {
69
+ grid: e("g", {
70
+ "aria-hidden": "true",
71
+ class: "prism-grid"
72
+ }),
73
+ series: e("g", { class: "prism-series" }),
74
+ xAxis: e("g", { class: "prism-x-axis" }),
75
+ yAxis: e("g", { class: "prism-y-axis" })
76
+ };
77
+ return n.chartArea.appendChild(s.grid), n.chartArea.appendChild(s.xAxis), n.chartArea.appendChild(s.yAxis), n.chartArea.appendChild(s.series), {
78
+ announcer: o,
79
+ chartArea: n.chartArea,
80
+ container: t,
81
+ dimensions: n.dimensions,
82
+ disposalSignal: a,
83
+ groups: s,
84
+ legend: i,
85
+ svg: n.svg,
86
+ tooltip: r
87
+ };
88
+ }, r, i);
89
+ }
90
+ function createRadialScaffold(e, t, n, r) {
91
+ return runScaffold(e, t, (t, n, r, i, a) => ({
92
+ announcer: a,
93
+ container: e,
94
+ dimensions: t.dimensions,
95
+ disposalSignal: i,
96
+ legend: r,
97
+ svg: t.svg,
98
+ tooltip: n
99
+ }), n, r);
100
+ }
101
+ //#endregion
102
+ export { clearCartesianDom, createChartScaffold, createRadialScaffold };
103
+
2
104
  //# sourceMappingURL=chart-scaffold.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chart-scaffold.js","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n grid: SVGGElement;\n series: SVGGElement;\n xAxis: SVGGElement;\n yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n groups: ScaffoldGroups,\n legend: LegendState | null,\n tooltip: TooltipState | null,\n crosshair?: CrosshairState | null,\n): void {\n removeChildren(groups.series);\n removeChildren(groups.grid);\n removeChildren(groups.xAxis);\n removeChildren(groups.yAxis);\n legend?.update([]);\n tooltip?.hide();\n crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n announcer: Announcer;\n chartArea: SVGGElement;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n groups: ScaffoldGroups;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n announcer: Announcer;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n onClick?: (event: MouseEvent) => void;\n onKeyDown?: (event: KeyboardEvent) => void;\n onMouseLeave?: (event: MouseEvent) => void;\n onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n buildCtx: (\n base: {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n svg: SVGSVGElement;\n },\n tooltip: TooltipState | null,\n legend: LegendState | null,\n disposalSignal: AbortSignal,\n announcer: Announcer,\n ) => TCtx,\n renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n let render = (_reason: RenderReason) => {};\n const tappers = createTappers<PrismEvent>();\n // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n // so the first observer notification does not interrupt the entrance.\n let legend: LegendState | null = null;\n const base = createChartBase(\n container,\n { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n () => {\n tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n render('resize');\n },\n );\n const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n const ac = new AbortController();\n const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n let disposed = false;\n const events = makeEventManager(base.svg);\n\n render = (reason) => {\n if (disposed) return;\n events.attach(renderFn(ctx, reason));\n };\n\n try {\n render('mount');\n } catch (error) {\n disposed = true;\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n }\n\n return {\n get disposalSignal(): AbortSignal {\n return ac.signal;\n },\n\n dispose() {\n if (disposed) return;\n\n disposed = true;\n tappers.emit({ type: 'dispose' });\n tappers.stop();\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n },\n\n get disposed(): boolean {\n return disposed;\n },\n\n el: base.svg,\n\n tap: tappers.tap,\n\n update(data) {\n if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n updateData(data);\n render('update');\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n attach(handlers: ChartEventHandlers | undefined): void;\n detach(): void;\n} {\n let active: ChartEventHandlers | null = null;\n\n return {\n attach(handlers) {\n if (active) {\n if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n active = null;\n }\n\n if (!handlers) return;\n\n active = handlers;\n\n if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n },\n detach() {\n this.attach(undefined);\n },\n };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) => {\n const groups: ScaffoldGroups = {\n // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n // `renderAxis` marks its own decorative tick lines/labels individually instead.\n grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n series: createSvgElement('g', { class: 'prism-series' }),\n xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n };\n\n base.chartArea.appendChild(groups.grid);\n base.chartArea.appendChild(groups.xAxis);\n base.chartArea.appendChild(groups.yAxis);\n base.chartArea.appendChild(groups.series);\n\n return {\n announcer,\n chartArea: base.chartArea,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n groups,\n legend,\n svg: base.svg,\n tooltip,\n } satisfies ScaffoldContext;\n },\n renderFn,\n updateData,\n );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) =>\n ({\n announcer,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n legend,\n svg: base.svg,\n tooltip,\n }) satisfies RadialScaffoldContext,\n renderFn,\n updateData,\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"chart-scaffold.js","names":["removeChildren","groups","legend","tooltip","crosshair","tappers","createTappers","base","createChartBase","container","config","createTooltip","createLegend","ac","ctx","buildCtx","createAnnouncer","disposed","events","renderFn","reason","error","PrismRenderError","updateData","data","active","svg","handlers","createSvgElement"],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n grid: SVGGElement;\n series: SVGGElement;\n xAxis: SVGGElement;\n yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n groups: ScaffoldGroups,\n legend: LegendState | null,\n tooltip: TooltipState | null,\n crosshair?: CrosshairState | null,\n): void {\n removeChildren(groups.series);\n removeChildren(groups.grid);\n removeChildren(groups.xAxis);\n removeChildren(groups.yAxis);\n legend?.update([]);\n tooltip?.hide();\n crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n announcer: Announcer;\n chartArea: SVGGElement;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n groups: ScaffoldGroups;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n announcer: Announcer;\n container: HTMLElement;\n dimensions: ChartDimensions;\n /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n disposalSignal: AbortSignal;\n legend: LegendState | null;\n svg: SVGSVGElement;\n tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n onClick?: (event: MouseEvent) => void;\n onKeyDown?: (event: KeyboardEvent) => void;\n onMouseLeave?: (event: MouseEvent) => void;\n onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n buildCtx: (\n base: {\n chartArea: SVGGElement;\n dimensions: ChartDimensions;\n svg: SVGSVGElement;\n },\n tooltip: TooltipState | null,\n legend: LegendState | null,\n disposalSignal: AbortSignal,\n announcer: Announcer,\n ) => TCtx,\n renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n let render = (_reason: RenderReason) => {};\n const tappers = createTappers<PrismEvent>();\n // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n // so the first observer notification does not interrupt the entrance.\n let legend: LegendState | null = null;\n const base = createChartBase(\n container,\n { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n () => {\n tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n render('resize');\n },\n );\n const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n const ac = new AbortController();\n const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n let disposed = false;\n const events = makeEventManager(base.svg);\n\n render = (reason) => {\n if (disposed) return;\n events.attach(renderFn(ctx, reason));\n };\n\n try {\n render('mount');\n } catch (error) {\n disposed = true;\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n }\n\n return {\n get disposalSignal(): AbortSignal {\n return ac.signal;\n },\n\n dispose() {\n if (disposed) return;\n\n disposed = true;\n tappers.emit({ type: 'dispose' });\n tappers.stop();\n ac.abort();\n events.detach();\n tooltip?.dispose();\n legend?.dispose();\n base.dispose();\n },\n\n get disposed(): boolean {\n return disposed;\n },\n\n el: base.svg,\n\n tap: tappers.tap,\n\n update(data) {\n if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n updateData(data);\n render('update');\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n attach(handlers: ChartEventHandlers | undefined): void;\n detach(): void;\n} {\n let active: ChartEventHandlers | null = null;\n\n return {\n attach(handlers) {\n if (active) {\n if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n active = null;\n }\n\n if (!handlers) return;\n\n active = handlers;\n\n if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n },\n detach() {\n this.attach(undefined);\n },\n };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) => {\n const groups: ScaffoldGroups = {\n // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n // `renderAxis` marks its own decorative tick lines/labels individually instead.\n grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n series: createSvgElement('g', { class: 'prism-series' }),\n xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n };\n\n base.chartArea.appendChild(groups.grid);\n base.chartArea.appendChild(groups.xAxis);\n base.chartArea.appendChild(groups.yAxis);\n base.chartArea.appendChild(groups.series);\n\n return {\n announcer,\n chartArea: base.chartArea,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n groups,\n legend,\n svg: base.svg,\n tooltip,\n } satisfies ScaffoldContext;\n },\n renderFn,\n updateData,\n );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n container: HTMLElement,\n config: BaseChartConfig,\n renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n updateData: (data: TData) => void,\n): ChartHandle<TData> {\n return runScaffold(\n container,\n config,\n (base, tooltip, legend, disposalSignal, announcer) =>\n ({\n announcer,\n container,\n dimensions: base.dimensions,\n disposalSignal,\n legend,\n svg: base.svg,\n tooltip,\n }) satisfies RadialScaffoldContext,\n renderFn,\n updateData,\n );\n}\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- function hasStyledRuns(e){return e?.some(e=>e&&(e.dash!==void 0||e.opacity!==void 0))??!1}function computeStyleRuns(e,t){let n=Math.max(0,t-1);if(n===0)return[];let r=[];for(let t=0;t<n;t++){let n=e[t]??{},i=r[r.length-1];if(i&&i.dash===n.dash&&i.opacity===n.opacity){i.end=t+1;continue}r.push({dash:n.dash,end:t+1,opacity:n.opacity,start:t})}return r}exports.computeStyleRuns=computeStyleRuns,exports.hasStyledRuns=hasStyledRuns;
1
+ function hasStyledRuns(e){return e?.some(e=>e&&(e.dash!==void 0||e.opacity!==void 0))??!1}function computeStyleRuns(e,t){let n=Math.max(0,t-1);if(n===0)return[];let r=[];for(let t=0;t<n;t++){let n=e[t]??{},i=r[r.length-1];i&&i.dash===n.dash&&i.opacity===n.opacity?i.end=t+1:r.push({dash:n.dash,end:t+1,opacity:n.opacity,start:t})}return r}exports.computeStyleRuns=computeStyleRuns,exports.hasStyledRuns=hasStyledRuns;
2
2
  //# sourceMappingURL=datum-style.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"datum-style.cjs","names":[],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":"AAKA,SAAgB,cAAc,EAAkD,CAC9E,OAAO,GAAO,KAAM,GAAS,IAAS,EAAK,OAAS,IAAA,IAAa,EAAK,UAAY,IAAA,GAAU,GAAK,EACnG,CAeA,SAAgB,iBAAiB,EAA6B,EAAgC,CAC5F,IAAM,EAAe,KAAK,IAAI,EAAG,EAAa,CAAC,EAE/C,GAAI,IAAiB,EAAG,MAAO,CAAC,EAEhC,IAAM,EAAmB,CAAC,EAE1B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAc,IAAK,CACrC,IAAM,EAAO,EAAM,IAAM,CAAC,EACpB,EAAO,EAAK,EAAK,OAAS,GAEhC,GAAI,GAAQ,EAAK,OAAS,EAAK,MAAQ,EAAK,UAAY,EAAK,QAAS,CACpE,EAAK,IAAM,EAAI,EAEf,QACF,CAEA,EAAK,KAAK,CAAE,KAAM,EAAK,KAAM,IAAK,EAAI,EAAG,QAAS,EAAK,QAAS,MAAO,CAAE,CAAC,CAC5E,CAEA,OAAO,CACT"}
1
+ {"version":3,"file":"datum-style.cjs","names":["marks","mark","segmentCount","pointCount","runs","i","prev"],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":"AAKA,SAAgB,cAAc,EAAkD,CAC9E,OAAOA,GAAO,KAAM,GAASC,IAASA,EAAK,OAAS,IAAA,IAAaA,EAAK,UAAY,IAAA,GAAU,GAAK,EACnG,CAeA,SAAgB,iBAAiB,EAA6B,EAAgC,CAC5F,IAAMC,EAAe,KAAK,IAAI,EAAGC,EAAa,CAAC,EAE/C,GAAID,IAAiB,EAAG,MAAO,CAAC,EAEhC,IAAME,EAAmB,CAAC,EAE1B,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAc,IAAK,CACrC,IAAMD,EAAOD,EAAMK,IAAM,CAAC,EACpBC,EAAOF,EAAKA,EAAK,OAAS,GAE5BE,GAAQA,EAAK,OAASL,EAAK,MAAQK,EAAK,UAAYL,EAAK,QAC3D,EAAK,IAAMI,EAAI,EAKjBD,EAAK,KAAK,CAAE,KAAMH,EAAK,KAAM,IAAKI,EAAI,EAAG,QAASJ,EAAK,QAAS,MAAOI,CAAE,CAAC,CAC5E,CAEA,OAAOD,CACT,C"}
@@ -1,2 +1,23 @@
1
- function hasStyledRuns(e){return e?.some(e=>e&&(e.dash!==void 0||e.opacity!==void 0))??!1}function computeStyleRuns(e,t){let n=Math.max(0,t-1);if(n===0)return[];let r=[];for(let t=0;t<n;t++){let n=e[t]??{},i=r[r.length-1];if(i&&i.dash===n.dash&&i.opacity===n.opacity){i.end=t+1;continue}r.push({dash:n.dash,end:t+1,opacity:n.opacity,start:t})}return r}export{computeStyleRuns,hasStyledRuns};
1
+ //#region src/core/datum-style.ts
2
+ function hasStyledRuns(e) {
3
+ return e?.some((e) => e && (e.dash !== void 0 || e.opacity !== void 0)) ?? !1;
4
+ }
5
+ function computeStyleRuns(e, t) {
6
+ let n = Math.max(0, t - 1);
7
+ if (n === 0) return [];
8
+ let r = [];
9
+ for (let t = 0; t < n; t++) {
10
+ let n = e[t] ?? {}, i = r[r.length - 1];
11
+ i && i.dash === n.dash && i.opacity === n.opacity ? i.end = t + 1 : r.push({
12
+ dash: n.dash,
13
+ end: t + 1,
14
+ opacity: n.opacity,
15
+ start: t
16
+ });
17
+ }
18
+ return r;
19
+ }
20
+ //#endregion
21
+ export { computeStyleRuns, hasStyledRuns };
22
+
2
23
  //# sourceMappingURL=datum-style.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"datum-style.js","names":[],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":"AAKA,SAAgB,cAAc,EAAkD,CAC9E,OAAO,GAAO,KAAM,GAAS,IAAS,EAAK,OAAS,IAAA,IAAa,EAAK,UAAY,IAAA,GAAU,GAAK,EACnG,CAeA,SAAgB,iBAAiB,EAA6B,EAAgC,CAC5F,IAAM,EAAe,KAAK,IAAI,EAAG,EAAa,CAAC,EAE/C,GAAI,IAAiB,EAAG,MAAO,CAAC,EAEhC,IAAM,EAAmB,CAAC,EAE1B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAc,IAAK,CACrC,IAAM,EAAO,EAAM,IAAM,CAAC,EACpB,EAAO,EAAK,EAAK,OAAS,GAEhC,GAAI,GAAQ,EAAK,OAAS,EAAK,MAAQ,EAAK,UAAY,EAAK,QAAS,CACpE,EAAK,IAAM,EAAI,EAEf,QACF,CAEA,EAAK,KAAK,CAAE,KAAM,EAAK,KAAM,IAAK,EAAI,EAAG,QAAS,EAAK,QAAS,MAAO,CAAE,CAAC,CAC5E,CAEA,OAAO,CACT"}
1
+ {"version":3,"file":"datum-style.js","names":["marks","mark","segmentCount","pointCount","runs","i","prev"],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":";AAKA,SAAgB,cAAc,GAAkD;CAC9E,OAAOA,GAAO,MAAM,MAASC,MAASA,EAAK,SAAS,KAAA,KAAaA,EAAK,YAAY,KAAA,EAAU,KAAK;AACnG;AAeA,SAAgB,iBAAiB,GAA6B,GAAgC;CAC5F,IAAMC,IAAe,KAAK,IAAI,GAAGC,IAAa,CAAC;CAE/C,IAAID,MAAiB,GAAG,OAAO,CAAC;CAEhC,IAAME,IAAmB,CAAC;CAE1B,KAAK,IAAIC,IAAI,GAAGA,IAAIH,GAAc,KAAK;EACrC,IAAMD,IAAOD,EAAMK,MAAM,CAAC,GACpBC,IAAOF,EAAKA,EAAK,SAAS;EAEhC,AAAIE,KAAQA,EAAK,SAASL,EAAK,QAAQK,EAAK,YAAYL,EAAK,UAC3D,EAAK,MAAMI,IAAI,IAKjBD,EAAK,KAAK;GAAE,MAAMH,EAAK;GAAM,KAAKI,IAAI;GAAG,SAASJ,EAAK;GAAS,OAAOI;EAAE,CAAC;CAC5E;CAEA,OAAOD;AACT"}
@@ -1 +1 @@
1
- {"version":3,"file":"ids.cjs","names":[],"sources":["../../src/core/ids.ts"],"sourcesContent":["let next = 0;\n\n/** Document-unique id for SVG references such as gradients. */\nexport function uniqueId(prefix: string): string {\n next += 1;\n\n return `${prefix}-${next}`;\n}\n"],"mappings":"AAAA,IAAI,EAAO,EAGX,SAAgB,SAAS,EAAwB,CAG/C,MAFA,IAAQ,EAED,GAAG,EAAO,GAAG,GACtB"}
1
+ {"version":3,"file":"ids.cjs","names":["next","prefix"],"sources":["../../src/core/ids.ts"],"sourcesContent":["let next = 0;\n\n/** Document-unique id for SVG references such as gradients. */\nexport function uniqueId(prefix: string): string {\n next += 1;\n\n return `${prefix}-${next}`;\n}\n"],"mappings":"AAAA,IAAIA,EAAO,EAGX,SAAgB,SAAS,EAAwB,CAG/C,MAFA,IAAQ,EAED,GAAGC,EAAO,GAAGD,GACtB,C"}
package/dist/core/ids.js CHANGED
@@ -1,2 +1,9 @@
1
- var e=0;function uniqueId(t){return e+=1,`${t}-${e}`}export{uniqueId};
1
+ //#region src/core/ids.ts
2
+ var e = 0;
3
+ function uniqueId(t) {
4
+ return e += 1, `${t}-${e}`;
5
+ }
6
+ //#endregion
7
+ export { uniqueId };
8
+
2
9
  //# sourceMappingURL=ids.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ids.js","names":[],"sources":["../../src/core/ids.ts"],"sourcesContent":["let next = 0;\n\n/** Document-unique id for SVG references such as gradients. */\nexport function uniqueId(prefix: string): string {\n next += 1;\n\n return `${prefix}-${next}`;\n}\n"],"mappings":"AAAA,IAAI,EAAO,EAGX,SAAgB,SAAS,EAAwB,CAG/C,MAFA,IAAQ,EAED,GAAG,EAAO,GAAG,GACtB"}
1
+ {"version":3,"file":"ids.js","names":["next","prefix"],"sources":["../../src/core/ids.ts"],"sourcesContent":["let next = 0;\n\n/** Document-unique id for SVG references such as gradients. */\nexport function uniqueId(prefix: string): string {\n next += 1;\n\n return `${prefix}-${next}`;\n}\n"],"mappings":";AAAA,IAAIA,IAAO;AAGX,SAAgB,SAAS,GAAwB;CAG/C,OAFA,KAAQ,GAED,GAAGC,EAAO,GAAGD;AACtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"layout.cjs","names":[],"sources":["../../src/core/layout.ts"],"sourcesContent":["import type { ChartMargin } from '../types';\n\nconst DEFAULT_MARGIN: ChartMargin = { bottom: 48, left: 50, right: 20, top: 20 };\n\nexport function resolveMargin(margin?: Partial<ChartMargin>): ChartMargin {\n return { ...DEFAULT_MARGIN, ...margin };\n}\n\nexport function chartArea(width: number, height: number, margin: ChartMargin): { height: number; width: number } {\n return {\n height: Math.max(0, height - margin.top - margin.bottom),\n width: Math.max(0, width - margin.left - margin.right),\n };\n}\n"],"mappings":"AAEA,IAAM,EAA8B,CAAE,OAAQ,GAAI,KAAM,GAAI,MAAO,GAAI,IAAK,EAAG,EAE/E,SAAgB,cAAc,EAA4C,CACxE,MAAO,CAAE,GAAG,EAAgB,GAAG,CAAO,CACxC,CAEA,SAAgB,UAAU,EAAe,EAAgB,EAAwD,CAC/G,MAAO,CACL,OAAQ,KAAK,IAAI,EAAG,EAAS,EAAO,IAAM,EAAO,MAAM,EACvD,MAAO,KAAK,IAAI,EAAG,EAAQ,EAAO,KAAO,EAAO,KAAK,CACvD,CACF"}
1
+ {"version":3,"file":"layout.cjs","names":["DEFAULT_MARGIN","margin","height","width"],"sources":["../../src/core/layout.ts"],"sourcesContent":["import type { ChartMargin } from '../types';\n\nconst DEFAULT_MARGIN: ChartMargin = { bottom: 48, left: 50, right: 20, top: 20 };\n\nexport function resolveMargin(margin?: Partial<ChartMargin>): ChartMargin {\n return { ...DEFAULT_MARGIN, ...margin };\n}\n\nexport function chartArea(width: number, height: number, margin: ChartMargin): { height: number; width: number } {\n return {\n height: Math.max(0, height - margin.top - margin.bottom),\n width: Math.max(0, width - margin.left - margin.right),\n };\n}\n"],"mappings":"AAEA,IAAMA,EAA8B,CAAE,OAAQ,GAAI,KAAM,GAAI,MAAO,GAAI,IAAK,EAAG,EAE/E,SAAgB,cAAc,EAA4C,CACxE,MAAO,CAAE,GAAGA,EAAgB,GAAGC,CAAO,CACxC,CAEA,SAAgB,UAAU,EAAe,EAAgB,EAAwD,CAC/G,MAAO,CACL,OAAQ,KAAK,IAAI,EAAGC,EAASD,EAAO,IAAMA,EAAO,MAAM,EACvD,MAAO,KAAK,IAAI,EAAGE,EAAQF,EAAO,KAAOA,EAAO,KAAK,CACvD,CACF,C"}
@@ -1,2 +1,23 @@
1
- var e={bottom:48,left:50,right:20,top:20};function resolveMargin(t){return{...e,...t}}function chartArea(e,t,n){return{height:Math.max(0,t-n.top-n.bottom),width:Math.max(0,e-n.left-n.right)}}export{chartArea,resolveMargin};
1
+ //#region src/core/layout.ts
2
+ var e = {
3
+ bottom: 48,
4
+ left: 50,
5
+ right: 20,
6
+ top: 20
7
+ };
8
+ function resolveMargin(t) {
9
+ return {
10
+ ...e,
11
+ ...t
12
+ };
13
+ }
14
+ function chartArea(e, t, n) {
15
+ return {
16
+ height: Math.max(0, t - n.top - n.bottom),
17
+ width: Math.max(0, e - n.left - n.right)
18
+ };
19
+ }
20
+ //#endregion
21
+ export { chartArea, resolveMargin };
22
+
2
23
  //# sourceMappingURL=layout.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"layout.js","names":[],"sources":["../../src/core/layout.ts"],"sourcesContent":["import type { ChartMargin } from '../types';\n\nconst DEFAULT_MARGIN: ChartMargin = { bottom: 48, left: 50, right: 20, top: 20 };\n\nexport function resolveMargin(margin?: Partial<ChartMargin>): ChartMargin {\n return { ...DEFAULT_MARGIN, ...margin };\n}\n\nexport function chartArea(width: number, height: number, margin: ChartMargin): { height: number; width: number } {\n return {\n height: Math.max(0, height - margin.top - margin.bottom),\n width: Math.max(0, width - margin.left - margin.right),\n };\n}\n"],"mappings":"AAEA,IAAM,EAA8B,CAAE,OAAQ,GAAI,KAAM,GAAI,MAAO,GAAI,IAAK,EAAG,EAE/E,SAAgB,cAAc,EAA4C,CACxE,MAAO,CAAE,GAAG,EAAgB,GAAG,CAAO,CACxC,CAEA,SAAgB,UAAU,EAAe,EAAgB,EAAwD,CAC/G,MAAO,CACL,OAAQ,KAAK,IAAI,EAAG,EAAS,EAAO,IAAM,EAAO,MAAM,EACvD,MAAO,KAAK,IAAI,EAAG,EAAQ,EAAO,KAAO,EAAO,KAAK,CACvD,CACF"}
1
+ {"version":3,"file":"layout.js","names":["DEFAULT_MARGIN","margin","height","width"],"sources":["../../src/core/layout.ts"],"sourcesContent":["import type { ChartMargin } from '../types';\n\nconst DEFAULT_MARGIN: ChartMargin = { bottom: 48, left: 50, right: 20, top: 20 };\n\nexport function resolveMargin(margin?: Partial<ChartMargin>): ChartMargin {\n return { ...DEFAULT_MARGIN, ...margin };\n}\n\nexport function chartArea(width: number, height: number, margin: ChartMargin): { height: number; width: number } {\n return {\n height: Math.max(0, height - margin.top - margin.bottom),\n width: Math.max(0, width - margin.left - margin.right),\n };\n}\n"],"mappings":";AAEA,IAAMA,IAA8B;CAAE,QAAQ;CAAI,MAAM;CAAI,OAAO;CAAI,KAAK;AAAG;AAE/E,SAAgB,cAAc,GAA4C;CACxE,OAAO;EAAE,GAAGA;EAAgB,GAAGC;CAAO;AACxC;AAEA,SAAgB,UAAU,GAAe,GAAgB,GAAwD;CAC/G,OAAO;EACL,QAAQ,KAAK,IAAI,GAAGC,IAASD,EAAO,MAAMA,EAAO,MAAM;EACvD,OAAO,KAAK,IAAI,GAAGE,IAAQF,EAAO,OAAOA,EAAO,KAAK;CACvD;AACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"polar.cjs","names":[],"sources":["../../src/core/polar.ts"],"sourcesContent":["// Angles are radians measured clockwise from 12 o'clock.\n\nexport function polarX(cx: number, r: number, angle: number): number {\n return cx + r * Math.sin(angle);\n}\n\nexport function polarY(cy: number, r: number, angle: number): number {\n return cy - r * Math.cos(angle);\n}\n\n/** SVG path coordinate pair (`x,y`) for a polar position. */\nexport function polarPoint(cx: number, cy: number, r: number, angle: number): string {\n return `${polarX(cx, r, angle)},${polarY(cy, r, angle)}`;\n}\n"],"mappings":"AAEA,SAAgB,OAAO,EAAY,EAAW,EAAuB,CACnE,OAAO,EAAK,EAAI,KAAK,IAAI,CAAK,CAChC,CAEA,SAAgB,OAAO,EAAY,EAAW,EAAuB,CACnE,OAAO,EAAK,EAAI,KAAK,IAAI,CAAK,CAChC,CAGA,SAAgB,WAAW,EAAY,EAAY,EAAW,EAAuB,CACnF,MAAO,GAAG,OAAO,EAAI,EAAG,CAAK,EAAE,GAAG,OAAO,EAAI,EAAG,CAAK,GACvD"}
1
+ {"version":3,"file":"polar.cjs","names":["cx","r","angle","cy"],"sources":["../../src/core/polar.ts"],"sourcesContent":["// Angles are radians measured clockwise from 12 o'clock.\n\nexport function polarX(cx: number, r: number, angle: number): number {\n return cx + r * Math.sin(angle);\n}\n\nexport function polarY(cy: number, r: number, angle: number): number {\n return cy - r * Math.cos(angle);\n}\n\n/** SVG path coordinate pair (`x,y`) for a polar position. */\nexport function polarPoint(cx: number, cy: number, r: number, angle: number): string {\n return `${polarX(cx, r, angle)},${polarY(cy, r, angle)}`;\n}\n"],"mappings":"AAEA,SAAgB,OAAO,EAAY,EAAW,EAAuB,CACnE,OAAOA,EAAKC,EAAI,KAAK,IAAIC,CAAK,CAChC,CAEA,SAAgB,OAAO,EAAY,EAAW,EAAuB,CACnE,OAAOC,EAAKF,EAAI,KAAK,IAAIC,CAAK,CAChC,CAGA,SAAgB,WAAW,EAAY,EAAY,EAAW,EAAuB,CACnF,MAAO,GAAG,OAAOF,EAAIC,EAAGC,CAAK,EAAE,GAAG,OAAOC,EAAIF,EAAGC,CAAK,GACvD,C"}