@helixui/library 1.1.2-next.1 → 1.1.2-next.11
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 +476 -392
- package/dist/components/hx-action-bar/hx-action-bar.d.ts.map +1 -1
- package/dist/components/hx-action-bar/index.js +1 -1
- 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-badge/hx-badge.styles.d.ts.map +1 -1
- package/dist/components/hx-badge/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 +35 -9
- 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-combobox/hx-combobox.d.ts +5 -0
- package/dist/components/hx-combobox/hx-combobox.d.ts.map +1 -1
- package/dist/components/hx-drawer/hx-drawer.d.ts +1 -0
- package/dist/components/hx-drawer/hx-drawer.d.ts.map +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-nav-item.styles.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/hx-side-nav.styles.d.ts.map +1 -1
- package/dist/components/hx-side-nav/index.js +1 -1
- package/dist/components/hx-slider/hx-slider.d.ts +1 -0
- package/dist/components/hx-slider/hx-slider.d.ts.map +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-time-picker/hx-time-picker.d.ts +3 -0
- package/dist/components/hx-time-picker/hx-time-picker.d.ts.map +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 +222 -60
- package/dist/css/helix-core.css +58 -3
- package/dist/css/helix-feedback.css +33 -4
- package/dist/css/helix-forms.css +68 -41
- package/dist/css/helix-navigation.css +16 -7
- package/dist/css/hx-avatar.css +18 -1
- package/dist/css/hx-badge.css +6 -2
- 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-side-nav.css +14 -7
- 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 +17 -17
- package/dist/shared/{hx-action-bar-D4bulGQP.js → hx-action-bar-vGFnNwNY.js} +33 -34
- package/dist/shared/{hx-action-bar-D4bulGQP.js.map → hx-action-bar-vGFnNwNY.js.map} +1 -1
- 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-badge-DCxvskdw.js → hx-badge-Xg7zoh4Q.js} +31 -27
- package/dist/shared/hx-badge-Xg7zoh4Q.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-combobox-CNAJXIxo.js.map +1 -1
- package/dist/shared/hx-drawer-e0qeGxAD.js.map +1 -1
- 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-ByU2N921.js → hx-nav-item-tM_6bolB.js} +161 -107
- 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-slider-7Q-e0_pc.js.map +1 -1
- 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-time-picker-BpCRsh_z.js.map +1 -1
- 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 +3 -3
- package/dist/shared/hx-avatar-7p1cj3lG.js.map +0 -1
- package/dist/shared/hx-badge-DCxvskdw.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-ByU2N921.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,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",
|
|
@@ -301,230 +525,6 @@
|
|
|
301
525
|
}
|
|
302
526
|
]
|
|
303
527
|
},
|
|
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",
|
|
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
528
|
{
|
|
529
529
|
"kind": "javascript-module",
|
|
530
530
|
"path": "src/components/hx-alert/hx-alert.ts",
|
|
@@ -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": [
|
|
@@ -2026,8 +2031,69 @@
|
|
|
2026
2031
|
"declarations": [
|
|
2027
2032
|
{
|
|
2028
2033
|
"kind": "class",
|
|
2029
|
-
"description": "
|
|
2034
|
+
"description": "Hierarchical page path navigation showing current location in site structure.",
|
|
2030
2035
|
"name": "HelixBreadcrumb",
|
|
2036
|
+
"cssProperties": [
|
|
2037
|
+
{
|
|
2038
|
+
"description": "Separator character between items. NOTE: If overriding this custom property directly in CSS (rather than via the `separator` attribute), the value MUST be quoted: `--hx-breadcrumb-separator-content: \">\"`. An unquoted value is invalid for the CSS `content` property and will silently render nothing.",
|
|
2039
|
+
"name": "--hx-breadcrumb-separator-content",
|
|
2040
|
+
"default": "'/'"
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"description": "Separator color.",
|
|
2044
|
+
"name": "--hx-breadcrumb-separator-color",
|
|
2045
|
+
"default": "var(--hx-color-neutral-400)"
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"description": "Horizontal gap around separators.",
|
|
2049
|
+
"name": "--hx-breadcrumb-separator-gap",
|
|
2050
|
+
"default": "var(--hx-space-1)"
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"description": "Font size.",
|
|
2054
|
+
"name": "--hx-breadcrumb-font-size",
|
|
2055
|
+
"default": "var(--hx-font-size-sm)"
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"description": "Link color.",
|
|
2059
|
+
"name": "--hx-breadcrumb-link-color",
|
|
2060
|
+
"default": "var(--hx-color-primary-600)"
|
|
2061
|
+
},
|
|
2062
|
+
{
|
|
2063
|
+
"description": "Link hover color.",
|
|
2064
|
+
"name": "--hx-breadcrumb-link-hover-color",
|
|
2065
|
+
"default": "var(--hx-color-primary-700)"
|
|
2066
|
+
},
|
|
2067
|
+
{
|
|
2068
|
+
"description": "Current page text color.",
|
|
2069
|
+
"name": "--hx-breadcrumb-text-color",
|
|
2070
|
+
"default": "var(--hx-color-neutral-700)"
|
|
2071
|
+
},
|
|
2072
|
+
{
|
|
2073
|
+
"description": "Max-width for item text truncation (e.g. `12rem`).",
|
|
2074
|
+
"name": "--hx-breadcrumb-item-max-width"
|
|
2075
|
+
}
|
|
2076
|
+
],
|
|
2077
|
+
"cssParts": [
|
|
2078
|
+
{
|
|
2079
|
+
"description": "The nav landmark element.",
|
|
2080
|
+
"name": "nav"
|
|
2081
|
+
},
|
|
2082
|
+
{
|
|
2083
|
+
"description": "The ordered list containing items.",
|
|
2084
|
+
"name": "list"
|
|
2085
|
+
}
|
|
2086
|
+
],
|
|
2087
|
+
"slots": [
|
|
2088
|
+
{
|
|
2089
|
+
"description": "Default slot for hx-breadcrumb-item children.",
|
|
2090
|
+
"name": ""
|
|
2091
|
+
},
|
|
2092
|
+
{
|
|
2093
|
+
"description": "Optional separator element. Its text content overrides the `separator` property.",
|
|
2094
|
+
"name": "separator"
|
|
2095
|
+
}
|
|
2096
|
+
],
|
|
2031
2097
|
"members": [
|
|
2032
2098
|
{
|
|
2033
2099
|
"kind": "field",
|
|
@@ -2137,7 +2203,8 @@
|
|
|
2137
2203
|
"package": "lit"
|
|
2138
2204
|
},
|
|
2139
2205
|
"tagName": "hx-breadcrumb",
|
|
2140
|
-
"customElement": true
|
|
2206
|
+
"customElement": true,
|
|
2207
|
+
"summary": "Navigation breadcrumb showing the page hierarchy. Works with Drupal's breadcrumb system."
|
|
2141
2208
|
},
|
|
2142
2209
|
{
|
|
2143
2210
|
"kind": "variable",
|
|
@@ -4472,12 +4539,6 @@
|
|
|
4472
4539
|
"attribute": "compact",
|
|
4473
4540
|
"reflects": true
|
|
4474
4541
|
},
|
|
4475
|
-
{
|
|
4476
|
-
"kind": "field",
|
|
4477
|
-
"name": "_componentId",
|
|
4478
|
-
"privacy": "private",
|
|
4479
|
-
"description": "SSR-safe unique ID for ARIA relationships."
|
|
4480
|
-
},
|
|
4481
4542
|
{
|
|
4482
4543
|
"kind": "field",
|
|
4483
4544
|
"name": "_isAssertive",
|
|
@@ -4534,14 +4595,14 @@
|
|
|
4534
4595
|
{
|
|
4535
4596
|
"name": "hx-dismiss",
|
|
4536
4597
|
"type": {
|
|
4537
|
-
"text": "CustomEvent"
|
|
4598
|
+
"text": "CustomEvent<void>"
|
|
4538
4599
|
},
|
|
4539
4600
|
"description": "Dispatched when the user dismisses the status."
|
|
4540
4601
|
},
|
|
4541
4602
|
{
|
|
4542
4603
|
"name": "hx-acknowledge",
|
|
4543
4604
|
"type": {
|
|
4544
|
-
"text": "CustomEvent"
|
|
4605
|
+
"text": "CustomEvent<{ severity: ClinicalSeverity; persistent: boolean }>"
|
|
4545
4606
|
},
|
|
4546
4607
|
"description": "Dispatched when the user acknowledges a critical/emergent status."
|
|
4547
4608
|
}
|
|
@@ -4633,14 +4694,6 @@
|
|
|
4633
4694
|
"name": "HelixClinicalStatus",
|
|
4634
4695
|
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4635
4696
|
}
|
|
4636
|
-
},
|
|
4637
|
-
{
|
|
4638
|
-
"kind": "js",
|
|
4639
|
-
"name": "HxClinicalStatus",
|
|
4640
|
-
"declaration": {
|
|
4641
|
-
"name": "HelixClinicalStatus",
|
|
4642
|
-
"module": "src/components/hx-clinical-status/hx-clinical-status.ts"
|
|
4643
|
-
}
|
|
4644
4697
|
}
|
|
4645
4698
|
]
|
|
4646
4699
|
},
|
|
@@ -4664,6 +4717,14 @@
|
|
|
4664
4717
|
"name": "ClinicalSeverity",
|
|
4665
4718
|
"module": "./hx-clinical-status.js"
|
|
4666
4719
|
}
|
|
4720
|
+
},
|
|
4721
|
+
{
|
|
4722
|
+
"kind": "js",
|
|
4723
|
+
"name": "HxClinicalStatus",
|
|
4724
|
+
"declaration": {
|
|
4725
|
+
"name": "HxClinicalStatus",
|
|
4726
|
+
"module": "./hx-clinical-status.js"
|
|
4727
|
+
}
|
|
4667
4728
|
}
|
|
4668
4729
|
]
|
|
4669
4730
|
},
|
|
@@ -5847,6 +5908,26 @@
|
|
|
5847
5908
|
{
|
|
5848
5909
|
"description": "The loading spinner shown during async operations.",
|
|
5849
5910
|
"name": "loading-indicator"
|
|
5911
|
+
},
|
|
5912
|
+
{
|
|
5913
|
+
"description": "The outer field wrapper element.",
|
|
5914
|
+
"name": "field"
|
|
5915
|
+
},
|
|
5916
|
+
{
|
|
5917
|
+
"description": "The label element.",
|
|
5918
|
+
"name": "label"
|
|
5919
|
+
},
|
|
5920
|
+
{
|
|
5921
|
+
"description": "An individual option item in the listbox.",
|
|
5922
|
+
"name": "option"
|
|
5923
|
+
},
|
|
5924
|
+
{
|
|
5925
|
+
"description": "The error message element.",
|
|
5926
|
+
"name": "error"
|
|
5927
|
+
},
|
|
5928
|
+
{
|
|
5929
|
+
"description": "The help text element.",
|
|
5930
|
+
"name": "help-text"
|
|
5850
5931
|
}
|
|
5851
5932
|
],
|
|
5852
5933
|
"slots": [
|
|
@@ -8781,6 +8862,10 @@
|
|
|
8781
8862
|
"description": "The built-in close button.",
|
|
8782
8863
|
"name": "close-button"
|
|
8783
8864
|
},
|
|
8865
|
+
{
|
|
8866
|
+
"description": "The visually-hidden close button rendered when noHeader is true.",
|
|
8867
|
+
"name": "close-btn"
|
|
8868
|
+
},
|
|
8784
8869
|
{
|
|
8785
8870
|
"description": "The scrollable body region.",
|
|
8786
8871
|
"name": "body"
|
|
@@ -12935,6 +13020,24 @@
|
|
|
12935
13020
|
}
|
|
12936
13021
|
],
|
|
12937
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
|
+
},
|
|
12938
13041
|
{
|
|
12939
13042
|
"kind": "field",
|
|
12940
13043
|
"name": "value",
|
|
@@ -13023,6 +13126,13 @@
|
|
|
13023
13126
|
"text": "CustomEvent<{item: HelixMenuItem}>"
|
|
13024
13127
|
},
|
|
13025
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."
|
|
13026
13136
|
}
|
|
13027
13137
|
],
|
|
13028
13138
|
"attributes": [
|
|
@@ -13137,6 +13247,11 @@
|
|
|
13137
13247
|
"description": "Minimum menu width.",
|
|
13138
13248
|
"name": "--hx-menu-min-width",
|
|
13139
13249
|
"default": "10rem"
|
|
13250
|
+
},
|
|
13251
|
+
{
|
|
13252
|
+
"description": "Maximum menu height before vertical scroll is activated.",
|
|
13253
|
+
"name": "--hx-menu-max-height",
|
|
13254
|
+
"default": "20rem"
|
|
13140
13255
|
}
|
|
13141
13256
|
],
|
|
13142
13257
|
"cssParts": [
|
|
@@ -15143,6 +15258,11 @@
|
|
|
15143
15258
|
"description": "Photo area size.",
|
|
15144
15259
|
"name": "--hx-patient-banner-photo-size",
|
|
15145
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)"
|
|
15146
15266
|
}
|
|
15147
15267
|
],
|
|
15148
15268
|
"cssParts": [
|
|
@@ -15169,6 +15289,10 @@
|
|
|
15169
15289
|
{
|
|
15170
15290
|
"description": "The field value slot wrapper.",
|
|
15171
15291
|
"name": "field-value"
|
|
15292
|
+
},
|
|
15293
|
+
{
|
|
15294
|
+
"description": "The visually-hidden identifier rule violation status message.",
|
|
15295
|
+
"name": "violation-message"
|
|
15172
15296
|
}
|
|
15173
15297
|
],
|
|
15174
15298
|
"slots": [
|
|
@@ -15279,39 +15403,6 @@
|
|
|
15279
15403
|
"attribute": "enforce-identifier-rule",
|
|
15280
15404
|
"reflects": true
|
|
15281
15405
|
},
|
|
15282
|
-
{
|
|
15283
|
-
"kind": "field",
|
|
15284
|
-
"name": "_identifierCount",
|
|
15285
|
-
"type": {
|
|
15286
|
-
"text": "number"
|
|
15287
|
-
},
|
|
15288
|
-
"privacy": "private",
|
|
15289
|
-
"default": "0"
|
|
15290
|
-
},
|
|
15291
|
-
{
|
|
15292
|
-
"kind": "field",
|
|
15293
|
-
"name": "_nameSlot",
|
|
15294
|
-
"type": {
|
|
15295
|
-
"text": "HTMLSlotElement"
|
|
15296
|
-
},
|
|
15297
|
-
"privacy": "private"
|
|
15298
|
-
},
|
|
15299
|
-
{
|
|
15300
|
-
"kind": "field",
|
|
15301
|
-
"name": "_mrnSlot",
|
|
15302
|
-
"type": {
|
|
15303
|
-
"text": "HTMLSlotElement"
|
|
15304
|
-
},
|
|
15305
|
-
"privacy": "private"
|
|
15306
|
-
},
|
|
15307
|
-
{
|
|
15308
|
-
"kind": "field",
|
|
15309
|
-
"name": "_dobSlot",
|
|
15310
|
-
"type": {
|
|
15311
|
-
"text": "HTMLSlotElement"
|
|
15312
|
-
},
|
|
15313
|
-
"privacy": "private"
|
|
15314
|
-
},
|
|
15315
15406
|
{
|
|
15316
15407
|
"kind": "method",
|
|
15317
15408
|
"name": "_countPopulatedIdentifiers",
|
|
@@ -15518,6 +15609,11 @@
|
|
|
15518
15609
|
"description": "Focus ring color.",
|
|
15519
15610
|
"name": "--hx-phi-field-focus-ring-color",
|
|
15520
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)"
|
|
15521
15617
|
}
|
|
15522
15618
|
],
|
|
15523
15619
|
"cssParts": [
|
|
@@ -15578,127 +15674,24 @@
|
|
|
15578
15674
|
},
|
|
15579
15675
|
{
|
|
15580
15676
|
"kind": "field",
|
|
15581
|
-
"name": "
|
|
15677
|
+
"name": "label",
|
|
15582
15678
|
"type": {
|
|
15583
|
-
"text": "
|
|
15679
|
+
"text": "string"
|
|
15584
15680
|
},
|
|
15585
|
-
"
|
|
15586
|
-
"
|
|
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"
|
|
15587
15684
|
},
|
|
15588
15685
|
{
|
|
15589
15686
|
"kind": "field",
|
|
15590
|
-
"name": "
|
|
15687
|
+
"name": "disabled",
|
|
15591
15688
|
"type": {
|
|
15592
|
-
"text": "
|
|
15593
|
-
},
|
|
15594
|
-
"privacy": "private",
|
|
15595
|
-
"default": "null"
|
|
15596
|
-
},
|
|
15597
|
-
{
|
|
15598
|
-
"kind": "method",
|
|
15599
|
-
"name": "_cancelClipboardTimer",
|
|
15600
|
-
"privacy": "private",
|
|
15601
|
-
"return": {
|
|
15602
|
-
"type": {
|
|
15603
|
-
"text": "void"
|
|
15604
|
-
}
|
|
15605
|
-
}
|
|
15606
|
-
},
|
|
15607
|
-
{
|
|
15608
|
-
"kind": "method",
|
|
15609
|
-
"name": "_scheduleClipboardClear",
|
|
15610
|
-
"privacy": "private",
|
|
15611
|
-
"return": {
|
|
15612
|
-
"type": {
|
|
15613
|
-
"text": "void"
|
|
15614
|
-
}
|
|
15615
|
-
}
|
|
15616
|
-
},
|
|
15617
|
-
{
|
|
15618
|
-
"kind": "method",
|
|
15619
|
-
"name": "_clearClipboard",
|
|
15620
|
-
"privacy": "private",
|
|
15621
|
-
"return": {
|
|
15622
|
-
"type": {
|
|
15623
|
-
"text": "void"
|
|
15624
|
-
}
|
|
15625
|
-
}
|
|
15626
|
-
},
|
|
15627
|
-
{
|
|
15628
|
-
"kind": "method",
|
|
15629
|
-
"name": "_getMaskedValue",
|
|
15630
|
-
"privacy": "private",
|
|
15631
|
-
"return": {
|
|
15632
|
-
"type": {
|
|
15633
|
-
"text": "string"
|
|
15634
|
-
}
|
|
15635
|
-
}
|
|
15636
|
-
},
|
|
15637
|
-
{
|
|
15638
|
-
"kind": "method",
|
|
15639
|
-
"name": "_handleToggle",
|
|
15640
|
-
"privacy": "private",
|
|
15641
|
-
"return": {
|
|
15642
|
-
"type": {
|
|
15643
|
-
"text": "void"
|
|
15644
|
-
}
|
|
15645
|
-
}
|
|
15646
|
-
},
|
|
15647
|
-
{
|
|
15648
|
-
"kind": "method",
|
|
15649
|
-
"name": "_handleCopy",
|
|
15650
|
-
"privacy": "private",
|
|
15651
|
-
"return": {
|
|
15652
|
-
"type": {
|
|
15653
|
-
"text": "void"
|
|
15654
|
-
}
|
|
15655
|
-
},
|
|
15656
|
-
"parameters": [
|
|
15657
|
-
{
|
|
15658
|
-
"name": "e",
|
|
15659
|
-
"type": {
|
|
15660
|
-
"text": "ClipboardEvent"
|
|
15661
|
-
}
|
|
15662
|
-
}
|
|
15663
|
-
]
|
|
15664
|
-
},
|
|
15665
|
-
{
|
|
15666
|
-
"kind": "method",
|
|
15667
|
-
"name": "_handlePaste",
|
|
15668
|
-
"privacy": "private",
|
|
15669
|
-
"return": {
|
|
15670
|
-
"type": {
|
|
15671
|
-
"text": "void"
|
|
15672
|
-
}
|
|
15689
|
+
"text": "boolean"
|
|
15673
15690
|
},
|
|
15674
|
-
"
|
|
15675
|
-
|
|
15676
|
-
|
|
15677
|
-
|
|
15678
|
-
"text": "ClipboardEvent"
|
|
15679
|
-
}
|
|
15680
|
-
}
|
|
15681
|
-
]
|
|
15682
|
-
},
|
|
15683
|
-
{
|
|
15684
|
-
"kind": "method",
|
|
15685
|
-
"name": "_renderEyeIcon",
|
|
15686
|
-
"privacy": "private",
|
|
15687
|
-
"return": {
|
|
15688
|
-
"type": {
|
|
15689
|
-
"text": "TemplateResult"
|
|
15690
|
-
}
|
|
15691
|
-
}
|
|
15692
|
-
},
|
|
15693
|
-
{
|
|
15694
|
-
"kind": "method",
|
|
15695
|
-
"name": "_renderEyeOffIcon",
|
|
15696
|
-
"privacy": "private",
|
|
15697
|
-
"return": {
|
|
15698
|
-
"type": {
|
|
15699
|
-
"text": "TemplateResult"
|
|
15700
|
-
}
|
|
15701
|
-
}
|
|
15691
|
+
"default": "false",
|
|
15692
|
+
"description": "When set, disables all interaction with the field and prevents reveal.",
|
|
15693
|
+
"reflects": true,
|
|
15694
|
+
"attribute": "disabled"
|
|
15702
15695
|
}
|
|
15703
15696
|
],
|
|
15704
15697
|
"events": [
|
|
@@ -15707,7 +15700,7 @@
|
|
|
15707
15700
|
"type": {
|
|
15708
15701
|
"text": "CustomEvent<PhiAccessEventDetail>"
|
|
15709
15702
|
},
|
|
15710
|
-
"description": "Fired on reveal, hide, and clipboard
|
|
15703
|
+
"description": "Fired on reveal, hide, and clipboard-clear actions."
|
|
15711
15704
|
}
|
|
15712
15705
|
],
|
|
15713
15706
|
"attributes": [
|
|
@@ -15750,6 +15743,26 @@
|
|
|
15750
15743
|
"description": "Milliseconds after clipboard write before the clipboard is automatically cleared.\nDefaults to 30000 (30 seconds).",
|
|
15751
15744
|
"fieldName": "clipboardTimeout",
|
|
15752
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"
|
|
15753
15766
|
}
|
|
15754
15767
|
],
|
|
15755
15768
|
"superclass": {
|
|
@@ -18105,6 +18118,11 @@
|
|
|
18105
18118
|
"name": "--hx-select-chevron-color",
|
|
18106
18119
|
"default": "var(--hx-color-neutral-500)"
|
|
18107
18120
|
},
|
|
18121
|
+
{
|
|
18122
|
+
"description": "Chevron indicator size (width/height base unit).",
|
|
18123
|
+
"name": "--hx-select-chevron-size",
|
|
18124
|
+
"default": "0.5rem"
|
|
18125
|
+
},
|
|
18108
18126
|
{
|
|
18109
18127
|
"description": "Listbox panel background color.",
|
|
18110
18128
|
"name": "--hx-select-listbox-bg",
|
|
@@ -18782,6 +18800,11 @@
|
|
|
18782
18800
|
}
|
|
18783
18801
|
],
|
|
18784
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}`"
|
|
18785
18808
|
}
|
|
18786
18809
|
],
|
|
18787
18810
|
"attributes": [
|
|
@@ -19384,6 +19407,10 @@
|
|
|
19384
19407
|
{
|
|
19385
19408
|
"description": "Each individual tick mark element.",
|
|
19386
19409
|
"name": "tick"
|
|
19410
|
+
},
|
|
19411
|
+
{
|
|
19412
|
+
"description": "The help text element displayed below the slider.",
|
|
19413
|
+
"name": "help-text"
|
|
19387
19414
|
}
|
|
19388
19415
|
],
|
|
19389
19416
|
"slots": [
|
|
@@ -21094,7 +21121,7 @@
|
|
|
21094
21121
|
"declarations": [
|
|
21095
21122
|
{
|
|
21096
21123
|
"kind": "class",
|
|
21097
|
-
"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.",
|
|
21098
21125
|
"name": "HelixStatusIndicator",
|
|
21099
21126
|
"cssProperties": [
|
|
21100
21127
|
{
|
|
@@ -21140,6 +21167,14 @@
|
|
|
21140
21167
|
{
|
|
21141
21168
|
"description": "Override pulse ring color independently from dot color.",
|
|
21142
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"
|
|
21143
21178
|
}
|
|
21144
21179
|
],
|
|
21145
21180
|
"cssParts": [
|
|
@@ -21150,6 +21185,10 @@
|
|
|
21150
21185
|
{
|
|
21151
21186
|
"description": "The animated pulse ring element.",
|
|
21152
21187
|
"name": "pulse-ring"
|
|
21188
|
+
},
|
|
21189
|
+
{
|
|
21190
|
+
"description": "The visible status label text element (visible when show-label is set).",
|
|
21191
|
+
"name": "label"
|
|
21153
21192
|
}
|
|
21154
21193
|
],
|
|
21155
21194
|
"members": [
|
|
@@ -21195,6 +21234,17 @@
|
|
|
21195
21234
|
"default": "''",
|
|
21196
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.",
|
|
21197
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
|
|
21198
21248
|
}
|
|
21199
21249
|
],
|
|
21200
21250
|
"attributes": [
|
|
@@ -21237,6 +21287,16 @@
|
|
|
21237
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.",
|
|
21238
21288
|
"fieldName": "label",
|
|
21239
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"
|
|
21240
21300
|
}
|
|
21241
21301
|
],
|
|
21242
21302
|
"superclass": {
|
|
@@ -23748,7 +23808,7 @@
|
|
|
23748
23808
|
"type": {
|
|
23749
23809
|
"text": "number"
|
|
23750
23810
|
},
|
|
23751
|
-
"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)."
|
|
23752
23812
|
}
|
|
23753
23813
|
],
|
|
23754
23814
|
"events": [
|
|
@@ -23761,6 +23821,9 @@
|
|
|
23761
23821
|
}
|
|
23762
23822
|
],
|
|
23763
23823
|
"attributes": [
|
|
23824
|
+
{
|
|
23825
|
+
"name": "selected-index"
|
|
23826
|
+
},
|
|
23764
23827
|
{
|
|
23765
23828
|
"name": "orientation",
|
|
23766
23829
|
"type": {
|
|
@@ -25875,6 +25938,18 @@
|
|
|
25875
25938
|
{
|
|
25876
25939
|
"description": "Each `<li>` option in the listbox.",
|
|
25877
25940
|
"name": "option"
|
|
25941
|
+
},
|
|
25942
|
+
{
|
|
25943
|
+
"description": "The outer field wrapper element.",
|
|
25944
|
+
"name": "field"
|
|
25945
|
+
},
|
|
25946
|
+
{
|
|
25947
|
+
"description": "The error message element.",
|
|
25948
|
+
"name": "error"
|
|
25949
|
+
},
|
|
25950
|
+
{
|
|
25951
|
+
"description": "The help text element.",
|
|
25952
|
+
"name": "help-text"
|
|
25878
25953
|
}
|
|
25879
25954
|
],
|
|
25880
25955
|
"slots": [
|
|
@@ -27506,6 +27581,15 @@
|
|
|
27506
27581
|
},
|
|
27507
27582
|
"readonly": true
|
|
27508
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
|
+
},
|
|
27509
27593
|
{
|
|
27510
27594
|
"kind": "method",
|
|
27511
27595
|
"name": "setRovingActive",
|