@helixui/library 0.3.0 → 0.3.1
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 +415 -415
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -4,135 +4,201 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "src/components/hx-
|
|
7
|
+
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "
|
|
12
|
-
"name": "
|
|
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
13
|
"cssProperties": [
|
|
14
14
|
{
|
|
15
|
-
"description": "
|
|
16
|
-
"name": "--hx-
|
|
17
|
-
"default": "var(--hx-color-neutral-200)"
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"description": "Trigger padding.",
|
|
21
|
-
"name": "--hx-accordion-trigger-padding",
|
|
22
|
-
"default": "var(--hx-space-4)"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"description": "Trigger text color.",
|
|
26
|
-
"name": "--hx-accordion-trigger-color",
|
|
27
|
-
"default": "var(--hx-color-neutral-800)"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"description": "Trigger background color.",
|
|
31
|
-
"name": "--hx-accordion-trigger-bg",
|
|
15
|
+
"description": "Bar background color (default variant).",
|
|
16
|
+
"name": "--hx-action-bar-bg",
|
|
32
17
|
"default": "transparent"
|
|
33
18
|
},
|
|
34
19
|
{
|
|
35
|
-
"description": "
|
|
36
|
-
"name": "--hx-
|
|
37
|
-
"default": "
|
|
20
|
+
"description": "Bar border (default variant).",
|
|
21
|
+
"name": "--hx-action-bar-border",
|
|
22
|
+
"default": "none"
|
|
38
23
|
},
|
|
39
24
|
{
|
|
40
|
-
"description": "
|
|
41
|
-
"name": "--hx-
|
|
42
|
-
"default": "var(--hx-
|
|
25
|
+
"description": "Inner padding.",
|
|
26
|
+
"name": "--hx-action-bar-padding",
|
|
27
|
+
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
43
28
|
},
|
|
44
29
|
{
|
|
45
|
-
"description": "
|
|
46
|
-
"name": "--hx-
|
|
47
|
-
"default": "
|
|
30
|
+
"description": "Gap between slotted items.",
|
|
31
|
+
"name": "--hx-action-bar-gap",
|
|
32
|
+
"default": "var(--hx-space-2,0.5rem)"
|
|
48
33
|
},
|
|
49
34
|
{
|
|
50
|
-
"description": "
|
|
51
|
-
"name": "--hx-
|
|
52
|
-
"default": "
|
|
35
|
+
"description": "Z-index when sticky or bottom position.",
|
|
36
|
+
"name": "--hx-action-bar-z-index",
|
|
37
|
+
"default": "10"
|
|
53
38
|
}
|
|
54
39
|
],
|
|
55
40
|
"cssParts": [
|
|
56
41
|
{
|
|
57
|
-
"description": "The
|
|
58
|
-
"name": "
|
|
42
|
+
"description": "The root toolbar container element.",
|
|
43
|
+
"name": "base"
|
|
59
44
|
},
|
|
60
45
|
{
|
|
61
|
-
"description": "The
|
|
62
|
-
"name": "
|
|
46
|
+
"description": "The start (left) slot wrapper.",
|
|
47
|
+
"name": "start"
|
|
63
48
|
},
|
|
64
49
|
{
|
|
65
|
-
"description": "The
|
|
66
|
-
"name": "
|
|
50
|
+
"description": "The center (default) slot wrapper.",
|
|
51
|
+
"name": "center"
|
|
67
52
|
},
|
|
68
53
|
{
|
|
69
|
-
"description": "The
|
|
70
|
-
"name": "
|
|
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"
|
|
71
60
|
}
|
|
72
61
|
],
|
|
73
62
|
"slots": [
|
|
74
63
|
{
|
|
75
|
-
"description": "
|
|
76
|
-
"name": "
|
|
64
|
+
"description": "Left-aligned actions.",
|
|
65
|
+
"name": "start"
|
|
77
66
|
},
|
|
78
67
|
{
|
|
79
|
-
"description": "
|
|
68
|
+
"description": "Center content (default slot).",
|
|
80
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"
|
|
81
78
|
}
|
|
82
79
|
],
|
|
83
80
|
"members": [
|
|
84
81
|
{
|
|
85
82
|
"kind": "field",
|
|
86
|
-
"name": "
|
|
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": "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",
|
|
87
117
|
"type": {
|
|
88
118
|
"text": "boolean"
|
|
89
119
|
},
|
|
90
120
|
"default": "false",
|
|
91
|
-
"
|
|
92
|
-
"attribute": "
|
|
121
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
122
|
+
"attribute": "sticky",
|
|
93
123
|
"reflects": true
|
|
94
124
|
},
|
|
95
125
|
{
|
|
96
126
|
"kind": "field",
|
|
97
|
-
"name": "
|
|
127
|
+
"name": "ariaLabel",
|
|
128
|
+
"type": {
|
|
129
|
+
"text": "string"
|
|
130
|
+
},
|
|
131
|
+
"default": "'Actions'",
|
|
132
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
133
|
+
"attribute": "aria-label"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"kind": "field",
|
|
137
|
+
"name": "_focusableCache",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "HTMLElement[] | null"
|
|
140
|
+
},
|
|
141
|
+
"privacy": "private",
|
|
142
|
+
"default": "null",
|
|
143
|
+
"description": "Cached list of focusable items — invalidated on slot change."
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"kind": "field",
|
|
147
|
+
"name": "_hasOverflow",
|
|
98
148
|
"type": {
|
|
99
149
|
"text": "boolean"
|
|
100
150
|
},
|
|
151
|
+
"privacy": "private",
|
|
101
152
|
"default": "false",
|
|
102
|
-
"description": "Whether
|
|
103
|
-
"attribute": "disabled",
|
|
104
|
-
"reflects": true
|
|
153
|
+
"description": "Whether the overflow slot has assigned content."
|
|
105
154
|
},
|
|
106
155
|
{
|
|
107
|
-
"kind": "
|
|
108
|
-
"name": "
|
|
156
|
+
"kind": "field",
|
|
157
|
+
"name": "_handleKeydown",
|
|
109
158
|
"privacy": "private",
|
|
110
|
-
"
|
|
111
|
-
"type": {
|
|
112
|
-
"text": "void"
|
|
113
|
-
}
|
|
114
|
-
}
|
|
159
|
+
"description": "Arrow function field — stable reference for add/removeEventListener."
|
|
115
160
|
},
|
|
116
161
|
{
|
|
117
162
|
"kind": "method",
|
|
118
|
-
"name": "
|
|
163
|
+
"name": "_isFocusable",
|
|
164
|
+
"privacy": "private",
|
|
119
165
|
"return": {
|
|
120
166
|
"type": {
|
|
121
|
-
"text": "
|
|
167
|
+
"text": "boolean"
|
|
122
168
|
}
|
|
123
169
|
},
|
|
124
170
|
"parameters": [
|
|
125
171
|
{
|
|
126
|
-
"name": "
|
|
172
|
+
"name": "el",
|
|
127
173
|
"type": {
|
|
128
|
-
"text": "
|
|
174
|
+
"text": "HTMLElement"
|
|
129
175
|
}
|
|
130
176
|
}
|
|
131
177
|
]
|
|
132
178
|
},
|
|
133
179
|
{
|
|
134
180
|
"kind": "method",
|
|
135
|
-
"name": "
|
|
181
|
+
"name": "_getFocusableItems",
|
|
182
|
+
"privacy": "private",
|
|
183
|
+
"return": {
|
|
184
|
+
"type": {
|
|
185
|
+
"text": "HTMLElement[]"
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"kind": "method",
|
|
191
|
+
"name": "_initRovingTabindex",
|
|
192
|
+
"privacy": "private",
|
|
193
|
+
"return": {
|
|
194
|
+
"type": {
|
|
195
|
+
"text": "void"
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"kind": "method",
|
|
201
|
+
"name": "_moveFocus",
|
|
136
202
|
"privacy": "private",
|
|
137
203
|
"return": {
|
|
138
204
|
"type": {
|
|
@@ -141,16 +207,16 @@
|
|
|
141
207
|
},
|
|
142
208
|
"parameters": [
|
|
143
209
|
{
|
|
144
|
-
"name": "
|
|
210
|
+
"name": "direction",
|
|
145
211
|
"type": {
|
|
146
|
-
"text": "
|
|
212
|
+
"text": "'next' | 'prev'"
|
|
147
213
|
}
|
|
148
214
|
}
|
|
149
215
|
]
|
|
150
216
|
},
|
|
151
217
|
{
|
|
152
218
|
"kind": "method",
|
|
153
|
-
"name": "
|
|
219
|
+
"name": "_handleSlotChange",
|
|
154
220
|
"privacy": "private",
|
|
155
221
|
"return": {
|
|
156
222
|
"type": {
|
|
@@ -161,58 +227,318 @@
|
|
|
161
227
|
{
|
|
162
228
|
"name": "e",
|
|
163
229
|
"type": {
|
|
164
|
-
"text": "
|
|
230
|
+
"text": "Event"
|
|
165
231
|
}
|
|
166
232
|
}
|
|
167
233
|
]
|
|
168
234
|
}
|
|
169
235
|
],
|
|
170
|
-
"
|
|
236
|
+
"attributes": [
|
|
171
237
|
{
|
|
172
|
-
"name": "
|
|
238
|
+
"name": "size",
|
|
173
239
|
"type": {
|
|
174
|
-
"text": "
|
|
240
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
175
241
|
},
|
|
176
|
-
"
|
|
242
|
+
"default": "'md'",
|
|
243
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
244
|
+
"fieldName": "size",
|
|
245
|
+
"attribute": "size"
|
|
177
246
|
},
|
|
178
247
|
{
|
|
179
|
-
"name": "
|
|
248
|
+
"name": "variant",
|
|
180
249
|
"type": {
|
|
181
|
-
"text": "
|
|
250
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
182
251
|
},
|
|
183
|
-
"
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
252
|
+
"default": "'default'",
|
|
253
|
+
"description": "Visual variant controlling the bar background.",
|
|
254
|
+
"fieldName": "variant",
|
|
255
|
+
"attribute": "variant"
|
|
256
|
+
},
|
|
187
257
|
{
|
|
188
|
-
"name": "
|
|
258
|
+
"name": "position",
|
|
189
259
|
"type": {
|
|
190
|
-
"text": "
|
|
260
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
191
261
|
},
|
|
192
|
-
"default": "
|
|
193
|
-
"description": "
|
|
194
|
-
"fieldName": "
|
|
195
|
-
"attribute": "
|
|
262
|
+
"default": "'top'",
|
|
263
|
+
"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",
|
|
264
|
+
"fieldName": "position",
|
|
265
|
+
"attribute": "position"
|
|
196
266
|
},
|
|
197
267
|
{
|
|
198
|
-
"name": "
|
|
268
|
+
"name": "sticky",
|
|
199
269
|
"type": {
|
|
200
270
|
"text": "boolean"
|
|
201
271
|
},
|
|
202
272
|
"default": "false",
|
|
203
|
-
"
|
|
204
|
-
"fieldName": "
|
|
205
|
-
"attribute": "
|
|
273
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
274
|
+
"fieldName": "sticky",
|
|
275
|
+
"attribute": "sticky"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"name": "aria-label",
|
|
279
|
+
"type": {
|
|
280
|
+
"text": "string"
|
|
281
|
+
},
|
|
282
|
+
"default": "'Actions'",
|
|
283
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
284
|
+
"fieldName": "ariaLabel",
|
|
285
|
+
"attribute": "aria-label"
|
|
206
286
|
}
|
|
207
287
|
],
|
|
208
288
|
"superclass": {
|
|
209
289
|
"name": "LitElement",
|
|
210
290
|
"package": "lit"
|
|
211
291
|
},
|
|
212
|
-
"tagName": "hx-
|
|
292
|
+
"tagName": "hx-action-bar",
|
|
213
293
|
"customElement": true,
|
|
214
|
-
"summary": "
|
|
215
|
-
}
|
|
294
|
+
"summary": "Horizontal action bar for grouping related controls."
|
|
295
|
+
}
|
|
296
|
+
],
|
|
297
|
+
"exports": [
|
|
298
|
+
{
|
|
299
|
+
"kind": "js",
|
|
300
|
+
"name": "HelixActionBar",
|
|
301
|
+
"declaration": {
|
|
302
|
+
"name": "HelixActionBar",
|
|
303
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"kind": "custom-element-definition",
|
|
308
|
+
"name": "hx-action-bar",
|
|
309
|
+
"declaration": {
|
|
310
|
+
"name": "HelixActionBar",
|
|
311
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
]
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"kind": "javascript-module",
|
|
318
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
319
|
+
"declarations": [],
|
|
320
|
+
"exports": [
|
|
321
|
+
{
|
|
322
|
+
"kind": "js",
|
|
323
|
+
"name": "HelixActionBar",
|
|
324
|
+
"declaration": {
|
|
325
|
+
"name": "HelixActionBar",
|
|
326
|
+
"module": "./hx-action-bar.js"
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
]
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
"kind": "javascript-module",
|
|
333
|
+
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
334
|
+
"declarations": [
|
|
335
|
+
{
|
|
336
|
+
"kind": "class",
|
|
337
|
+
"description": "An individual accordion item with collapsible content.",
|
|
338
|
+
"name": "HelixAccordionItem",
|
|
339
|
+
"cssProperties": [
|
|
340
|
+
{
|
|
341
|
+
"description": "Border color between items.",
|
|
342
|
+
"name": "--hx-accordion-border-color",
|
|
343
|
+
"default": "var(--hx-color-neutral-200)"
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"description": "Trigger padding.",
|
|
347
|
+
"name": "--hx-accordion-trigger-padding",
|
|
348
|
+
"default": "var(--hx-space-4)"
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"description": "Trigger text color.",
|
|
352
|
+
"name": "--hx-accordion-trigger-color",
|
|
353
|
+
"default": "var(--hx-color-neutral-800)"
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"description": "Trigger background color.",
|
|
357
|
+
"name": "--hx-accordion-trigger-bg",
|
|
358
|
+
"default": "transparent"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"description": "Trigger hover background.",
|
|
362
|
+
"name": "--hx-accordion-trigger-hover-bg",
|
|
363
|
+
"default": "var(--hx-color-neutral-50)"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"description": "Icon color.",
|
|
367
|
+
"name": "--hx-accordion-icon-color",
|
|
368
|
+
"default": "var(--hx-color-neutral-500)"
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"description": "Content padding.",
|
|
372
|
+
"name": "--hx-accordion-content-padding",
|
|
373
|
+
"default": "0 var(--hx-space-4) var(--hx-space-4)"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"description": "Content text color.",
|
|
377
|
+
"name": "--hx-accordion-content-color",
|
|
378
|
+
"default": "var(--hx-color-neutral-600)"
|
|
379
|
+
}
|
|
380
|
+
],
|
|
381
|
+
"cssParts": [
|
|
382
|
+
{
|
|
383
|
+
"description": "The outer details element container.",
|
|
384
|
+
"name": "item"
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"description": "The summary/trigger element.",
|
|
388
|
+
"name": "trigger"
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"description": "The collapsible content area.",
|
|
392
|
+
"name": "content"
|
|
393
|
+
},
|
|
394
|
+
{
|
|
395
|
+
"description": "The expand/collapse icon.",
|
|
396
|
+
"name": "icon"
|
|
397
|
+
}
|
|
398
|
+
],
|
|
399
|
+
"slots": [
|
|
400
|
+
{
|
|
401
|
+
"description": "The heading/trigger content for this item.",
|
|
402
|
+
"name": "trigger"
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"description": "Default slot for the collapsible body content.",
|
|
406
|
+
"name": ""
|
|
407
|
+
}
|
|
408
|
+
],
|
|
409
|
+
"members": [
|
|
410
|
+
{
|
|
411
|
+
"kind": "field",
|
|
412
|
+
"name": "expanded",
|
|
413
|
+
"type": {
|
|
414
|
+
"text": "boolean"
|
|
415
|
+
},
|
|
416
|
+
"default": "false",
|
|
417
|
+
"description": "Whether this item is expanded.",
|
|
418
|
+
"attribute": "expanded",
|
|
419
|
+
"reflects": true
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"kind": "field",
|
|
423
|
+
"name": "disabled",
|
|
424
|
+
"type": {
|
|
425
|
+
"text": "boolean"
|
|
426
|
+
},
|
|
427
|
+
"default": "false",
|
|
428
|
+
"description": "Whether this item is disabled (cannot be toggled).",
|
|
429
|
+
"attribute": "disabled",
|
|
430
|
+
"reflects": true
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"kind": "method",
|
|
434
|
+
"name": "_toggle",
|
|
435
|
+
"privacy": "private",
|
|
436
|
+
"return": {
|
|
437
|
+
"type": {
|
|
438
|
+
"text": "void"
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"kind": "method",
|
|
444
|
+
"name": "_dispatchToggleEvent",
|
|
445
|
+
"return": {
|
|
446
|
+
"type": {
|
|
447
|
+
"text": "void"
|
|
448
|
+
}
|
|
449
|
+
},
|
|
450
|
+
"parameters": [
|
|
451
|
+
{
|
|
452
|
+
"name": "expanded",
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "boolean"
|
|
455
|
+
}
|
|
456
|
+
}
|
|
457
|
+
]
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"kind": "method",
|
|
461
|
+
"name": "_handleSummaryClick",
|
|
462
|
+
"privacy": "private",
|
|
463
|
+
"return": {
|
|
464
|
+
"type": {
|
|
465
|
+
"text": "void"
|
|
466
|
+
}
|
|
467
|
+
},
|
|
468
|
+
"parameters": [
|
|
469
|
+
{
|
|
470
|
+
"name": "e",
|
|
471
|
+
"type": {
|
|
472
|
+
"text": "MouseEvent"
|
|
473
|
+
}
|
|
474
|
+
}
|
|
475
|
+
]
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"kind": "method",
|
|
479
|
+
"name": "_handleKeyDown",
|
|
480
|
+
"privacy": "private",
|
|
481
|
+
"return": {
|
|
482
|
+
"type": {
|
|
483
|
+
"text": "void"
|
|
484
|
+
}
|
|
485
|
+
},
|
|
486
|
+
"parameters": [
|
|
487
|
+
{
|
|
488
|
+
"name": "e",
|
|
489
|
+
"type": {
|
|
490
|
+
"text": "KeyboardEvent"
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
]
|
|
494
|
+
}
|
|
495
|
+
],
|
|
496
|
+
"events": [
|
|
497
|
+
{
|
|
498
|
+
"name": "hx-expand",
|
|
499
|
+
"type": {
|
|
500
|
+
"text": "CustomEvent<{expanded: boolean, itemId: string}>"
|
|
501
|
+
},
|
|
502
|
+
"description": "Dispatched when the item is expanded."
|
|
503
|
+
},
|
|
504
|
+
{
|
|
505
|
+
"name": "hx-collapse",
|
|
506
|
+
"type": {
|
|
507
|
+
"text": "CustomEvent<{expanded: boolean, itemId: string}>"
|
|
508
|
+
},
|
|
509
|
+
"description": "Dispatched when the item is collapsed."
|
|
510
|
+
}
|
|
511
|
+
],
|
|
512
|
+
"attributes": [
|
|
513
|
+
{
|
|
514
|
+
"name": "expanded",
|
|
515
|
+
"type": {
|
|
516
|
+
"text": "boolean"
|
|
517
|
+
},
|
|
518
|
+
"default": "false",
|
|
519
|
+
"description": "Whether this item is expanded.",
|
|
520
|
+
"fieldName": "expanded",
|
|
521
|
+
"attribute": "expanded"
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"name": "disabled",
|
|
525
|
+
"type": {
|
|
526
|
+
"text": "boolean"
|
|
527
|
+
},
|
|
528
|
+
"default": "false",
|
|
529
|
+
"description": "Whether this item is disabled (cannot be toggled).",
|
|
530
|
+
"fieldName": "disabled",
|
|
531
|
+
"attribute": "disabled"
|
|
532
|
+
}
|
|
533
|
+
],
|
|
534
|
+
"superclass": {
|
|
535
|
+
"name": "LitElement",
|
|
536
|
+
"package": "lit"
|
|
537
|
+
},
|
|
538
|
+
"tagName": "hx-accordion-item",
|
|
539
|
+
"customElement": true,
|
|
540
|
+
"summary": "Collapsible panel that can be expanded or collapsed."
|
|
541
|
+
},
|
|
216
542
|
{
|
|
217
543
|
"kind": "variable",
|
|
218
544
|
"name": "detail",
|
|
@@ -392,332 +718,6 @@
|
|
|
392
718
|
}
|
|
393
719
|
]
|
|
394
720
|
},
|
|
395
|
-
{
|
|
396
|
-
"kind": "javascript-module",
|
|
397
|
-
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
398
|
-
"declarations": [
|
|
399
|
-
{
|
|
400
|
-
"kind": "class",
|
|
401
|
-
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
402
|
-
"name": "HelixActionBar",
|
|
403
|
-
"cssProperties": [
|
|
404
|
-
{
|
|
405
|
-
"description": "Bar background color (default variant).",
|
|
406
|
-
"name": "--hx-action-bar-bg",
|
|
407
|
-
"default": "transparent"
|
|
408
|
-
},
|
|
409
|
-
{
|
|
410
|
-
"description": "Bar border (default variant).",
|
|
411
|
-
"name": "--hx-action-bar-border",
|
|
412
|
-
"default": "none"
|
|
413
|
-
},
|
|
414
|
-
{
|
|
415
|
-
"description": "Inner padding.",
|
|
416
|
-
"name": "--hx-action-bar-padding",
|
|
417
|
-
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
418
|
-
},
|
|
419
|
-
{
|
|
420
|
-
"description": "Gap between slotted items.",
|
|
421
|
-
"name": "--hx-action-bar-gap",
|
|
422
|
-
"default": "var(--hx-space-2,0.5rem)"
|
|
423
|
-
},
|
|
424
|
-
{
|
|
425
|
-
"description": "Z-index when sticky or bottom position.",
|
|
426
|
-
"name": "--hx-action-bar-z-index",
|
|
427
|
-
"default": "10"
|
|
428
|
-
}
|
|
429
|
-
],
|
|
430
|
-
"cssParts": [
|
|
431
|
-
{
|
|
432
|
-
"description": "The root toolbar container element.",
|
|
433
|
-
"name": "base"
|
|
434
|
-
},
|
|
435
|
-
{
|
|
436
|
-
"description": "The start (left) slot wrapper.",
|
|
437
|
-
"name": "start"
|
|
438
|
-
},
|
|
439
|
-
{
|
|
440
|
-
"description": "The center (default) slot wrapper.",
|
|
441
|
-
"name": "center"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"description": "The end (right) slot wrapper.",
|
|
445
|
-
"name": "end"
|
|
446
|
-
},
|
|
447
|
-
{
|
|
448
|
-
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
449
|
-
"name": "overflow"
|
|
450
|
-
}
|
|
451
|
-
],
|
|
452
|
-
"slots": [
|
|
453
|
-
{
|
|
454
|
-
"description": "Left-aligned actions.",
|
|
455
|
-
"name": "start"
|
|
456
|
-
},
|
|
457
|
-
{
|
|
458
|
-
"description": "Center content (default slot).",
|
|
459
|
-
"name": ""
|
|
460
|
-
},
|
|
461
|
-
{
|
|
462
|
-
"description": "Right-aligned actions.",
|
|
463
|
-
"name": "end"
|
|
464
|
-
},
|
|
465
|
-
{
|
|
466
|
-
"description": "Actions revealed when the bar is constrained for space.",
|
|
467
|
-
"name": "overflow"
|
|
468
|
-
}
|
|
469
|
-
],
|
|
470
|
-
"members": [
|
|
471
|
-
{
|
|
472
|
-
"kind": "field",
|
|
473
|
-
"name": "size",
|
|
474
|
-
"type": {
|
|
475
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
476
|
-
},
|
|
477
|
-
"default": "'md'",
|
|
478
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
479
|
-
"attribute": "size",
|
|
480
|
-
"reflects": true
|
|
481
|
-
},
|
|
482
|
-
{
|
|
483
|
-
"kind": "field",
|
|
484
|
-
"name": "variant",
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
487
|
-
},
|
|
488
|
-
"default": "'default'",
|
|
489
|
-
"description": "Visual variant controlling the bar background.",
|
|
490
|
-
"attribute": "variant",
|
|
491
|
-
"reflects": true
|
|
492
|
-
},
|
|
493
|
-
{
|
|
494
|
-
"kind": "field",
|
|
495
|
-
"name": "position",
|
|
496
|
-
"type": {
|
|
497
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
498
|
-
},
|
|
499
|
-
"default": "'top'",
|
|
500
|
-
"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",
|
|
501
|
-
"attribute": "position",
|
|
502
|
-
"reflects": true
|
|
503
|
-
},
|
|
504
|
-
{
|
|
505
|
-
"kind": "field",
|
|
506
|
-
"name": "sticky",
|
|
507
|
-
"type": {
|
|
508
|
-
"text": "boolean"
|
|
509
|
-
},
|
|
510
|
-
"default": "false",
|
|
511
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
512
|
-
"attribute": "sticky",
|
|
513
|
-
"reflects": true
|
|
514
|
-
},
|
|
515
|
-
{
|
|
516
|
-
"kind": "field",
|
|
517
|
-
"name": "ariaLabel",
|
|
518
|
-
"type": {
|
|
519
|
-
"text": "string"
|
|
520
|
-
},
|
|
521
|
-
"default": "'Actions'",
|
|
522
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
523
|
-
"attribute": "aria-label"
|
|
524
|
-
},
|
|
525
|
-
{
|
|
526
|
-
"kind": "field",
|
|
527
|
-
"name": "_focusableCache",
|
|
528
|
-
"type": {
|
|
529
|
-
"text": "HTMLElement[] | null"
|
|
530
|
-
},
|
|
531
|
-
"privacy": "private",
|
|
532
|
-
"default": "null",
|
|
533
|
-
"description": "Cached list of focusable items — invalidated on slot change."
|
|
534
|
-
},
|
|
535
|
-
{
|
|
536
|
-
"kind": "field",
|
|
537
|
-
"name": "_hasOverflow",
|
|
538
|
-
"type": {
|
|
539
|
-
"text": "boolean"
|
|
540
|
-
},
|
|
541
|
-
"privacy": "private",
|
|
542
|
-
"default": "false",
|
|
543
|
-
"description": "Whether the overflow slot has assigned content."
|
|
544
|
-
},
|
|
545
|
-
{
|
|
546
|
-
"kind": "field",
|
|
547
|
-
"name": "_handleKeydown",
|
|
548
|
-
"privacy": "private",
|
|
549
|
-
"description": "Arrow function field — stable reference for add/removeEventListener."
|
|
550
|
-
},
|
|
551
|
-
{
|
|
552
|
-
"kind": "method",
|
|
553
|
-
"name": "_isFocusable",
|
|
554
|
-
"privacy": "private",
|
|
555
|
-
"return": {
|
|
556
|
-
"type": {
|
|
557
|
-
"text": "boolean"
|
|
558
|
-
}
|
|
559
|
-
},
|
|
560
|
-
"parameters": [
|
|
561
|
-
{
|
|
562
|
-
"name": "el",
|
|
563
|
-
"type": {
|
|
564
|
-
"text": "HTMLElement"
|
|
565
|
-
}
|
|
566
|
-
}
|
|
567
|
-
]
|
|
568
|
-
},
|
|
569
|
-
{
|
|
570
|
-
"kind": "method",
|
|
571
|
-
"name": "_getFocusableItems",
|
|
572
|
-
"privacy": "private",
|
|
573
|
-
"return": {
|
|
574
|
-
"type": {
|
|
575
|
-
"text": "HTMLElement[]"
|
|
576
|
-
}
|
|
577
|
-
}
|
|
578
|
-
},
|
|
579
|
-
{
|
|
580
|
-
"kind": "method",
|
|
581
|
-
"name": "_initRovingTabindex",
|
|
582
|
-
"privacy": "private",
|
|
583
|
-
"return": {
|
|
584
|
-
"type": {
|
|
585
|
-
"text": "void"
|
|
586
|
-
}
|
|
587
|
-
}
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"kind": "method",
|
|
591
|
-
"name": "_moveFocus",
|
|
592
|
-
"privacy": "private",
|
|
593
|
-
"return": {
|
|
594
|
-
"type": {
|
|
595
|
-
"text": "void"
|
|
596
|
-
}
|
|
597
|
-
},
|
|
598
|
-
"parameters": [
|
|
599
|
-
{
|
|
600
|
-
"name": "direction",
|
|
601
|
-
"type": {
|
|
602
|
-
"text": "'next' | 'prev'"
|
|
603
|
-
}
|
|
604
|
-
}
|
|
605
|
-
]
|
|
606
|
-
},
|
|
607
|
-
{
|
|
608
|
-
"kind": "method",
|
|
609
|
-
"name": "_handleSlotChange",
|
|
610
|
-
"privacy": "private",
|
|
611
|
-
"return": {
|
|
612
|
-
"type": {
|
|
613
|
-
"text": "void"
|
|
614
|
-
}
|
|
615
|
-
},
|
|
616
|
-
"parameters": [
|
|
617
|
-
{
|
|
618
|
-
"name": "e",
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "Event"
|
|
621
|
-
}
|
|
622
|
-
}
|
|
623
|
-
]
|
|
624
|
-
}
|
|
625
|
-
],
|
|
626
|
-
"attributes": [
|
|
627
|
-
{
|
|
628
|
-
"name": "size",
|
|
629
|
-
"type": {
|
|
630
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
631
|
-
},
|
|
632
|
-
"default": "'md'",
|
|
633
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
634
|
-
"fieldName": "size",
|
|
635
|
-
"attribute": "size"
|
|
636
|
-
},
|
|
637
|
-
{
|
|
638
|
-
"name": "variant",
|
|
639
|
-
"type": {
|
|
640
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
641
|
-
},
|
|
642
|
-
"default": "'default'",
|
|
643
|
-
"description": "Visual variant controlling the bar background.",
|
|
644
|
-
"fieldName": "variant",
|
|
645
|
-
"attribute": "variant"
|
|
646
|
-
},
|
|
647
|
-
{
|
|
648
|
-
"name": "position",
|
|
649
|
-
"type": {
|
|
650
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
651
|
-
},
|
|
652
|
-
"default": "'top'",
|
|
653
|
-
"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",
|
|
654
|
-
"fieldName": "position",
|
|
655
|
-
"attribute": "position"
|
|
656
|
-
},
|
|
657
|
-
{
|
|
658
|
-
"name": "sticky",
|
|
659
|
-
"type": {
|
|
660
|
-
"text": "boolean"
|
|
661
|
-
},
|
|
662
|
-
"default": "false",
|
|
663
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
664
|
-
"fieldName": "sticky",
|
|
665
|
-
"attribute": "sticky"
|
|
666
|
-
},
|
|
667
|
-
{
|
|
668
|
-
"name": "aria-label",
|
|
669
|
-
"type": {
|
|
670
|
-
"text": "string"
|
|
671
|
-
},
|
|
672
|
-
"default": "'Actions'",
|
|
673
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
674
|
-
"fieldName": "ariaLabel",
|
|
675
|
-
"attribute": "aria-label"
|
|
676
|
-
}
|
|
677
|
-
],
|
|
678
|
-
"superclass": {
|
|
679
|
-
"name": "LitElement",
|
|
680
|
-
"package": "lit"
|
|
681
|
-
},
|
|
682
|
-
"tagName": "hx-action-bar",
|
|
683
|
-
"customElement": true,
|
|
684
|
-
"summary": "Horizontal action bar for grouping related controls."
|
|
685
|
-
}
|
|
686
|
-
],
|
|
687
|
-
"exports": [
|
|
688
|
-
{
|
|
689
|
-
"kind": "js",
|
|
690
|
-
"name": "HelixActionBar",
|
|
691
|
-
"declaration": {
|
|
692
|
-
"name": "HelixActionBar",
|
|
693
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
694
|
-
}
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"kind": "custom-element-definition",
|
|
698
|
-
"name": "hx-action-bar",
|
|
699
|
-
"declaration": {
|
|
700
|
-
"name": "HelixActionBar",
|
|
701
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
]
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"kind": "javascript-module",
|
|
708
|
-
"path": "src/components/hx-action-bar/index.ts",
|
|
709
|
-
"declarations": [],
|
|
710
|
-
"exports": [
|
|
711
|
-
{
|
|
712
|
-
"kind": "js",
|
|
713
|
-
"name": "HelixActionBar",
|
|
714
|
-
"declaration": {
|
|
715
|
-
"name": "HelixActionBar",
|
|
716
|
-
"module": "./hx-action-bar.js"
|
|
717
|
-
}
|
|
718
|
-
}
|
|
719
|
-
]
|
|
720
|
-
},
|
|
721
721
|
{
|
|
722
722
|
"kind": "javascript-module",
|
|
723
723
|
"path": "src/components/hx-alert/hx-alert.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@helixui/library",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Enterprise Web Component Library built with Lit 3.x",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"directory": "packages/hx-library"
|
|
59
59
|
},
|
|
60
60
|
"license": "MIT",
|
|
61
|
-
"homepage": "https://helix.bookedsolid.
|
|
61
|
+
"homepage": "https://helix.bookedsolid.tech",
|
|
62
62
|
"bugs": "https://github.com/bookedsolidtech/helix/issues",
|
|
63
63
|
"keywords": [
|
|
64
64
|
"web-components",
|