@adia-ai/gen-ui 0.8.47 → 0.8.50
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 +18 -0
- package/corpus/chunk-embeddings.json +1 -1
- package/corpus/chunks/_index.json +189 -4
- package/corpus/chunks/_source-hashes.json +120 -120
- package/corpus/chunks/data-import-wizard.json +2 -2
- package/corpus/chunks/onb-step-shell.json +2 -2
- package/corpus/chunks/reg-step-shell.json +2 -2
- package/corpus/chunks/table-footer-open-total.json +47 -0
- package/corpus/chunks/table-footer-range-of.json +46 -0
- package/corpus/chunks/table-toolbar-adiav2-row.json +2 -3
- package/corpus/chunks/table-toolbar-chrome-only-empty.json +2 -3
- package/corpus/chunks/table-toolbar-open-total.json +44 -0
- package/corpus/chunks/table-toolbar-range-of.json +47 -0
- package/corpus/chunks/table-toolbar-summary-slot.json +200 -0
- package/corpus/chunks/table-toolbar-title-always.json +198 -0
- package/corpus/manifest.json +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-footer-open-total",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-footer/table-footer.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "open total — cursor/hasMore paging (gh#1877, ADR-0082 Amendment)"
|
|
11
|
+
},
|
|
12
|
+
"html": "<table-footer-ui page=\"1\" page-size=\"50\" range-total=\"?\" range-noun=\"subscriptions\"></table-footer-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-footer/table-footer.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "Table footer with range-total="?" — the open/unproven-total state for cursor or hasMore server paging with no known row count yet. Renders 'Showing X–Y' with no 'of N' via range-noun, and the pager's next stays enabled indefinitely until a real range-total arrives.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"footer",
|
|
20
|
+
"pagination",
|
|
21
|
+
"open",
|
|
22
|
+
"total",
|
|
23
|
+
"unproven",
|
|
24
|
+
"cursor",
|
|
25
|
+
"hasMore",
|
|
26
|
+
"unknown",
|
|
27
|
+
"count",
|
|
28
|
+
"next",
|
|
29
|
+
"enabled",
|
|
30
|
+
"range",
|
|
31
|
+
"noun",
|
|
32
|
+
"data",
|
|
33
|
+
"grid"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"captured_at": "2026-08-23T14:50:58.244Z",
|
|
37
|
+
"template": [
|
|
38
|
+
{
|
|
39
|
+
"id": "root",
|
|
40
|
+
"component": "TableFooter",
|
|
41
|
+
"page": 1,
|
|
42
|
+
"page-size": 50,
|
|
43
|
+
"range-noun": "subscriptions",
|
|
44
|
+
"range-total": "?"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-footer-range-of",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-footer/table-footer.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "filtered-of-whole — range-of secondary total (gh#1877, ADR-0082 Amendment)"
|
|
11
|
+
},
|
|
12
|
+
"html": "<table-footer-ui page=\"1\" page-size=\"4\" range-total=\"4\" range-of=\"6\" range-noun=\"traversals\"></table-footer-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-footer/table-footer.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "Table footer with range-total="4" (the client-filtered count) plus range-of="6" (the unfiltered whole-set total) and range-noun="traversals" — renders 'Showing 1–4 of 4 traversals (of 6 total)'.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"footer",
|
|
20
|
+
"pagination",
|
|
21
|
+
"filtered",
|
|
22
|
+
"of",
|
|
23
|
+
"whole",
|
|
24
|
+
"secondary",
|
|
25
|
+
"total",
|
|
26
|
+
"range",
|
|
27
|
+
"of",
|
|
28
|
+
"range",
|
|
29
|
+
"noun",
|
|
30
|
+
"data",
|
|
31
|
+
"grid"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"captured_at": "2026-08-23T14:50:58.244Z",
|
|
35
|
+
"template": [
|
|
36
|
+
{
|
|
37
|
+
"id": "root",
|
|
38
|
+
"component": "TableFooter",
|
|
39
|
+
"page": 1,
|
|
40
|
+
"page-size": 4,
|
|
41
|
+
"range-noun": "traversals",
|
|
42
|
+
"range-of": 6,
|
|
43
|
+
"range-total": 4
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"data-artifact-item": "",
|
|
10
10
|
"data-artifact-label": "adiav2 list-page toolbar row — scope + range summary + actions-leading + page-size"
|
|
11
11
|
},
|
|
12
|
-
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"accounts-table\"
|
|
12
|
+
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"accounts-table\" no-filter no-sort no-columns no-search\n range-start=\"1\" range-end=\"25\" range-total=\"320\"\n page-size-options=\"[10,25,50,100]\" page-size=\"25\">\n <!-- gh#1748: [label]+[label-hidden] (not a raw [aria-label]) is the\n ratified pattern — keeps \"Scope\" as the accessible name while\n suppressing the redundant visible text next to the toolbar's\n own title (mirrors check-ui's [label-hidden], gh#1010).\n No [text]/[count] on the toolbar itself — a filled\n [slot=\"scope\"] already carries the entity name; the count\n folds into the scope's own displayed option text (\"All\n Accounts (3)\") instead of a second, redundant title cluster\n saying \"Accounts 3\" next to it (table-toolbar.css's own\n `:has([data-scope]:not(:empty)) [data-title]` reconciliation\n hides that cluster automatically once a scope is slotted,\n but there's no reason to author the now-invisible text/count\n attributes here either). Scope select-ui and the\n actions-leading/actions button-ui below render at their own\n default size — this demo no longer opts the row into a\n compact density; table-toolbar-ui's OWN internals (native\n Filter/Sort/Columns, badge, search) are unaffected either\n way, since they hardcode size=\"sm\" on themselves regardless\n of any host-level sizing. -->\n <select-ui slot=\"scope\" label=\"Scope\" label-hidden>\n <option value=\"all\" selected>All Accounts (3)</option>\n <option value=\"mine\">My Accounts</option>\n </select-ui>\n <button-ui slot=\"actions-leading\" text=\"Filter\" icon=\"funnel-simple\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"actions-leading\" text=\"Columns\" icon=\"columns\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"actions\" text=\"New account\" icon=\"plus\" variant=\"primary\"></button-ui>\n </table-toolbar-ui>\n </header>\n <section bleed>\n <table-ui id=\"accounts-table\" sortable raw>\n <table>\n <thead><tr><th>Account</th><th>Owner</th><th>Status</th></tr></thead>\n <tbody>\n <tr><td>Acme Health</td><td>Maya Chen</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n <tr><td>Northwind Clinics</td><td>Alex Park</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n <tr><td>Globex Medical</td><td>Jordan Lee</td><td><tag-ui variant=\"warning\">Trial</tag-ui></td></tr>\n </tbody>\n </table>\n </table-ui>\n </section>\n </card-ui>",
|
|
13
13
|
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
14
|
"metadata": {
|
|
15
15
|
"domain": "data",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"page"
|
|
32
32
|
]
|
|
33
33
|
},
|
|
34
|
-
"captured_at": "2026-08-
|
|
34
|
+
"captured_at": "2026-08-23T21:01:37.706Z",
|
|
35
35
|
"template": [
|
|
36
36
|
{
|
|
37
37
|
"id": "choice-picker",
|
|
@@ -93,7 +93,6 @@
|
|
|
93
93
|
"rangeEnd": 25,
|
|
94
94
|
"rangeStart": 1,
|
|
95
95
|
"rangeTotal": 320,
|
|
96
|
-
"size": "sm",
|
|
97
96
|
"children": [
|
|
98
97
|
"choice-picker",
|
|
99
98
|
"button",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"data-artifact-item": "",
|
|
10
10
|
"data-artifact-label": "chrome-only + empty slot — adiav2 row, zero-results state"
|
|
11
11
|
},
|
|
12
|
-
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"accounts-empty-table\"
|
|
12
|
+
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"accounts-empty-table\" chrome-only range-total=\"0\">\n <select-ui slot=\"scope\" label=\"Scope\" label-hidden>\n <option value=\"all\" selected>All Accounts (0)</option>\n <option value=\"mine\">My Accounts</option>\n </select-ui>\n <span slot=\"empty\">No accounts match your filters.</span>\n <button-ui slot=\"actions-leading\" text=\"Filter\" icon=\"funnel-simple\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"actions-leading\" text=\"Columns\" icon=\"columns\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"actions\" text=\"New account\" icon=\"plus\" variant=\"primary\"></button-ui>\n </table-toolbar-ui>\n </header>\n <section bleed>\n <table-ui id=\"accounts-empty-table\" sortable raw>\n <table>\n <thead><tr><th>Account</th><th>Owner</th><th>Status</th></tr></thead>\n <tbody></tbody>\n </table>\n </table-ui>\n </section>\n </card-ui>",
|
|
13
13
|
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
14
|
"metadata": {
|
|
15
15
|
"domain": "data",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"adr-0076"
|
|
33
33
|
]
|
|
34
34
|
},
|
|
35
|
-
"captured_at": "2026-08-
|
|
35
|
+
"captured_at": "2026-08-23T21:01:37.706Z",
|
|
36
36
|
"template": [
|
|
37
37
|
{
|
|
38
38
|
"id": "choice-picker",
|
|
@@ -89,7 +89,6 @@
|
|
|
89
89
|
"chromeOnly": true,
|
|
90
90
|
"for": "accounts-empty-table",
|
|
91
91
|
"rangeTotal": 0,
|
|
92
|
-
"size": "sm",
|
|
93
92
|
"children": [
|
|
94
93
|
"choice-picker",
|
|
95
94
|
"text",
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-toolbar-open-total",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "open total — cursor/hasMore paging (gh#1877, ADR-0082 Amendment)"
|
|
11
|
+
},
|
|
12
|
+
"html": "<table-toolbar-ui for=\"subs-open-table\" range-start=\"1\" range-end=\"50\" range-total=\"?\" range-noun=\"subscriptions\"></table-toolbar-ui>\n <table-ui id=\"subs-open-table\" raw>\n <table>\n <thead><tr><th>Subscriber</th><th>Plan</th></tr></thead>\n <tbody>\n <tr><td>A. Chen</td><td>Pro</td></tr>\n <tr><td>J. Park</td><td>Team</td></tr>\n </tbody>\n </table>\n </table-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "Table toolbar with range-total="?" — the open/unproven-total state for cursor or hasMore server paging with no known row count yet. Needs only range-start/range-end (> 0) to render; the summary reads 'Showing X–Y' with no 'of N' via range-noun, resolving to the normal finite summary once a real range-total arrives.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"toolbar",
|
|
20
|
+
"range",
|
|
21
|
+
"summary",
|
|
22
|
+
"open",
|
|
23
|
+
"total",
|
|
24
|
+
"unproven",
|
|
25
|
+
"cursor",
|
|
26
|
+
"hasMore",
|
|
27
|
+
"unknown",
|
|
28
|
+
"count",
|
|
29
|
+
"range",
|
|
30
|
+
"noun",
|
|
31
|
+
"data",
|
|
32
|
+
"grid"
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
"captured_at": "2026-08-23T14:50:58.244Z",
|
|
36
|
+
"template": [
|
|
37
|
+
{
|
|
38
|
+
"id": "root",
|
|
39
|
+
"component": "Text",
|
|
40
|
+
"textContent": "Subscriber Plan A. Chen Pro J. Park Team",
|
|
41
|
+
"variant": "body"
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-toolbar-range-of",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "filtered-of-whole — range-of secondary total (gh#1877, ADR-0082 Amendment)"
|
|
11
|
+
},
|
|
12
|
+
"html": "<table-toolbar-ui range-start=\"1\" range-end=\"4\" range-total=\"4\" range-of=\"6\" range-noun=\"traversals\"></table-toolbar-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "Table toolbar with range-total="4" (the client-filtered count) plus range-of="6" (the unfiltered whole-set total) and range-noun="traversals" — renders 'Showing 1–4 of 4 traversals (of 6 total)'.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"toolbar",
|
|
20
|
+
"range",
|
|
21
|
+
"summary",
|
|
22
|
+
"filtered",
|
|
23
|
+
"of",
|
|
24
|
+
"whole",
|
|
25
|
+
"secondary",
|
|
26
|
+
"total",
|
|
27
|
+
"range",
|
|
28
|
+
"of",
|
|
29
|
+
"range",
|
|
30
|
+
"noun",
|
|
31
|
+
"data",
|
|
32
|
+
"grid"
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
"captured_at": "2026-08-23T14:50:58.244Z",
|
|
36
|
+
"template": [
|
|
37
|
+
{
|
|
38
|
+
"id": "root",
|
|
39
|
+
"component": "TableToolbar",
|
|
40
|
+
"rangeEnd": 4,
|
|
41
|
+
"rangeNoun": "traversals",
|
|
42
|
+
"rangeOf": 6,
|
|
43
|
+
"rangeStart": 1,
|
|
44
|
+
"rangeTotal": 4
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-toolbar-summary-slot",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "summary slot — line-items Subtotal (gh#1883)"
|
|
11
|
+
},
|
|
12
|
+
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"line-items-table\" text=\"Line items\" no-filter no-sort no-columns no-search>\n <span slot=\"summary\">Subtotal <strong>$1,240.00</strong></span>\n </table-toolbar-ui>\n </header>\n <section bleed>\n <table-ui id=\"line-items-table\" raw>\n <table>\n <thead><tr><th>Item</th><th>Qty</th><th>Amount</th></tr></thead>\n <tbody>\n <tr><td>Consultation</td><td>1</td><td>$450.00</td></tr>\n <tr><td>Lab panel</td><td>2</td><td>$790.00</td></tr>\n </tbody>\n </table>\n </table-ui>\n </section>\n </card-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "[slot="summary"] (gh#1883) — a trailing aggregate/total datum that belongs with the table but isn't pagination context, e.g. batch-detail's line-items Subtotal. Renders after actions-leading, before the page-size select / actions, same flex row, sized via --table-toolbar-summary-size.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"toolbar",
|
|
20
|
+
"summary",
|
|
21
|
+
"slot",
|
|
22
|
+
"subtotal",
|
|
23
|
+
"total",
|
|
24
|
+
"aggregate",
|
|
25
|
+
"line",
|
|
26
|
+
"items",
|
|
27
|
+
"batch",
|
|
28
|
+
"detail",
|
|
29
|
+
"data",
|
|
30
|
+
"grid"
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
"captured_at": "2026-08-23T21:01:37.706Z",
|
|
34
|
+
"template": [
|
|
35
|
+
{
|
|
36
|
+
"id": "text-2",
|
|
37
|
+
"component": "Text",
|
|
38
|
+
"variant": "body",
|
|
39
|
+
"textContent": "$1,240.00"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "text",
|
|
43
|
+
"component": "Text",
|
|
44
|
+
"variant": "body",
|
|
45
|
+
"slot": "summary",
|
|
46
|
+
"textContent": "Subtotal",
|
|
47
|
+
"children": [
|
|
48
|
+
"text-2"
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "table-toolbar",
|
|
53
|
+
"component": "TableToolbar",
|
|
54
|
+
"for": "line-items-table",
|
|
55
|
+
"noColumns": true,
|
|
56
|
+
"noFilter": true,
|
|
57
|
+
"noSearch": true,
|
|
58
|
+
"noSort": true,
|
|
59
|
+
"text": "Line items",
|
|
60
|
+
"children": [
|
|
61
|
+
"text"
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "header",
|
|
66
|
+
"component": "Header",
|
|
67
|
+
"children": [
|
|
68
|
+
"table-toolbar"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"id": "text-3",
|
|
73
|
+
"component": "Text",
|
|
74
|
+
"textContent": "Item",
|
|
75
|
+
"variant": "body"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"id": "text-4",
|
|
79
|
+
"component": "Text",
|
|
80
|
+
"textContent": "Qty",
|
|
81
|
+
"variant": "body"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"id": "text-5",
|
|
85
|
+
"component": "Text",
|
|
86
|
+
"textContent": "Amount",
|
|
87
|
+
"variant": "body"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"id": "column-2",
|
|
91
|
+
"component": "Column",
|
|
92
|
+
"children": [
|
|
93
|
+
"text-3",
|
|
94
|
+
"text-4",
|
|
95
|
+
"text-5"
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"id": "text-6",
|
|
100
|
+
"component": "Text",
|
|
101
|
+
"textContent": "Consultation",
|
|
102
|
+
"variant": "body"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"id": "text-7",
|
|
106
|
+
"component": "Text",
|
|
107
|
+
"textContent": "1",
|
|
108
|
+
"variant": "body"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"id": "text-8",
|
|
112
|
+
"component": "Text",
|
|
113
|
+
"textContent": "$450.00",
|
|
114
|
+
"variant": "body"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"id": "column-7",
|
|
118
|
+
"component": "Column",
|
|
119
|
+
"children": [
|
|
120
|
+
"text-6",
|
|
121
|
+
"text-7",
|
|
122
|
+
"text-8"
|
|
123
|
+
]
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"id": "text-9",
|
|
127
|
+
"component": "Text",
|
|
128
|
+
"textContent": "Lab panel",
|
|
129
|
+
"variant": "body"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"id": "text-10",
|
|
133
|
+
"component": "Text",
|
|
134
|
+
"textContent": "2",
|
|
135
|
+
"variant": "body"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"id": "text-11",
|
|
139
|
+
"component": "Text",
|
|
140
|
+
"textContent": "$790.00",
|
|
141
|
+
"variant": "body"
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"id": "column-11",
|
|
145
|
+
"component": "Column",
|
|
146
|
+
"children": [
|
|
147
|
+
"text-9",
|
|
148
|
+
"text-10",
|
|
149
|
+
"text-11"
|
|
150
|
+
]
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"id": "column-6",
|
|
154
|
+
"component": "Column",
|
|
155
|
+
"children": [
|
|
156
|
+
"column-7",
|
|
157
|
+
"column-11"
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"id": "table",
|
|
162
|
+
"component": "Table",
|
|
163
|
+
"children": [
|
|
164
|
+
"column-2",
|
|
165
|
+
"column-6"
|
|
166
|
+
]
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"id": "line-items-table",
|
|
170
|
+
"component": "Table",
|
|
171
|
+
"raw": true,
|
|
172
|
+
"children": [
|
|
173
|
+
"table"
|
|
174
|
+
]
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"id": "section",
|
|
178
|
+
"component": "Section",
|
|
179
|
+
"bleed": true,
|
|
180
|
+
"children": [
|
|
181
|
+
"column-15"
|
|
182
|
+
]
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"id": "column-15",
|
|
186
|
+
"component": "Column",
|
|
187
|
+
"children": [
|
|
188
|
+
"line-items-table"
|
|
189
|
+
]
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"id": "root",
|
|
193
|
+
"component": "Card",
|
|
194
|
+
"children": [
|
|
195
|
+
"header",
|
|
196
|
+
"section"
|
|
197
|
+
]
|
|
198
|
+
}
|
|
199
|
+
]
|
|
200
|
+
}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "table-toolbar-title-always",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-artifact-item": "",
|
|
10
|
+
"data-artifact-label": "title-always — scope select plus an explicit title kept visible together"
|
|
11
|
+
},
|
|
12
|
+
"html": "<card-ui>\n <header>\n <table-toolbar-ui for=\"teams-table\" title-always text=\"Engineering\" count=\"12\">\n <select-ui slot=\"scope\" label=\"Team\" label-hidden>\n <option value=\"eng\" selected>Engineering</option>\n <option value=\"design\">Design</option>\n </select-ui>\n </table-toolbar-ui>\n </header>\n <section bleed>\n <table-ui id=\"teams-table\" sortable raw>\n <table>\n <thead><tr><th>Name</th><th>Role</th><th>Status</th></tr></thead>\n <tbody>\n <tr><td>Maya Chen</td><td>Designer</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n <tr><td>Alex Park</td><td>Engineer</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n </tbody>\n </table>\n </table-ui>\n </section>\n </card-ui>",
|
|
13
|
+
"source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "data",
|
|
16
|
+
"description": "[title-always] opt-out (gh#1879) for the scope-reconciliation title hide: by default a filled [slot="scope"] region hides the [text]/[count] title cluster next to it (they'd repeat the same entity name); [title-always] keeps both visible together — a scope select AND an explicit text/count title on the same row.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"table",
|
|
19
|
+
"toolbar",
|
|
20
|
+
"title-always",
|
|
21
|
+
"scope",
|
|
22
|
+
"title",
|
|
23
|
+
"text",
|
|
24
|
+
"count",
|
|
25
|
+
"opt-out",
|
|
26
|
+
"reconciliation",
|
|
27
|
+
"adiav2"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"captured_at": "2026-08-23T21:01:37.706Z",
|
|
31
|
+
"template": [
|
|
32
|
+
{
|
|
33
|
+
"id": "choice-picker",
|
|
34
|
+
"component": "ChoicePicker",
|
|
35
|
+
"slot": "scope",
|
|
36
|
+
"label": "Team",
|
|
37
|
+
"label-hidden": true,
|
|
38
|
+
"options": [
|
|
39
|
+
{
|
|
40
|
+
"value": "eng",
|
|
41
|
+
"label": "Engineering"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"value": "design",
|
|
45
|
+
"label": "Design"
|
|
46
|
+
}
|
|
47
|
+
],
|
|
48
|
+
"value": "eng"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"id": "table-toolbar",
|
|
52
|
+
"component": "TableToolbar",
|
|
53
|
+
"count": "12",
|
|
54
|
+
"for": "teams-table",
|
|
55
|
+
"text": "Engineering",
|
|
56
|
+
"titleAlways": true,
|
|
57
|
+
"children": [
|
|
58
|
+
"choice-picker"
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "header",
|
|
63
|
+
"component": "Header",
|
|
64
|
+
"children": [
|
|
65
|
+
"table-toolbar"
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"id": "text",
|
|
70
|
+
"component": "Text",
|
|
71
|
+
"textContent": "Name",
|
|
72
|
+
"variant": "body"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"id": "text-2",
|
|
76
|
+
"component": "Text",
|
|
77
|
+
"textContent": "Role",
|
|
78
|
+
"variant": "body"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"id": "text-3",
|
|
82
|
+
"component": "Text",
|
|
83
|
+
"textContent": "Status",
|
|
84
|
+
"variant": "body"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"id": "column-2",
|
|
88
|
+
"component": "Column",
|
|
89
|
+
"children": [
|
|
90
|
+
"text",
|
|
91
|
+
"text-2",
|
|
92
|
+
"text-3"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"id": "text-4",
|
|
97
|
+
"component": "Text",
|
|
98
|
+
"textContent": "Maya Chen",
|
|
99
|
+
"variant": "body"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "text-5",
|
|
103
|
+
"component": "Text",
|
|
104
|
+
"textContent": "Designer",
|
|
105
|
+
"variant": "body"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"id": "tag",
|
|
109
|
+
"component": "Tag",
|
|
110
|
+
"variant": "success",
|
|
111
|
+
"text": "Active"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"id": "column-7",
|
|
115
|
+
"component": "Column",
|
|
116
|
+
"children": [
|
|
117
|
+
"text-4",
|
|
118
|
+
"text-5",
|
|
119
|
+
"tag"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"id": "text-6",
|
|
124
|
+
"component": "Text",
|
|
125
|
+
"textContent": "Alex Park",
|
|
126
|
+
"variant": "body"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"id": "text-7",
|
|
130
|
+
"component": "Text",
|
|
131
|
+
"textContent": "Engineer",
|
|
132
|
+
"variant": "body"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"id": "tag-2",
|
|
136
|
+
"component": "Tag",
|
|
137
|
+
"variant": "success",
|
|
138
|
+
"text": "Active"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"id": "column-11",
|
|
142
|
+
"component": "Column",
|
|
143
|
+
"children": [
|
|
144
|
+
"text-6",
|
|
145
|
+
"text-7",
|
|
146
|
+
"tag-2"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"id": "column-6",
|
|
151
|
+
"component": "Column",
|
|
152
|
+
"children": [
|
|
153
|
+
"column-7",
|
|
154
|
+
"column-11"
|
|
155
|
+
]
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"id": "table",
|
|
159
|
+
"component": "Table",
|
|
160
|
+
"children": [
|
|
161
|
+
"column-2",
|
|
162
|
+
"column-6"
|
|
163
|
+
]
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"id": "teams-table",
|
|
167
|
+
"component": "Table",
|
|
168
|
+
"raw": true,
|
|
169
|
+
"sortable": true,
|
|
170
|
+
"children": [
|
|
171
|
+
"table"
|
|
172
|
+
]
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"id": "section",
|
|
176
|
+
"component": "Section",
|
|
177
|
+
"bleed": true,
|
|
178
|
+
"children": [
|
|
179
|
+
"column-15"
|
|
180
|
+
]
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"id": "column-15",
|
|
184
|
+
"component": "Column",
|
|
185
|
+
"children": [
|
|
186
|
+
"teams-table"
|
|
187
|
+
]
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"id": "root",
|
|
191
|
+
"component": "Card",
|
|
192
|
+
"children": [
|
|
193
|
+
"header",
|
|
194
|
+
"section"
|
|
195
|
+
]
|
|
196
|
+
}
|
|
197
|
+
]
|
|
198
|
+
}
|
package/corpus/manifest.json
CHANGED