@helixui/library 1.1.2-next.2 → 1.1.2-next.25
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 +387 -405
- package/dist/components/hx-avatar/hx-avatar.styles.d.ts.map +1 -1
- package/dist/components/hx-avatar/index.js +1 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb-item.d.ts +1 -0
- package/dist/components/hx-breadcrumb/hx-breadcrumb-item.d.ts.map +1 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts +10 -8
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
- package/dist/components/hx-breadcrumb/index.js +1 -1
- package/dist/components/hx-button/hx-button.d.ts +12 -6
- package/dist/components/hx-button/hx-button.d.ts.map +1 -1
- package/dist/components/hx-button/hx-button.styles.d.ts.map +1 -1
- package/dist/components/hx-button/index.js +1 -1
- package/dist/components/hx-clinical-status/hx-clinical-status.d.ts +14 -6
- package/dist/components/hx-clinical-status/hx-clinical-status.d.ts.map +1 -1
- package/dist/components/hx-clinical-status/hx-clinical-status.styles.d.ts.map +1 -1
- package/dist/components/hx-clinical-status/index.d.ts +1 -1
- package/dist/components/hx-clinical-status/index.d.ts.map +1 -1
- package/dist/components/hx-clinical-status/index.js +1 -1
- package/dist/components/hx-menu/hx-menu-item.d.ts +5 -0
- package/dist/components/hx-menu/hx-menu-item.d.ts.map +1 -1
- package/dist/components/hx-menu/hx-menu.d.ts +1 -0
- package/dist/components/hx-menu/hx-menu.d.ts.map +1 -1
- package/dist/components/hx-menu/hx-menu.styles.d.ts.map +1 -1
- package/dist/components/hx-menu/index.js +1 -1
- package/dist/components/hx-nav/hx-nav.d.ts +10 -0
- package/dist/components/hx-nav/hx-nav.d.ts.map +1 -1
- package/dist/components/hx-nav/index.js +1 -1
- package/dist/components/hx-pagination/hx-pagination.d.ts.map +1 -1
- package/dist/components/hx-pagination/index.js +1 -1
- package/dist/components/hx-patient-banner/hx-patient-banner.d.ts +8 -0
- package/dist/components/hx-patient-banner/hx-patient-banner.d.ts.map +1 -1
- package/dist/components/hx-patient-banner/hx-patient-banner.styles.d.ts.map +1 -1
- package/dist/components/hx-patient-banner/index.js +1 -1
- package/dist/components/hx-phi-field/hx-phi-field.d.ts +27 -2
- package/dist/components/hx-phi-field/hx-phi-field.d.ts.map +1 -1
- package/dist/components/hx-phi-field/hx-phi-field.styles.d.ts.map +1 -1
- package/dist/components/hx-phi-field/index.js +1 -1
- package/dist/components/hx-select/hx-select.d.ts +1 -0
- package/dist/components/hx-select/hx-select.d.ts.map +1 -1
- package/dist/components/hx-select/hx-select.styles.d.ts.map +1 -1
- package/dist/components/hx-select/index.js +1 -1
- package/dist/components/hx-side-nav/hx-nav-item.d.ts +5 -0
- package/dist/components/hx-side-nav/hx-nav-item.d.ts.map +1 -1
- package/dist/components/hx-side-nav/hx-side-nav.d.ts.map +1 -1
- package/dist/components/hx-side-nav/index.js +1 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.d.ts +17 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.d.ts.map +1 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.styles.d.ts.map +1 -1
- package/dist/components/hx-status-indicator/index.js +1 -1
- package/dist/components/hx-steps/hx-step.d.ts +7 -0
- package/dist/components/hx-steps/hx-step.d.ts.map +1 -1
- package/dist/components/hx-steps/hx-steps.d.ts.map +1 -1
- package/dist/components/hx-steps/index.js +1 -1
- package/dist/components/hx-tabs/hx-tab.styles.d.ts.map +1 -1
- package/dist/components/hx-tabs/hx-tabs.d.ts +10 -0
- package/dist/components/hx-tabs/hx-tabs.d.ts.map +1 -1
- package/dist/components/hx-tabs/index.js +1 -1
- package/dist/components/hx-tree-view/hx-tree-item.d.ts +5 -0
- package/dist/components/hx-tree-view/hx-tree-item.d.ts.map +1 -1
- package/dist/components/hx-tree-view/hx-tree-view.d.ts +6 -0
- package/dist/components/hx-tree-view/hx-tree-view.d.ts.map +1 -1
- package/dist/components/hx-tree-view/index.js +1 -1
- package/dist/css/helix-all.css +202 -51
- package/dist/css/helix-core.css +52 -1
- package/dist/css/helix-feedback.css +33 -4
- package/dist/css/helix-forms.css +68 -41
- package/dist/css/helix-navigation.css +2 -0
- package/dist/css/hx-avatar.css +18 -1
- package/dist/css/hx-button.css +34 -0
- package/dist/css/hx-clinical-status.css +4 -2
- package/dist/css/hx-menu.css +2 -0
- package/dist/css/hx-patient-banner.css +31 -3
- package/dist/css/hx-phi-field.css +12 -0
- package/dist/css/hx-select.css +68 -41
- package/dist/css/hx-status-indicator.css +33 -4
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +13 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -15
- package/dist/shared/{hx-avatar-7p1cj3lG.js → hx-avatar-CZfA9KEl.js} +27 -10
- package/dist/shared/hx-avatar-CZfA9KEl.js.map +1 -0
- package/dist/shared/{hx-breadcrumb-item-B2rjepqy.js → hx-breadcrumb-item-CObc-WJl.js} +8 -6
- package/dist/shared/hx-breadcrumb-item-CObc-WJl.js.map +1 -0
- package/dist/shared/{hx-button-6S3DwuIj.js → hx-button-CC1YH9RZ.js} +52 -12
- package/dist/shared/hx-button-CC1YH9RZ.js.map +1 -0
- package/dist/shared/{hx-clinical-status-De8yrA5I.js → hx-clinical-status-D6eaplvs.js} +5 -3
- package/dist/shared/hx-clinical-status-D6eaplvs.js.map +1 -0
- package/dist/shared/{hx-menu-divider-DR4G_rqw.js → hx-menu-divider-puPmRAdN.js} +40 -20
- package/dist/shared/hx-menu-divider-puPmRAdN.js.map +1 -0
- package/dist/shared/{hx-nav-D377Ngz4.js → hx-nav-CiyqaW2I.js} +112 -99
- package/dist/shared/hx-nav-CiyqaW2I.js.map +1 -0
- package/dist/shared/{hx-nav-item-CuGiJPAf.js → hx-nav-item-tM_6bolB.js} +132 -92
- package/dist/shared/hx-nav-item-tM_6bolB.js.map +1 -0
- package/dist/shared/{hx-pagination-DYhYPqDn.js → hx-pagination-Cb9UEWXz.js} +74 -66
- package/dist/shared/{hx-pagination-DYhYPqDn.js.map → hx-pagination-Cb9UEWXz.js.map} +1 -1
- package/dist/shared/{hx-patient-banner-BoJHddAL.js → hx-patient-banner-wk4qWmsH.js} +88 -47
- package/dist/shared/hx-patient-banner-wk4qWmsH.js.map +1 -0
- package/dist/shared/{hx-phi-field-EDWna59z.js → hx-phi-field-DX9z3nu0.js} +67 -33
- package/dist/shared/hx-phi-field-DX9z3nu0.js.map +1 -0
- package/dist/shared/{hx-select-4-nHL0vd.js → hx-select-BWzxWZs_.js} +82 -55
- package/dist/shared/hx-select-BWzxWZs_.js.map +1 -0
- package/dist/shared/{hx-status-indicator-4ClvA5mU.js → hx-status-indicator-Dl3Y34mc.js} +76 -35
- package/dist/shared/hx-status-indicator-Dl3Y34mc.js.map +1 -0
- package/dist/shared/{hx-step-DlANlr2A.js → hx-step-CmNwfcJx.js} +30 -26
- package/dist/shared/hx-step-CmNwfcJx.js.map +1 -0
- package/dist/shared/{hx-tab-panel-GGjk6Qg4.js → hx-tab-panel-Dnt8aA74.js} +89 -61
- package/dist/shared/hx-tab-panel-Dnt8aA74.js.map +1 -0
- package/dist/shared/{hx-tree-item-DTDIBRrI.js → hx-tree-item-C1PhX-HE.js} +50 -19
- package/dist/shared/hx-tree-item-C1PhX-HE.js.map +1 -0
- package/package.json +2 -2
- package/dist/shared/hx-avatar-7p1cj3lG.js.map +0 -1
- package/dist/shared/hx-breadcrumb-item-B2rjepqy.js.map +0 -1
- package/dist/shared/hx-button-6S3DwuIj.js.map +0 -1
- package/dist/shared/hx-clinical-status-De8yrA5I.js.map +0 -1
- package/dist/shared/hx-menu-divider-DR4G_rqw.js.map +0 -1
- package/dist/shared/hx-nav-D377Ngz4.js.map +0 -1
- package/dist/shared/hx-nav-item-CuGiJPAf.js.map +0 -1
- package/dist/shared/hx-patient-banner-BoJHddAL.js.map +0 -1
- package/dist/shared/hx-phi-field-EDWna59z.js.map +0 -1
- package/dist/shared/hx-select-4-nHL0vd.js.map +0 -1
- package/dist/shared/hx-status-indicator-4ClvA5mU.js.map +0 -1
- package/dist/shared/hx-step-DlANlr2A.js.map +0 -1
- package/dist/shared/hx-tab-panel-GGjk6Qg4.js.map +0 -1
- package/dist/shared/hx-tree-item-DTDIBRrI.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -2,230 +2,6 @@
|
|
|
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
|
-
},
|
|
229
5
|
{
|
|
230
6
|
"kind": "javascript-module",
|
|
231
7
|
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
@@ -494,33 +270,257 @@
|
|
|
494
270
|
},
|
|
495
271
|
{
|
|
496
272
|
"kind": "custom-element-definition",
|
|
497
|
-
"name": "hx-accordion",
|
|
273
|
+
"name": "hx-accordion",
|
|
274
|
+
"declaration": {
|
|
275
|
+
"name": "HelixAccordion",
|
|
276
|
+
"module": "src/components/hx-accordion/hx-accordion.ts"
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
]
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"kind": "javascript-module",
|
|
283
|
+
"path": "src/components/hx-accordion/index.ts",
|
|
284
|
+
"declarations": [],
|
|
285
|
+
"exports": [
|
|
286
|
+
{
|
|
287
|
+
"kind": "js",
|
|
288
|
+
"name": "HelixAccordion",
|
|
289
|
+
"declaration": {
|
|
290
|
+
"name": "HelixAccordion",
|
|
291
|
+
"module": "./hx-accordion.js"
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"kind": "js",
|
|
296
|
+
"name": "HelixAccordionItem",
|
|
297
|
+
"declaration": {
|
|
298
|
+
"name": "HelixAccordionItem",
|
|
299
|
+
"module": "./hx-accordion-item.js"
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
]
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"kind": "javascript-module",
|
|
306
|
+
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
307
|
+
"declarations": [
|
|
308
|
+
{
|
|
309
|
+
"kind": "class",
|
|
310
|
+
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
311
|
+
"name": "HelixActionBar",
|
|
312
|
+
"cssProperties": [
|
|
313
|
+
{
|
|
314
|
+
"description": "Bar background color (default variant).",
|
|
315
|
+
"name": "--hx-action-bar-bg",
|
|
316
|
+
"default": "transparent"
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"description": "Bar border (default variant).",
|
|
320
|
+
"name": "--hx-action-bar-border",
|
|
321
|
+
"default": "none"
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"description": "Inner padding.",
|
|
325
|
+
"name": "--hx-action-bar-padding",
|
|
326
|
+
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"description": "Gap between slotted items.",
|
|
330
|
+
"name": "--hx-action-bar-gap",
|
|
331
|
+
"default": "var(--hx-space-2,0.5rem)"
|
|
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",
|
|
498
506
|
"declaration": {
|
|
499
|
-
"name": "
|
|
500
|
-
"module": "src/components/hx-
|
|
507
|
+
"name": "HelixActionBar",
|
|
508
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
501
509
|
}
|
|
502
510
|
}
|
|
503
511
|
]
|
|
504
512
|
},
|
|
505
513
|
{
|
|
506
514
|
"kind": "javascript-module",
|
|
507
|
-
"path": "src/components/hx-
|
|
515
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
508
516
|
"declarations": [],
|
|
509
517
|
"exports": [
|
|
510
518
|
{
|
|
511
519
|
"kind": "js",
|
|
512
|
-
"name": "
|
|
513
|
-
"declaration": {
|
|
514
|
-
"name": "HelixAccordion",
|
|
515
|
-
"module": "./hx-accordion.js"
|
|
516
|
-
}
|
|
517
|
-
},
|
|
518
|
-
{
|
|
519
|
-
"kind": "js",
|
|
520
|
-
"name": "HelixAccordionItem",
|
|
520
|
+
"name": "HelixActionBar",
|
|
521
521
|
"declaration": {
|
|
522
|
-
"name": "
|
|
523
|
-
"module": "./hx-
|
|
522
|
+
"name": "HelixActionBar",
|
|
523
|
+
"module": "./hx-action-bar.js"
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
526
|
]
|
|
@@ -1920,6 +1920,11 @@
|
|
|
1920
1920
|
{
|
|
1921
1921
|
"description": "Optional max-width for text truncation.",
|
|
1922
1922
|
"name": "--hx-breadcrumb-item-max-width"
|
|
1923
|
+
},
|
|
1924
|
+
{
|
|
1925
|
+
"description": "Focus ring color for breadcrumb links.",
|
|
1926
|
+
"name": "--hx-breadcrumb-link-focus-ring-color",
|
|
1927
|
+
"default": "var(--hx-focus-ring-color, var(--hx-color-primary-500))"
|
|
1923
1928
|
}
|
|
1924
1929
|
],
|
|
1925
1930
|
"cssParts": [
|
|
@@ -4534,12 +4539,6 @@
|
|
|
4534
4539
|
"attribute": "compact",
|
|
4535
4540
|
"reflects": true
|
|
4536
4541
|
},
|
|
4537
|
-
{
|
|
4538
|
-
"kind": "field",
|
|
4539
|
-
"name": "_componentId",
|
|
4540
|
-
"privacy": "private",
|
|
4541
|
-
"description": "SSR-safe unique ID for ARIA relationships."
|
|
4542
|
-
},
|
|
4543
4542
|
{
|
|
4544
4543
|
"kind": "field",
|
|
4545
4544
|
"name": "_isAssertive",
|
|
@@ -4596,14 +4595,14 @@
|
|
|
4596
4595
|
{
|
|
4597
4596
|
"name": "hx-dismiss",
|
|
4598
4597
|
"type": {
|
|
4599
|
-
"text": "CustomEvent"
|
|
4598
|
+
"text": "CustomEvent<void>"
|
|
4600
4599
|
},
|
|
4601
4600
|
"description": "Dispatched when the user dismisses the status."
|
|
4602
4601
|
},
|
|
4603
4602
|
{
|
|
4604
4603
|
"name": "hx-acknowledge",
|
|
4605
4604
|
"type": {
|
|
4606
|
-
"text": "CustomEvent"
|
|
4605
|
+
"text": "CustomEvent<{ severity: ClinicalSeverity; persistent: boolean }>"
|
|
4607
4606
|
},
|
|
4608
4607
|
"description": "Dispatched when the user acknowledges a critical/emergent status."
|
|
4609
4608
|
}
|
|
@@ -4695,14 +4694,6 @@
|
|
|
4695
4694
|
"name": "HelixClinicalStatus",
|
|
4696
4695
|
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4697
4696
|
}
|
|
4698
|
-
},
|
|
4699
|
-
{
|
|
4700
|
-
"kind": "js",
|
|
4701
|
-
"name": "HxClinicalStatus",
|
|
4702
|
-
"declaration": {
|
|
4703
|
-
"name": "HelixClinicalStatus",
|
|
4704
|
-
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4705
|
-
}
|
|
4706
4697
|
}
|
|
4707
4698
|
]
|
|
4708
4699
|
},
|
|
@@ -4726,6 +4717,14 @@
|
|
|
4726
4717
|
"name": "ClinicalSeverity",
|
|
4727
4718
|
"module": "./hx-clinical-status.js"
|
|
4728
4719
|
}
|
|
4720
|
+
},
|
|
4721
|
+
{
|
|
4722
|
+
"kind": "js",
|
|
4723
|
+
"name": "HxClinicalStatus",
|
|
4724
|
+
"declaration": {
|
|
4725
|
+
"name": "HxClinicalStatus",
|
|
4726
|
+
"module": "./hx-clinical-status.js"
|
|
4727
|
+
}
|
|
4729
4728
|
}
|
|
4730
4729
|
]
|
|
4731
4730
|
},
|
|
@@ -13021,6 +13020,24 @@
|
|
|
13021
13020
|
}
|
|
13022
13021
|
],
|
|
13023
13022
|
"members": [
|
|
13023
|
+
{
|
|
13024
|
+
"kind": "method",
|
|
13025
|
+
"name": "setSubmenuOpen",
|
|
13026
|
+
"return": {
|
|
13027
|
+
"type": {
|
|
13028
|
+
"text": "void"
|
|
13029
|
+
}
|
|
13030
|
+
},
|
|
13031
|
+
"parameters": [
|
|
13032
|
+
{
|
|
13033
|
+
"name": "open",
|
|
13034
|
+
"type": {
|
|
13035
|
+
"text": "boolean"
|
|
13036
|
+
}
|
|
13037
|
+
}
|
|
13038
|
+
],
|
|
13039
|
+
"description": "Set whether the nested submenu is open. Called by the component managing submenu visibility."
|
|
13040
|
+
},
|
|
13024
13041
|
{
|
|
13025
13042
|
"kind": "field",
|
|
13026
13043
|
"name": "value",
|
|
@@ -13109,6 +13126,13 @@
|
|
|
13109
13126
|
"text": "CustomEvent<{item: HelixMenuItem}>"
|
|
13110
13127
|
},
|
|
13111
13128
|
"description": "Dispatched when ArrowRight is pressed on an item with a submenu."
|
|
13129
|
+
},
|
|
13130
|
+
{
|
|
13131
|
+
"name": "hx-item-submenu-close",
|
|
13132
|
+
"type": {
|
|
13133
|
+
"text": "CustomEvent<{item: HelixMenuItem}>"
|
|
13134
|
+
},
|
|
13135
|
+
"description": "Dispatched when ArrowLeft is pressed on an item, signaling the parent to close the submenu and return focus."
|
|
13112
13136
|
}
|
|
13113
13137
|
],
|
|
13114
13138
|
"attributes": [
|
|
@@ -13223,6 +13247,11 @@
|
|
|
13223
13247
|
"description": "Minimum menu width.",
|
|
13224
13248
|
"name": "--hx-menu-min-width",
|
|
13225
13249
|
"default": "10rem"
|
|
13250
|
+
},
|
|
13251
|
+
{
|
|
13252
|
+
"description": "Maximum menu height before vertical scroll is activated.",
|
|
13253
|
+
"name": "--hx-menu-max-height",
|
|
13254
|
+
"default": "20rem"
|
|
13226
13255
|
}
|
|
13227
13256
|
],
|
|
13228
13257
|
"cssParts": [
|
|
@@ -15229,6 +15258,11 @@
|
|
|
15229
15258
|
"description": "Photo area size.",
|
|
15230
15259
|
"name": "--hx-patient-banner-photo-size",
|
|
15231
15260
|
"default": "var(--hx-space-10,2.5rem)"
|
|
15261
|
+
},
|
|
15262
|
+
{
|
|
15263
|
+
"description": "Photo area background color when empty.",
|
|
15264
|
+
"name": "--hx-patient-banner-photo-bg",
|
|
15265
|
+
"default": "var(--hx-color-neutral-200,#e5e7eb)"
|
|
15232
15266
|
}
|
|
15233
15267
|
],
|
|
15234
15268
|
"cssParts": [
|
|
@@ -15255,6 +15289,10 @@
|
|
|
15255
15289
|
{
|
|
15256
15290
|
"description": "The field value slot wrapper.",
|
|
15257
15291
|
"name": "field-value"
|
|
15292
|
+
},
|
|
15293
|
+
{
|
|
15294
|
+
"description": "The visually-hidden identifier rule violation status message.",
|
|
15295
|
+
"name": "violation-message"
|
|
15258
15296
|
}
|
|
15259
15297
|
],
|
|
15260
15298
|
"slots": [
|
|
@@ -15365,39 +15403,6 @@
|
|
|
15365
15403
|
"attribute": "enforce-identifier-rule",
|
|
15366
15404
|
"reflects": true
|
|
15367
15405
|
},
|
|
15368
|
-
{
|
|
15369
|
-
"kind": "field",
|
|
15370
|
-
"name": "_identifierCount",
|
|
15371
|
-
"type": {
|
|
15372
|
-
"text": "number"
|
|
15373
|
-
},
|
|
15374
|
-
"privacy": "private",
|
|
15375
|
-
"default": "0"
|
|
15376
|
-
},
|
|
15377
|
-
{
|
|
15378
|
-
"kind": "field",
|
|
15379
|
-
"name": "_nameSlot",
|
|
15380
|
-
"type": {
|
|
15381
|
-
"text": "HTMLSlotElement"
|
|
15382
|
-
},
|
|
15383
|
-
"privacy": "private"
|
|
15384
|
-
},
|
|
15385
|
-
{
|
|
15386
|
-
"kind": "field",
|
|
15387
|
-
"name": "_mrnSlot",
|
|
15388
|
-
"type": {
|
|
15389
|
-
"text": "HTMLSlotElement"
|
|
15390
|
-
},
|
|
15391
|
-
"privacy": "private"
|
|
15392
|
-
},
|
|
15393
|
-
{
|
|
15394
|
-
"kind": "field",
|
|
15395
|
-
"name": "_dobSlot",
|
|
15396
|
-
"type": {
|
|
15397
|
-
"text": "HTMLSlotElement"
|
|
15398
|
-
},
|
|
15399
|
-
"privacy": "private"
|
|
15400
|
-
},
|
|
15401
15406
|
{
|
|
15402
15407
|
"kind": "method",
|
|
15403
15408
|
"name": "_countPopulatedIdentifiers",
|
|
@@ -15604,6 +15609,11 @@
|
|
|
15604
15609
|
"description": "Focus ring color.",
|
|
15605
15610
|
"name": "--hx-phi-field-focus-ring-color",
|
|
15606
15611
|
"default": "var(--hx-focus-ring-color,var(--hx-color-primary-500,#2563eb))"
|
|
15612
|
+
},
|
|
15613
|
+
{
|
|
15614
|
+
"description": "Opacity applied when the field is disabled.",
|
|
15615
|
+
"name": "--hx-phi-field-disabled-opacity",
|
|
15616
|
+
"default": "var(--hx-opacity-50,0.5)"
|
|
15607
15617
|
}
|
|
15608
15618
|
],
|
|
15609
15619
|
"cssParts": [
|
|
@@ -15664,127 +15674,24 @@
|
|
|
15664
15674
|
},
|
|
15665
15675
|
{
|
|
15666
15676
|
"kind": "field",
|
|
15667
|
-
"name": "
|
|
15677
|
+
"name": "label",
|
|
15668
15678
|
"type": {
|
|
15669
|
-
"text": "
|
|
15679
|
+
"text": "string"
|
|
15670
15680
|
},
|
|
15671
|
-
"
|
|
15672
|
-
"
|
|
15681
|
+
"default": "''",
|
|
15682
|
+
"description": "Accessible label describing the PHI field. Used as a prefix in screen reader\nannouncements (e.g., \"Social Security Number is masked\").",
|
|
15683
|
+
"attribute": "label"
|
|
15673
15684
|
},
|
|
15674
15685
|
{
|
|
15675
15686
|
"kind": "field",
|
|
15676
|
-
"name": "
|
|
15687
|
+
"name": "disabled",
|
|
15677
15688
|
"type": {
|
|
15678
|
-
"text": "
|
|
15679
|
-
},
|
|
15680
|
-
"privacy": "private",
|
|
15681
|
-
"default": "null"
|
|
15682
|
-
},
|
|
15683
|
-
{
|
|
15684
|
-
"kind": "method",
|
|
15685
|
-
"name": "_cancelClipboardTimer",
|
|
15686
|
-
"privacy": "private",
|
|
15687
|
-
"return": {
|
|
15688
|
-
"type": {
|
|
15689
|
-
"text": "void"
|
|
15690
|
-
}
|
|
15691
|
-
}
|
|
15692
|
-
},
|
|
15693
|
-
{
|
|
15694
|
-
"kind": "method",
|
|
15695
|
-
"name": "_scheduleClipboardClear",
|
|
15696
|
-
"privacy": "private",
|
|
15697
|
-
"return": {
|
|
15698
|
-
"type": {
|
|
15699
|
-
"text": "void"
|
|
15700
|
-
}
|
|
15701
|
-
}
|
|
15702
|
-
},
|
|
15703
|
-
{
|
|
15704
|
-
"kind": "method",
|
|
15705
|
-
"name": "_clearClipboard",
|
|
15706
|
-
"privacy": "private",
|
|
15707
|
-
"return": {
|
|
15708
|
-
"type": {
|
|
15709
|
-
"text": "void"
|
|
15710
|
-
}
|
|
15711
|
-
}
|
|
15712
|
-
},
|
|
15713
|
-
{
|
|
15714
|
-
"kind": "method",
|
|
15715
|
-
"name": "_getMaskedValue",
|
|
15716
|
-
"privacy": "private",
|
|
15717
|
-
"return": {
|
|
15718
|
-
"type": {
|
|
15719
|
-
"text": "string"
|
|
15720
|
-
}
|
|
15721
|
-
}
|
|
15722
|
-
},
|
|
15723
|
-
{
|
|
15724
|
-
"kind": "method",
|
|
15725
|
-
"name": "_handleToggle",
|
|
15726
|
-
"privacy": "private",
|
|
15727
|
-
"return": {
|
|
15728
|
-
"type": {
|
|
15729
|
-
"text": "void"
|
|
15730
|
-
}
|
|
15731
|
-
}
|
|
15732
|
-
},
|
|
15733
|
-
{
|
|
15734
|
-
"kind": "method",
|
|
15735
|
-
"name": "_handleCopy",
|
|
15736
|
-
"privacy": "private",
|
|
15737
|
-
"return": {
|
|
15738
|
-
"type": {
|
|
15739
|
-
"text": "void"
|
|
15740
|
-
}
|
|
15741
|
-
},
|
|
15742
|
-
"parameters": [
|
|
15743
|
-
{
|
|
15744
|
-
"name": "e",
|
|
15745
|
-
"type": {
|
|
15746
|
-
"text": "ClipboardEvent"
|
|
15747
|
-
}
|
|
15748
|
-
}
|
|
15749
|
-
]
|
|
15750
|
-
},
|
|
15751
|
-
{
|
|
15752
|
-
"kind": "method",
|
|
15753
|
-
"name": "_handlePaste",
|
|
15754
|
-
"privacy": "private",
|
|
15755
|
-
"return": {
|
|
15756
|
-
"type": {
|
|
15757
|
-
"text": "void"
|
|
15758
|
-
}
|
|
15689
|
+
"text": "boolean"
|
|
15759
15690
|
},
|
|
15760
|
-
"
|
|
15761
|
-
|
|
15762
|
-
|
|
15763
|
-
|
|
15764
|
-
"text": "ClipboardEvent"
|
|
15765
|
-
}
|
|
15766
|
-
}
|
|
15767
|
-
]
|
|
15768
|
-
},
|
|
15769
|
-
{
|
|
15770
|
-
"kind": "method",
|
|
15771
|
-
"name": "_renderEyeIcon",
|
|
15772
|
-
"privacy": "private",
|
|
15773
|
-
"return": {
|
|
15774
|
-
"type": {
|
|
15775
|
-
"text": "TemplateResult"
|
|
15776
|
-
}
|
|
15777
|
-
}
|
|
15778
|
-
},
|
|
15779
|
-
{
|
|
15780
|
-
"kind": "method",
|
|
15781
|
-
"name": "_renderEyeOffIcon",
|
|
15782
|
-
"privacy": "private",
|
|
15783
|
-
"return": {
|
|
15784
|
-
"type": {
|
|
15785
|
-
"text": "TemplateResult"
|
|
15786
|
-
}
|
|
15787
|
-
}
|
|
15691
|
+
"default": "false",
|
|
15692
|
+
"description": "When set, disables all interaction with the field and prevents reveal.",
|
|
15693
|
+
"reflects": true,
|
|
15694
|
+
"attribute": "disabled"
|
|
15788
15695
|
}
|
|
15789
15696
|
],
|
|
15790
15697
|
"events": [
|
|
@@ -15793,7 +15700,7 @@
|
|
|
15793
15700
|
"type": {
|
|
15794
15701
|
"text": "CustomEvent<PhiAccessEventDetail>"
|
|
15795
15702
|
},
|
|
15796
|
-
"description": "Fired on reveal, hide, and clipboard
|
|
15703
|
+
"description": "Fired on reveal, hide, and clipboard-clear actions."
|
|
15797
15704
|
}
|
|
15798
15705
|
],
|
|
15799
15706
|
"attributes": [
|
|
@@ -15836,6 +15743,26 @@
|
|
|
15836
15743
|
"description": "Milliseconds after clipboard write before the clipboard is automatically cleared.\nDefaults to 30000 (30 seconds).",
|
|
15837
15744
|
"fieldName": "clipboardTimeout",
|
|
15838
15745
|
"attribute": "clipboard-timeout"
|
|
15746
|
+
},
|
|
15747
|
+
{
|
|
15748
|
+
"name": "label",
|
|
15749
|
+
"type": {
|
|
15750
|
+
"text": "string"
|
|
15751
|
+
},
|
|
15752
|
+
"default": "''",
|
|
15753
|
+
"description": "Accessible label describing the PHI field. Used as a prefix in screen reader\nannouncements (e.g., \"Social Security Number is masked\").",
|
|
15754
|
+
"fieldName": "label",
|
|
15755
|
+
"attribute": "label"
|
|
15756
|
+
},
|
|
15757
|
+
{
|
|
15758
|
+
"name": "disabled",
|
|
15759
|
+
"type": {
|
|
15760
|
+
"text": "boolean"
|
|
15761
|
+
},
|
|
15762
|
+
"default": "false",
|
|
15763
|
+
"description": "When set, disables all interaction with the field and prevents reveal.",
|
|
15764
|
+
"fieldName": "disabled",
|
|
15765
|
+
"attribute": "disabled"
|
|
15839
15766
|
}
|
|
15840
15767
|
],
|
|
15841
15768
|
"superclass": {
|
|
@@ -18191,6 +18118,11 @@
|
|
|
18191
18118
|
"name": "--hx-select-chevron-color",
|
|
18192
18119
|
"default": "var(--hx-color-neutral-500)"
|
|
18193
18120
|
},
|
|
18121
|
+
{
|
|
18122
|
+
"description": "Chevron indicator size (width/height base unit).",
|
|
18123
|
+
"name": "--hx-select-chevron-size",
|
|
18124
|
+
"default": "0.5rem"
|
|
18125
|
+
},
|
|
18194
18126
|
{
|
|
18195
18127
|
"description": "Listbox panel background color.",
|
|
18196
18128
|
"name": "--hx-select-listbox-bg",
|
|
@@ -18868,6 +18800,11 @@
|
|
|
18868
18800
|
}
|
|
18869
18801
|
],
|
|
18870
18802
|
"description": "Delegates focus to the internal link or button element (part=\"link\").\nAllows parent components to focus nav items without piercing the Shadow DOM.\nWCAG 2.1.1: keyboard navigation must not cross shadow boundaries via\ndirect shadowRoot queries."
|
|
18803
|
+
},
|
|
18804
|
+
{
|
|
18805
|
+
"kind": "field",
|
|
18806
|
+
"name": "_tooltipId",
|
|
18807
|
+
"default": "`nav-item-tooltip-${++HelixNavItem._instanceCounter}`"
|
|
18871
18808
|
}
|
|
18872
18809
|
],
|
|
18873
18810
|
"attributes": [
|
|
@@ -21184,7 +21121,7 @@
|
|
|
21184
21121
|
"declarations": [
|
|
21185
21122
|
{
|
|
21186
21123
|
"kind": "class",
|
|
21187
|
-
"description": "A colored dot/badge indicating system or entity health status.\
|
|
21124
|
+
"description": "A colored dot/badge indicating system or entity health status.\nSupports an animated pulse ring and an optional visible text label.\n\nStatus is conveyed through color AND an `aria-label` on the host element.\nWhen `show-label` is set, a visible text label is rendered inside the component,\nensuring status is not communicated by color alone (WCAG 1.4.1 — Use of Color).\n\nUses `role=\"img\"` with an auto-generated `aria-label` (e.g. \"Status: Online\").\nWhen used decoratively alongside visible text that conveys the same status information\n(e.g. \"Provider is available\"), set `aria-hidden=\"true\"` on the host element to prevent\nduplicate announcements to screen reader users. This is the recommended composition\npattern in healthcare dashboards.",
|
|
21188
21125
|
"name": "HelixStatusIndicator",
|
|
21189
21126
|
"cssProperties": [
|
|
21190
21127
|
{
|
|
@@ -21230,6 +21167,14 @@
|
|
|
21230
21167
|
{
|
|
21231
21168
|
"description": "Override pulse ring color independently from dot color.",
|
|
21232
21169
|
"name": "--hx-status-indicator-pulse-color"
|
|
21170
|
+
},
|
|
21171
|
+
{
|
|
21172
|
+
"description": "Override label text color.",
|
|
21173
|
+
"name": "--hx-status-indicator-label-color"
|
|
21174
|
+
},
|
|
21175
|
+
{
|
|
21176
|
+
"description": "Override label font size.",
|
|
21177
|
+
"name": "--hx-status-indicator-label-font-size"
|
|
21233
21178
|
}
|
|
21234
21179
|
],
|
|
21235
21180
|
"cssParts": [
|
|
@@ -21240,6 +21185,10 @@
|
|
|
21240
21185
|
{
|
|
21241
21186
|
"description": "The animated pulse ring element.",
|
|
21242
21187
|
"name": "pulse-ring"
|
|
21188
|
+
},
|
|
21189
|
+
{
|
|
21190
|
+
"description": "The visible status label text element (visible when show-label is set).",
|
|
21191
|
+
"name": "label"
|
|
21243
21192
|
}
|
|
21244
21193
|
],
|
|
21245
21194
|
"members": [
|
|
@@ -21285,6 +21234,17 @@
|
|
|
21285
21234
|
"default": "''",
|
|
21286
21235
|
"description": "Accessible label for the indicator. Defaults to \"Status: {Status}\".\nSet aria-hidden=\"true\" on the host when status is conveyed by adjacent text.",
|
|
21287
21236
|
"attribute": "label"
|
|
21237
|
+
},
|
|
21238
|
+
{
|
|
21239
|
+
"kind": "field",
|
|
21240
|
+
"name": "showLabel",
|
|
21241
|
+
"type": {
|
|
21242
|
+
"text": "boolean"
|
|
21243
|
+
},
|
|
21244
|
+
"default": "false",
|
|
21245
|
+
"description": "When true, renders a visible text label next to the dot conveying the status.\nUse this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not\naccompanied by other visible text that conveys the same status information.",
|
|
21246
|
+
"attribute": "show-label",
|
|
21247
|
+
"reflects": true
|
|
21288
21248
|
}
|
|
21289
21249
|
],
|
|
21290
21250
|
"attributes": [
|
|
@@ -21327,6 +21287,16 @@
|
|
|
21327
21287
|
"description": "Accessible label for the indicator. Defaults to \"Status: {Status}\".\nSet aria-hidden=\"true\" on the host when status is conveyed by adjacent text.",
|
|
21328
21288
|
"fieldName": "label",
|
|
21329
21289
|
"attribute": "label"
|
|
21290
|
+
},
|
|
21291
|
+
{
|
|
21292
|
+
"name": "show-label",
|
|
21293
|
+
"type": {
|
|
21294
|
+
"text": "boolean"
|
|
21295
|
+
},
|
|
21296
|
+
"default": "false",
|
|
21297
|
+
"description": "When true, renders a visible text label next to the dot conveying the status.\nUse this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not\naccompanied by other visible text that conveys the same status information.",
|
|
21298
|
+
"fieldName": "showLabel",
|
|
21299
|
+
"attribute": "show-label"
|
|
21330
21300
|
}
|
|
21331
21301
|
],
|
|
21332
21302
|
"superclass": {
|
|
@@ -23838,7 +23808,7 @@
|
|
|
23838
23808
|
"type": {
|
|
23839
23809
|
"text": "number"
|
|
23840
23810
|
},
|
|
23841
|
-
"description": "Gets or sets the zero-based index of the currently selected tab.\nSetting this programmatically activates the tab at the given index."
|
|
23811
|
+
"description": "Gets or sets the zero-based index of the currently selected tab.\nSetting this programmatically activates the tab at the given index.\nCan also be set via the `selected-index` HTML attribute for server-side\npre-selection (e.g. Drupal Twig templates)."
|
|
23842
23812
|
}
|
|
23843
23813
|
],
|
|
23844
23814
|
"events": [
|
|
@@ -23851,6 +23821,9 @@
|
|
|
23851
23821
|
}
|
|
23852
23822
|
],
|
|
23853
23823
|
"attributes": [
|
|
23824
|
+
{
|
|
23825
|
+
"name": "selected-index"
|
|
23826
|
+
},
|
|
23854
23827
|
{
|
|
23855
23828
|
"name": "orientation",
|
|
23856
23829
|
"type": {
|
|
@@ -27608,6 +27581,15 @@
|
|
|
27608
27581
|
},
|
|
27609
27582
|
"readonly": true
|
|
27610
27583
|
},
|
|
27584
|
+
{
|
|
27585
|
+
"kind": "field",
|
|
27586
|
+
"name": "labelText",
|
|
27587
|
+
"type": {
|
|
27588
|
+
"text": "string"
|
|
27589
|
+
},
|
|
27590
|
+
"description": "The text content of the item's label slot, used for typeahead keyboard navigation.\nReturns an empty string until the label slot has been assigned.",
|
|
27591
|
+
"readonly": true
|
|
27592
|
+
},
|
|
27611
27593
|
{
|
|
27612
27594
|
"kind": "method",
|
|
27613
27595
|
"name": "setRovingActive",
|