accented 1.1.0 → 1.1.2

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 (63) hide show
  1. package/dist/accented.d.ts.map +1 -1
  2. package/dist/accented.js +2 -4
  3. package/dist/accented.js.map +1 -1
  4. package/dist/dom-updater.js +6 -6
  5. package/dist/dom-updater.js.map +1 -1
  6. package/dist/elements/accented-dialog.d.ts.map +1 -1
  7. package/dist/elements/accented-dialog.js +1 -3
  8. package/dist/elements/accented-dialog.js.map +1 -1
  9. package/dist/elements/accented-trigger.js +2 -2
  10. package/dist/elements/accented-trigger.js.map +1 -1
  11. package/dist/intersection-observer.js +2 -2
  12. package/dist/intersection-observer.js.map +1 -1
  13. package/dist/logger.d.ts +1 -4
  14. package/dist/logger.d.ts.map +1 -1
  15. package/dist/logger.js +15 -15
  16. package/dist/logger.js.map +1 -1
  17. package/dist/scanner.d.ts.map +1 -1
  18. package/dist/scanner.js +4 -5
  19. package/dist/scanner.js.map +1 -1
  20. package/dist/state.js +4 -4
  21. package/dist/state.js.map +1 -1
  22. package/dist/utils/get-element-position.d.ts +1 -1
  23. package/dist/utils/get-element-position.d.ts.map +1 -1
  24. package/dist/utils/get-element-position.js +6 -6
  25. package/dist/utils/get-element-position.js.map +1 -1
  26. package/dist/utils/get-scrollable-ancestors.d.ts +1 -1
  27. package/dist/utils/get-scrollable-ancestors.d.ts.map +1 -1
  28. package/dist/utils/get-scrollable-ancestors.js +2 -2
  29. package/dist/utils/get-scrollable-ancestors.js.map +1 -1
  30. package/dist/utils/recalculate-positions.js +1 -1
  31. package/dist/utils/recalculate-positions.js.map +1 -1
  32. package/dist/utils/recalculate-scrollable-ancestors.js +1 -1
  33. package/dist/utils/recalculate-scrollable-ancestors.js.map +1 -1
  34. package/dist/utils/shadow-dom-aware-mutation-observer.d.ts +2 -2
  35. package/dist/utils/shadow-dom-aware-mutation-observer.d.ts.map +1 -1
  36. package/dist/utils/shadow-dom-aware-mutation-observer.js +29 -27
  37. package/dist/utils/shadow-dom-aware-mutation-observer.js.map +1 -1
  38. package/dist/utils/supports-anchor-positioning.d.ts +1 -5
  39. package/dist/utils/supports-anchor-positioning.d.ts.map +1 -1
  40. package/dist/utils/supports-anchor-positioning.js +4 -6
  41. package/dist/utils/supports-anchor-positioning.js.map +1 -1
  42. package/dist/utils/update-elements-with-issues.d.ts +1 -4
  43. package/dist/utils/update-elements-with-issues.d.ts.map +1 -1
  44. package/dist/utils/update-elements-with-issues.js +8 -10
  45. package/dist/utils/update-elements-with-issues.js.map +1 -1
  46. package/package.json +2 -2
  47. package/src/accented.ts +2 -4
  48. package/src/dom-updater.ts +6 -6
  49. package/src/elements/accented-dialog.ts +1 -3
  50. package/src/elements/accented-trigger.ts +2 -2
  51. package/src/intersection-observer.ts +2 -2
  52. package/src/logger.ts +15 -15
  53. package/src/scanner.ts +4 -5
  54. package/src/state.ts +5 -5
  55. package/src/utils/get-element-position.ts +6 -6
  56. package/src/utils/get-scrollable-ancestors.ts +2 -2
  57. package/src/utils/recalculate-positions.ts +1 -1
  58. package/src/utils/recalculate-scrollable-ancestors.ts +1 -1
  59. package/src/utils/shadow-dom-aware-mutation-observer.test.ts +413 -0
  60. package/src/utils/shadow-dom-aware-mutation-observer.ts +36 -28
  61. package/src/utils/supports-anchor-positioning.ts +4 -10
  62. package/src/utils/update-elements-with-issues.test.ts +29 -54
  63. package/src/utils/update-elements-with-issues.ts +7 -11
package/src/utils/update-elements-with-issues.ts CHANGED
@@ -36,13 +36,11 @@ export function updateElementsWithIssues({
36
36
  extendedElementsWithIssues,
37
37
  scanContext,
38
38
  violations,
39
- win,
40
39
  name,
41
40
  }: {
42
41
  extendedElementsWithIssues: Signal<Array<ExtendedElementWithIssues>>;
43
42
  scanContext: ScanContext;
44
43
  violations: typeof AxeResults.violations;
45
- win: Window & { CSS: typeof CSS };
46
44
  name: string;
47
45
  }) {
48
46
  const updatedElementsWithIssues = transformViolations(violations, name);
@@ -99,9 +97,9 @@ export function updateElementsWithIssues({
99
97
  .filter((addedElementWithIssues) => addedElementWithIssues.element.isConnected)
100
98
  .map((addedElementWithIssues) => {
101
99
  const id = count++;
102
- const trigger = win.document.createElement(`${name}-trigger`) as AccentedTrigger;
100
+ const trigger = document.createElement(`${name}-trigger`) as AccentedTrigger;
103
101
  const elementZIndex = Number.parseInt(
104
- win.getComputedStyle(addedElementWithIssues.element).zIndex,
102
+ getComputedStyle(addedElementWithIssues.element).zIndex,
105
103
  10,
106
104
  );
107
105
  if (!Number.isNaN(elementZIndex)) {
@@ -109,15 +107,15 @@ export function updateElementsWithIssues({
109
107
  }
110
108
  trigger.style.setProperty('position-anchor', `--${name}-anchor-${id}`, 'important');
111
109
  trigger.dataset.id = id.toString();
112
- const accentedDialog = win.document.createElement(`${name}-dialog`) as AccentedDialog;
110
+ const accentedDialog = document.createElement(`${name}-dialog`) as AccentedDialog;
113
111
  trigger.dialog = accentedDialog;
114
- const position = getElementPosition(addedElementWithIssues.element, win);
112
+ const position = getElementPosition(addedElementWithIssues.element);
115
113
  trigger.position = signal(position);
116
114
  trigger.visible = signal(true);
117
115
  trigger.element = addedElementWithIssues.element;
118
- const scrollableAncestors = supportsAnchorPositioning(win)
116
+ const scrollableAncestors = supportsAnchorPositioning()
119
117
  ? new Set<HTMLElement>()
120
- : getScrollableAncestors(addedElementWithIssues.element, win);
118
+ : getScrollableAncestors(addedElementWithIssues.element);
121
119
  const issues = signal(addedElementWithIssues.issues);
122
120
  accentedDialog.issues = issues;
123
121
  accentedDialog.element = addedElementWithIssues.element;
@@ -131,9 +129,7 @@ export function updateElementsWithIssues({
131
129
  scrollableAncestors: signal(scrollableAncestors),
132
130
  anchorNameValue:
133
131
  addedElementWithIssues.element.style.getPropertyValue('anchor-name') ||
134
- win
135
- .getComputedStyle(addedElementWithIssues.element)
136
- .getPropertyValue('anchor-name'),
132
+ getComputedStyle(addedElementWithIssues.element).getPropertyValue('anchor-name'),
137
133
  trigger,
138
134
  issues,
139
135
  };