@trismegisto/charts 2.0.0 → 2.1.0

package/README.md

@@ -80,7 +80,9 @@ ativo) e `[(showTable)]`.
 **`hm-chart` (`HmChartComponent`)** é a saída de emergência para o que os tipados não cobrem: recebe a opção
 completa do motor (`option: HmChartOption`, tipada pelos `Hm*SeriesOption`), `label` e `points` (pontos
 navegáveis pelas setas). Ele cuida de ciclo de vida, tema, idioma, movimento reduzido e alto contraste, mas
-**não** monta resumo nem tabela: prefira sempre um tipado.
+**não** monta resumo nem tabela: prefira sempre um tipado. O motor grava o retorno de um `tooltip.formatter` com
+`innerHTML`: num `formatter` próprio, passe todo texto vindo de dados por `escapeHtml` (`@trismegisto/primitives`),
+como os tipados fazem.
 
 ## Regras que o app precisa saber
 

package/fesm2022/trismegisto-charts.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, computed, Injectable, input, model, Directive, ElementRef, signal, afterNextRender, effect, untracked, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { HermesI18nService } from '@trismegisto/angular/i18n';
-import { mergeCatalog, formatMessage, pluralMessage } from '@trismegisto/primitives';
+import { mergeCatalog, formatMessage, pluralMessage, escapeHtml } from '@trismegisto/primitives';
 
 const CHARTS_MESSAGES_EN = {
     meta: { locale: 'en-US' },
@@ -403,6 +403,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
             type: Directive
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], numberFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberFormat", required: false }] }], showTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTable", required: false }] }, { type: i0.Output, args: ["showTableChange"] }] } });
 // ---- peças de opção compartilhadas -------------------------------------------------------------
+/**
+ * Tooltip comum. O motor grava a saída de um `formatter` com `innerHTML`: todo gráfico que define o
+ * próprio `formatter` devolve `escapeHtml(...)` (`@trismegisto/primitives`) do texto montado com nomes
+ * vindos dos dados. O formatter padrão do motor já escapa.
+ */
 function tooltipOption(ctx, trigger) {
     return {
         show: ctx.tooltip,
@@ -31619,7 +31624,10 @@ function getCachePerECFullUpdate(ecModel) {
 */
 let wmUniqueIndex = Math.round(Math.random() * 9);
 const supportDefineProperty = typeof Object.defineProperty === 'function';
-class WeakMap {
+// Nome próprio de propósito: no bundle achatado do pacote, uma classe de topo chamada `WeakMap` sombreia o global, e o
+// código rebaixado por quem consome (campos `#privados` viram `new WeakMap()` no pré-bundle do Vite) quebrava com
+// "WeakMap is not a constructor".
+class ZrWeakMap {
     constructor() {
         this._id = '__ec_inner_' + wmUniqueIndex++;
     }
@@ -31864,7 +31872,7 @@ const symbolBuildProxies = {};
 each$9(symbolCtors, function (Ctor, name) {
     symbolBuildProxies[name] = new Ctor();
 });
-const SymbolClz = Path.extend({
+const SymbolClz$1 = Path.extend({
     type: 'symbol',
     shape: {
         symbolType: '',
@@ -31933,7 +31941,7 @@ keepAspect) {
         symbolPath = makePath(symbolType.slice(7), {}, new BoundingRect(x, y, w, h), keepAspect ? 'center' : 'cover');
     }
     else {
-        symbolPath = new SymbolClz({
+        symbolPath = new SymbolClz$1({
             shape: {
                 symbolType: symbolType,
                 x: x,
@@ -31988,7 +31996,7 @@ function normalizeSymbolOffset(symbolOffset, symbolSize) {
 * specific language governing permissions and limitations
 * under the License.
 */
-const decalMap = new WeakMap();
+const decalMap = new ZrWeakMap();
 const decalCache = new LRU(100);
 const decalKeys = [
     'symbol', 'symbolSize', 'symbolKeepAspect',
@@ -46396,7 +46404,8 @@ class LineSeriesModel extends SeriesModel {
 * specific language governing permissions and limitations
 * under the License.
 */
-class Symbol extends Group$3 {
+// `SymbolClz`, não `Symbol`: uma classe de topo com esse nome sombreia o `Symbol` global no bundle achatado.
+class SymbolClz extends Group$3 {
     constructor(data, idx, seriesScope, opts) {
         super();
         this.updateData(data, idx, seriesScope, opts);
@@ -46477,8 +46486,8 @@ class Symbol extends Group$3 {
         this.silent = false;
         const symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
         const seriesModel = data.hostModel;
-        const symbolSize = Symbol.getSymbolSize(data, idx);
-        const z2 = Symbol.getSymbolZ2(data, idx);
+        const symbolSize = SymbolClz.getSymbolSize(data, idx);
+        const z2 = SymbolClz.getSymbolZ2(data, idx);
         const isInit = symbolType !== this._symbolType;
         const disableAnimation = opts && opts.disableAnimation;
         if (isInit) {
@@ -46740,7 +46749,7 @@ function createEl(SymbolCtor, data, newIdx, seriesScope, symbolUpdateOpt, point,
 class SymbolDraw {
     constructor(SymbolCtor) {
         this.group = new Group$3();
-        this._SymbolCtor = SymbolCtor || Symbol;
+        this._SymbolCtor = SymbolCtor || SymbolClz;
     }
     /**
      * Update symbols draw by new data
@@ -47958,7 +47967,7 @@ function canShowAllSymbolForCategory(categoryAxis, data) {
     const dataLen = data.count();
     const step = Math.max(1, Math.round(dataLen / 5));
     for (let dataIndex = 0; dataIndex < dataLen; dataIndex += step) {
-        if (Symbol.getSymbolSize(data, dataIndex
+        if (SymbolClz.getSymbolSize(data, dataIndex
         // Only for cartesian, where `isHorizontal` exists.
         )[categoryAxis.isHorizontal() ? 1 : 0]
             // Empirical number
@@ -48351,7 +48360,7 @@ class LineView extends ChartView {
                 }
                 const zlevel = seriesModel.get('zlevel') || 0;
                 const z = seriesModel.get('z') || 0;
-                symbol = new Symbol(data, dataIndex);
+                symbol = new SymbolClz(data, dataIndex);
                 symbol.x = x;
                 symbol.y = y;
                 symbol.setZ(zlevel, z);
@@ -75824,7 +75833,7 @@ class HmHeatmapChartComponent extends HmChartBase {
                     ...tooltipOption(ctx, 'item'),
                     formatter: (p) => {
                         const value = p.value;
-                        return `${ys[value[1]]} · ${xs[value[0]]}: ${ctx.num(value[2])}`;
+                        return escapeHtml(`${ys[value[1]]} · ${xs[value[0]]}: ${ctx.num(value[2])}`);
                     },
                 },
                 xAxis: { type: 'category', data: [...xs], splitArea: { show: true } },
@@ -75902,7 +75911,7 @@ class HmCalendarHeatmapComponent extends HmChartBase {
                     ...tooltipOption(ctx, 'item'),
                     formatter: (p) => {
                         const [day, value] = p.value;
-                        return `${fmtDate(day)}: ${ctx.num(value)}`;
+                        return escapeHtml(`${fmtDate(day)}: ${ctx.num(value)}`);
                     },
                 },
                 visualMap: {
@@ -75988,7 +75997,7 @@ class HmScatterChartComponent extends HmChartBase {
                     formatter: (p) => {
                         const { seriesIndex, dataIndex } = p;
                         const s = series[seriesIndex];
-                        return describe(s, s.data[dataIndex]);
+                        return escapeHtml(describe(s, s.data[dataIndex]));
                     },
                 },
                 legend: legendOption(ctx, hasLegend),
@@ -76134,7 +76143,7 @@ class HmRadarChartComponent extends HmChartBase {
         const describe = (s) => `${s.name}: ${indicators.map((ind, i) => `${ind.name} ${ctx.num(s.values[i])}`).join(', ')}`;
         return {
             option: {
-                tooltip: { ...tooltipOption(ctx, 'item'), formatter: (p) => describe(series[p.dataIndex]) },
+                tooltip: { ...tooltipOption(ctx, 'item'), formatter: (p) => escapeHtml(describe(series[p.dataIndex])) },
                 legend: legendOption(ctx, series.length > 1),
                 radar: {
                     radius: '64%',
@@ -76313,7 +76322,7 @@ class HmBoxplotChartComponent extends HmChartBase {
                     ...tooltipOption(ctx, 'item'),
                     formatter: (p) => {
                         const g = groups[p.dataIndex];
-                        return describe(g.name, g.s);
+                        return escapeHtml(describe(g.name, g.s));
                     },
                 },
                 xAxis: horizontal ? valueAxis : categoryAxis,