accented 0.0.0-20250124142030 → 0.0.0-20250303013509

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.
Files changed (129) hide show
  1. package/README.md +55 -3
  2. package/dist/accented.d.ts +3 -1
  3. package/dist/accented.d.ts.map +1 -1
  4. package/dist/accented.js +69 -50
  5. package/dist/accented.js.map +1 -1
  6. package/dist/constants.d.ts +3 -0
  7. package/dist/constants.d.ts.map +1 -0
  8. package/dist/constants.js +3 -0
  9. package/dist/constants.js.map +1 -0
  10. package/dist/dom-updater.d.ts +1 -1
  11. package/dist/dom-updater.d.ts.map +1 -1
  12. package/dist/dom-updater.js +26 -19
  13. package/dist/dom-updater.js.map +1 -1
  14. package/dist/elements/{accented-container.d.ts → accented-dialog.d.ts} +10 -4
  15. package/dist/elements/accented-dialog.d.ts.map +1 -0
  16. package/dist/elements/accented-dialog.js +371 -0
  17. package/dist/elements/accented-dialog.js.map +1 -0
  18. package/dist/elements/accented-trigger.d.ts +361 -0
  19. package/dist/elements/accented-trigger.d.ts.map +1 -0
  20. package/dist/elements/accented-trigger.js +188 -0
  21. package/dist/elements/accented-trigger.js.map +1 -0
  22. package/dist/intersection-observer.d.ts +5 -0
  23. package/dist/intersection-observer.d.ts.map +1 -0
  24. package/dist/intersection-observer.js +28 -0
  25. package/dist/intersection-observer.js.map +1 -0
  26. package/dist/log-and-rethrow.d.ts +2 -0
  27. package/dist/log-and-rethrow.d.ts.map +1 -0
  28. package/dist/log-and-rethrow.js +7 -0
  29. package/dist/log-and-rethrow.js.map +1 -0
  30. package/dist/logger.d.ts.map +1 -1
  31. package/dist/logger.js +10 -5
  32. package/dist/logger.js.map +1 -1
  33. package/dist/register-elements.d.ts +2 -0
  34. package/dist/register-elements.d.ts.map +1 -0
  35. package/dist/register-elements.js +21 -0
  36. package/dist/register-elements.js.map +1 -0
  37. package/dist/resize-listener.d.ts +2 -0
  38. package/dist/resize-listener.d.ts.map +1 -0
  39. package/dist/resize-listener.js +18 -0
  40. package/dist/resize-listener.js.map +1 -0
  41. package/dist/scanner.d.ts +2 -2
  42. package/dist/scanner.d.ts.map +1 -1
  43. package/dist/scanner.js +97 -33
  44. package/dist/scanner.js.map +1 -1
  45. package/dist/scroll-listeners.d.ts +2 -0
  46. package/dist/scroll-listeners.d.ts.map +1 -0
  47. package/dist/scroll-listeners.js +38 -0
  48. package/dist/scroll-listeners.js.map +1 -0
  49. package/dist/state.d.ts +1 -0
  50. package/dist/state.d.ts.map +1 -1
  51. package/dist/state.js +6 -0
  52. package/dist/state.js.map +1 -1
  53. package/dist/types.d.ts +71 -18
  54. package/dist/types.d.ts.map +1 -1
  55. package/dist/types.js +1 -0
  56. package/dist/types.js.map +1 -1
  57. package/dist/utils/deep-merge.js +1 -1
  58. package/dist/utils/deep-merge.js.map +1 -1
  59. package/dist/utils/get-element-html.d.ts +2 -0
  60. package/dist/utils/get-element-html.d.ts.map +1 -0
  61. package/dist/utils/get-element-html.js +14 -0
  62. package/dist/utils/get-element-html.js.map +1 -0
  63. package/dist/utils/get-element-position.d.ts +3 -0
  64. package/dist/utils/get-element-position.d.ts.map +1 -0
  65. package/dist/utils/get-element-position.js +58 -0
  66. package/dist/utils/get-element-position.js.map +1 -0
  67. package/dist/utils/get-scrollable-ancestors.d.ts +2 -0
  68. package/dist/utils/get-scrollable-ancestors.d.ts.map +1 -0
  69. package/dist/utils/get-scrollable-ancestors.js +15 -0
  70. package/dist/utils/get-scrollable-ancestors.js.map +1 -0
  71. package/dist/utils/is-html-element.d.ts +2 -0
  72. package/dist/utils/is-html-element.d.ts.map +1 -0
  73. package/dist/utils/is-html-element.js +7 -0
  74. package/dist/utils/is-html-element.js.map +1 -0
  75. package/dist/utils/recalculate-positions.d.ts +2 -0
  76. package/dist/utils/recalculate-positions.d.ts.map +1 -0
  77. package/dist/utils/recalculate-positions.js +27 -0
  78. package/dist/utils/recalculate-positions.js.map +1 -0
  79. package/dist/utils/recalculate-scrollable-ancestors.d.ts +2 -0
  80. package/dist/utils/recalculate-scrollable-ancestors.d.ts.map +1 -0
  81. package/dist/utils/recalculate-scrollable-ancestors.js +13 -0
  82. package/dist/utils/recalculate-scrollable-ancestors.js.map +1 -0
  83. package/dist/utils/supports-anchor-positioning.d.ts +6 -0
  84. package/dist/utils/supports-anchor-positioning.d.ts.map +1 -0
  85. package/dist/utils/supports-anchor-positioning.js +4 -0
  86. package/dist/utils/supports-anchor-positioning.js.map +1 -0
  87. package/dist/utils/transform-violations.d.ts.map +1 -1
  88. package/dist/utils/transform-violations.js +9 -0
  89. package/dist/utils/transform-violations.js.map +1 -1
  90. package/dist/utils/update-elements-with-issues.d.ts +3 -1
  91. package/dist/utils/update-elements-with-issues.d.ts.map +1 -1
  92. package/dist/utils/update-elements-with-issues.js +25 -7
  93. package/dist/utils/update-elements-with-issues.js.map +1 -1
  94. package/dist/validate-options.d.ts +3 -0
  95. package/dist/validate-options.d.ts.map +1 -0
  96. package/dist/validate-options.js +42 -0
  97. package/dist/validate-options.js.map +1 -0
  98. package/package.json +2 -1
  99. package/src/accented.ts +78 -58
  100. package/src/constants.ts +2 -0
  101. package/src/dom-updater.ts +26 -18
  102. package/src/elements/accented-dialog.ts +394 -0
  103. package/src/elements/accented-trigger.ts +214 -0
  104. package/src/intersection-observer.ts +28 -0
  105. package/src/log-and-rethrow.ts +9 -0
  106. package/src/logger.ts +11 -6
  107. package/src/register-elements.ts +21 -0
  108. package/src/resize-listener.ts +17 -0
  109. package/src/scanner.ts +108 -37
  110. package/src/scroll-listeners.ts +37 -0
  111. package/src/state.ts +12 -0
  112. package/src/types.ts +78 -19
  113. package/src/utils/deep-merge.test.ts +7 -0
  114. package/src/utils/deep-merge.ts +1 -1
  115. package/src/utils/get-element-html.ts +13 -0
  116. package/src/utils/get-element-position.ts +59 -0
  117. package/src/utils/get-scrollable-ancestors.ts +14 -0
  118. package/src/utils/is-html-element.ts +6 -0
  119. package/src/utils/recalculate-positions.ts +27 -0
  120. package/src/utils/recalculate-scrollable-ancestors.ts +13 -0
  121. package/src/utils/supports-anchor-positioning.ts +7 -0
  122. package/src/utils/transform-violations.ts +12 -1
  123. package/src/utils/update-elements-with-issues.test.ts +91 -16
  124. package/src/utils/update-elements-with-issues.ts +40 -20
  125. package/src/validate-options.ts +44 -0
  126. package/dist/elements/accented-container.d.ts.map +0 -1
  127. package/dist/elements/accented-container.js +0 -131
  128. package/dist/elements/accented-container.js.map +0 -1
  129. package/src/elements/accented-container.ts +0 -147
@@ -0,0 +1,361 @@
1
+ import type { AccentedDialog } from './accented-dialog';
2
+ import type { Position } from '../types';
3
+ import type { Signal } from '@preact/signals-core';
4
+ export interface AccentedTrigger extends HTMLElement {
5
+ element: Element | undefined;
6
+ dialog: AccentedDialog | undefined;
7
+ position: Signal<Position> | undefined;
8
+ visible: Signal<boolean> | undefined;
9
+ }
10
+ declare const _default: (name: string) => {
11
+ new (): {
12
+ "__#2@#abortController": AbortController | undefined;
13
+ "__#2@#dialogCloseAbortController": AbortController | undefined;
14
+ "__#2@#disposeOfPositionEffect": (() => void) | undefined;
15
+ "__#2@#disposeOfVisibilityEffect": (() => void) | undefined;
16
+ "__#2@#elementMutationObserver": MutationObserver | undefined;
17
+ element: Element | undefined;
18
+ dialog: AccentedDialog | undefined;
19
+ position: Signal<Position> | undefined;
20
+ visible: Signal<boolean> | undefined;
21
+ connectedCallback(): void;
22
+ disconnectedCallback(): void;
23
+ "__#2@#setTransform"(): void;
24
+ accessKey: string;
25
+ readonly accessKeyLabel: string;
26
+ autocapitalize: string;
27
+ dir: string;
28
+ draggable: boolean;
29
+ hidden: boolean;
30
+ inert: boolean;
31
+ innerText: string;
32
+ lang: string;
33
+ readonly offsetHeight: number;
34
+ readonly offsetLeft: number;
35
+ readonly offsetParent: Element | null;
36
+ readonly offsetTop: number;
37
+ readonly offsetWidth: number;
38
+ outerText: string;
39
+ popover: string | null;
40
+ spellcheck: boolean;
41
+ title: string;
42
+ translate: boolean;
43
+ writingSuggestions: string;
44
+ attachInternals(): ElementInternals;
45
+ click(): void;
46
+ hidePopover(): void;
47
+ showPopover(): void;
48
+ togglePopover(force?: boolean): boolean;
49
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
50
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
51
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
52
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
53
+ readonly attributes: NamedNodeMap;
54
+ readonly classList: DOMTokenList;
55
+ className: string;
56
+ readonly clientHeight: number;
57
+ readonly clientLeft: number;
58
+ readonly clientTop: number;
59
+ readonly clientWidth: number;
60
+ readonly currentCSSZoom: number;
61
+ id: string;
62
+ innerHTML: string;
63
+ readonly localName: string;
64
+ readonly namespaceURI: string | null;
65
+ onfullscreenchange: ((this: Element, ev: Event) => any) | null;
66
+ onfullscreenerror: ((this: Element, ev: Event) => any) | null;
67
+ outerHTML: string;
68
+ readonly ownerDocument: Document;
69
+ readonly part: DOMTokenList;
70
+ readonly prefix: string | null;
71
+ readonly scrollHeight: number;
72
+ scrollLeft: number;
73
+ scrollTop: number;
74
+ readonly scrollWidth: number;
75
+ readonly shadowRoot: ShadowRoot | null;
76
+ slot: string;
77
+ readonly tagName: string;
78
+ attachShadow(init: ShadowRootInit): ShadowRoot;
79
+ checkVisibility(options?: CheckVisibilityOptions): boolean;
80
+ closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
81
+ closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
82
+ closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
83
+ closest<E extends Element = Element>(selectors: string): E | null;
84
+ computedStyleMap(): StylePropertyMapReadOnly;
85
+ getAttribute(qualifiedName: string): string | null;
86
+ getAttributeNS(namespace: string | null, localName: string): string | null;
87
+ getAttributeNames(): string[];
88
+ getAttributeNode(qualifiedName: string): Attr | null;
89
+ getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
90
+ getBoundingClientRect(): DOMRect;
91
+ getClientRects(): DOMRectList;
92
+ getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
93
+ getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
94
+ getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
95
+ getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
96
+ getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
97
+ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
98
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
99
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
100
+ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
101
+ getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
102
+ getHTML(options?: GetHTMLOptions): string;
103
+ hasAttribute(qualifiedName: string): boolean;
104
+ hasAttributeNS(namespace: string | null, localName: string): boolean;
105
+ hasAttributes(): boolean;
106
+ hasPointerCapture(pointerId: number): boolean;
107
+ insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
108
+ insertAdjacentHTML(position: InsertPosition, string: string): void;
109
+ insertAdjacentText(where: InsertPosition, data: string): void;
110
+ matches(selectors: string): boolean;
111
+ releasePointerCapture(pointerId: number): void;
112
+ removeAttribute(qualifiedName: string): void;
113
+ removeAttributeNS(namespace: string | null, localName: string): void;
114
+ removeAttributeNode(attr: Attr): Attr;
115
+ requestFullscreen(options?: FullscreenOptions): Promise<void>;
116
+ requestPointerLock(options?: PointerLockOptions): Promise<void>;
117
+ scroll(options?: ScrollToOptions): void;
118
+ scroll(x: number, y: number): void;
119
+ scrollBy(options?: ScrollToOptions): void;
120
+ scrollBy(x: number, y: number): void;
121
+ scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
122
+ scrollTo(options?: ScrollToOptions): void;
123
+ scrollTo(x: number, y: number): void;
124
+ setAttribute(qualifiedName: string, value: string): void;
125
+ setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
126
+ setAttributeNode(attr: Attr): Attr | null;
127
+ setAttributeNodeNS(attr: Attr): Attr | null;
128
+ setHTMLUnsafe(html: string): void;
129
+ setPointerCapture(pointerId: number): void;
130
+ toggleAttribute(qualifiedName: string, force?: boolean): boolean;
131
+ webkitMatchesSelector(selectors: string): boolean;
132
+ readonly baseURI: string;
133
+ readonly childNodes: NodeListOf<ChildNode>;
134
+ readonly firstChild: ChildNode | null;
135
+ readonly isConnected: boolean;
136
+ readonly lastChild: ChildNode | null;
137
+ readonly nextSibling: ChildNode | null;
138
+ readonly nodeName: string;
139
+ readonly nodeType: number;
140
+ nodeValue: string | null;
141
+ readonly parentElement: HTMLElement | null;
142
+ readonly parentNode: ParentNode | null;
143
+ readonly previousSibling: ChildNode | null;
144
+ textContent: string | null;
145
+ appendChild<T extends Node>(node: T): T;
146
+ cloneNode(deep?: boolean): Node;
147
+ compareDocumentPosition(other: Node): number;
148
+ contains(other: Node | null): boolean;
149
+ getRootNode(options?: GetRootNodeOptions): Node;
150
+ hasChildNodes(): boolean;
151
+ insertBefore<T extends Node>(node: T, child: Node | null): T;
152
+ isDefaultNamespace(namespace: string | null): boolean;
153
+ isEqualNode(otherNode: Node | null): boolean;
154
+ isSameNode(otherNode: Node | null): boolean;
155
+ lookupNamespaceURI(prefix: string | null): string | null;
156
+ lookupPrefix(namespace: string | null): string | null;
157
+ normalize(): void;
158
+ removeChild<T extends Node>(child: T): T;
159
+ replaceChild<T extends Node>(node: Node, child: T): T;
160
+ readonly ELEMENT_NODE: 1;
161
+ readonly ATTRIBUTE_NODE: 2;
162
+ readonly TEXT_NODE: 3;
163
+ readonly CDATA_SECTION_NODE: 4;
164
+ readonly ENTITY_REFERENCE_NODE: 5;
165
+ readonly ENTITY_NODE: 6;
166
+ readonly PROCESSING_INSTRUCTION_NODE: 7;
167
+ readonly COMMENT_NODE: 8;
168
+ readonly DOCUMENT_NODE: 9;
169
+ readonly DOCUMENT_TYPE_NODE: 10;
170
+ readonly DOCUMENT_FRAGMENT_NODE: 11;
171
+ readonly NOTATION_NODE: 12;
172
+ readonly DOCUMENT_POSITION_DISCONNECTED: 1;
173
+ readonly DOCUMENT_POSITION_PRECEDING: 2;
174
+ readonly DOCUMENT_POSITION_FOLLOWING: 4;
175
+ readonly DOCUMENT_POSITION_CONTAINS: 8;
176
+ readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
177
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
178
+ dispatchEvent(event: Event): boolean;
179
+ ariaAtomic: string | null;
180
+ ariaAutoComplete: string | null;
181
+ ariaBrailleLabel: string | null;
182
+ ariaBrailleRoleDescription: string | null;
183
+ ariaBusy: string | null;
184
+ ariaChecked: string | null;
185
+ ariaColCount: string | null;
186
+ ariaColIndex: string | null;
187
+ ariaColIndexText: string | null;
188
+ ariaColSpan: string | null;
189
+ ariaCurrent: string | null;
190
+ ariaDescription: string | null;
191
+ ariaDisabled: string | null;
192
+ ariaExpanded: string | null;
193
+ ariaHasPopup: string | null;
194
+ ariaHidden: string | null;
195
+ ariaInvalid: string | null;
196
+ ariaKeyShortcuts: string | null;
197
+ ariaLabel: string | null;
198
+ ariaLevel: string | null;
199
+ ariaLive: string | null;
200
+ ariaModal: string | null;
201
+ ariaMultiLine: string | null;
202
+ ariaMultiSelectable: string | null;
203
+ ariaOrientation: string | null;
204
+ ariaPlaceholder: string | null;
205
+ ariaPosInSet: string | null;
206
+ ariaPressed: string | null;
207
+ ariaReadOnly: string | null;
208
+ ariaRequired: string | null;
209
+ ariaRoleDescription: string | null;
210
+ ariaRowCount: string | null;
211
+ ariaRowIndex: string | null;
212
+ ariaRowIndexText: string | null;
213
+ ariaRowSpan: string | null;
214
+ ariaSelected: string | null;
215
+ ariaSetSize: string | null;
216
+ ariaSort: string | null;
217
+ ariaValueMax: string | null;
218
+ ariaValueMin: string | null;
219
+ ariaValueNow: string | null;
220
+ ariaValueText: string | null;
221
+ role: string | null;
222
+ animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
223
+ getAnimations(options?: GetAnimationsOptions): Animation[];
224
+ after(...nodes: (Node | string)[]): void;
225
+ before(...nodes: (Node | string)[]): void;
226
+ remove(): void;
227
+ replaceWith(...nodes: (Node | string)[]): void;
228
+ readonly nextElementSibling: Element | null;
229
+ readonly previousElementSibling: Element | null;
230
+ readonly childElementCount: number;
231
+ readonly children: HTMLCollection;
232
+ readonly firstElementChild: Element | null;
233
+ readonly lastElementChild: Element | null;
234
+ append(...nodes: (Node | string)[]): void;
235
+ prepend(...nodes: (Node | string)[]): void;
236
+ querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
237
+ querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
238
+ querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
239
+ querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
240
+ querySelector<E extends Element = Element>(selectors: string): E | null;
241
+ querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
242
+ querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
243
+ querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
244
+ querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
245
+ querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
246
+ replaceChildren(...nodes: (Node | string)[]): void;
247
+ readonly assignedSlot: HTMLSlotElement | null;
248
+ readonly attributeStyleMap: StylePropertyMap;
249
+ readonly style: CSSStyleDeclaration;
250
+ contentEditable: string;
251
+ enterKeyHint: string;
252
+ inputMode: string;
253
+ readonly isContentEditable: boolean;
254
+ onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
255
+ onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
256
+ onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
257
+ onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
258
+ onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
259
+ onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
260
+ onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
261
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
262
+ onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
263
+ oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
264
+ oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
265
+ oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
266
+ onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
267
+ onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
268
+ onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
269
+ oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
270
+ oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
271
+ oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
272
+ oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
273
+ oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
274
+ oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
275
+ ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
276
+ ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
277
+ ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
278
+ ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
279
+ ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
280
+ ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
281
+ ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
282
+ ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
283
+ ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
284
+ onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
285
+ onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
286
+ onerror: OnErrorEventHandler;
287
+ onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
288
+ onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
289
+ ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
290
+ oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
291
+ oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
292
+ onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
293
+ onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
294
+ onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
295
+ onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
+ onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
297
+ onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
298
+ onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
299
+ onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
300
+ onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
301
+ onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
302
+ onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
303
+ onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
304
+ onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
305
+ onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
306
+ onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
307
+ onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
308
+ onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
309
+ onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
310
+ onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
311
+ onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
312
+ onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
313
+ onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
314
+ onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
315
+ onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
316
+ onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
317
+ onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
318
+ onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
319
+ onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
320
+ onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
321
+ onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
322
+ onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
323
+ onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
324
+ onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
325
+ onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
326
+ onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
+ onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
328
+ onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
329
+ onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
330
+ onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
331
+ onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
332
+ onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
333
+ onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
334
+ onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
335
+ ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
336
+ ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
337
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
338
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
339
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
340
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
341
+ ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
342
+ ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
343
+ ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
344
+ ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
345
+ onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
346
+ onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
347
+ onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
348
+ onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
349
+ onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
350
+ onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
351
+ onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
352
+ autofocus: boolean;
353
+ readonly dataset: DOMStringMap;
354
+ nonce?: string;
355
+ tabIndex: number;
356
+ blur(): void;
357
+ focus(options?: FocusOptions): void;
358
+ };
359
+ };
360
+ export default _default;
361
+ //# sourceMappingURL=accented-trigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accented-trigger.d.ts","sourceRoot":"","sources":["../../src/elements/accented-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACtC;+BAMqB,MAAM;;iCA4DN,eAAe,GAAG,SAAS;4CAEhB,eAAe,GAAG,SAAS;yCAE9B,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;2CAEtB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;yCAE1B,gBAAgB,GAAG,SAAS;iBAE7C,OAAO,GAAG,SAAS;gBAEpB,cAAc,GAAG,SAAS;kBAExB,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS;iBAE7B,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5ExC,wBAmME"}
@@ -0,0 +1,188 @@
1
+ import { effect } from '@preact/signals-core';
2
+ import supportsAnchorPositioning from '../utils/supports-anchor-positioning.js';
3
+ import logAndRethrow from '../log-and-rethrow.js';
4
+ const triggerSize = 'max(32px, 2rem)';
5
+ // We want Accented to not throw an error in Node, and use static imports,
6
+ // so we can't export `class extends HTMLElement` because HTMLElement is not available in Node.
7
+ export default (name) => {
8
+ const template = document.createElement('template');
9
+ // I initially tried creating a CSSStyelSheet object with styles instead of having a <style> element in the template,
10
+ // but that led to a hard-to-catch layout bug in Safari in CI that caused a test to fail.
11
+ // It seems that when using adoptedStyleSheets, the styles may be applied asynchronously,
12
+ // which may have caused the layout bug.
13
+ // Using a <style> element does not seem to lead to any performance issues, so I'm keeping it this way.
14
+ template.innerHTML = `
15
+ <style>
16
+ :host {
17
+ position: fixed !important;
18
+ inset-inline-start: anchor(self-start) !important;
19
+ inset-inline-end: anchor(self-end) !important;
20
+ inset-block-start: anchor(self-start) !important;
21
+ inset-block-end: anchor(self-end) !important;
22
+
23
+ position-visibility: anchors-visible !important;
24
+
25
+ /* Revert potential effects of white-space: pre; set on a trigger's ancestor. */
26
+ white-space: normal !important;
27
+
28
+ pointer-events: none !important;
29
+ }
30
+
31
+ #trigger {
32
+ pointer-events: auto;
33
+
34
+ position: absolute;
35
+ inset-inline-end: 0;
36
+
37
+ box-sizing: border-box;
38
+ font-size: 1rem;
39
+ inline-size: ${triggerSize};
40
+ block-size: ${triggerSize};
41
+
42
+ /* Make it look better in forced-colors mode. */
43
+ border: 2px solid transparent;
44
+
45
+ background-color: var(--${name}-primary-color);
46
+ color: var(--${name}-secondary-color);
47
+
48
+ outline-offset: -4px;
49
+ outline-color: currentColor;
50
+ outline-width: 2px;
51
+ outline-style: none;
52
+
53
+ &:focus-visible {
54
+ outline-style: solid;
55
+ }
56
+
57
+ &:hover:not(:focus-visible) {
58
+ outline-style: dashed;
59
+ }
60
+ }
61
+ </style>
62
+ <button id="trigger" lang="en">⚠</button>
63
+ `;
64
+ return class extends HTMLElement {
65
+ #abortController;
66
+ #dialogCloseAbortController;
67
+ #disposeOfPositionEffect;
68
+ #disposeOfVisibilityEffect;
69
+ #elementMutationObserver;
70
+ element;
71
+ dialog;
72
+ position;
73
+ visible;
74
+ constructor() {
75
+ try {
76
+ super();
77
+ this.attachShadow({ mode: 'open' });
78
+ const content = template.content.cloneNode(true);
79
+ if (this.shadowRoot) {
80
+ this.shadowRoot.append(content);
81
+ }
82
+ }
83
+ catch (error) {
84
+ logAndRethrow(error);
85
+ }
86
+ }
87
+ connectedCallback() {
88
+ try {
89
+ if (this.shadowRoot) {
90
+ const { shadowRoot } = this;
91
+ const trigger = shadowRoot.getElementById('trigger');
92
+ if (trigger && this.element) {
93
+ trigger.ariaLabel = `Accessibility issues in ${this.element.nodeName.toLowerCase()}`;
94
+ }
95
+ this.#setTransform();
96
+ this.#elementMutationObserver = new MutationObserver(() => {
97
+ try {
98
+ this.#setTransform();
99
+ }
100
+ catch (error) {
101
+ logAndRethrow(error);
102
+ }
103
+ });
104
+ if (this.element) {
105
+ this.#elementMutationObserver.observe(this.element, {
106
+ attributes: true
107
+ });
108
+ }
109
+ this.#abortController = new AbortController();
110
+ trigger?.addEventListener('click', (event) => {
111
+ try {
112
+ event.preventDefault();
113
+ // We append the dialog when the button is clicked,
114
+ // and remove it from the DOM when the dialog is closed.
115
+ // This gives us a performance improvement since Axe
116
+ // scan time seems to depend on the number of elements in the DOM.
117
+ if (this.dialog) {
118
+ this.#dialogCloseAbortController = new AbortController();
119
+ document.body.append(this.dialog);
120
+ this.dialog.showModal();
121
+ this.dialog.addEventListener('close', () => {
122
+ try {
123
+ this.dialog?.remove();
124
+ this.#dialogCloseAbortController?.abort();
125
+ }
126
+ catch (error) {
127
+ logAndRethrow(error);
128
+ }
129
+ }, { signal: this.#dialogCloseAbortController.signal });
130
+ }
131
+ }
132
+ catch (error) {
133
+ logAndRethrow(error);
134
+ }
135
+ }, { signal: this.#abortController.signal });
136
+ if (!supportsAnchorPositioning(window)) {
137
+ this.#disposeOfPositionEffect = effect(() => {
138
+ if (this.position && trigger) {
139
+ const position = this.position.value;
140
+ this.style.setProperty('top', `${position.top}px`, 'important');
141
+ this.style.setProperty('left', `${position.left}px`, 'important');
142
+ this.style.setProperty('width', `${position.width}px`, 'important');
143
+ this.style.setProperty('height', `${position.height}px`, 'important');
144
+ }
145
+ });
146
+ this.#disposeOfVisibilityEffect = effect(() => {
147
+ this.style.setProperty('visibility', this.visible?.value ? 'visible' : 'hidden', 'important');
148
+ });
149
+ }
150
+ }
151
+ }
152
+ catch (error) {
153
+ logAndRethrow(error);
154
+ }
155
+ }
156
+ disconnectedCallback() {
157
+ try {
158
+ if (this.#abortController) {
159
+ this.#abortController.abort();
160
+ }
161
+ if (this.#dialogCloseAbortController) {
162
+ this.#dialogCloseAbortController.abort();
163
+ this.dialog?.remove();
164
+ }
165
+ if (this.#disposeOfPositionEffect) {
166
+ this.#disposeOfPositionEffect();
167
+ this.#disposeOfPositionEffect = undefined;
168
+ }
169
+ if (this.#disposeOfVisibilityEffect) {
170
+ this.#disposeOfVisibilityEffect();
171
+ this.#disposeOfVisibilityEffect = undefined;
172
+ }
173
+ if (this.#elementMutationObserver) {
174
+ this.#elementMutationObserver.disconnect();
175
+ }
176
+ }
177
+ catch (error) {
178
+ logAndRethrow(error);
179
+ }
180
+ }
181
+ #setTransform() {
182
+ if (this.element) {
183
+ this.style.setProperty('transform', window.getComputedStyle(this.element).getPropertyValue('transform'), 'important');
184
+ }
185
+ }
186
+ };
187
+ };
188
+ //# sourceMappingURL=accented-trigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accented-trigger.js","sourceRoot":"","sources":["../../src/elements/accented-trigger.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export default function setupIntersectionObserver(): {
2
+ intersectionObserver: IntersectionObserver;
3
+ disconnect: () => void;
4
+ };
5
+ //# sourceMappingURL=intersection-observer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intersection-observer.d.ts","sourceRoot":"","sources":["../src/intersection-observer.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,yBAAyB;;;EAuBhD"}
@@ -0,0 +1,28 @@
1
+ import logAndRethrow from './log-and-rethrow.js';
2
+ import { extendedElementsWithIssues } from './state.js';
3
+ import getElementPosition from './utils/get-element-position.js';
4
+ export default function setupIntersectionObserver() {
5
+ const intersectionObserver = new IntersectionObserver((entries) => {
6
+ try {
7
+ for (const entry of entries) {
8
+ const extendedElementWithIssues = extendedElementsWithIssues.value.find(el => el.element === entry.target);
9
+ if (extendedElementWithIssues) {
10
+ extendedElementWithIssues.visible.value = entry.isIntersecting;
11
+ if (entry.isIntersecting) {
12
+ extendedElementWithIssues.position.value = getElementPosition(entry.target, window);
13
+ }
14
+ }
15
+ }
16
+ }
17
+ catch (error) {
18
+ logAndRethrow(error);
19
+ }
20
+ }, { threshold: 0 });
21
+ return {
22
+ intersectionObserver,
23
+ disconnect: () => {
24
+ intersectionObserver.disconnect();
25
+ }
26
+ };
27
+ }
28
+ //# sourceMappingURL=intersection-observer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intersection-observer.js","sourceRoot":"","sources":["../src/intersection-observer.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAC/C,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;QAChE,IAAI,CAAC;YACH,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,yBAAyB,GAAG,0BAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC3G,IAAI,yBAAyB,EAAE,CAAC;oBAC9B,yBAAyB,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC;oBAC/D,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,yBAAyB,CAAC,QAAQ,CAAC,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;oBACtF,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;IAErB,OAAO;QACL,oBAAoB;QACpB,UAAU,EAAE,GAAG,EAAE;YACf,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC;KACF,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export default function logAndRethrow(error: unknown): void;
2
+ //# sourceMappingURL=log-and-rethrow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"log-and-rethrow.d.ts","sourceRoot":"","sources":["../src/log-and-rethrow.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,OAAO,QAMnD"}
@@ -0,0 +1,7 @@
1
+ import { issuesUrl } from './constants.js';
2
+ export default function logAndRethrow(error) {
3
+ console.error(`Accented threw an error (see below). Try updating your browser to the latest version. ` +
4
+ `If you’re still seeing the error, file an issue at ${issuesUrl}.`);
5
+ throw error;
6
+ }
7
+ //# sourceMappingURL=log-and-rethrow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"log-and-rethrow.js","sourceRoot":"","sources":["../src/log-and-rethrow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAc;IAClD,OAAO,CAAC,KAAK,CACX,wFAAwF;QACtF,sDAAsD,SAAS,GAAG,CACrE,CAAC;IACF,MAAM,KAAK,CAAC;AACd,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../src/logger.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,YAAY,eAenC"}
1
+ {"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../src/logger.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,YAAY,eAqBnC"}