@helixui/library 1.1.2-next.7 → 1.1.2-next.8
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/custom-elements.json +578 -578
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +1 -1
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -2,6 +2,230 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
12
|
+
"name": "HelixActionBar",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Bar background color (default variant).",
|
|
16
|
+
"name": "--hx-action-bar-bg",
|
|
17
|
+
"default": "transparent"
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"description": "Bar border (default variant).",
|
|
21
|
+
"name": "--hx-action-bar-border",
|
|
22
|
+
"default": "none"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"description": "Inner padding.",
|
|
26
|
+
"name": "--hx-action-bar-padding",
|
|
27
|
+
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"description": "Gap between slotted items.",
|
|
31
|
+
"name": "--hx-action-bar-gap",
|
|
32
|
+
"default": "var(--hx-space-2,0.5rem)"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"description": "Z-index when sticky or bottom position.",
|
|
36
|
+
"name": "--hx-action-bar-z-index",
|
|
37
|
+
"default": "10"
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
"cssParts": [
|
|
41
|
+
{
|
|
42
|
+
"description": "The root toolbar container element.",
|
|
43
|
+
"name": "base"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"description": "The start (left) slot wrapper.",
|
|
47
|
+
"name": "start"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"description": "The center (default) slot wrapper.",
|
|
51
|
+
"name": "center"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"description": "The end (right) slot wrapper.",
|
|
55
|
+
"name": "end"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
59
|
+
"name": "overflow"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"slots": [
|
|
63
|
+
{
|
|
64
|
+
"description": "Left-aligned actions.",
|
|
65
|
+
"name": "start"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Center content (default slot).",
|
|
69
|
+
"name": ""
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"description": "Right-aligned actions.",
|
|
73
|
+
"name": "end"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"description": "Actions revealed when the bar is constrained for space.",
|
|
77
|
+
"name": "overflow"
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
"members": [
|
|
81
|
+
{
|
|
82
|
+
"kind": "field",
|
|
83
|
+
"name": "size",
|
|
84
|
+
"type": {
|
|
85
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
86
|
+
},
|
|
87
|
+
"default": "'md'",
|
|
88
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
89
|
+
"attribute": "hx-size",
|
|
90
|
+
"reflects": true
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"kind": "field",
|
|
94
|
+
"name": "variant",
|
|
95
|
+
"type": {
|
|
96
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
97
|
+
},
|
|
98
|
+
"default": "'default'",
|
|
99
|
+
"description": "Visual variant controlling the bar background.",
|
|
100
|
+
"attribute": "variant",
|
|
101
|
+
"reflects": true
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"kind": "field",
|
|
105
|
+
"name": "position",
|
|
106
|
+
"type": {
|
|
107
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
108
|
+
},
|
|
109
|
+
"default": "'top'",
|
|
110
|
+
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
111
|
+
"attribute": "position",
|
|
112
|
+
"reflects": true
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"kind": "field",
|
|
116
|
+
"name": "sticky",
|
|
117
|
+
"type": {
|
|
118
|
+
"text": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
121
|
+
"attribute": "sticky",
|
|
122
|
+
"reflects": true
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"kind": "field",
|
|
126
|
+
"name": "ariaLabel",
|
|
127
|
+
"type": {
|
|
128
|
+
"text": "string"
|
|
129
|
+
},
|
|
130
|
+
"default": "'Actions'",
|
|
131
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
132
|
+
"attribute": "aria-label"
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"attributes": [
|
|
136
|
+
{
|
|
137
|
+
"name": "hx-size",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
140
|
+
},
|
|
141
|
+
"default": "'md'",
|
|
142
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
143
|
+
"fieldName": "size",
|
|
144
|
+
"attribute": "hx-size"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "variant",
|
|
148
|
+
"type": {
|
|
149
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
150
|
+
},
|
|
151
|
+
"default": "'default'",
|
|
152
|
+
"description": "Visual variant controlling the bar background.",
|
|
153
|
+
"fieldName": "variant",
|
|
154
|
+
"attribute": "variant"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "position",
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
160
|
+
},
|
|
161
|
+
"default": "'top'",
|
|
162
|
+
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
163
|
+
"fieldName": "position",
|
|
164
|
+
"attribute": "position"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "sticky",
|
|
168
|
+
"type": {
|
|
169
|
+
"text": "boolean"
|
|
170
|
+
},
|
|
171
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
172
|
+
"fieldName": "sticky",
|
|
173
|
+
"attribute": "sticky"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "aria-label",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "string"
|
|
179
|
+
},
|
|
180
|
+
"default": "'Actions'",
|
|
181
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
182
|
+
"fieldName": "ariaLabel",
|
|
183
|
+
"attribute": "aria-label"
|
|
184
|
+
}
|
|
185
|
+
],
|
|
186
|
+
"superclass": {
|
|
187
|
+
"name": "LitElement",
|
|
188
|
+
"package": "lit"
|
|
189
|
+
},
|
|
190
|
+
"tagName": "hx-action-bar",
|
|
191
|
+
"customElement": true,
|
|
192
|
+
"summary": "Horizontal action bar for grouping related controls."
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"exports": [
|
|
196
|
+
{
|
|
197
|
+
"kind": "js",
|
|
198
|
+
"name": "HelixActionBar",
|
|
199
|
+
"declaration": {
|
|
200
|
+
"name": "HelixActionBar",
|
|
201
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "custom-element-definition",
|
|
206
|
+
"name": "hx-action-bar",
|
|
207
|
+
"declaration": {
|
|
208
|
+
"name": "HelixActionBar",
|
|
209
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
]
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"kind": "javascript-module",
|
|
216
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
217
|
+
"declarations": [],
|
|
218
|
+
"exports": [
|
|
219
|
+
{
|
|
220
|
+
"kind": "js",
|
|
221
|
+
"name": "HelixActionBar",
|
|
222
|
+
"declaration": {
|
|
223
|
+
"name": "HelixActionBar",
|
|
224
|
+
"module": "./hx-action-bar.js"
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
},
|
|
5
229
|
{
|
|
6
230
|
"kind": "javascript-module",
|
|
7
231
|
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
@@ -303,256 +527,32 @@
|
|
|
303
527
|
},
|
|
304
528
|
{
|
|
305
529
|
"kind": "javascript-module",
|
|
306
|
-
"path": "src/components/hx-
|
|
530
|
+
"path": "src/components/hx-alert/hx-alert.ts",
|
|
307
531
|
"declarations": [
|
|
308
532
|
{
|
|
309
533
|
"kind": "class",
|
|
310
|
-
"description": "A
|
|
311
|
-
"name": "
|
|
534
|
+
"description": "A feedback component for communicating status messages, warnings, and errors.\nCritical for healthcare patient safety alerts.",
|
|
535
|
+
"name": "HelixAlert",
|
|
312
536
|
"cssProperties": [
|
|
313
537
|
{
|
|
314
|
-
"description": "
|
|
315
|
-
"name": "--hx-
|
|
316
|
-
"default": "
|
|
538
|
+
"description": "Alert background color.",
|
|
539
|
+
"name": "--hx-alert-bg",
|
|
540
|
+
"default": "var(--hx-color-info-50)"
|
|
317
541
|
},
|
|
318
542
|
{
|
|
319
|
-
"description": "
|
|
320
|
-
"name": "--hx-
|
|
321
|
-
"default": "
|
|
543
|
+
"description": "Alert text color.",
|
|
544
|
+
"name": "--hx-alert-color",
|
|
545
|
+
"default": "var(--hx-color-info-800)"
|
|
322
546
|
},
|
|
323
547
|
{
|
|
324
|
-
"description": "
|
|
325
|
-
"name": "--hx-
|
|
326
|
-
"default": "var(--hx-
|
|
548
|
+
"description": "Alert border color.",
|
|
549
|
+
"name": "--hx-alert-border-color",
|
|
550
|
+
"default": "var(--hx-color-info-200)"
|
|
327
551
|
},
|
|
328
552
|
{
|
|
329
|
-
"description": "
|
|
330
|
-
"name": "--hx-
|
|
331
|
-
"default": "var(--hx-
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
"description": "Z-index when sticky or bottom position.",
|
|
335
|
-
"name": "--hx-action-bar-z-index",
|
|
336
|
-
"default": "10"
|
|
337
|
-
}
|
|
338
|
-
],
|
|
339
|
-
"cssParts": [
|
|
340
|
-
{
|
|
341
|
-
"description": "The root toolbar container element.",
|
|
342
|
-
"name": "base"
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
"description": "The start (left) slot wrapper.",
|
|
346
|
-
"name": "start"
|
|
347
|
-
},
|
|
348
|
-
{
|
|
349
|
-
"description": "The center (default) slot wrapper.",
|
|
350
|
-
"name": "center"
|
|
351
|
-
},
|
|
352
|
-
{
|
|
353
|
-
"description": "The end (right) slot wrapper.",
|
|
354
|
-
"name": "end"
|
|
355
|
-
},
|
|
356
|
-
{
|
|
357
|
-
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
358
|
-
"name": "overflow"
|
|
359
|
-
}
|
|
360
|
-
],
|
|
361
|
-
"slots": [
|
|
362
|
-
{
|
|
363
|
-
"description": "Left-aligned actions.",
|
|
364
|
-
"name": "start"
|
|
365
|
-
},
|
|
366
|
-
{
|
|
367
|
-
"description": "Center content (default slot).",
|
|
368
|
-
"name": ""
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"description": "Right-aligned actions.",
|
|
372
|
-
"name": "end"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
"description": "Actions revealed when the bar is constrained for space.",
|
|
376
|
-
"name": "overflow"
|
|
377
|
-
}
|
|
378
|
-
],
|
|
379
|
-
"members": [
|
|
380
|
-
{
|
|
381
|
-
"kind": "field",
|
|
382
|
-
"name": "size",
|
|
383
|
-
"type": {
|
|
384
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
385
|
-
},
|
|
386
|
-
"default": "'md'",
|
|
387
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
388
|
-
"attribute": "hx-size",
|
|
389
|
-
"reflects": true
|
|
390
|
-
},
|
|
391
|
-
{
|
|
392
|
-
"kind": "field",
|
|
393
|
-
"name": "variant",
|
|
394
|
-
"type": {
|
|
395
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
396
|
-
},
|
|
397
|
-
"default": "'default'",
|
|
398
|
-
"description": "Visual variant controlling the bar background.",
|
|
399
|
-
"attribute": "variant",
|
|
400
|
-
"reflects": true
|
|
401
|
-
},
|
|
402
|
-
{
|
|
403
|
-
"kind": "field",
|
|
404
|
-
"name": "position",
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
407
|
-
},
|
|
408
|
-
"default": "'top'",
|
|
409
|
-
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
410
|
-
"attribute": "position",
|
|
411
|
-
"reflects": true
|
|
412
|
-
},
|
|
413
|
-
{
|
|
414
|
-
"kind": "field",
|
|
415
|
-
"name": "sticky",
|
|
416
|
-
"type": {
|
|
417
|
-
"text": "boolean"
|
|
418
|
-
},
|
|
419
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
420
|
-
"attribute": "sticky",
|
|
421
|
-
"reflects": true
|
|
422
|
-
},
|
|
423
|
-
{
|
|
424
|
-
"kind": "field",
|
|
425
|
-
"name": "ariaLabel",
|
|
426
|
-
"type": {
|
|
427
|
-
"text": "string"
|
|
428
|
-
},
|
|
429
|
-
"default": "'Actions'",
|
|
430
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
431
|
-
"attribute": "aria-label"
|
|
432
|
-
}
|
|
433
|
-
],
|
|
434
|
-
"attributes": [
|
|
435
|
-
{
|
|
436
|
-
"name": "hx-size",
|
|
437
|
-
"type": {
|
|
438
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
439
|
-
},
|
|
440
|
-
"default": "'md'",
|
|
441
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
442
|
-
"fieldName": "size",
|
|
443
|
-
"attribute": "hx-size"
|
|
444
|
-
},
|
|
445
|
-
{
|
|
446
|
-
"name": "variant",
|
|
447
|
-
"type": {
|
|
448
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
449
|
-
},
|
|
450
|
-
"default": "'default'",
|
|
451
|
-
"description": "Visual variant controlling the bar background.",
|
|
452
|
-
"fieldName": "variant",
|
|
453
|
-
"attribute": "variant"
|
|
454
|
-
},
|
|
455
|
-
{
|
|
456
|
-
"name": "position",
|
|
457
|
-
"type": {
|
|
458
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
459
|
-
},
|
|
460
|
-
"default": "'top'",
|
|
461
|
-
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
462
|
-
"fieldName": "position",
|
|
463
|
-
"attribute": "position"
|
|
464
|
-
},
|
|
465
|
-
{
|
|
466
|
-
"name": "sticky",
|
|
467
|
-
"type": {
|
|
468
|
-
"text": "boolean"
|
|
469
|
-
},
|
|
470
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
471
|
-
"fieldName": "sticky",
|
|
472
|
-
"attribute": "sticky"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "aria-label",
|
|
476
|
-
"type": {
|
|
477
|
-
"text": "string"
|
|
478
|
-
},
|
|
479
|
-
"default": "'Actions'",
|
|
480
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
481
|
-
"fieldName": "ariaLabel",
|
|
482
|
-
"attribute": "aria-label"
|
|
483
|
-
}
|
|
484
|
-
],
|
|
485
|
-
"superclass": {
|
|
486
|
-
"name": "LitElement",
|
|
487
|
-
"package": "lit"
|
|
488
|
-
},
|
|
489
|
-
"tagName": "hx-action-bar",
|
|
490
|
-
"customElement": true,
|
|
491
|
-
"summary": "Horizontal action bar for grouping related controls."
|
|
492
|
-
}
|
|
493
|
-
],
|
|
494
|
-
"exports": [
|
|
495
|
-
{
|
|
496
|
-
"kind": "js",
|
|
497
|
-
"name": "HelixActionBar",
|
|
498
|
-
"declaration": {
|
|
499
|
-
"name": "HelixActionBar",
|
|
500
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
501
|
-
}
|
|
502
|
-
},
|
|
503
|
-
{
|
|
504
|
-
"kind": "custom-element-definition",
|
|
505
|
-
"name": "hx-action-bar",
|
|
506
|
-
"declaration": {
|
|
507
|
-
"name": "HelixActionBar",
|
|
508
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
509
|
-
}
|
|
510
|
-
}
|
|
511
|
-
]
|
|
512
|
-
},
|
|
513
|
-
{
|
|
514
|
-
"kind": "javascript-module",
|
|
515
|
-
"path": "src/components/hx-action-bar/index.ts",
|
|
516
|
-
"declarations": [],
|
|
517
|
-
"exports": [
|
|
518
|
-
{
|
|
519
|
-
"kind": "js",
|
|
520
|
-
"name": "HelixActionBar",
|
|
521
|
-
"declaration": {
|
|
522
|
-
"name": "HelixActionBar",
|
|
523
|
-
"module": "./hx-action-bar.js"
|
|
524
|
-
}
|
|
525
|
-
}
|
|
526
|
-
]
|
|
527
|
-
},
|
|
528
|
-
{
|
|
529
|
-
"kind": "javascript-module",
|
|
530
|
-
"path": "src/components/hx-alert/hx-alert.ts",
|
|
531
|
-
"declarations": [
|
|
532
|
-
{
|
|
533
|
-
"kind": "class",
|
|
534
|
-
"description": "A feedback component for communicating status messages, warnings, and errors.\nCritical for healthcare patient safety alerts.",
|
|
535
|
-
"name": "HelixAlert",
|
|
536
|
-
"cssProperties": [
|
|
537
|
-
{
|
|
538
|
-
"description": "Alert background color.",
|
|
539
|
-
"name": "--hx-alert-bg",
|
|
540
|
-
"default": "var(--hx-color-info-50)"
|
|
541
|
-
},
|
|
542
|
-
{
|
|
543
|
-
"description": "Alert text color.",
|
|
544
|
-
"name": "--hx-alert-color",
|
|
545
|
-
"default": "var(--hx-color-info-800)"
|
|
546
|
-
},
|
|
547
|
-
{
|
|
548
|
-
"description": "Alert border color.",
|
|
549
|
-
"name": "--hx-alert-border-color",
|
|
550
|
-
"default": "var(--hx-color-info-200)"
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"description": "Alert border radius.",
|
|
554
|
-
"name": "--hx-alert-border-radius",
|
|
555
|
-
"default": "var(--hx-border-radius-md)"
|
|
553
|
+
"description": "Alert border radius.",
|
|
554
|
+
"name": "--hx-alert-border-radius",
|
|
555
|
+
"default": "var(--hx-border-radius-md)"
|
|
556
556
|
},
|
|
557
557
|
{
|
|
558
558
|
"description": "Alert border width.",
|
|
@@ -4055,670 +4055,670 @@
|
|
|
4055
4055
|
},
|
|
4056
4056
|
{
|
|
4057
4057
|
"kind": "javascript-module",
|
|
4058
|
-
"path": "src/components/hx-
|
|
4058
|
+
"path": "src/components/hx-clinical-status/hx-clinical-status.ts",
|
|
4059
4059
|
"declarations": [
|
|
4060
4060
|
{
|
|
4061
4061
|
"kind": "class",
|
|
4062
|
-
"description": "A
|
|
4063
|
-
"name": "
|
|
4062
|
+
"description": "A clinical status indicator designed for healthcare alert fatigue prevention.\nStandardizes clinical alert presentations to reduce cognitive overload from\ninconsistent color/icon combinations across healthcare interfaces.",
|
|
4063
|
+
"name": "HelixClinicalStatus",
|
|
4064
4064
|
"cssProperties": [
|
|
4065
4065
|
{
|
|
4066
|
-
"description": "
|
|
4067
|
-
"name": "--hx-
|
|
4068
|
-
"default": "var(--hx-
|
|
4066
|
+
"description": "Background color.",
|
|
4067
|
+
"name": "--hx-clinical-status-bg",
|
|
4068
|
+
"default": "var(--hx-color-info-50)"
|
|
4069
4069
|
},
|
|
4070
4070
|
{
|
|
4071
|
-
"description": "
|
|
4072
|
-
"name": "--hx-
|
|
4073
|
-
"default": "var(--hx-color-
|
|
4071
|
+
"description": "Text color.",
|
|
4072
|
+
"name": "--hx-clinical-status-color",
|
|
4073
|
+
"default": "var(--hx-color-info-800)"
|
|
4074
4074
|
},
|
|
4075
4075
|
{
|
|
4076
|
-
"description": "
|
|
4077
|
-
"name": "--hx-
|
|
4078
|
-
"default": "var(--hx-color-
|
|
4076
|
+
"description": "Border color.",
|
|
4077
|
+
"name": "--hx-clinical-status-border-color",
|
|
4078
|
+
"default": "var(--hx-color-info-200)"
|
|
4079
4079
|
},
|
|
4080
4080
|
{
|
|
4081
|
-
"description": "
|
|
4082
|
-
"name": "--hx-
|
|
4083
|
-
"default": "var(--hx-
|
|
4084
|
-
}
|
|
4085
|
-
],
|
|
4086
|
-
"cssParts": [
|
|
4081
|
+
"description": "Border radius.",
|
|
4082
|
+
"name": "--hx-clinical-status-border-radius",
|
|
4083
|
+
"default": "var(--hx-border-radius-md)"
|
|
4084
|
+
},
|
|
4087
4085
|
{
|
|
4088
|
-
"description": "
|
|
4089
|
-
"name": "
|
|
4086
|
+
"description": "Border width.",
|
|
4087
|
+
"name": "--hx-clinical-status-border-width",
|
|
4088
|
+
"default": "var(--hx-border-width-thin)"
|
|
4090
4089
|
},
|
|
4091
4090
|
{
|
|
4092
|
-
"description": "
|
|
4093
|
-
"name": "
|
|
4091
|
+
"description": "Left accent stripe color.",
|
|
4092
|
+
"name": "--hx-clinical-status-accent-color",
|
|
4093
|
+
"default": "var(--hx-color-info-500)"
|
|
4094
4094
|
},
|
|
4095
4095
|
{
|
|
4096
|
-
"description": "
|
|
4097
|
-
"name": "
|
|
4096
|
+
"description": "Left accent stripe width.",
|
|
4097
|
+
"name": "--hx-clinical-status-accent-width",
|
|
4098
|
+
"default": "4px"
|
|
4098
4099
|
},
|
|
4099
4100
|
{
|
|
4100
|
-
"description": "
|
|
4101
|
-
"name": "
|
|
4101
|
+
"description": "Container padding.",
|
|
4102
|
+
"name": "--hx-clinical-status-padding",
|
|
4103
|
+
"default": "var(--hx-space-4)"
|
|
4104
|
+
},
|
|
4105
|
+
{
|
|
4106
|
+
"description": "Gap between elements.",
|
|
4107
|
+
"name": "--hx-clinical-status-gap",
|
|
4108
|
+
"default": "var(--hx-space-3)"
|
|
4109
|
+
},
|
|
4110
|
+
{
|
|
4111
|
+
"description": "Icon color.",
|
|
4112
|
+
"name": "--hx-clinical-status-icon-color",
|
|
4113
|
+
"default": "var(--hx-color-info-500)"
|
|
4114
|
+
},
|
|
4115
|
+
{
|
|
4116
|
+
"description": "Font family.",
|
|
4117
|
+
"name": "--hx-clinical-status-font-family",
|
|
4118
|
+
"default": "var(--hx-font-family-sans)"
|
|
4119
|
+
},
|
|
4120
|
+
{
|
|
4121
|
+
"description": "Padding in compact mode.",
|
|
4122
|
+
"name": "--hx-clinical-status-compact-padding"
|
|
4123
|
+
},
|
|
4124
|
+
{
|
|
4125
|
+
"description": "Accent width for emergent severity.",
|
|
4126
|
+
"name": "--hx-clinical-status-emergent-accent-width",
|
|
4127
|
+
"default": "6px"
|
|
4102
4128
|
}
|
|
4103
4129
|
],
|
|
4104
|
-
"
|
|
4130
|
+
"cssParts": [
|
|
4105
4131
|
{
|
|
4106
|
-
"description": "
|
|
4107
|
-
"name": ""
|
|
4132
|
+
"description": "The outer status container.",
|
|
4133
|
+
"name": "container"
|
|
4108
4134
|
},
|
|
4109
4135
|
{
|
|
4110
|
-
"description": "
|
|
4111
|
-
"name": "
|
|
4136
|
+
"description": "The icon container.",
|
|
4137
|
+
"name": "icon"
|
|
4112
4138
|
},
|
|
4113
4139
|
{
|
|
4114
|
-
"description": "
|
|
4115
|
-
"name": "
|
|
4140
|
+
"description": "The message content area.",
|
|
4141
|
+
"name": "message"
|
|
4116
4142
|
},
|
|
4117
4143
|
{
|
|
4118
|
-
"description": "
|
|
4119
|
-
"name": "
|
|
4144
|
+
"description": "The actions container (dismiss/acknowledge buttons).",
|
|
4145
|
+
"name": "actions"
|
|
4146
|
+
},
|
|
4147
|
+
{
|
|
4148
|
+
"description": "The dismiss button (only rendered when dismissible).",
|
|
4149
|
+
"name": "dismiss-button"
|
|
4150
|
+
},
|
|
4151
|
+
{
|
|
4152
|
+
"description": "The acknowledge button (only rendered when acknowledgeable).",
|
|
4153
|
+
"name": "acknowledge-button"
|
|
4154
|
+
}
|
|
4155
|
+
],
|
|
4156
|
+
"slots": [
|
|
4157
|
+
{
|
|
4158
|
+
"description": "Default slot for additional message content.",
|
|
4159
|
+
"name": ""
|
|
4120
4160
|
}
|
|
4121
4161
|
],
|
|
4122
4162
|
"members": [
|
|
4123
4163
|
{
|
|
4124
4164
|
"kind": "field",
|
|
4125
|
-
"name": "
|
|
4165
|
+
"name": "severity",
|
|
4126
4166
|
"type": {
|
|
4127
|
-
"text": "
|
|
4167
|
+
"text": "ClinicalSeverity"
|
|
4128
4168
|
},
|
|
4129
|
-
"default": "''",
|
|
4130
|
-
"description": "
|
|
4131
|
-
"attribute": "
|
|
4169
|
+
"default": "'info'",
|
|
4170
|
+
"description": "Clinical severity level that determines visual styling and ARIA semantics.\n- `info`: Informational, non-urgent (role=\"status\")\n- `warning`: Requires attention but not immediate (role=\"status\")\n- `critical`: Requires prompt clinical attention (role=\"alert\")\n- `emergent`: Life-threatening, immediate action required (role=\"alert\")",
|
|
4171
|
+
"attribute": "severity",
|
|
4172
|
+
"reflects": true
|
|
4132
4173
|
},
|
|
4133
4174
|
{
|
|
4134
4175
|
"kind": "field",
|
|
4135
|
-
"name": "
|
|
4176
|
+
"name": "message",
|
|
4136
4177
|
"type": {
|
|
4137
4178
|
"text": "string"
|
|
4138
4179
|
},
|
|
4139
4180
|
"default": "''",
|
|
4140
|
-
"description": "
|
|
4141
|
-
"attribute": "
|
|
4181
|
+
"description": "Status message text. Displayed as the primary content of the indicator.",
|
|
4182
|
+
"attribute": "message"
|
|
4142
4183
|
},
|
|
4143
4184
|
{
|
|
4144
4185
|
"kind": "field",
|
|
4145
|
-
"name": "
|
|
4186
|
+
"name": "dismissible",
|
|
4146
4187
|
"type": {
|
|
4147
4188
|
"text": "boolean"
|
|
4148
4189
|
},
|
|
4149
4190
|
"default": "false",
|
|
4150
|
-
"description": "Whether
|
|
4151
|
-
"attribute": "
|
|
4191
|
+
"description": "Whether the status can be dismissed by the user.\nCritical and emergent statuses should require acknowledgment rather than simple dismissal.",
|
|
4192
|
+
"attribute": "dismissible",
|
|
4152
4193
|
"reflects": true
|
|
4153
4194
|
},
|
|
4154
4195
|
{
|
|
4155
4196
|
"kind": "field",
|
|
4156
|
-
"name": "
|
|
4197
|
+
"name": "persistent",
|
|
4157
4198
|
"type": {
|
|
4158
4199
|
"text": "boolean"
|
|
4159
4200
|
},
|
|
4160
4201
|
"default": "false",
|
|
4161
|
-
"description": "Whether the
|
|
4162
|
-
"attribute": "
|
|
4202
|
+
"description": "Whether the status survives page navigation.\nDefaults to false for info/warning, true for critical/emergent.\nWhen set explicitly, overrides the severity-based default.",
|
|
4203
|
+
"attribute": "persistent",
|
|
4163
4204
|
"reflects": true
|
|
4164
4205
|
},
|
|
4165
4206
|
{
|
|
4166
4207
|
"kind": "field",
|
|
4167
|
-
"name": "
|
|
4168
|
-
"type": {
|
|
4169
|
-
"text": "string"
|
|
4170
|
-
},
|
|
4171
|
-
"default": "''",
|
|
4172
|
-
"description": "Error message to display. When set, the group enters an error state.",
|
|
4173
|
-
"attribute": "error"
|
|
4174
|
-
},
|
|
4175
|
-
{
|
|
4176
|
-
"kind": "field",
|
|
4177
|
-
"name": "helpText",
|
|
4208
|
+
"name": "icon",
|
|
4178
4209
|
"type": {
|
|
4179
4210
|
"text": "string"
|
|
4180
4211
|
},
|
|
4181
4212
|
"default": "''",
|
|
4182
|
-
"description": "
|
|
4183
|
-
"attribute": "
|
|
4213
|
+
"description": "Optional custom icon name. When not set, a default severity-appropriate icon is shown.",
|
|
4214
|
+
"attribute": "icon"
|
|
4184
4215
|
},
|
|
4185
4216
|
{
|
|
4186
4217
|
"kind": "field",
|
|
4187
|
-
"name": "
|
|
4218
|
+
"name": "compact",
|
|
4188
4219
|
"type": {
|
|
4189
|
-
"text": "
|
|
4220
|
+
"text": "boolean"
|
|
4190
4221
|
},
|
|
4191
|
-
"
|
|
4192
|
-
"
|
|
4222
|
+
"default": "false",
|
|
4223
|
+
"description": "Compact mode for dense clinical UIs (e.g. patient dashboards, bedside displays).\nReduces padding, font size, and icon size.",
|
|
4224
|
+
"attribute": "compact",
|
|
4193
4225
|
"reflects": true
|
|
4194
4226
|
},
|
|
4195
4227
|
{
|
|
4196
4228
|
"kind": "field",
|
|
4197
|
-
"name": "
|
|
4229
|
+
"name": "_isAssertive",
|
|
4198
4230
|
"type": {
|
|
4199
|
-
"text": "
|
|
4231
|
+
"text": "boolean"
|
|
4200
4232
|
},
|
|
4201
|
-
"
|
|
4233
|
+
"privacy": "private",
|
|
4234
|
+
"description": "Returns true when the severity requires assertive announcement.",
|
|
4202
4235
|
"readonly": true
|
|
4203
4236
|
},
|
|
4204
4237
|
{
|
|
4205
4238
|
"kind": "field",
|
|
4206
|
-
"name": "
|
|
4239
|
+
"name": "_role",
|
|
4207
4240
|
"type": {
|
|
4208
4241
|
"text": "string"
|
|
4209
4242
|
},
|
|
4210
|
-
"
|
|
4211
|
-
"
|
|
4212
|
-
},
|
|
4213
|
-
{
|
|
4214
|
-
"kind": "field",
|
|
4215
|
-
"name": "validity",
|
|
4216
|
-
"type": {
|
|
4217
|
-
"text": "ValidityState"
|
|
4218
|
-
},
|
|
4219
|
-
"description": "Returns the ValidityState object.",
|
|
4243
|
+
"privacy": "private",
|
|
4244
|
+
"description": "Returns the appropriate ARIA role based on severity.",
|
|
4220
4245
|
"readonly": true
|
|
4221
4246
|
},
|
|
4222
4247
|
{
|
|
4223
4248
|
"kind": "method",
|
|
4224
|
-
"name": "
|
|
4249
|
+
"name": "_severityLabel",
|
|
4250
|
+
"privacy": "private",
|
|
4225
4251
|
"return": {
|
|
4226
4252
|
"type": {
|
|
4227
|
-
"text": "
|
|
4253
|
+
"text": "string"
|
|
4228
4254
|
}
|
|
4229
4255
|
},
|
|
4230
|
-
"description": "
|
|
4256
|
+
"description": "Returns the default severity label for screen readers (WCAG 1.4.1)."
|
|
4231
4257
|
},
|
|
4232
4258
|
{
|
|
4233
|
-
"kind": "
|
|
4234
|
-
"name": "
|
|
4235
|
-
"
|
|
4236
|
-
"
|
|
4237
|
-
"text": "boolean"
|
|
4238
|
-
}
|
|
4259
|
+
"kind": "field",
|
|
4260
|
+
"name": "_requiresAcknowledgment",
|
|
4261
|
+
"type": {
|
|
4262
|
+
"text": "boolean"
|
|
4239
4263
|
},
|
|
4240
|
-
"
|
|
4264
|
+
"privacy": "private",
|
|
4265
|
+
"description": "Returns true when the severity requires explicit acknowledgment.",
|
|
4266
|
+
"readonly": true
|
|
4267
|
+
},
|
|
4268
|
+
{
|
|
4269
|
+
"kind": "field",
|
|
4270
|
+
"name": "_effectivePersistent",
|
|
4271
|
+
"type": {
|
|
4272
|
+
"text": "boolean"
|
|
4273
|
+
},
|
|
4274
|
+
"privacy": "private",
|
|
4275
|
+
"description": "Effective persistent value, considering severity-based defaults.",
|
|
4276
|
+
"readonly": true
|
|
4241
4277
|
}
|
|
4242
4278
|
],
|
|
4243
4279
|
"events": [
|
|
4244
4280
|
{
|
|
4281
|
+
"name": "hx-dismiss",
|
|
4245
4282
|
"type": {
|
|
4246
|
-
"text": "CustomEvent<
|
|
4283
|
+
"text": "CustomEvent<void>"
|
|
4247
4284
|
},
|
|
4248
|
-
"description": "Dispatched when
|
|
4249
|
-
|
|
4285
|
+
"description": "Dispatched when the user dismisses the status."
|
|
4286
|
+
},
|
|
4287
|
+
{
|
|
4288
|
+
"name": "hx-acknowledge",
|
|
4289
|
+
"type": {
|
|
4290
|
+
"text": "CustomEvent<{ severity: ClinicalSeverity; persistent: boolean }>"
|
|
4291
|
+
},
|
|
4292
|
+
"description": "Dispatched when the user acknowledges a critical/emergent status."
|
|
4250
4293
|
}
|
|
4251
4294
|
],
|
|
4252
4295
|
"attributes": [
|
|
4253
4296
|
{
|
|
4254
|
-
"name": "
|
|
4297
|
+
"name": "severity",
|
|
4255
4298
|
"type": {
|
|
4256
|
-
"text": "
|
|
4299
|
+
"text": "ClinicalSeverity"
|
|
4257
4300
|
},
|
|
4258
|
-
"default": "''",
|
|
4259
|
-
"description": "
|
|
4260
|
-
"fieldName": "
|
|
4261
|
-
"attribute": "
|
|
4301
|
+
"default": "'info'",
|
|
4302
|
+
"description": "Clinical severity level that determines visual styling and ARIA semantics.\n- `info`: Informational, non-urgent (role=\"status\")\n- `warning`: Requires attention but not immediate (role=\"status\")\n- `critical`: Requires prompt clinical attention (role=\"alert\")\n- `emergent`: Life-threatening, immediate action required (role=\"alert\")",
|
|
4303
|
+
"fieldName": "severity",
|
|
4304
|
+
"attribute": "severity"
|
|
4262
4305
|
},
|
|
4263
4306
|
{
|
|
4264
|
-
"name": "
|
|
4307
|
+
"name": "message",
|
|
4265
4308
|
"type": {
|
|
4266
4309
|
"text": "string"
|
|
4267
4310
|
},
|
|
4268
4311
|
"default": "''",
|
|
4269
|
-
"description": "
|
|
4270
|
-
"fieldName": "
|
|
4271
|
-
"attribute": "
|
|
4312
|
+
"description": "Status message text. Displayed as the primary content of the indicator.",
|
|
4313
|
+
"fieldName": "message",
|
|
4314
|
+
"attribute": "message"
|
|
4272
4315
|
},
|
|
4273
4316
|
{
|
|
4274
|
-
"name": "
|
|
4317
|
+
"name": "dismissible",
|
|
4275
4318
|
"type": {
|
|
4276
4319
|
"text": "boolean"
|
|
4277
4320
|
},
|
|
4278
4321
|
"default": "false",
|
|
4279
|
-
"description": "Whether
|
|
4280
|
-
"fieldName": "
|
|
4281
|
-
"attribute": "
|
|
4322
|
+
"description": "Whether the status can be dismissed by the user.\nCritical and emergent statuses should require acknowledgment rather than simple dismissal.",
|
|
4323
|
+
"fieldName": "dismissible",
|
|
4324
|
+
"attribute": "dismissible"
|
|
4282
4325
|
},
|
|
4283
4326
|
{
|
|
4284
|
-
"name": "
|
|
4327
|
+
"name": "persistent",
|
|
4285
4328
|
"type": {
|
|
4286
4329
|
"text": "boolean"
|
|
4287
4330
|
},
|
|
4288
4331
|
"default": "false",
|
|
4289
|
-
"description": "Whether the
|
|
4290
|
-
"fieldName": "
|
|
4291
|
-
"attribute": "
|
|
4292
|
-
},
|
|
4293
|
-
{
|
|
4294
|
-
"name": "error",
|
|
4295
|
-
"type": {
|
|
4296
|
-
"text": "string"
|
|
4297
|
-
},
|
|
4298
|
-
"default": "''",
|
|
4299
|
-
"description": "Error message to display. When set, the group enters an error state.",
|
|
4300
|
-
"fieldName": "error",
|
|
4301
|
-
"attribute": "error"
|
|
4332
|
+
"description": "Whether the status survives page navigation.\nDefaults to false for info/warning, true for critical/emergent.\nWhen set explicitly, overrides the severity-based default.",
|
|
4333
|
+
"fieldName": "persistent",
|
|
4334
|
+
"attribute": "persistent"
|
|
4302
4335
|
},
|
|
4303
4336
|
{
|
|
4304
|
-
"name": "
|
|
4337
|
+
"name": "icon",
|
|
4305
4338
|
"type": {
|
|
4306
4339
|
"text": "string"
|
|
4307
4340
|
},
|
|
4308
4341
|
"default": "''",
|
|
4309
|
-
"description": "
|
|
4310
|
-
"fieldName": "
|
|
4311
|
-
"attribute": "
|
|
4342
|
+
"description": "Optional custom icon name. When not set, a default severity-appropriate icon is shown.",
|
|
4343
|
+
"fieldName": "icon",
|
|
4344
|
+
"attribute": "icon"
|
|
4312
4345
|
},
|
|
4313
4346
|
{
|
|
4314
|
-
"name": "
|
|
4347
|
+
"name": "compact",
|
|
4315
4348
|
"type": {
|
|
4316
|
-
"text": "
|
|
4349
|
+
"text": "boolean"
|
|
4317
4350
|
},
|
|
4318
|
-
"
|
|
4319
|
-
"
|
|
4320
|
-
"
|
|
4351
|
+
"default": "false",
|
|
4352
|
+
"description": "Compact mode for dense clinical UIs (e.g. patient dashboards, bedside displays).\nReduces padding, font size, and icon size.",
|
|
4353
|
+
"fieldName": "compact",
|
|
4354
|
+
"attribute": "compact"
|
|
4321
4355
|
}
|
|
4322
4356
|
],
|
|
4323
4357
|
"superclass": {
|
|
4324
|
-
"name": "
|
|
4325
|
-
"
|
|
4358
|
+
"name": "HelixElement",
|
|
4359
|
+
"module": "/src/base/index.js"
|
|
4326
4360
|
},
|
|
4327
|
-
"tagName": "hx-
|
|
4361
|
+
"tagName": "hx-clinical-status",
|
|
4328
4362
|
"customElement": true,
|
|
4329
|
-
"summary": "
|
|
4363
|
+
"summary": "Clinical status indicator for standardized healthcare alert fatigue prevention."
|
|
4330
4364
|
}
|
|
4331
4365
|
],
|
|
4332
4366
|
"exports": [
|
|
4333
4367
|
{
|
|
4334
4368
|
"kind": "js",
|
|
4335
|
-
"name": "
|
|
4369
|
+
"name": "HelixClinicalStatus",
|
|
4336
4370
|
"declaration": {
|
|
4337
|
-
"name": "
|
|
4338
|
-
"module": "src/components/hx-
|
|
4371
|
+
"name": "HelixClinicalStatus",
|
|
4372
|
+
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4339
4373
|
}
|
|
4340
4374
|
},
|
|
4341
4375
|
{
|
|
4342
4376
|
"kind": "custom-element-definition",
|
|
4343
|
-
"name": "hx-
|
|
4377
|
+
"name": "hx-clinical-status",
|
|
4344
4378
|
"declaration": {
|
|
4345
|
-
"name": "
|
|
4346
|
-
"module": "src/components/hx-
|
|
4379
|
+
"name": "HelixClinicalStatus",
|
|
4380
|
+
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4347
4381
|
}
|
|
4348
4382
|
}
|
|
4349
4383
|
]
|
|
4350
4384
|
},
|
|
4351
4385
|
{
|
|
4352
4386
|
"kind": "javascript-module",
|
|
4353
|
-
"path": "src/components/hx-
|
|
4387
|
+
"path": "src/components/hx-clinical-status/index.ts",
|
|
4354
4388
|
"declarations": [],
|
|
4355
4389
|
"exports": [
|
|
4356
4390
|
{
|
|
4357
4391
|
"kind": "js",
|
|
4358
|
-
"name": "
|
|
4392
|
+
"name": "HelixClinicalStatus",
|
|
4359
4393
|
"declaration": {
|
|
4360
|
-
"name": "
|
|
4361
|
-
"module": "./hx-
|
|
4394
|
+
"name": "HelixClinicalStatus",
|
|
4395
|
+
"module": "./hx-clinical-status.js"
|
|
4396
|
+
}
|
|
4397
|
+
},
|
|
4398
|
+
{
|
|
4399
|
+
"kind": "js",
|
|
4400
|
+
"name": "ClinicalSeverity",
|
|
4401
|
+
"declaration": {
|
|
4402
|
+
"name": "ClinicalSeverity",
|
|
4403
|
+
"module": "./hx-clinical-status.js"
|
|
4404
|
+
}
|
|
4405
|
+
},
|
|
4406
|
+
{
|
|
4407
|
+
"kind": "js",
|
|
4408
|
+
"name": "HxClinicalStatus",
|
|
4409
|
+
"declaration": {
|
|
4410
|
+
"name": "HxClinicalStatus",
|
|
4411
|
+
"module": "./hx-clinical-status.js"
|
|
4362
4412
|
}
|
|
4363
4413
|
}
|
|
4364
4414
|
]
|
|
4365
4415
|
},
|
|
4366
4416
|
{
|
|
4367
4417
|
"kind": "javascript-module",
|
|
4368
|
-
"path": "src/components/hx-
|
|
4418
|
+
"path": "src/components/hx-checkbox-group/hx-checkbox-group.ts",
|
|
4369
4419
|
"declarations": [
|
|
4370
4420
|
{
|
|
4371
4421
|
"kind": "class",
|
|
4372
|
-
"description": "A
|
|
4373
|
-
"name": "
|
|
4422
|
+
"description": "A form-associated checkbox group that manages a set of `<hx-checkbox>` children.",
|
|
4423
|
+
"name": "HelixCheckboxGroup",
|
|
4374
4424
|
"cssProperties": [
|
|
4375
4425
|
{
|
|
4376
|
-
"description": "
|
|
4377
|
-
"name": "--hx-
|
|
4378
|
-
"default": "var(--hx-
|
|
4379
|
-
},
|
|
4380
|
-
{
|
|
4381
|
-
"description": "Text color.",
|
|
4382
|
-
"name": "--hx-clinical-status-color",
|
|
4383
|
-
"default": "var(--hx-color-info-800)"
|
|
4384
|
-
},
|
|
4385
|
-
{
|
|
4386
|
-
"description": "Border color.",
|
|
4387
|
-
"name": "--hx-clinical-status-border-color",
|
|
4388
|
-
"default": "var(--hx-color-info-200)"
|
|
4389
|
-
},
|
|
4390
|
-
{
|
|
4391
|
-
"description": "Border radius.",
|
|
4392
|
-
"name": "--hx-clinical-status-border-radius",
|
|
4393
|
-
"default": "var(--hx-border-radius-md)"
|
|
4394
|
-
},
|
|
4395
|
-
{
|
|
4396
|
-
"description": "Border width.",
|
|
4397
|
-
"name": "--hx-clinical-status-border-width",
|
|
4398
|
-
"default": "var(--hx-border-width-thin)"
|
|
4399
|
-
},
|
|
4400
|
-
{
|
|
4401
|
-
"description": "Left accent stripe color.",
|
|
4402
|
-
"name": "--hx-clinical-status-accent-color",
|
|
4403
|
-
"default": "var(--hx-color-info-500)"
|
|
4404
|
-
},
|
|
4405
|
-
{
|
|
4406
|
-
"description": "Left accent stripe width.",
|
|
4407
|
-
"name": "--hx-clinical-status-accent-width",
|
|
4408
|
-
"default": "4px"
|
|
4409
|
-
},
|
|
4410
|
-
{
|
|
4411
|
-
"description": "Container padding.",
|
|
4412
|
-
"name": "--hx-clinical-status-padding",
|
|
4413
|
-
"default": "var(--hx-space-4)"
|
|
4414
|
-
},
|
|
4415
|
-
{
|
|
4416
|
-
"description": "Gap between elements.",
|
|
4417
|
-
"name": "--hx-clinical-status-gap",
|
|
4418
|
-
"default": "var(--hx-space-3)"
|
|
4419
|
-
},
|
|
4420
|
-
{
|
|
4421
|
-
"description": "Icon color.",
|
|
4422
|
-
"name": "--hx-clinical-status-icon-color",
|
|
4423
|
-
"default": "var(--hx-color-info-500)"
|
|
4426
|
+
"description": "Gap between checkbox items.",
|
|
4427
|
+
"name": "--hx-checkbox-group-gap",
|
|
4428
|
+
"default": "var(--hx-space-3, 0.75rem)"
|
|
4424
4429
|
},
|
|
4425
4430
|
{
|
|
4426
|
-
"description": "
|
|
4427
|
-
"name": "--hx-
|
|
4428
|
-
"default": "var(--hx-
|
|
4431
|
+
"description": "Label text color.",
|
|
4432
|
+
"name": "--hx-checkbox-group-label-color",
|
|
4433
|
+
"default": "var(--hx-color-neutral-700, #343a40)"
|
|
4429
4434
|
},
|
|
4430
4435
|
{
|
|
4431
|
-
"description": "
|
|
4432
|
-
"name": "--hx-
|
|
4436
|
+
"description": "Error message color.",
|
|
4437
|
+
"name": "--hx-checkbox-group-error-color",
|
|
4438
|
+
"default": "var(--hx-color-error-500, #dc3545)"
|
|
4433
4439
|
},
|
|
4434
4440
|
{
|
|
4435
|
-
"description": "
|
|
4436
|
-
"name": "--hx-
|
|
4437
|
-
"default": "
|
|
4441
|
+
"description": "Help text color.",
|
|
4442
|
+
"name": "--hx-checkbox-group-help-text-color",
|
|
4443
|
+
"default": "var(--hx-color-neutral-500)"
|
|
4438
4444
|
}
|
|
4439
4445
|
],
|
|
4440
4446
|
"cssParts": [
|
|
4441
4447
|
{
|
|
4442
|
-
"description": "The
|
|
4443
|
-
"name": "
|
|
4444
|
-
},
|
|
4445
|
-
{
|
|
4446
|
-
"description": "The icon container.",
|
|
4447
|
-
"name": "icon"
|
|
4448
|
-
},
|
|
4449
|
-
{
|
|
4450
|
-
"description": "The message content area.",
|
|
4451
|
-
"name": "message"
|
|
4448
|
+
"description": "The fieldset wrapper.",
|
|
4449
|
+
"name": "group"
|
|
4452
4450
|
},
|
|
4453
4451
|
{
|
|
4454
|
-
"description": "The
|
|
4455
|
-
"name": "
|
|
4452
|
+
"description": "The legend/label.",
|
|
4453
|
+
"name": "label"
|
|
4456
4454
|
},
|
|
4457
4455
|
{
|
|
4458
|
-
"description": "The
|
|
4459
|
-
"name": "
|
|
4456
|
+
"description": "The help text container.",
|
|
4457
|
+
"name": "help-text"
|
|
4460
4458
|
},
|
|
4461
4459
|
{
|
|
4462
|
-
"description": "The
|
|
4463
|
-
"name": "
|
|
4460
|
+
"description": "The error message container.",
|
|
4461
|
+
"name": "error-message"
|
|
4464
4462
|
}
|
|
4465
4463
|
],
|
|
4466
4464
|
"slots": [
|
|
4467
4465
|
{
|
|
4468
|
-
"description": "
|
|
4466
|
+
"description": "`<hx-checkbox>` elements.",
|
|
4469
4467
|
"name": ""
|
|
4468
|
+
},
|
|
4469
|
+
{
|
|
4470
|
+
"description": "Rich HTML group label (overrides the label property when used).",
|
|
4471
|
+
"name": "label"
|
|
4472
|
+
},
|
|
4473
|
+
{
|
|
4474
|
+
"description": "Custom error content (overrides the error property).",
|
|
4475
|
+
"name": "error"
|
|
4476
|
+
},
|
|
4477
|
+
{
|
|
4478
|
+
"description": "Group-level help text.",
|
|
4479
|
+
"name": "help-text"
|
|
4470
4480
|
}
|
|
4471
4481
|
],
|
|
4472
4482
|
"members": [
|
|
4473
4483
|
{
|
|
4474
4484
|
"kind": "field",
|
|
4475
|
-
"name": "
|
|
4485
|
+
"name": "name",
|
|
4476
4486
|
"type": {
|
|
4477
|
-
"text": "
|
|
4487
|
+
"text": "string"
|
|
4478
4488
|
},
|
|
4479
|
-
"default": "'
|
|
4480
|
-
"description": "
|
|
4481
|
-
"attribute": "
|
|
4482
|
-
"reflects": true
|
|
4489
|
+
"default": "''",
|
|
4490
|
+
"description": "The name used for form submission. Passed to child `hx-checkbox` elements.",
|
|
4491
|
+
"attribute": "name"
|
|
4483
4492
|
},
|
|
4484
4493
|
{
|
|
4485
4494
|
"kind": "field",
|
|
4486
|
-
"name": "
|
|
4495
|
+
"name": "label",
|
|
4487
4496
|
"type": {
|
|
4488
4497
|
"text": "string"
|
|
4489
4498
|
},
|
|
4490
4499
|
"default": "''",
|
|
4491
|
-
"description": "
|
|
4492
|
-
"attribute": "
|
|
4500
|
+
"description": "The fieldset legend/label text.",
|
|
4501
|
+
"attribute": "label"
|
|
4493
4502
|
},
|
|
4494
4503
|
{
|
|
4495
4504
|
"kind": "field",
|
|
4496
|
-
"name": "
|
|
4505
|
+
"name": "required",
|
|
4497
4506
|
"type": {
|
|
4498
4507
|
"text": "boolean"
|
|
4499
4508
|
},
|
|
4500
4509
|
"default": "false",
|
|
4501
|
-
"description": "Whether
|
|
4502
|
-
"attribute": "
|
|
4510
|
+
"description": "Whether at least one checkbox must be checked for form submission.",
|
|
4511
|
+
"attribute": "required",
|
|
4503
4512
|
"reflects": true
|
|
4504
4513
|
},
|
|
4505
4514
|
{
|
|
4506
4515
|
"kind": "field",
|
|
4507
|
-
"name": "
|
|
4516
|
+
"name": "disabled",
|
|
4508
4517
|
"type": {
|
|
4509
4518
|
"text": "boolean"
|
|
4510
4519
|
},
|
|
4511
4520
|
"default": "false",
|
|
4512
|
-
"description": "Whether the
|
|
4513
|
-
"attribute": "
|
|
4521
|
+
"description": "Whether the entire group is disabled.",
|
|
4522
|
+
"attribute": "disabled",
|
|
4514
4523
|
"reflects": true
|
|
4515
4524
|
},
|
|
4516
4525
|
{
|
|
4517
4526
|
"kind": "field",
|
|
4518
|
-
"name": "
|
|
4527
|
+
"name": "error",
|
|
4519
4528
|
"type": {
|
|
4520
4529
|
"text": "string"
|
|
4521
4530
|
},
|
|
4522
4531
|
"default": "''",
|
|
4523
|
-
"description": "
|
|
4524
|
-
"attribute": "
|
|
4532
|
+
"description": "Error message to display. When set, the group enters an error state.",
|
|
4533
|
+
"attribute": "error"
|
|
4525
4534
|
},
|
|
4526
4535
|
{
|
|
4527
4536
|
"kind": "field",
|
|
4528
|
-
"name": "
|
|
4537
|
+
"name": "helpText",
|
|
4529
4538
|
"type": {
|
|
4530
|
-
"text": "
|
|
4539
|
+
"text": "string"
|
|
4531
4540
|
},
|
|
4532
|
-
"default": "
|
|
4533
|
-
"description": "
|
|
4534
|
-
"attribute": "
|
|
4541
|
+
"default": "''",
|
|
4542
|
+
"description": "Help text to display below the group. Can also be provided via the help-text slot.",
|
|
4543
|
+
"attribute": "help-text"
|
|
4544
|
+
},
|
|
4545
|
+
{
|
|
4546
|
+
"kind": "field",
|
|
4547
|
+
"name": "orientation",
|
|
4548
|
+
"type": {
|
|
4549
|
+
"text": "'vertical' | 'horizontal'"
|
|
4550
|
+
},
|
|
4551
|
+
"description": "Layout orientation of the checkbox items.",
|
|
4552
|
+
"attribute": "orientation",
|
|
4535
4553
|
"reflects": true
|
|
4536
4554
|
},
|
|
4537
4555
|
{
|
|
4538
4556
|
"kind": "field",
|
|
4539
|
-
"name": "
|
|
4557
|
+
"name": "form",
|
|
4540
4558
|
"type": {
|
|
4541
|
-
"text": "
|
|
4559
|
+
"text": "HTMLFormElement | null"
|
|
4542
4560
|
},
|
|
4543
|
-
"
|
|
4544
|
-
"description": "Returns true when the severity requires assertive announcement.",
|
|
4561
|
+
"description": "Returns the associated form element, if any.",
|
|
4545
4562
|
"readonly": true
|
|
4546
4563
|
},
|
|
4547
4564
|
{
|
|
4548
4565
|
"kind": "field",
|
|
4549
|
-
"name": "
|
|
4566
|
+
"name": "validationMessage",
|
|
4550
4567
|
"type": {
|
|
4551
4568
|
"text": "string"
|
|
4552
4569
|
},
|
|
4553
|
-
"
|
|
4554
|
-
"
|
|
4570
|
+
"description": "Returns the validation message.",
|
|
4571
|
+
"readonly": true
|
|
4572
|
+
},
|
|
4573
|
+
{
|
|
4574
|
+
"kind": "field",
|
|
4575
|
+
"name": "validity",
|
|
4576
|
+
"type": {
|
|
4577
|
+
"text": "ValidityState"
|
|
4578
|
+
},
|
|
4579
|
+
"description": "Returns the ValidityState object.",
|
|
4555
4580
|
"readonly": true
|
|
4556
4581
|
},
|
|
4557
4582
|
{
|
|
4558
4583
|
"kind": "method",
|
|
4559
|
-
"name": "
|
|
4560
|
-
"privacy": "private",
|
|
4584
|
+
"name": "checkValidity",
|
|
4561
4585
|
"return": {
|
|
4562
4586
|
"type": {
|
|
4563
|
-
"text": "
|
|
4587
|
+
"text": "boolean"
|
|
4564
4588
|
}
|
|
4565
4589
|
},
|
|
4566
|
-
"description": "
|
|
4567
|
-
},
|
|
4568
|
-
{
|
|
4569
|
-
"kind": "field",
|
|
4570
|
-
"name": "_requiresAcknowledgment",
|
|
4571
|
-
"type": {
|
|
4572
|
-
"text": "boolean"
|
|
4573
|
-
},
|
|
4574
|
-
"privacy": "private",
|
|
4575
|
-
"description": "Returns true when the severity requires explicit acknowledgment.",
|
|
4576
|
-
"readonly": true
|
|
4590
|
+
"description": "Checks whether the group satisfies its constraints."
|
|
4577
4591
|
},
|
|
4578
4592
|
{
|
|
4579
|
-
"kind": "
|
|
4580
|
-
"name": "
|
|
4581
|
-
"
|
|
4582
|
-
"
|
|
4593
|
+
"kind": "method",
|
|
4594
|
+
"name": "reportValidity",
|
|
4595
|
+
"return": {
|
|
4596
|
+
"type": {
|
|
4597
|
+
"text": "boolean"
|
|
4598
|
+
}
|
|
4583
4599
|
},
|
|
4584
|
-
"
|
|
4585
|
-
"description": "Effective persistent value, considering severity-based defaults.",
|
|
4586
|
-
"readonly": true
|
|
4600
|
+
"description": "Reports validity and shows the browser's constraint validation UI."
|
|
4587
4601
|
}
|
|
4588
4602
|
],
|
|
4589
4603
|
"events": [
|
|
4590
4604
|
{
|
|
4591
|
-
"name": "hx-dismiss",
|
|
4592
|
-
"type": {
|
|
4593
|
-
"text": "CustomEvent<void>"
|
|
4594
|
-
},
|
|
4595
|
-
"description": "Dispatched when the user dismisses the status."
|
|
4596
|
-
},
|
|
4597
|
-
{
|
|
4598
|
-
"name": "hx-acknowledge",
|
|
4599
4605
|
"type": {
|
|
4600
|
-
"text": "CustomEvent<{
|
|
4606
|
+
"text": "CustomEvent<{values: string[]}>"
|
|
4601
4607
|
},
|
|
4602
|
-
"description": "Dispatched when
|
|
4608
|
+
"description": "Dispatched when any child checkbox changes.",
|
|
4609
|
+
"name": "hx-change"
|
|
4603
4610
|
}
|
|
4604
4611
|
],
|
|
4605
4612
|
"attributes": [
|
|
4606
4613
|
{
|
|
4607
|
-
"name": "
|
|
4614
|
+
"name": "name",
|
|
4608
4615
|
"type": {
|
|
4609
|
-
"text": "
|
|
4616
|
+
"text": "string"
|
|
4610
4617
|
},
|
|
4611
|
-
"default": "'
|
|
4612
|
-
"description": "
|
|
4613
|
-
"fieldName": "
|
|
4614
|
-
"attribute": "
|
|
4618
|
+
"default": "''",
|
|
4619
|
+
"description": "The name used for form submission. Passed to child `hx-checkbox` elements.",
|
|
4620
|
+
"fieldName": "name",
|
|
4621
|
+
"attribute": "name"
|
|
4615
4622
|
},
|
|
4616
4623
|
{
|
|
4617
|
-
"name": "
|
|
4624
|
+
"name": "label",
|
|
4618
4625
|
"type": {
|
|
4619
4626
|
"text": "string"
|
|
4620
4627
|
},
|
|
4621
4628
|
"default": "''",
|
|
4622
|
-
"description": "
|
|
4623
|
-
"fieldName": "
|
|
4624
|
-
"attribute": "
|
|
4629
|
+
"description": "The fieldset legend/label text.",
|
|
4630
|
+
"fieldName": "label",
|
|
4631
|
+
"attribute": "label"
|
|
4625
4632
|
},
|
|
4626
4633
|
{
|
|
4627
|
-
"name": "
|
|
4634
|
+
"name": "required",
|
|
4628
4635
|
"type": {
|
|
4629
4636
|
"text": "boolean"
|
|
4630
4637
|
},
|
|
4631
4638
|
"default": "false",
|
|
4632
|
-
"description": "Whether
|
|
4633
|
-
"fieldName": "
|
|
4634
|
-
"attribute": "
|
|
4639
|
+
"description": "Whether at least one checkbox must be checked for form submission.",
|
|
4640
|
+
"fieldName": "required",
|
|
4641
|
+
"attribute": "required"
|
|
4635
4642
|
},
|
|
4636
4643
|
{
|
|
4637
|
-
"name": "
|
|
4644
|
+
"name": "disabled",
|
|
4638
4645
|
"type": {
|
|
4639
4646
|
"text": "boolean"
|
|
4640
4647
|
},
|
|
4641
4648
|
"default": "false",
|
|
4642
|
-
"description": "Whether the
|
|
4643
|
-
"fieldName": "
|
|
4644
|
-
"attribute": "
|
|
4649
|
+
"description": "Whether the entire group is disabled.",
|
|
4650
|
+
"fieldName": "disabled",
|
|
4651
|
+
"attribute": "disabled"
|
|
4645
4652
|
},
|
|
4646
4653
|
{
|
|
4647
|
-
"name": "
|
|
4654
|
+
"name": "error",
|
|
4648
4655
|
"type": {
|
|
4649
4656
|
"text": "string"
|
|
4650
4657
|
},
|
|
4651
4658
|
"default": "''",
|
|
4652
|
-
"description": "
|
|
4653
|
-
"fieldName": "
|
|
4654
|
-
"attribute": "
|
|
4659
|
+
"description": "Error message to display. When set, the group enters an error state.",
|
|
4660
|
+
"fieldName": "error",
|
|
4661
|
+
"attribute": "error"
|
|
4655
4662
|
},
|
|
4656
4663
|
{
|
|
4657
|
-
"name": "
|
|
4664
|
+
"name": "help-text",
|
|
4658
4665
|
"type": {
|
|
4659
|
-
"text": "
|
|
4666
|
+
"text": "string"
|
|
4660
4667
|
},
|
|
4661
|
-
"default": "
|
|
4662
|
-
"description": "
|
|
4663
|
-
"fieldName": "
|
|
4664
|
-
"attribute": "
|
|
4668
|
+
"default": "''",
|
|
4669
|
+
"description": "Help text to display below the group. Can also be provided via the help-text slot.",
|
|
4670
|
+
"fieldName": "helpText",
|
|
4671
|
+
"attribute": "help-text"
|
|
4672
|
+
},
|
|
4673
|
+
{
|
|
4674
|
+
"name": "orientation",
|
|
4675
|
+
"type": {
|
|
4676
|
+
"text": "'vertical' | 'horizontal'"
|
|
4677
|
+
},
|
|
4678
|
+
"description": "Layout orientation of the checkbox items.",
|
|
4679
|
+
"fieldName": "orientation",
|
|
4680
|
+
"attribute": "orientation"
|
|
4665
4681
|
}
|
|
4666
4682
|
],
|
|
4667
4683
|
"superclass": {
|
|
4668
|
-
"name": "
|
|
4669
|
-
"
|
|
4684
|
+
"name": "LitElement",
|
|
4685
|
+
"package": "lit"
|
|
4670
4686
|
},
|
|
4671
|
-
"tagName": "hx-
|
|
4687
|
+
"tagName": "hx-checkbox-group",
|
|
4672
4688
|
"customElement": true,
|
|
4673
|
-
"summary": "
|
|
4689
|
+
"summary": "Form-associated checkbox group with label, validation, help text, and multi-value form submission."
|
|
4674
4690
|
}
|
|
4675
4691
|
],
|
|
4676
4692
|
"exports": [
|
|
4677
4693
|
{
|
|
4678
4694
|
"kind": "js",
|
|
4679
|
-
"name": "
|
|
4695
|
+
"name": "HelixCheckboxGroup",
|
|
4680
4696
|
"declaration": {
|
|
4681
|
-
"name": "
|
|
4682
|
-
"module": "src/components/hx-
|
|
4697
|
+
"name": "HelixCheckboxGroup",
|
|
4698
|
+
"module": "src/components/hx-checkbox-group/hx-checkbox-group.ts"
|
|
4683
4699
|
}
|
|
4684
4700
|
},
|
|
4685
4701
|
{
|
|
4686
4702
|
"kind": "custom-element-definition",
|
|
4687
|
-
"name": "hx-
|
|
4703
|
+
"name": "hx-checkbox-group",
|
|
4688
4704
|
"declaration": {
|
|
4689
|
-
"name": "
|
|
4690
|
-
"module": "src/components/hx-
|
|
4705
|
+
"name": "HelixCheckboxGroup",
|
|
4706
|
+
"module": "src/components/hx-checkbox-group/hx-checkbox-group.ts"
|
|
4691
4707
|
}
|
|
4692
4708
|
}
|
|
4693
4709
|
]
|
|
4694
4710
|
},
|
|
4695
4711
|
{
|
|
4696
4712
|
"kind": "javascript-module",
|
|
4697
|
-
"path": "src/components/hx-
|
|
4713
|
+
"path": "src/components/hx-checkbox-group/index.ts",
|
|
4698
4714
|
"declarations": [],
|
|
4699
4715
|
"exports": [
|
|
4700
4716
|
{
|
|
4701
4717
|
"kind": "js",
|
|
4702
|
-
"name": "
|
|
4703
|
-
"declaration": {
|
|
4704
|
-
"name": "HelixClinicalStatus",
|
|
4705
|
-
"module": "./hx-clinical-status.js"
|
|
4706
|
-
}
|
|
4707
|
-
},
|
|
4708
|
-
{
|
|
4709
|
-
"kind": "js",
|
|
4710
|
-
"name": "ClinicalSeverity",
|
|
4711
|
-
"declaration": {
|
|
4712
|
-
"name": "ClinicalSeverity",
|
|
4713
|
-
"module": "./hx-clinical-status.js"
|
|
4714
|
-
}
|
|
4715
|
-
},
|
|
4716
|
-
{
|
|
4717
|
-
"kind": "js",
|
|
4718
|
-
"name": "HxClinicalStatus",
|
|
4718
|
+
"name": "HelixCheckboxGroup",
|
|
4719
4719
|
"declaration": {
|
|
4720
|
-
"name": "
|
|
4721
|
-
"module": "./hx-
|
|
4720
|
+
"name": "HelixCheckboxGroup",
|
|
4721
|
+
"module": "./hx-checkbox-group.js"
|
|
4722
4722
|
}
|
|
4723
4723
|
}
|
|
4724
4724
|
]
|