@adia-ai/web-components 0.8.45 → 0.8.46
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.
- package/CHANGELOG.md +9 -0
- package/components/card/card.css +12 -23
- package/components/card/card.yaml +11 -0
- package/components/chart/chart.a2ui.json +16 -1
- package/components/chart/chart.class.js +611 -41
- package/components/chart/chart.css +174 -0
- package/components/chart/chart.d.ts +5 -1
- package/components/chart/chart.yaml +45 -1
- package/components/field/field.css +24 -2
- package/components/index.js +1 -0
- package/components/input/input.css +7 -0
- package/components/table/table.a2ui.json +19 -4
- package/components/table/table.class.js +163 -12
- package/components/table/table.d.ts +9 -3
- package/components/table/table.yaml +109 -8
- package/components/table-footer/table-footer.a2ui.json +150 -0
- package/components/table-footer/table-footer.class.js +391 -0
- package/components/table-footer/table-footer.css +64 -0
- package/components/table-footer/table-footer.d.ts +39 -0
- package/components/table-footer/table-footer.examples.md +46 -0
- package/components/table-footer/table-footer.js +17 -0
- package/components/table-footer/table-footer.yaml +219 -0
- package/components/table-toolbar/table-toolbar.yaml +17 -6
- package/custom-elements.json +138 -4
- package/dist/theme-provider.min.js +1 -1
- package/dist/web-components.min.css +1 -1
- package/dist/web-components.min.js +87 -87
- package/dist/web-components.sheet.js +1 -1
- package/package.json +1 -1
- package/patterns/chart-in-card/chart-in-card.examples.html +36 -9
- package/patterns/new-enrollments/new-enrollments.examples.html +140 -0
- package/patterns/new-enrollments/new-enrollments.html +54 -0
- package/patterns/table-in-card/table-in-card.examples.html +168 -0
- package/patterns/table-in-card/table-in-card.examples.js +139 -0
- package/patterns/table-in-card/table-in-card.html +86 -0
- package/styles/components.css +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# Changelog — @adia-ai/web-components
|
|
2
2
|
|
|
3
|
+
## [0.8.46] — 2026-08-22
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Maintenance
|
|
7
|
+
- **`components/` touched in this release window** (31 file(s), e.g. `card/card.css`) — carried by the entries above.
|
|
8
|
+
- **`dist/` bundles rebuilt** in this cut's window (4 file(s)) — regenerated from the source changes described above, not independent edits.
|
|
9
|
+
- **`patterns/` touched in this release window** (6 file(s), e.g. `chart-in-card/chart-in-card.examples.html`) — carried by the entries above.
|
|
10
|
+
- **`styles/` touched in this release window** (1 file(s), e.g. `styles/components.css`) — carried by the entries above.
|
|
11
|
+
|
|
3
12
|
## [0.8.45] — 2026-08-20
|
|
4
13
|
|
|
5
14
|
### Added
|
package/components/card/card.css
CHANGED
|
@@ -427,29 +427,18 @@
|
|
|
427
427
|
border-radius: 0;
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
/*
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
card
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
reset above regardless of source order. Pairing a legend with a
|
|
443
|
-
genuinely full-bleed chart still works — put the legend in its OWN
|
|
444
|
-
section below, wired via chart-legend-ui[for="<chart id>"], which
|
|
445
|
-
never enters this selector (see chart-in-card.examples.html's
|
|
446
|
-
"Full-bleed chart + legend band" example). */
|
|
447
|
-
& > section[bleed]:has(> chart-ui:not([type="sparkline"]):not([no-grid])),
|
|
448
|
-
& > section[bleed]:has(> chart-ui:not([type="sparkline"]):not([no-values])),
|
|
449
|
-
& > section[bleed]:has(> chart-legend-ui) {
|
|
450
|
-
margin: var(--card-inset);
|
|
451
|
-
padding: 0;
|
|
452
|
-
}
|
|
430
|
+
/* [bleed] is unconditionally author-controlled (gh#1801, operator ruling
|
|
431
|
+
2026-08-20 — supersedes gh#1095's mechanical auto-restore, removed
|
|
432
|
+
here). A full-bleed chart-ui that still draws gridlines, value labels,
|
|
433
|
+
or is paired with a <chart-legend-ui> can clip that text under the
|
|
434
|
+
card's corner-rounded `overflow: hidden` (:scope, top of file) — this
|
|
435
|
+
is now the AUTHOR's responsibility to avoid, not something this
|
|
436
|
+
stylesheet silently repairs by re-inserting an inset the author
|
|
437
|
+
explicitly opted out of. card.yaml's `bleed` prop docs and
|
|
438
|
+
chart-in-card.examples.html both carry the clipping-hazard note and
|
|
439
|
+
the recommended mitigation: render value/guide text as overlay chips
|
|
440
|
+
INSET within the plot area (never hanging outside it) rather than
|
|
441
|
+
relying on card margin for clearance. */
|
|
453
442
|
|
|
454
443
|
/* ═══════ Footer ═══════
|
|
455
444
|
Margin-based inset. Flex row for actions.
|
|
@@ -161,6 +161,17 @@ a2ui:
|
|
|
161
161
|
row 2 without needing slot="description".
|
|
162
162
|
- Multiple <section> siblings are allowed and stack vertically. [bleed] on a section removes its margin for edge-to-edge
|
|
163
163
|
content (tables, charts); [padding] adds a canvas-scrim background for hero regions.
|
|
164
|
+
- >-
|
|
165
|
+
[bleed] is unconditionally author-controlled — card.css never restores
|
|
166
|
+
the section's inset on your behalf (gh#1801, operator ruling
|
|
167
|
+
2026-08-20; supersedes gh#1095's removed auto-restore guard). A
|
|
168
|
+
full-bleed <chart-ui> that still draws gridlines or value labels, or is
|
|
169
|
+
paired with a <chart-legend-ui>, can clip that text under the card's
|
|
170
|
+
own corner-rounded overflow:hidden — keeping it clear of the card
|
|
171
|
+
frame is YOUR responsibility as the author, e.g. by rendering value/
|
|
172
|
+
guide text as overlay chips INSET within the plot area rather than
|
|
173
|
+
hanging outside it, or by placing a <chart-legend-ui> in its own
|
|
174
|
+
non-bled section. See chart-in-card.examples.html for the pattern.
|
|
164
175
|
- >-
|
|
165
176
|
When neither [raw] nor [frameless] is present, a <table-ui> placed
|
|
166
177
|
directly inside a <section bleed> automatically renders chromeless
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"default": null
|
|
63
63
|
},
|
|
64
64
|
"data": {
|
|
65
|
-
"description": "JS property (set programmatically — `el.data = [...]`). An array of plain objects; each object's keys are named by the `x` and `y` attributes — e.g. `<chart-ui x=\"month\" y=\"revenue\">` consumes `[{month:'Jan', revenue:3200}, {month:'Feb', revenue:4100}]`. The Chart.js `{labels, datasets}` envelope is NOT chart-ui's API — passing it (or any non-array value) renders an empty chart. May also be supplied declaratively as a JSON-array `data=\"[…]\"` attribute, hydrated once at connect. Custom accessor on the element class, not a reflected attribute.",
|
|
65
|
+
"description": "JS property (set programmatically — `el.data = [...]`). An array of plain objects; each object's keys are named by the `x` and `y` attributes — e.g. `<chart-ui x=\"month\" y=\"revenue\">` consumes `[{month:'Jan', revenue:3200}, {month:'Feb', revenue:4100}]`. The Chart.js `{labels, datasets}` envelope is NOT chart-ui's API — passing it (or any non-array value) renders an empty chart. May also be supplied declaratively as a JSON-array `data=\"[…]\"` attribute, hydrated once at connect. Custom accessor on the element class, not a reflected attribute. A datum object carrying a truthy `provisional` key (ADR-0081) renders that period's type-specific incomplete-period treatment (hollow/dashed bar, dashed line + faded area, hollow ring dot) on cartesian types; a no-op on radial/part-to-whole types and sparkline (gh#1690's N/A list). Provisional state is per-datum data-shape, not a chart-ui attribute — see ADR-0081 §3.",
|
|
66
66
|
"$ref": "common_types.json#/$defs/DynamicObjectList"
|
|
67
67
|
},
|
|
68
68
|
"dots": {
|
|
@@ -87,6 +87,16 @@
|
|
|
87
87
|
],
|
|
88
88
|
"default": "abbr"
|
|
89
89
|
},
|
|
90
|
+
"labels": {
|
|
91
|
+
"description": "Chart 2.0 axis-label mode (ADR-0081). Unset (default, \"\") always resolves to `outside` — today's pre-2.0 outside-the-plot axis labels, byte-for-byte unchanged. Set explicitly to `chip` to opt into the pill-treated overlay labels inset within the plot box (never hanging outside it) — the resolved value reflects onto the host as `data-labels-resolved=\"chip\"|\"outside\"`. Deliberately explicit-opt-in rather than auto-detected from full-bleed ancestry (`section[bleed]`/ `card-ui[padding=\"none\"]`): an earlier draft auto-activated chip mode on any full-bleed composition, which silently changed the rendering of every ALREADY-SHIPPED full-bleed chart the moment it shipped — this build's own 60-fixture Charts visual-eval floor caught it (2 `comp-chart-in-card-n-*` regressions). `chart-in-card` compositions opt in explicitly once their own examples are updated (gh#1805).",
|
|
92
|
+
"type": "string",
|
|
93
|
+
"enum": [
|
|
94
|
+
"",
|
|
95
|
+
"chip",
|
|
96
|
+
"outside"
|
|
97
|
+
],
|
|
98
|
+
"default": ""
|
|
99
|
+
},
|
|
90
100
|
"loading": {
|
|
91
101
|
"description": "Show a skeleton placeholder instead of the chart body. Set to true while data is being fetched; clear once data arrives. Preserves the element's aspect-ratio dimensions so the skeleton occupies the same space the chart will fill. Parity with stat-ui[loading] and table-ui[loading] (§FB-12, v0.6.27).",
|
|
92
102
|
"type": "boolean",
|
|
@@ -137,6 +147,11 @@
|
|
|
137
147
|
"type": "number",
|
|
138
148
|
"default": 0.4
|
|
139
149
|
},
|
|
150
|
+
"today": {
|
|
151
|
+
"description": "Names the datum whose x-axis value marks \"today\" (ADR-0081). Unset (default, \"\") renders no marker — additive. Compared against each datum's x-key value via a loose string comparison (`String(datum[x]) === String(today)`), so category axes (\"month\", \"region\") work the same as literal date strings; chart-ui never auto-derives today from the clock. Renders a baseline dot + a short band tick (REQ-F-008) on cartesian types (bar, line, area, scatter, multi-line, stacked-bar, grouped-bar, composed); a no-op on every radial/part-to-whole type and on sparkline (gh#1690's N/A list). Fallback (not the primary mechanism): a datum already carrying a truthy `today` key is treated as an equivalent marker even with this attribute unset.",
|
|
152
|
+
"type": "string",
|
|
153
|
+
"default": ""
|
|
154
|
+
},
|
|
140
155
|
"x": {
|
|
141
156
|
"description": "Data key for x-axis (category) values",
|
|
142
157
|
"type": "string",
|