inclusive-elements 0.6.1 → 0.7.0-beta.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/CHANGELOG.md +7 -0
- package/README.md +22 -17
- package/dist/index.d.ts +230 -0
- package/dist/index.js +1524 -503
- package/package.json +20 -23
- package/src/accordion/README.md +6 -6
- package/src/alerts/README.md +16 -14
- package/src/combobox/README.md +133 -0
- package/src/dialog/README.md +15 -17
- package/src/disclosure/README.md +5 -5
- package/src/menu/README.md +19 -26
- package/src/popover/README.md +10 -10
- package/src/tabs/README.md +12 -12
- package/src/toolbar/README.md +8 -8
- package/src/tooltip/README.md +14 -14
- package/dist/types/alerts/alerts.d.ts +0 -30
- package/dist/types/index.d.ts +0 -6
- package/dist/types/menu/menu.d.ts +0 -42
- package/dist/types/tabs/tabs.d.ts +0 -24
- package/dist/types/toolbar/toolbar.d.ts +0 -11
- package/dist/types/tooltip/tooltip.d.ts +0 -36
- package/dist/types/utils.d.ts +0 -15
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export type AlertPoliteness = 'polite' | 'assertive';
|
|
2
|
-
export type AlertOptions = {
|
|
3
|
-
key?: string;
|
|
4
|
-
duration?: number;
|
|
5
|
-
politeness?: AlertPoliteness;
|
|
6
|
-
};
|
|
7
|
-
export default class AlertsElement extends HTMLElement {
|
|
8
|
-
static duration: number;
|
|
9
|
-
static politeness: AlertPoliteness;
|
|
10
|
-
private timeouts;
|
|
11
|
-
private index;
|
|
12
|
-
connectedCallback(): void;
|
|
13
|
-
disconnectedCallback(): void;
|
|
14
|
-
show(el: HTMLElement, options?: AlertOptions): string;
|
|
15
|
-
dismiss(el: HTMLElement): void;
|
|
16
|
-
dismiss(key: string): void;
|
|
17
|
-
clear(): void;
|
|
18
|
-
speak(message: string, options?: AlertOptions): void;
|
|
19
|
-
private dismissAlert;
|
|
20
|
-
private leaveAlert;
|
|
21
|
-
private startTimeout;
|
|
22
|
-
private clearTimeout;
|
|
23
|
-
private pauseOnInteraction;
|
|
24
|
-
private resumeOnInteraction;
|
|
25
|
-
private handleInteraction;
|
|
26
|
-
private getAlerts;
|
|
27
|
-
private syncAlertPoliteness;
|
|
28
|
-
private getAuthoredPoliteness;
|
|
29
|
-
private getAlertFromTarget;
|
|
30
|
-
}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as AlertsElement } from './alerts/alerts';
|
|
2
|
-
export type { AlertOptions, AlertPoliteness } from './alerts/alerts';
|
|
3
|
-
export { default as MenuElement } from './menu/menu';
|
|
4
|
-
export { default as TabsElement } from './tabs/tabs';
|
|
5
|
-
export { default as ToolbarElement } from './toolbar/toolbar';
|
|
6
|
-
export { default as TooltipElement } from './tooltip/tooltip';
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export default class MenuElement extends HTMLElement {
|
|
2
|
-
static searchDelay: number;
|
|
3
|
-
static observedAttributes: string[];
|
|
4
|
-
private itemSync?;
|
|
5
|
-
private search;
|
|
6
|
-
private searchTimeout?;
|
|
7
|
-
connectedCallback(): void;
|
|
8
|
-
disconnectedCallback(): void;
|
|
9
|
-
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
10
|
-
private get horizontal();
|
|
11
|
-
private syncDocumentListeners;
|
|
12
|
-
private removeDocumentListeners;
|
|
13
|
-
private onDocumentClick;
|
|
14
|
-
private onDocumentKeyDown;
|
|
15
|
-
private onKeyDown;
|
|
16
|
-
private onClick;
|
|
17
|
-
private onMouseEnter;
|
|
18
|
-
private isActive;
|
|
19
|
-
private syncItems;
|
|
20
|
-
private getItems;
|
|
21
|
-
private getEnabledItems;
|
|
22
|
-
private isItemEnabled;
|
|
23
|
-
private belongsToThisMenu;
|
|
24
|
-
private getActiveItem;
|
|
25
|
-
private getItemForEvent;
|
|
26
|
-
private getRootTriggerForEvent;
|
|
27
|
-
private getTriggers;
|
|
28
|
-
private getParentMenuTrigger;
|
|
29
|
-
private getParentMenu;
|
|
30
|
-
private getSubmenu;
|
|
31
|
-
private openSubmenu;
|
|
32
|
-
private closeSubmenus;
|
|
33
|
-
private closeSelfAndDescendants;
|
|
34
|
-
private closeMenuTree;
|
|
35
|
-
private focusRootMenuTrigger;
|
|
36
|
-
private getRootMenuTrigger;
|
|
37
|
-
private handleTypeahead;
|
|
38
|
-
private updateTypeaheadSearch;
|
|
39
|
-
private findTypeaheadMatch;
|
|
40
|
-
private getItemLabel;
|
|
41
|
-
private showPopoverWithSource;
|
|
42
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
type SelectTabOptions = {
|
|
2
|
-
focus?: boolean;
|
|
3
|
-
emit?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export default class TabsElement extends HTMLElement {
|
|
6
|
-
private idPrefix;
|
|
7
|
-
private structureSync?;
|
|
8
|
-
private managedPanelTabindex;
|
|
9
|
-
connectedCallback(): void;
|
|
10
|
-
disconnectedCallback(): void;
|
|
11
|
-
selectTab(index: number, options?: SelectTabOptions): boolean;
|
|
12
|
-
private onKeyDown;
|
|
13
|
-
private onClick;
|
|
14
|
-
private syncStructure;
|
|
15
|
-
private get vertical();
|
|
16
|
-
private get tablist();
|
|
17
|
-
private tabPairs;
|
|
18
|
-
private getSelectedIndex;
|
|
19
|
-
private getEventTabIndex;
|
|
20
|
-
private applySelection;
|
|
21
|
-
private syncPanelTabindex;
|
|
22
|
-
private hasAuthorManagedTabindex;
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export default class ToolbarElement extends HTMLElement {
|
|
2
|
-
private structureSync?;
|
|
3
|
-
connectedCallback(): void;
|
|
4
|
-
disconnectedCallback(): void;
|
|
5
|
-
private onFocus;
|
|
6
|
-
private onKeyDown;
|
|
7
|
-
private syncControls;
|
|
8
|
-
private syncCurrentControl;
|
|
9
|
-
private get vertical();
|
|
10
|
-
private get controls();
|
|
11
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
export default class TooltipElement extends HTMLElement {
|
|
2
|
-
static delay: number;
|
|
3
|
-
static observedAttributes: string[];
|
|
4
|
-
private owner?;
|
|
5
|
-
private timeout?;
|
|
6
|
-
private sync;
|
|
7
|
-
private ownerObserver?;
|
|
8
|
-
private siblingObserver?;
|
|
9
|
-
private managedDescription?;
|
|
10
|
-
connectedCallback(): void;
|
|
11
|
-
disconnectedCallback(): void;
|
|
12
|
-
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
13
|
-
get disabled(): boolean;
|
|
14
|
-
set disabled(val: boolean);
|
|
15
|
-
show(owner?: HTMLElement | undefined): void;
|
|
16
|
-
hide(): void;
|
|
17
|
-
private onToggle;
|
|
18
|
-
private onDocumentKeyDown;
|
|
19
|
-
private syncOwner;
|
|
20
|
-
private resolveOwner;
|
|
21
|
-
private resolveExplicitOwner;
|
|
22
|
-
private setOwner;
|
|
23
|
-
private onOwnerFocusIn;
|
|
24
|
-
private onOwnerFocusOut;
|
|
25
|
-
private onOwnerPointerEnter;
|
|
26
|
-
private onTooltipPointerEnter;
|
|
27
|
-
private onInteractivePointerLeave;
|
|
28
|
-
private onOwnerClick;
|
|
29
|
-
private afterDelay;
|
|
30
|
-
private containsInteractiveTarget;
|
|
31
|
-
private updateManagedDescription;
|
|
32
|
-
private getDescriptionTokens;
|
|
33
|
-
private ensureTooltipId;
|
|
34
|
-
private supportsHoverInteraction;
|
|
35
|
-
private isOwnerDisabled;
|
|
36
|
-
}
|
package/dist/types/utils.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare function createQueuedSync(element: HTMLElement, sync: () => void): {
|
|
2
|
-
queue: () => void;
|
|
3
|
-
disconnect(): void;
|
|
4
|
-
};
|
|
5
|
-
export declare function createQueuedElementSync(element: HTMLElement, options: MutationObserverInit, sync: () => void): {
|
|
6
|
-
observe(): void;
|
|
7
|
-
disconnect(): void;
|
|
8
|
-
queue: () => void;
|
|
9
|
-
};
|
|
10
|
-
export declare function getLookupRoot(element: HTMLElement): Document | ShadowRoot;
|
|
11
|
-
export declare function getRovingIndexForKey(key: string, options: {
|
|
12
|
-
currentIndex: number;
|
|
13
|
-
length: number;
|
|
14
|
-
vertical: boolean;
|
|
15
|
-
}): number | undefined;
|