@refrakt-md/behaviors 0.18.0 → 0.19.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/elements/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/elements/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AA8JhD,qBAAa,OAAQ,SAAQ,eAAe;IAC3C,iBAAiB;CAkDjB"}
|
package/dist/elements/chart.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { SafeHTMLElement } from './ssr-safe.js';
|
|
2
2
|
const SVGNS = 'http://www.w3.org/2000/svg';
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
'#7c3aed', '#0891b2',
|
|
7
|
-
];
|
|
3
|
+
const SERIES_COUNT = 6;
|
|
4
|
+
/** Geometry defaults — mirror the `--rf-chart-*` values shipped in chart.css. */
|
|
5
|
+
const GEOM_DEFAULTS = { barRatio: 0.75, barThickness: 48, barGap: 0.15, pointRadius: 4 };
|
|
8
6
|
function cellValue(cell) {
|
|
9
7
|
return (cell.dataset.value ?? cell.textContent ?? '').trim();
|
|
10
8
|
}
|
|
@@ -14,83 +12,105 @@ function parseTable(table) {
|
|
|
14
12
|
headers.push(cellValue(th));
|
|
15
13
|
}
|
|
16
14
|
const rows = [];
|
|
15
|
+
const sentiments = [];
|
|
17
16
|
for (const tr of table.querySelectorAll('tbody tr')) {
|
|
18
|
-
|
|
17
|
+
const cells = Array.from(tr.cells);
|
|
18
|
+
rows.push(cells.map(cellValue));
|
|
19
|
+
// A sentiment on a value cell wins; otherwise the label cell's sentiment
|
|
20
|
+
// (a whole-row intent, e.g. a status row) applies to every series.
|
|
21
|
+
const labelSent = cells[0]?.dataset.metaSentiment ?? null;
|
|
22
|
+
sentiments.push(cells.slice(1).map((c) => c.dataset.metaSentiment ?? labelSent));
|
|
19
23
|
}
|
|
20
|
-
return { headers, rows };
|
|
24
|
+
return { headers, rows, sentiments };
|
|
25
|
+
}
|
|
26
|
+
/** Read the geometry contract once per render — `getComputedStyle` resolves the
|
|
27
|
+
* `--rf-chart-*` props (from chart.css, a theme override, or inline), falling
|
|
28
|
+
* back to the shipped defaults when absent (e.g. no stylesheet in tests). */
|
|
29
|
+
function readGeometry(host) {
|
|
30
|
+
const cs = getComputedStyle(host);
|
|
31
|
+
const num = (prop, def) => {
|
|
32
|
+
const v = parseFloat(cs.getPropertyValue(prop));
|
|
33
|
+
return Number.isFinite(v) ? v : def;
|
|
34
|
+
};
|
|
35
|
+
return {
|
|
36
|
+
barRatio: num('--rf-chart-bar-ratio', GEOM_DEFAULTS.barRatio),
|
|
37
|
+
barThickness: num('--rf-chart-bar-thickness', GEOM_DEFAULTS.barThickness),
|
|
38
|
+
barGap: num('--rf-chart-bar-gap', GEOM_DEFAULTS.barGap),
|
|
39
|
+
pointRadius: num('--rf-chart-point-radius', GEOM_DEFAULTS.pointRadius),
|
|
40
|
+
};
|
|
21
41
|
}
|
|
22
42
|
function svgEl(name, attrs, text) {
|
|
23
43
|
const el = document.createElementNS(SVGNS, name);
|
|
24
44
|
for (const [k, v] of Object.entries(attrs))
|
|
25
|
-
el.setAttribute(k, v);
|
|
45
|
+
el.setAttribute(k, String(v));
|
|
26
46
|
if (text != null)
|
|
27
47
|
el.textContent = text;
|
|
28
48
|
return el;
|
|
29
49
|
}
|
|
30
|
-
/** Standalone svg renderer — a future `ChartProvider.render` lifts this verbatim.
|
|
31
|
-
|
|
50
|
+
/** Standalone svg renderer — a future `ChartProvider.render` lifts this verbatim.
|
|
51
|
+
* Emits only tagged elements (class + data-series + optional data-meta-sentiment);
|
|
52
|
+
* all colour/stroke/font is painted by chart.css from the contract props. */
|
|
53
|
+
function renderSvg(data, container, host, opts) {
|
|
32
54
|
const svgW = 600, svgH = 300;
|
|
33
55
|
const pad = { top: 30, right: 20, bottom: 40, left: 50 };
|
|
34
56
|
const cw = svgW - pad.left - pad.right;
|
|
35
57
|
const ch = svgH - pad.top - pad.bottom;
|
|
36
|
-
const
|
|
58
|
+
const g = readGeometry(host);
|
|
59
|
+
const labels = data.rows.map((r) => r[0] || '');
|
|
37
60
|
const series = data.headers.slice(1);
|
|
38
|
-
const values = data.rows.map(r => r.slice(1).map(v => parseFloat(v) || 0));
|
|
61
|
+
const values = data.rows.map((r) => r.slice(1).map((v) => parseFloat(v) || 0));
|
|
39
62
|
const maxVal = Math.max(...values.flat(), 1);
|
|
40
63
|
const bgw = cw / Math.max(labels.length, 1);
|
|
41
|
-
const bw = bgw / Math.max(series.length + 1, 2);
|
|
42
64
|
const svg = svgEl('svg', { viewBox: `0 0 ${svgW} ${svgH}`, class: 'rf-chart__svg' });
|
|
43
|
-
// Axes
|
|
44
|
-
svg.appendChild(svgEl('line', {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
x2: String(svgW - pad.right), y2: String(svgH - pad.bottom),
|
|
52
|
-
stroke: 'var(--rf-color-border)', 'stroke-width': '1',
|
|
53
|
-
}));
|
|
65
|
+
// Axes — painted via `.rf-chart__axis` (grid colour/width from the contract).
|
|
66
|
+
svg.appendChild(svgEl('line', { x1: pad.left, y1: pad.top, x2: pad.left, y2: svgH - pad.bottom, class: 'rf-chart__axis' }));
|
|
67
|
+
svg.appendChild(svgEl('line', { x1: pad.left, y1: svgH - pad.bottom, x2: svgW - pad.right, y2: svgH - pad.bottom, class: 'rf-chart__axis' }));
|
|
68
|
+
const tagSentiment = (el, i, si) => {
|
|
69
|
+
const s = data.sentiments[i]?.[si];
|
|
70
|
+
if (s)
|
|
71
|
+
el.setAttribute('data-meta-sentiment', s);
|
|
72
|
+
};
|
|
54
73
|
if (opts.type === 'line') {
|
|
55
74
|
for (let si = 0; si < series.length; si++) {
|
|
56
75
|
const pts = labels.map((_, i) => `${pad.left + i * bgw + bgw / 2},${pad.top + ch - (values[i][si] / maxVal) * ch}`).join(' ');
|
|
57
|
-
svg.appendChild(svgEl('polyline', {
|
|
58
|
-
points: pts, fill: 'none',
|
|
59
|
-
style: `stroke: ${COLORS[si % COLORS.length]}`, 'stroke-width': '2',
|
|
60
|
-
}));
|
|
76
|
+
svg.appendChild(svgEl('polyline', { points: pts, class: 'rf-chart__line', 'data-series': si % SERIES_COUNT }));
|
|
61
77
|
for (let i = 0; i < labels.length; i++) {
|
|
62
|
-
|
|
63
|
-
cx:
|
|
64
|
-
cy:
|
|
65
|
-
r: '
|
|
66
|
-
})
|
|
78
|
+
const c = svgEl('circle', {
|
|
79
|
+
cx: pad.left + i * bgw + bgw / 2,
|
|
80
|
+
cy: pad.top + ch - (values[i][si] / maxVal) * ch,
|
|
81
|
+
r: g.pointRadius, class: 'rf-chart__point', 'data-series': si % SERIES_COUNT,
|
|
82
|
+
});
|
|
83
|
+
tagSentiment(c, i, si);
|
|
84
|
+
svg.appendChild(c);
|
|
67
85
|
}
|
|
68
86
|
}
|
|
69
|
-
for (let i = 0; i < labels.length; i++) {
|
|
70
|
-
svg.appendChild(svgEl('text', {
|
|
71
|
-
x: String(pad.left + i * bgw + bgw / 2), y: String(svgH - pad.bottom + 20),
|
|
72
|
-
'text-anchor': 'middle', 'font-size': '12', fill: 'var(--rf-color-muted)',
|
|
73
|
-
}, labels[i]));
|
|
74
|
-
}
|
|
75
87
|
}
|
|
76
88
|
else {
|
|
77
89
|
// bar (default; pie/area fall back to bars, as the previous renderer did)
|
|
90
|
+
const inner = bgw * (1 - g.barGap);
|
|
91
|
+
const gap = (bgw * g.barGap) / 2;
|
|
92
|
+
const subSlot = inner / Math.max(series.length, 1);
|
|
93
|
+
const barW = Math.min(subSlot * g.barRatio, g.barThickness);
|
|
78
94
|
for (let i = 0; i < labels.length; i++) {
|
|
79
95
|
for (let si = 0; si < series.length; si++) {
|
|
80
96
|
const h = (values[i][si] / maxVal) * ch;
|
|
81
|
-
|
|
82
|
-
x:
|
|
83
|
-
y:
|
|
84
|
-
width:
|
|
85
|
-
|
|
86
|
-
|
|
97
|
+
const rect = svgEl('rect', {
|
|
98
|
+
x: pad.left + i * bgw + gap + si * subSlot + (subSlot - barW) / 2,
|
|
99
|
+
y: pad.top + ch - h,
|
|
100
|
+
width: barW, height: h, class: 'rf-chart__bar', 'data-series': si % SERIES_COUNT,
|
|
101
|
+
});
|
|
102
|
+
tagSentiment(rect, i, si);
|
|
103
|
+
svg.appendChild(rect);
|
|
87
104
|
}
|
|
88
|
-
svg.appendChild(svgEl('text', {
|
|
89
|
-
x: String(pad.left + i * bgw + bgw / 2), y: String(svgH - pad.bottom + 20),
|
|
90
|
-
'text-anchor': 'middle', 'font-size': '12', fill: 'var(--rf-color-muted)',
|
|
91
|
-
}, labels[i]));
|
|
92
105
|
}
|
|
93
106
|
}
|
|
107
|
+
// Category labels (painted via `.rf-chart__label`).
|
|
108
|
+
for (let i = 0; i < labels.length; i++) {
|
|
109
|
+
svg.appendChild(svgEl('text', {
|
|
110
|
+
x: pad.left + i * bgw + bgw / 2, y: svgH - pad.bottom + 20,
|
|
111
|
+
'text-anchor': 'middle', class: 'rf-chart__label',
|
|
112
|
+
}, labels[i]));
|
|
113
|
+
}
|
|
94
114
|
container.replaceChildren(svg);
|
|
95
115
|
}
|
|
96
116
|
export class RfChart extends SafeHTMLElement {
|
|
@@ -118,8 +138,9 @@ export class RfChart extends SafeHTMLElement {
|
|
|
118
138
|
const container = document.createElement('div');
|
|
119
139
|
container.className = 'rf-chart__container';
|
|
120
140
|
rendered.appendChild(container);
|
|
121
|
-
renderSvg(data, container, { type });
|
|
122
|
-
// Legend (one swatch per series, when there's more than one)
|
|
141
|
+
renderSvg(data, container, this, { type });
|
|
142
|
+
// Legend (one swatch per series, when there's more than one). The swatch
|
|
143
|
+
// colour comes from chart.css via `data-series` — no inline paint.
|
|
123
144
|
const series = data.headers.slice(1);
|
|
124
145
|
if (series.length > 1) {
|
|
125
146
|
const legend = document.createElement('div');
|
|
@@ -129,7 +150,7 @@ export class RfChart extends SafeHTMLElement {
|
|
|
129
150
|
item.className = 'rf-chart__legend-item';
|
|
130
151
|
const swatch = document.createElement('span');
|
|
131
152
|
swatch.className = 'rf-chart__legend-color';
|
|
132
|
-
swatch.
|
|
153
|
+
swatch.dataset.series = String(i % SERIES_COUNT);
|
|
133
154
|
item.append(swatch, document.createTextNode(name));
|
|
134
155
|
legend.appendChild(item);
|
|
135
156
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/elements/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/elements/chart.ts"],"names":[],"mappings":"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"}
|
package/dist/elements/diagram.js
CHANGED
|
@@ -35,9 +35,9 @@ export class RfDiagram extends SafeHTMLElement {
|
|
|
35
35
|
startOnLoad: false,
|
|
36
36
|
theme: 'base',
|
|
37
37
|
themeVariables: {
|
|
38
|
-
primaryColor: style.getPropertyValue('--rf-color-
|
|
38
|
+
primaryColor: style.getPropertyValue('--rf-color-surface').trim() || '#fbfaf7',
|
|
39
39
|
primaryTextColor: style.getPropertyValue('--rf-color-text').trim() || '#1c1a17',
|
|
40
|
-
primaryBorderColor: style.getPropertyValue('--rf-color-
|
|
40
|
+
primaryBorderColor: style.getPropertyValue('--rf-color-border').trim() || '#e2e0dd',
|
|
41
41
|
secondaryColor: style.getPropertyValue('--rf-color-surface-hover').trim() || '#ecebe8',
|
|
42
42
|
secondaryTextColor: style.getPropertyValue('--rf-color-text').trim() || '#1c1a17',
|
|
43
43
|
secondaryBorderColor: style.getPropertyValue('--rf-color-border').trim() || '#e2e0dd',
|
|
@@ -46,8 +46,8 @@ export class RfDiagram extends SafeHTMLElement {
|
|
|
46
46
|
tertiaryBorderColor: style.getPropertyValue('--rf-color-info-border').trim() || '#c5d2e0',
|
|
47
47
|
lineColor: style.getPropertyValue('--rf-color-muted').trim() || '#6b6661',
|
|
48
48
|
textColor: style.getPropertyValue('--rf-color-text').trim() || '#1c1a17',
|
|
49
|
-
mainBkg: style.getPropertyValue('--rf-color-
|
|
50
|
-
nodeBorder: style.getPropertyValue('--rf-color-
|
|
49
|
+
mainBkg: style.getPropertyValue('--rf-color-surface').trim() || '#fbfaf7',
|
|
50
|
+
nodeBorder: style.getPropertyValue('--rf-color-border').trim() || '#e2e0dd',
|
|
51
51
|
clusterBkg: style.getPropertyValue('--rf-color-surface').trim() || '#fbfaf7',
|
|
52
52
|
clusterBorder: style.getPropertyValue('--rf-color-border').trim() || '#e2e0dd',
|
|
53
53
|
edgeLabelBackground: style.getPropertyValue('--rf-color-surface').trim() || '#fbfaf7',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"diagram.js","sourceRoot":"","sources":["../../src/elements/diagram.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;GASG;AACH,MAAM,OAAO,SAAU,SAAQ,eAAe;IAC7C,iBAAiB;QAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC;QACpD,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAc,wBAAwB,CAAC,CAAC;QAC5E,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM;YAAE,OAAO;QAElC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YACjC,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC;YAC/B,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,qBAAqB,CAAC;YACnD,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QACpC,CAAC;IACF,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,MAAc,EAAE,SAAsB;QACjE,IAAI,CAAC;YACJ,MAAM,GAAG,GAAG,kEAAkE,CAAC;YAC/E,MAAM,OAAO,GAAG,CAAC,MAAM,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;YAC/D,MAAM,KAAK,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC3C,OAAO,CAAC,UAAU,CAAC;gBAClB,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE;oBACf,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"diagram.js","sourceRoot":"","sources":["../../src/elements/diagram.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED