@hypoth-ui/wc 0.1.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/LICENSE +21 -0
- package/README.md +60 -0
- package/dist/button-MKQKTC5Q.js +10 -0
- package/dist/button-MKQKTC5Q.js.map +1 -0
- package/dist/chunk-4HLM6DBG.js +910 -0
- package/dist/chunk-4HLM6DBG.js.map +1 -0
- package/dist/chunk-55ID7LJL.js +3602 -0
- package/dist/chunk-55ID7LJL.js.map +1 -0
- package/dist/chunk-66HFYJD7.js +86 -0
- package/dist/chunk-66HFYJD7.js.map +1 -0
- package/dist/chunk-CZOXIJVS.js +70 -0
- package/dist/chunk-CZOXIJVS.js.map +1 -0
- package/dist/chunk-DHUM4Q5Y.js +495 -0
- package/dist/chunk-DHUM4Q5Y.js.map +1 -0
- package/dist/chunk-DNNI5BDE.js +1842 -0
- package/dist/chunk-DNNI5BDE.js.map +1 -0
- package/dist/chunk-GXKZ6E6K.js +99 -0
- package/dist/chunk-GXKZ6E6K.js.map +1 -0
- package/dist/chunk-H4GJJZ3N.js +51 -0
- package/dist/chunk-H4GJJZ3N.js.map +1 -0
- package/dist/chunk-JMPTFALJ.js +175 -0
- package/dist/chunk-JMPTFALJ.js.map +1 -0
- package/dist/chunk-MYQWCLUJ.js +45 -0
- package/dist/chunk-MYQWCLUJ.js.map +1 -0
- package/dist/chunk-QZSPWT7L.js +183 -0
- package/dist/chunk-QZSPWT7L.js.map +1 -0
- package/dist/chunk-TSKBQCTR.js +5137 -0
- package/dist/chunk-TSKBQCTR.js.map +1 -0
- package/dist/chunk-TXIIUVL3.js +130 -0
- package/dist/chunk-TXIIUVL3.js.map +1 -0
- package/dist/chunk-UM7WRO7W.js +237 -0
- package/dist/chunk-UM7WRO7W.js.map +1 -0
- package/dist/chunk-VPXL4RB3.js +202 -0
- package/dist/chunk-VPXL4RB3.js.map +1 -0
- package/dist/chunk-VX5CKSMN.js +39 -0
- package/dist/chunk-VX5CKSMN.js.map +1 -0
- package/dist/chunk-WQ5BEP3E.js +2845 -0
- package/dist/chunk-WQ5BEP3E.js.map +1 -0
- package/dist/chunk-YDQ434UH.js +60 -0
- package/dist/chunk-YDQ434UH.js.map +1 -0
- package/dist/chunk-ZWV4VI6D.js +153 -0
- package/dist/chunk-ZWV4VI6D.js.map +1 -0
- package/dist/core.d.ts +127 -0
- package/dist/core.js +38 -0
- package/dist/core.js.map +1 -0
- package/dist/data-display.d.ts +872 -0
- package/dist/data-display.js +57 -0
- package/dist/data-display.js.map +1 -0
- package/dist/ds-element-Db0LMfxI.d.ts +43 -0
- package/dist/feedback.d.ts +292 -0
- package/dist/feedback.js +31 -0
- package/dist/feedback.js.map +1 -0
- package/dist/form-controls.d.ts +1713 -0
- package/dist/form-controls.js +63 -0
- package/dist/form-controls.js.map +1 -0
- package/dist/icon-7IZTJ5WT.js +8 -0
- package/dist/icon-7IZTJ5WT.js.map +1 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +423 -0
- package/dist/index.js.map +1 -0
- package/dist/input-LB6UR37A.js +10 -0
- package/dist/input-LB6UR37A.js.map +1 -0
- package/dist/layout.d.ts +504 -0
- package/dist/layout.js +34 -0
- package/dist/layout.js.map +1 -0
- package/dist/link-NHDJ6SFY.js +9 -0
- package/dist/link-NHDJ6SFY.js.map +1 -0
- package/dist/navigation.d.ts +255 -0
- package/dist/navigation.js +111 -0
- package/dist/navigation.js.map +1 -0
- package/dist/overlays.d.ts +1291 -0
- package/dist/overlays.js +106 -0
- package/dist/overlays.js.map +1 -0
- package/dist/primitives.d.ts +230 -0
- package/dist/primitives.js +26 -0
- package/dist/primitives.js.map +1 -0
- package/dist/registry-Bns0t11H.d.ts +233 -0
- package/dist/skeleton-MUdd2029.d.ts +109 -0
- package/dist/spinner-BWaNlc-Y.d.ts +45 -0
- package/dist/spinner-UIYDUVBZ.js +8 -0
- package/dist/spinner-UIYDUVBZ.js.map +1 -0
- package/dist/stepper-CCRwcQOe.d.ts +851 -0
- package/dist/text-MT3S3EMU.js +8 -0
- package/dist/text-MT3S3EMU.js.map +1 -0
- package/dist/visually-hidden-MW2XY4CS.js +8 -0
- package/dist/visually-hidden-MW2XY4CS.js.map +1 -0
- package/package.json +92 -0
|
@@ -0,0 +1,851 @@
|
|
|
1
|
+
import * as lit from 'lit';
|
|
2
|
+
import { D as DSElement } from './ds-element-Db0LMfxI.js';
|
|
3
|
+
import { TabsOrientation as TabsOrientation$1, TabsActivationMode as TabsActivationMode$1, TabsBehavior } from '@hypoth-ui/primitives-dom';
|
|
4
|
+
|
|
5
|
+
declare class DsCollapsibleContent extends DSElement {
|
|
6
|
+
/** Keep mounted when collapsed (for animations) */
|
|
7
|
+
forceMount: boolean;
|
|
8
|
+
/** Current state for animations */
|
|
9
|
+
dataState: "open" | "closed";
|
|
10
|
+
/** Whether we're currently animating out */
|
|
11
|
+
private isAnimatingOut;
|
|
12
|
+
private presence;
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
16
|
+
private handleStateChange;
|
|
17
|
+
private updateVisibility;
|
|
18
|
+
render(): lit.TemplateResult<1>;
|
|
19
|
+
}
|
|
20
|
+
declare global {
|
|
21
|
+
interface HTMLElementTagNameMap {
|
|
22
|
+
"ds-collapsible-content": DsCollapsibleContent;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
declare class DsCollapsibleTrigger extends DSElement {
|
|
27
|
+
connectedCallback(): void;
|
|
28
|
+
render(): lit.TemplateResult<1>;
|
|
29
|
+
}
|
|
30
|
+
declare global {
|
|
31
|
+
interface HTMLElementTagNameMap {
|
|
32
|
+
"ds-collapsible-trigger": DsCollapsibleTrigger;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
declare class DsCollapsible extends DSElement {
|
|
37
|
+
/** Whether the collapsible is open */
|
|
38
|
+
open: boolean;
|
|
39
|
+
/** Disable the collapsible */
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
/** Internal ID for ARIA relationships */
|
|
42
|
+
private contentId;
|
|
43
|
+
connectedCallback(): void;
|
|
44
|
+
disconnectedCallback(): void;
|
|
45
|
+
/**
|
|
46
|
+
* Toggle the open state.
|
|
47
|
+
*/
|
|
48
|
+
toggle(): void;
|
|
49
|
+
/**
|
|
50
|
+
* Set the open state.
|
|
51
|
+
*/
|
|
52
|
+
setOpen(open: boolean): void;
|
|
53
|
+
private handleTriggerClick;
|
|
54
|
+
private handleKeyDown;
|
|
55
|
+
updated(): void;
|
|
56
|
+
private updateContent;
|
|
57
|
+
private updateTrigger;
|
|
58
|
+
render(): lit.TemplateResult<1>;
|
|
59
|
+
}
|
|
60
|
+
declare global {
|
|
61
|
+
interface HTMLElementTagNameMap {
|
|
62
|
+
"ds-collapsible": DsCollapsible;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
declare class DsTabsList extends DSElement {
|
|
67
|
+
connectedCallback(): void;
|
|
68
|
+
/**
|
|
69
|
+
* Setup behavior connection (called by parent when options change).
|
|
70
|
+
*/
|
|
71
|
+
setupBehavior(): void;
|
|
72
|
+
render(): lit.TemplateResult<1>;
|
|
73
|
+
}
|
|
74
|
+
declare global {
|
|
75
|
+
interface HTMLElementTagNameMap {
|
|
76
|
+
"ds-tabs-list": DsTabsList;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
declare class DsTabsTrigger extends DSElement {
|
|
81
|
+
/** Unique value identifying this tab */
|
|
82
|
+
value: string;
|
|
83
|
+
/** Disable this tab */
|
|
84
|
+
disabled: boolean;
|
|
85
|
+
/** Internal selected state */
|
|
86
|
+
private selected;
|
|
87
|
+
connectedCallback(): void;
|
|
88
|
+
disconnectedCallback(): void;
|
|
89
|
+
private registerWithBehavior;
|
|
90
|
+
private applyBehaviorProps;
|
|
91
|
+
/**
|
|
92
|
+
* Update from behavior (called by parent).
|
|
93
|
+
*/
|
|
94
|
+
updateFromBehavior(selected: boolean): void;
|
|
95
|
+
private handleClick;
|
|
96
|
+
private handleKeyDown;
|
|
97
|
+
private handleFocus;
|
|
98
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
99
|
+
render(): lit.TemplateResult<1>;
|
|
100
|
+
}
|
|
101
|
+
declare global {
|
|
102
|
+
interface HTMLElementTagNameMap {
|
|
103
|
+
"ds-tabs-trigger": DsTabsTrigger;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
declare class DsTabsContent extends DSElement {
|
|
108
|
+
/** Value of associated tab */
|
|
109
|
+
value: string;
|
|
110
|
+
/** Keep mounted when inactive (for animations) */
|
|
111
|
+
forceMount: boolean;
|
|
112
|
+
/** Internal active state */
|
|
113
|
+
private active;
|
|
114
|
+
connectedCallback(): void;
|
|
115
|
+
private applyBehaviorProps;
|
|
116
|
+
/**
|
|
117
|
+
* Update from behavior (called by parent).
|
|
118
|
+
*/
|
|
119
|
+
updateFromBehavior(active: boolean): void;
|
|
120
|
+
render(): lit.TemplateResult<1>;
|
|
121
|
+
}
|
|
122
|
+
declare global {
|
|
123
|
+
interface HTMLElementTagNameMap {
|
|
124
|
+
"ds-tabs-content": DsTabsContent;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
type TabsOrientation = TabsOrientation$1;
|
|
129
|
+
type TabsActivationMode = TabsActivationMode$1;
|
|
130
|
+
declare class DsTabs extends DSElement {
|
|
131
|
+
/** Controlled value */
|
|
132
|
+
value: string | undefined;
|
|
133
|
+
/** Default value (uncontrolled) */
|
|
134
|
+
defaultValue: string | undefined;
|
|
135
|
+
/** Keyboard navigation orientation */
|
|
136
|
+
orientation: TabsOrientation;
|
|
137
|
+
/**
|
|
138
|
+
* Activation mode:
|
|
139
|
+
* - automatic: selection follows focus
|
|
140
|
+
* - manual: selection requires Enter/Space
|
|
141
|
+
*/
|
|
142
|
+
activationMode: TabsActivationMode;
|
|
143
|
+
/** Loop keyboard navigation at ends */
|
|
144
|
+
loop: boolean;
|
|
145
|
+
/** Internal tracked value */
|
|
146
|
+
private internalValue;
|
|
147
|
+
/** Behavior primitive instance */
|
|
148
|
+
private tabsBehavior;
|
|
149
|
+
/** Whether we're in controlled mode */
|
|
150
|
+
private get isControlled();
|
|
151
|
+
/** Current active value */
|
|
152
|
+
get activeValue(): string | undefined;
|
|
153
|
+
/** Get the tabs behavior (for child components) */
|
|
154
|
+
getTabsBehavior(): TabsBehavior | null;
|
|
155
|
+
connectedCallback(): void;
|
|
156
|
+
disconnectedCallback(): void;
|
|
157
|
+
private initTabsBehavior;
|
|
158
|
+
/**
|
|
159
|
+
* Select a tab by value.
|
|
160
|
+
*/
|
|
161
|
+
selectTab(value: string): void;
|
|
162
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
163
|
+
private updateTabsState;
|
|
164
|
+
render(): lit.TemplateResult<1>;
|
|
165
|
+
}
|
|
166
|
+
declare global {
|
|
167
|
+
interface HTMLElementTagNameMap {
|
|
168
|
+
"ds-tabs": DsTabs;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
declare class DsAccordionItem extends DSElement {
|
|
173
|
+
/** Unique value identifying this item */
|
|
174
|
+
value: string;
|
|
175
|
+
/** Disable this item */
|
|
176
|
+
disabled: boolean;
|
|
177
|
+
/** Internal expanded state */
|
|
178
|
+
private expanded;
|
|
179
|
+
/** ID for ARIA relationships */
|
|
180
|
+
private contentId;
|
|
181
|
+
private triggerId;
|
|
182
|
+
connectedCallback(): void;
|
|
183
|
+
/**
|
|
184
|
+
* Set the expanded state (called by parent).
|
|
185
|
+
*/
|
|
186
|
+
setExpanded(expanded: boolean): void;
|
|
187
|
+
/**
|
|
188
|
+
* Get whether the item is expanded.
|
|
189
|
+
*/
|
|
190
|
+
isExpanded(): boolean;
|
|
191
|
+
/**
|
|
192
|
+
* Get the content ID.
|
|
193
|
+
*/
|
|
194
|
+
getContentId(): string;
|
|
195
|
+
/**
|
|
196
|
+
* Get the trigger ID.
|
|
197
|
+
*/
|
|
198
|
+
getTriggerId(): string;
|
|
199
|
+
private updateChildren;
|
|
200
|
+
updated(): void;
|
|
201
|
+
render(): lit.TemplateResult<1>;
|
|
202
|
+
}
|
|
203
|
+
declare global {
|
|
204
|
+
interface HTMLElementTagNameMap {
|
|
205
|
+
"ds-accordion-item": DsAccordionItem;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
declare class DsAccordionTrigger extends DSElement {
|
|
210
|
+
/** Internal expanded state */
|
|
211
|
+
private expanded;
|
|
212
|
+
/** Content panel ID */
|
|
213
|
+
private contentId;
|
|
214
|
+
connectedCallback(): void;
|
|
215
|
+
disconnectedCallback(): void;
|
|
216
|
+
/**
|
|
217
|
+
* Set the expanded state (called by parent).
|
|
218
|
+
*/
|
|
219
|
+
setExpanded(expanded: boolean): void;
|
|
220
|
+
/**
|
|
221
|
+
* Set the content ID for aria-controls.
|
|
222
|
+
*/
|
|
223
|
+
setContentId(id: string): void;
|
|
224
|
+
private handleClick;
|
|
225
|
+
private handleKeyDown;
|
|
226
|
+
private toggle;
|
|
227
|
+
private updateAccessibility;
|
|
228
|
+
updated(): void;
|
|
229
|
+
render(): lit.TemplateResult<1>;
|
|
230
|
+
}
|
|
231
|
+
declare global {
|
|
232
|
+
interface HTMLElementTagNameMap {
|
|
233
|
+
"ds-accordion-trigger": DsAccordionTrigger;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
declare class DsAccordionContent extends DSElement {
|
|
238
|
+
/** Keep mounted when collapsed (for animations) */
|
|
239
|
+
forceMount: boolean;
|
|
240
|
+
/** Internal expanded state */
|
|
241
|
+
private expanded;
|
|
242
|
+
/** Trigger ID for aria-labelledby */
|
|
243
|
+
private triggerId;
|
|
244
|
+
/** Whether we're animating out */
|
|
245
|
+
private isAnimatingOut;
|
|
246
|
+
private presence;
|
|
247
|
+
connectedCallback(): void;
|
|
248
|
+
disconnectedCallback(): void;
|
|
249
|
+
/**
|
|
250
|
+
* Set the expanded state (called by parent).
|
|
251
|
+
*/
|
|
252
|
+
setExpanded(expanded: boolean): void;
|
|
253
|
+
/**
|
|
254
|
+
* Set the trigger ID for aria-labelledby.
|
|
255
|
+
*/
|
|
256
|
+
setTriggerId(id: string): void;
|
|
257
|
+
private handleCollapse;
|
|
258
|
+
private updateVisibility;
|
|
259
|
+
render(): lit.TemplateResult<1>;
|
|
260
|
+
}
|
|
261
|
+
declare global {
|
|
262
|
+
interface HTMLElementTagNameMap {
|
|
263
|
+
"ds-accordion-content": DsAccordionContent;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
type AccordionType = "single" | "multiple";
|
|
268
|
+
type AccordionOrientation = "horizontal" | "vertical";
|
|
269
|
+
declare class DsAccordion extends DSElement {
|
|
270
|
+
/** Type: single (one open) or multiple (many open) */
|
|
271
|
+
type: AccordionType;
|
|
272
|
+
/** Controlled value (string for single, JSON array for multiple) */
|
|
273
|
+
value: string | undefined;
|
|
274
|
+
/** Default value (string for single, JSON array for multiple) */
|
|
275
|
+
defaultValue: string | undefined;
|
|
276
|
+
/** Allow collapsing all items in single mode */
|
|
277
|
+
collapsible: boolean;
|
|
278
|
+
/** Keyboard navigation orientation */
|
|
279
|
+
orientation: AccordionOrientation;
|
|
280
|
+
/** Internal tracked value(s) */
|
|
281
|
+
private internalValue;
|
|
282
|
+
private rovingFocus;
|
|
283
|
+
/** Whether we're in controlled mode */
|
|
284
|
+
private get isControlled();
|
|
285
|
+
/** Current expanded values */
|
|
286
|
+
get expandedValues(): Set<string>;
|
|
287
|
+
private parseValue;
|
|
288
|
+
connectedCallback(): void;
|
|
289
|
+
disconnectedCallback(): void;
|
|
290
|
+
private setupRovingFocus;
|
|
291
|
+
/**
|
|
292
|
+
* Toggle an item's expanded state.
|
|
293
|
+
*/
|
|
294
|
+
toggleItem(value: string): void;
|
|
295
|
+
private handleItemToggle;
|
|
296
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
297
|
+
private updateItems;
|
|
298
|
+
render(): lit.TemplateResult<1>;
|
|
299
|
+
}
|
|
300
|
+
declare global {
|
|
301
|
+
interface HTMLElementTagNameMap {
|
|
302
|
+
"ds-accordion": DsAccordion;
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
declare class DsNavigationMenuList extends DSElement {
|
|
307
|
+
connectedCallback(): void;
|
|
308
|
+
render(): lit.TemplateResult<1>;
|
|
309
|
+
}
|
|
310
|
+
declare global {
|
|
311
|
+
interface HTMLElementTagNameMap {
|
|
312
|
+
"ds-navigation-menu-list": DsNavigationMenuList;
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
declare class DsNavigationMenuItem extends DSElement {
|
|
317
|
+
/** Unique value for this item */
|
|
318
|
+
value: string;
|
|
319
|
+
connectedCallback(): void;
|
|
320
|
+
disconnectedCallback(): void;
|
|
321
|
+
private handleMouseEnter;
|
|
322
|
+
private handleMouseLeave;
|
|
323
|
+
render(): lit.TemplateResult<1>;
|
|
324
|
+
}
|
|
325
|
+
declare global {
|
|
326
|
+
interface HTMLElementTagNameMap {
|
|
327
|
+
"ds-navigation-menu-item": DsNavigationMenuItem;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
declare class DsNavigationMenuTrigger extends DSElement {
|
|
332
|
+
/** Disabled state */
|
|
333
|
+
disabled: boolean;
|
|
334
|
+
private observer;
|
|
335
|
+
connectedCallback(): void;
|
|
336
|
+
disconnectedCallback(): void;
|
|
337
|
+
/**
|
|
338
|
+
* Update aria-expanded based on parent item's state.
|
|
339
|
+
* Per APG, menuitem with submenu should have aria-expanded.
|
|
340
|
+
*/
|
|
341
|
+
private updateAriaExpanded;
|
|
342
|
+
private getItemValue;
|
|
343
|
+
private handleClick;
|
|
344
|
+
private handleKeyDown;
|
|
345
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
346
|
+
render(): lit.TemplateResult<1>;
|
|
347
|
+
}
|
|
348
|
+
declare global {
|
|
349
|
+
interface HTMLElementTagNameMap {
|
|
350
|
+
"ds-navigation-menu-trigger": DsNavigationMenuTrigger;
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
declare class DsNavigationMenuContent extends DSElement {
|
|
355
|
+
connectedCallback(): void;
|
|
356
|
+
render(): lit.TemplateResult<1>;
|
|
357
|
+
}
|
|
358
|
+
declare global {
|
|
359
|
+
interface HTMLElementTagNameMap {
|
|
360
|
+
"ds-navigation-menu-content": DsNavigationMenuContent;
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
declare class DsNavigationMenuLink extends DSElement {
|
|
365
|
+
/** URL to navigate to */
|
|
366
|
+
href: string;
|
|
367
|
+
/** Whether this link is currently active */
|
|
368
|
+
active: boolean;
|
|
369
|
+
/** Disabled state */
|
|
370
|
+
disabled: boolean;
|
|
371
|
+
connectedCallback(): void;
|
|
372
|
+
disconnectedCallback(): void;
|
|
373
|
+
private handleClick;
|
|
374
|
+
private handleKeyDown;
|
|
375
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
376
|
+
render(): lit.TemplateResult<1>;
|
|
377
|
+
}
|
|
378
|
+
declare global {
|
|
379
|
+
interface HTMLElementTagNameMap {
|
|
380
|
+
"ds-navigation-menu-link": DsNavigationMenuLink;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
declare class DsNavigationMenuIndicator extends DSElement {
|
|
385
|
+
connectedCallback(): void;
|
|
386
|
+
render(): lit.TemplateResult<1>;
|
|
387
|
+
}
|
|
388
|
+
declare global {
|
|
389
|
+
interface HTMLElementTagNameMap {
|
|
390
|
+
"ds-navigation-menu-indicator": DsNavigationMenuIndicator;
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
declare class DsNavigationMenuViewport extends DSElement {
|
|
395
|
+
private contentObserver;
|
|
396
|
+
connectedCallback(): void;
|
|
397
|
+
disconnectedCallback(): void;
|
|
398
|
+
private setupContentObserver;
|
|
399
|
+
private updateContent;
|
|
400
|
+
render(): lit.TemplateResult<1>;
|
|
401
|
+
}
|
|
402
|
+
declare global {
|
|
403
|
+
interface HTMLElementTagNameMap {
|
|
404
|
+
"ds-navigation-menu-viewport": DsNavigationMenuViewport;
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
declare class DsNavigationMenu extends DSElement {
|
|
409
|
+
/** Currently active item value */
|
|
410
|
+
value: string;
|
|
411
|
+
/** Delay in ms before opening on hover */
|
|
412
|
+
delayDuration: number;
|
|
413
|
+
/** Delay in ms before closing when pointer leaves */
|
|
414
|
+
skipDelayDuration: number;
|
|
415
|
+
/** Orientation (horizontal or vertical) */
|
|
416
|
+
orientation: "horizontal" | "vertical";
|
|
417
|
+
private rovingFocus;
|
|
418
|
+
private dismissLayer;
|
|
419
|
+
private openTimer;
|
|
420
|
+
private closeTimer;
|
|
421
|
+
private previousValue;
|
|
422
|
+
connectedCallback(): void;
|
|
423
|
+
disconnectedCallback(): void;
|
|
424
|
+
/**
|
|
425
|
+
* Opens a navigation item by value.
|
|
426
|
+
*/
|
|
427
|
+
open(itemValue: string): void;
|
|
428
|
+
/**
|
|
429
|
+
* Closes the navigation menu.
|
|
430
|
+
*/
|
|
431
|
+
close(): void;
|
|
432
|
+
private clearTimers;
|
|
433
|
+
private handleTriggerInteraction;
|
|
434
|
+
private handleItemEnter;
|
|
435
|
+
private handleItemLeave;
|
|
436
|
+
private handleDismiss;
|
|
437
|
+
private setupRovingFocus;
|
|
438
|
+
private setupDismissLayer;
|
|
439
|
+
private updateActiveItem;
|
|
440
|
+
private cleanup;
|
|
441
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
442
|
+
render(): lit.TemplateResult<1>;
|
|
443
|
+
}
|
|
444
|
+
declare global {
|
|
445
|
+
interface HTMLElementTagNameMap {
|
|
446
|
+
"ds-navigation-menu": DsNavigationMenu;
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
declare class DsScrollAreaViewport extends DSElement {
|
|
451
|
+
private resizeObserver;
|
|
452
|
+
connectedCallback(): void;
|
|
453
|
+
disconnectedCallback(): void;
|
|
454
|
+
private handleScroll;
|
|
455
|
+
private updateOverflowState;
|
|
456
|
+
private updateScrollbarPositions;
|
|
457
|
+
/**
|
|
458
|
+
* Scrolls to a specific position.
|
|
459
|
+
*/
|
|
460
|
+
scrollToPosition(options: ScrollToOptions): void;
|
|
461
|
+
render(): lit.TemplateResult<1>;
|
|
462
|
+
}
|
|
463
|
+
declare global {
|
|
464
|
+
interface HTMLElementTagNameMap {
|
|
465
|
+
"ds-scroll-area-viewport": DsScrollAreaViewport;
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
declare class DsScrollAreaScrollbar extends DSElement {
|
|
470
|
+
/** Scrollbar orientation */
|
|
471
|
+
orientation: "vertical" | "horizontal";
|
|
472
|
+
private hideTimer;
|
|
473
|
+
private isHovered;
|
|
474
|
+
connectedCallback(): void;
|
|
475
|
+
disconnectedCallback(): void;
|
|
476
|
+
private handleTrackClick;
|
|
477
|
+
private handleViewportScroll;
|
|
478
|
+
private handleMouseEnter;
|
|
479
|
+
private handleMouseLeave;
|
|
480
|
+
private scheduleHide;
|
|
481
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
482
|
+
render(): lit.TemplateResult<1>;
|
|
483
|
+
}
|
|
484
|
+
declare global {
|
|
485
|
+
interface HTMLElementTagNameMap {
|
|
486
|
+
"ds-scroll-area-scrollbar": DsScrollAreaScrollbar;
|
|
487
|
+
}
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
declare class DsScrollAreaThumb extends DSElement {
|
|
491
|
+
private isDragging;
|
|
492
|
+
private startY;
|
|
493
|
+
private startX;
|
|
494
|
+
private startScrollTop;
|
|
495
|
+
private startScrollLeft;
|
|
496
|
+
/** Cached scrollbar dimensions to avoid layout thrashing during drag */
|
|
497
|
+
private cachedDimensions;
|
|
498
|
+
/** ResizeObserver for tracking scrollbar size changes */
|
|
499
|
+
private resizeObserver;
|
|
500
|
+
/** Scrollbar element reference for ResizeObserver */
|
|
501
|
+
private scrollbarElement;
|
|
502
|
+
connectedCallback(): void;
|
|
503
|
+
disconnectedCallback(): void;
|
|
504
|
+
/**
|
|
505
|
+
* Set up ResizeObserver to cache scrollbar dimensions.
|
|
506
|
+
* This avoids calling getBoundingClientRect on every drag event.
|
|
507
|
+
*/
|
|
508
|
+
private setupResizeObserver;
|
|
509
|
+
/**
|
|
510
|
+
* Clean up ResizeObserver on disconnect.
|
|
511
|
+
*/
|
|
512
|
+
private cleanupResizeObserver;
|
|
513
|
+
private getViewport;
|
|
514
|
+
private getOrientation;
|
|
515
|
+
private handleMouseDown;
|
|
516
|
+
private handleMouseMove;
|
|
517
|
+
private handleMouseUp;
|
|
518
|
+
private handleTouchStart;
|
|
519
|
+
private handleTouchMove;
|
|
520
|
+
private handleTouchEnd;
|
|
521
|
+
private startDrag;
|
|
522
|
+
/**
|
|
523
|
+
* Handle drag movement using cached dimensions.
|
|
524
|
+
* Uses ResizeObserver-cached values instead of getBoundingClientRect
|
|
525
|
+
* to avoid layout thrashing during drag operations.
|
|
526
|
+
*/
|
|
527
|
+
private drag;
|
|
528
|
+
private cleanupDrag;
|
|
529
|
+
render(): lit.TemplateResult<1>;
|
|
530
|
+
}
|
|
531
|
+
declare global {
|
|
532
|
+
interface HTMLElementTagNameMap {
|
|
533
|
+
"ds-scroll-area-thumb": DsScrollAreaThumb;
|
|
534
|
+
}
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
type ScrollAreaType = "auto" | "always" | "scroll" | "hover";
|
|
538
|
+
declare class DsScrollArea extends DSElement {
|
|
539
|
+
/** When scrollbars are visible */
|
|
540
|
+
type: ScrollAreaType;
|
|
541
|
+
/** Scroll hide delay in ms (for hover type) */
|
|
542
|
+
scrollHideDelay: number;
|
|
543
|
+
/** Orientation for which to show scrollbar */
|
|
544
|
+
orientation: "vertical" | "horizontal" | "both";
|
|
545
|
+
connectedCallback(): void;
|
|
546
|
+
render(): lit.TemplateResult<1>;
|
|
547
|
+
}
|
|
548
|
+
declare global {
|
|
549
|
+
interface HTMLElementTagNameMap {
|
|
550
|
+
"ds-scroll-area": DsScrollArea;
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
declare class DsBreadcrumbList extends DSElement {
|
|
555
|
+
connectedCallback(): void;
|
|
556
|
+
render(): lit.TemplateResult<1>;
|
|
557
|
+
}
|
|
558
|
+
declare global {
|
|
559
|
+
interface HTMLElementTagNameMap {
|
|
560
|
+
"ds-breadcrumb-list": DsBreadcrumbList;
|
|
561
|
+
}
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
declare class DsBreadcrumbItem extends DSElement {
|
|
565
|
+
connectedCallback(): void;
|
|
566
|
+
render(): lit.TemplateResult<1>;
|
|
567
|
+
}
|
|
568
|
+
declare global {
|
|
569
|
+
interface HTMLElementTagNameMap {
|
|
570
|
+
"ds-breadcrumb-item": DsBreadcrumbItem;
|
|
571
|
+
}
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
declare class DsBreadcrumbLink extends DSElement {
|
|
575
|
+
/** URL to navigate to */
|
|
576
|
+
href: string;
|
|
577
|
+
connectedCallback(): void;
|
|
578
|
+
disconnectedCallback(): void;
|
|
579
|
+
private handleClick;
|
|
580
|
+
private handleKeyDown;
|
|
581
|
+
render(): lit.TemplateResult<1>;
|
|
582
|
+
}
|
|
583
|
+
declare global {
|
|
584
|
+
interface HTMLElementTagNameMap {
|
|
585
|
+
"ds-breadcrumb-link": DsBreadcrumbLink;
|
|
586
|
+
}
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
declare class DsBreadcrumbPage extends DSElement {
|
|
590
|
+
connectedCallback(): void;
|
|
591
|
+
render(): lit.TemplateResult<1>;
|
|
592
|
+
}
|
|
593
|
+
declare global {
|
|
594
|
+
interface HTMLElementTagNameMap {
|
|
595
|
+
"ds-breadcrumb-page": DsBreadcrumbPage;
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
declare class DsBreadcrumbSeparator extends DSElement {
|
|
600
|
+
connectedCallback(): void;
|
|
601
|
+
render(): lit.TemplateResult<1>;
|
|
602
|
+
}
|
|
603
|
+
declare global {
|
|
604
|
+
interface HTMLElementTagNameMap {
|
|
605
|
+
"ds-breadcrumb-separator": DsBreadcrumbSeparator;
|
|
606
|
+
}
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
declare class DsBreadcrumb extends DSElement {
|
|
610
|
+
connectedCallback(): void;
|
|
611
|
+
render(): lit.TemplateResult<1>;
|
|
612
|
+
}
|
|
613
|
+
declare global {
|
|
614
|
+
interface HTMLElementTagNameMap {
|
|
615
|
+
"ds-breadcrumb": DsBreadcrumb;
|
|
616
|
+
}
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
declare class DsPaginationContent extends DSElement {
|
|
620
|
+
connectedCallback(): void;
|
|
621
|
+
render(): lit.TemplateResult<1>;
|
|
622
|
+
}
|
|
623
|
+
declare global {
|
|
624
|
+
interface HTMLElementTagNameMap {
|
|
625
|
+
"ds-pagination-content": DsPaginationContent;
|
|
626
|
+
}
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
declare class DsPaginationItem extends DSElement {
|
|
630
|
+
connectedCallback(): void;
|
|
631
|
+
render(): lit.TemplateResult<1>;
|
|
632
|
+
}
|
|
633
|
+
declare global {
|
|
634
|
+
interface HTMLElementTagNameMap {
|
|
635
|
+
"ds-pagination-item": DsPaginationItem;
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
declare class DsPaginationLink extends DSElement {
|
|
640
|
+
/** Page number */
|
|
641
|
+
page: number;
|
|
642
|
+
/** Whether this is the current page */
|
|
643
|
+
active: boolean;
|
|
644
|
+
connectedCallback(): void;
|
|
645
|
+
disconnectedCallback(): void;
|
|
646
|
+
private handleClick;
|
|
647
|
+
private handleKeyDown;
|
|
648
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
649
|
+
render(): lit.TemplateResult<1>;
|
|
650
|
+
}
|
|
651
|
+
declare global {
|
|
652
|
+
interface HTMLElementTagNameMap {
|
|
653
|
+
"ds-pagination-link": DsPaginationLink;
|
|
654
|
+
}
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
declare class DsPaginationPrevious extends DSElement {
|
|
658
|
+
/** Disabled state */
|
|
659
|
+
disabled: boolean;
|
|
660
|
+
connectedCallback(): void;
|
|
661
|
+
disconnectedCallback(): void;
|
|
662
|
+
private handleClick;
|
|
663
|
+
private handleKeyDown;
|
|
664
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
665
|
+
render(): lit.TemplateResult<1>;
|
|
666
|
+
}
|
|
667
|
+
declare global {
|
|
668
|
+
interface HTMLElementTagNameMap {
|
|
669
|
+
"ds-pagination-previous": DsPaginationPrevious;
|
|
670
|
+
}
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
declare class DsPaginationNext extends DSElement {
|
|
674
|
+
/** Disabled state */
|
|
675
|
+
disabled: boolean;
|
|
676
|
+
connectedCallback(): void;
|
|
677
|
+
disconnectedCallback(): void;
|
|
678
|
+
private handleClick;
|
|
679
|
+
private handleKeyDown;
|
|
680
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
681
|
+
render(): lit.TemplateResult<1>;
|
|
682
|
+
}
|
|
683
|
+
declare global {
|
|
684
|
+
interface HTMLElementTagNameMap {
|
|
685
|
+
"ds-pagination-next": DsPaginationNext;
|
|
686
|
+
}
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
declare class DsPaginationEllipsis extends DSElement {
|
|
690
|
+
connectedCallback(): void;
|
|
691
|
+
render(): lit.TemplateResult<1>;
|
|
692
|
+
}
|
|
693
|
+
declare global {
|
|
694
|
+
interface HTMLElementTagNameMap {
|
|
695
|
+
"ds-pagination-ellipsis": DsPaginationEllipsis;
|
|
696
|
+
}
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
declare class DsPagination extends DSElement {
|
|
700
|
+
/** Current page (1-indexed) */
|
|
701
|
+
page: number;
|
|
702
|
+
/** Total number of pages */
|
|
703
|
+
totalPages: number;
|
|
704
|
+
/** Number of sibling pages to show */
|
|
705
|
+
siblingCount: number;
|
|
706
|
+
/** Number of boundary pages to show */
|
|
707
|
+
boundaryCount: number;
|
|
708
|
+
connectedCallback(): void;
|
|
709
|
+
disconnectedCallback(): void;
|
|
710
|
+
/**
|
|
711
|
+
* Navigate to a specific page.
|
|
712
|
+
*/
|
|
713
|
+
goToPage(newPage: number): void;
|
|
714
|
+
/**
|
|
715
|
+
* Go to previous page.
|
|
716
|
+
*/
|
|
717
|
+
previousPage(): void;
|
|
718
|
+
/**
|
|
719
|
+
* Go to next page.
|
|
720
|
+
*/
|
|
721
|
+
nextPage(): void;
|
|
722
|
+
private handlePageSelect;
|
|
723
|
+
private updateActiveState;
|
|
724
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
725
|
+
render(): lit.TemplateResult<1>;
|
|
726
|
+
}
|
|
727
|
+
declare global {
|
|
728
|
+
interface HTMLElementTagNameMap {
|
|
729
|
+
"ds-pagination": DsPagination;
|
|
730
|
+
}
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
declare class DsStepperItem extends DSElement {
|
|
734
|
+
/** Step number (1-indexed) */
|
|
735
|
+
step: number;
|
|
736
|
+
/** Whether this step is completed */
|
|
737
|
+
completed: boolean;
|
|
738
|
+
/** Whether this step is disabled */
|
|
739
|
+
disabled: boolean;
|
|
740
|
+
connectedCallback(): void;
|
|
741
|
+
updated(_changedProperties: Map<string, unknown>): void;
|
|
742
|
+
render(): lit.TemplateResult<1>;
|
|
743
|
+
}
|
|
744
|
+
declare global {
|
|
745
|
+
interface HTMLElementTagNameMap {
|
|
746
|
+
"ds-stepper-item": DsStepperItem;
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
declare class DsStepperTrigger extends DSElement {
|
|
751
|
+
connectedCallback(): void;
|
|
752
|
+
disconnectedCallback(): void;
|
|
753
|
+
private getStep;
|
|
754
|
+
private isDisabled;
|
|
755
|
+
private handleClick;
|
|
756
|
+
private handleKeyDown;
|
|
757
|
+
render(): lit.TemplateResult<1>;
|
|
758
|
+
}
|
|
759
|
+
declare global {
|
|
760
|
+
interface HTMLElementTagNameMap {
|
|
761
|
+
"ds-stepper-trigger": DsStepperTrigger;
|
|
762
|
+
}
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
declare class DsStepperIndicator extends DSElement {
|
|
766
|
+
connectedCallback(): void;
|
|
767
|
+
render(): lit.TemplateResult<1>;
|
|
768
|
+
}
|
|
769
|
+
declare global {
|
|
770
|
+
interface HTMLElementTagNameMap {
|
|
771
|
+
"ds-stepper-indicator": DsStepperIndicator;
|
|
772
|
+
}
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
declare class DsStepperTitle extends DSElement {
|
|
776
|
+
render(): lit.TemplateResult<1>;
|
|
777
|
+
}
|
|
778
|
+
declare global {
|
|
779
|
+
interface HTMLElementTagNameMap {
|
|
780
|
+
"ds-stepper-title": DsStepperTitle;
|
|
781
|
+
}
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
declare class DsStepperDescription extends DSElement {
|
|
785
|
+
render(): lit.TemplateResult<1>;
|
|
786
|
+
}
|
|
787
|
+
declare global {
|
|
788
|
+
interface HTMLElementTagNameMap {
|
|
789
|
+
"ds-stepper-description": DsStepperDescription;
|
|
790
|
+
}
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
declare class DsStepperSeparator extends DSElement {
|
|
794
|
+
connectedCallback(): void;
|
|
795
|
+
render(): lit.TemplateResult<1>;
|
|
796
|
+
}
|
|
797
|
+
declare global {
|
|
798
|
+
interface HTMLElementTagNameMap {
|
|
799
|
+
"ds-stepper-separator": DsStepperSeparator;
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
declare class DsStepperContent extends DSElement {
|
|
804
|
+
connectedCallback(): void;
|
|
805
|
+
render(): lit.TemplateResult<1>;
|
|
806
|
+
}
|
|
807
|
+
declare global {
|
|
808
|
+
interface HTMLElementTagNameMap {
|
|
809
|
+
"ds-stepper-content": DsStepperContent;
|
|
810
|
+
}
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
type StepperOrientation = "horizontal" | "vertical";
|
|
814
|
+
declare class DsStepper extends DSElement {
|
|
815
|
+
/** Current step value */
|
|
816
|
+
value: number;
|
|
817
|
+
/** Orientation */
|
|
818
|
+
orientation: StepperOrientation;
|
|
819
|
+
/** Whether steps are linear (must complete in order) */
|
|
820
|
+
linear: boolean;
|
|
821
|
+
/**
|
|
822
|
+
* Accessible label for the stepper.
|
|
823
|
+
* Per APG, the stepper should have a clear label describing its purpose.
|
|
824
|
+
*/
|
|
825
|
+
ariaLabel: string;
|
|
826
|
+
connectedCallback(): void;
|
|
827
|
+
disconnectedCallback(): void;
|
|
828
|
+
/**
|
|
829
|
+
* Go to a specific step.
|
|
830
|
+
*/
|
|
831
|
+
goToStep(step: number): void;
|
|
832
|
+
/**
|
|
833
|
+
* Go to next step.
|
|
834
|
+
*/
|
|
835
|
+
nextStep(): void;
|
|
836
|
+
/**
|
|
837
|
+
* Go to previous step.
|
|
838
|
+
*/
|
|
839
|
+
previousStep(): void;
|
|
840
|
+
private handleStepSelect;
|
|
841
|
+
private updateActiveState;
|
|
842
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
843
|
+
render(): lit.TemplateResult<1>;
|
|
844
|
+
}
|
|
845
|
+
declare global {
|
|
846
|
+
interface HTMLElementTagNameMap {
|
|
847
|
+
"ds-stepper": DsStepper;
|
|
848
|
+
}
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
export { type AccordionType as A, DsBreadcrumbItem as B, DsBreadcrumbLink as C, DsCollapsible as D, DsBreadcrumbPage as E, DsBreadcrumbSeparator as F, DsPagination as G, DsPaginationContent as H, DsPaginationItem as I, DsPaginationLink as J, DsPaginationPrevious as K, DsPaginationNext as L, DsPaginationEllipsis as M, DsStepper as N, type StepperOrientation as O, DsStepperItem as P, DsStepperTrigger as Q, DsStepperIndicator as R, type ScrollAreaType as S, type TabsOrientation as T, DsStepperTitle as U, DsStepperDescription as V, DsStepperSeparator as W, DsStepperContent as X, DsCollapsibleTrigger as a, DsCollapsibleContent as b, DsTabs as c, type TabsActivationMode as d, DsTabsList as e, DsTabsTrigger as f, DsTabsContent as g, DsAccordion as h, type AccordionOrientation as i, DsAccordionItem as j, DsAccordionTrigger as k, DsAccordionContent as l, DsNavigationMenu as m, DsNavigationMenuList as n, DsNavigationMenuItem as o, DsNavigationMenuTrigger as p, DsNavigationMenuContent as q, DsNavigationMenuLink as r, DsNavigationMenuIndicator as s, DsNavigationMenuViewport as t, DsScrollArea as u, DsScrollAreaViewport as v, DsScrollAreaScrollbar as w, DsScrollAreaThumb as x, DsBreadcrumb as y, DsBreadcrumbList as z };
|