accented 0.0.2 → 1.0.0

package/NOTICE

@@ -0,0 +1,14 @@
+NOTICE
+
+This project, Accented, is licensed under the MIT License.
+
+However, it depends on axe-core, which is licensed under the Mozilla Public License 2.0 (MPL-2.0). The source code for axe-core is available at:
+
+https://github.com/dequelabs/axe-core
+
+According to the MPL-2.0 requirements:
+- Any modifications made to axe-core within this project will remain under the MPL-2.0 license.
+- The original license and notices for axe-core are preserved.
+- The full MPL-2.0 license can be found at: https://www.mozilla.org/MPL/2.0/
+
+No changes have been made to axe-core within this project, beyond its use as a dependency.

package/README.md

@@ -1,214 +1,71 @@
-# Accented
-
-Accented is a library that helps visually identify accessibility issues in a website or webapp under development.
-
-It can be set up in only a few lines of code
-
-It complements approaches to other means of continuous automated accessibility testing such as static code analysis and inclusion of accessibility tests in test suites. Think of it as a form of linting, but for a rendered web page rather than for source code.
-
-Accented uses the [axe-core](https://github.com/dequelabs/axe-core) testing engine.
-
-TODO: example screenshots, without Accented / with Accented.
-
-## Basic usage
-
-* The library can be used in three ways:
-  * NPM (with a bundler)
-  * `import accented from 'https://esm.sh/accented';`.
-  * `import('https://esm.sh/accented').then(({default: accented}) => { accented(); });` (this version will work in the console, unless it violates the content security policy, which shouldn't be the case locally).
-    * For example, this works on medium.com
-
-## API
-
-### Exports
-
-* `accented`: the default library export. It’s the function that enables the continuous scanning and highlighting
-  on the page in whose context in was called. Example: `const disable = accented(options)`.
-  * Parameters: the only parameter is `options`. See [Options](#options).
-  * Returns: a `disable` function that takes no parameters. When called, disables the scanning and highlighting,
-    and cleans up any changes that Accented has made to the page.
-
-#### Type exports
-
-The following types are exported for TypeScript consumers:
-
-* `AccentedOptions`: the `options` parameter (see [Options](#options)).
-* `DisableAccented`: the type of the function returned by `accented`.
-
-### Options
+<a href="https://www.accented.dev">
+  <img alt="Accented" src="https://www.accented.dev/images/logo.svg" width="100" />
+</a>
 
-#### `axeContext`
-
-**Type:** see [documentation](https://www.deque.com/axe/core-documentation/api-documentation/#context-parameter).
-
-**Default:** `document`.
-
-The `context` parameter for `axe.run()`.
-
-Determines what element(s) to scan for accessibility issues.
-
-Accepts a variety of shapes:
-* an element reference;
-* a selector;
-* a `NodeList`;
-* an include / exclude object;
-* and more.
-
-See documentation: https://www.deque.com/axe/core-documentation/api-documentation/#context-parameter
-
-#### `axeOptions`
-
-**Type:** object.
-
-**Default:** `{}`.
-
-The `options` parameter for `axe.run()`.
-
-Accented only supports two keys of the `options` object:
-
-* `rules`;
-* `runOnly`.
-
-Both properties are optional, and both control which accessibility rules your page is tested against.
-
-See documentation: https://www.deque.com/axe/core-documentation/api-documentation/#options-parameter
+# Accented
 
-#### `output`
+A frontend library for continuous accessibility testing and issue highlighting.
 
-An object controlling how the results of scans will be presented.
+## What is Accented?
 
-#### `output.console`
+Accented is a visual library based on [axe-core](https://github.com/dequelabs/axe-core) that helps identify issues as soon as they are introduced.
 
-**Type:** boolean.
+It adds interactive visual callouts for all accessibility issues that axe-core identifies.
 
-**Default:** `true`.
+Example — without Accented vs. with Accented:
 
-Whether the list of elements with issues should be printed to the browser console whenever issues are added, removed, or changed.
+![Two screenshots of the same web application side by side. On the left, the regular state of the application. On the right, the same state but with bright outlines and buttons added to some page elements.](https://www.accented.dev/images/side-by-side.png)
 
-#### `callback`
+[Try it out at the Playground (StackBlitz).](https://stackblitz.com/edit/accented-playground-react-ts?file=src%2Fmain.tsx)
 
-**Type:** function.
+Accented can complement other tools commonly used for accessibility testing:
 
-**Default:** no-op (`() => {}`).
+- **It can find more issues than source code linting.** The popular [`eslint-plugin-jsx-a11y`](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) is great, and linters validate the whole codebase, but some issues can only be detected on the rendered page. For example, the linter cannot find issues with color contrast or heading order. Besides, Accented is not framework-specific.
+- **It’s embedded into the project code, with no setup required in the browser or code editor.** You’d get a similar audit from [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview) or [axe DevTools](https://www.deque.com/axe/devtools/), but with Accented, you don’t need a browser extension, and the results are always up to date.
+- **You don’t need to write any extra code, unlike with adding accessibility tests to a test suite.** You can test for accessibility issues in your test suite, for example using [`@axe-core/playwright`](https://www.npmjs.com/package/@axe-core/playwright). For that, however, you need to write a test case for every state of the application that you want to test. Accented instead automatically tests anything that’s currently on the page in your browser.
 
-A function that Accented will call after every scan.
-It accepts a single `params` object with the following properties:
+Learn more about Accented at [accented.dev](https://www.accented.dev).
 
-* `elementsWithIssues`: the most up-to-date array of all elements with accessibility issues.
-* `scanDuration`: how long the last scan took, in milliseconds (may be useful for performance tracking).
+## Installation and usage
 
-**Example:**
+Install:
 
+```bash
+npm install --save-dev accented
 ```
-accented({
-  callback: ({ elementsWithIssues, scanDuration }) => {
-    console.log('Elements with issues:', elementsWithIssues);
-    console.log('Scan duration:', scanDuration);
-  }
-});
-```
-
-#### `name`
-
-**Type:** string.
-
-**Default:** `"accented"`.
-
-The character sequence that’s used in various elements, attributes and stylesheets that Accented adds to the page.
-
-You shouldn’t have to use this attribute unless some of the names on your page conflict with what Accented provides by default.
-
-* The data attribute that’s added to elements with issues (default: `data-accented`).
-* The custom elements for the button and the dialog that get created for each element with issues
-  (default: `accented-trigger`, `accented-dialog`).
-* The CSS cascade layer containing page-wide Accented-specific styles (default: `accented`).
-* The prefix for some of the CSS custom properties used by Accented (default: `--accented-`).
-* The window property that’s used to prevent multiple axe-core scans from running simultaneously
-  (default: `__accented_axe_running__`).
-
-Only lowercase alphanumeric characters and dashes (-) are allowed in the name,
-and it must start with a lowercase letter.
 
-**Example:**
+Import and run at any moment during your app’s initialization:
 
+```js
+if (isDevelopment) {
+  const { accented } = await import("accented");
+  accented();
+}
 ```
-accented({name: 'my-name'});
-```
-
-With the above option provided, the attribute set on elements with issues will be `data-my-name`,
-a custom element will be called `my-name-trigger`, and so on.
-
-#### `throttle`
-
-An object controlling when Accented will run its scans.
-
-#### `throttle.wait`
-
-**Type:** number.
-
-**Default:** 1000.
-
-The delay (in milliseconds) after a mutation or after the last Accented scan.
-
-If the page you’re scanning has a lot of nodes,
-scanning may take a noticeable time (~ a few hundred milliseconds),
-during which time the main thread will be blocked most of the time.
-
-You may want to experiment with this value if your page contents change frequently
-or if it has JavaScript-based animations running on the main thread.
-
-#### `throttle.leading`
-
-**Type:** boolean.
-
-**Default:** `true`.
-
-If set to true, the scan runs immediately after a mutation.
-In this case, `wait` only applies to subsequent scans,
-giving the page at least `wait` milliseconds between the end of the previous scan
-and the beginning of the next one.
-
-If set to false, the wait applies to mutations as well,
-delaying the output.
-This may be useful if you’re expecting bursts of mutations on your page.
-
-### Styling
-
-TODO: Create a separate doc with info on using `:root` and CSS layers to control some aspects of styling.
-
-Documented CSS custom props:
-* `--accented-primary-color`
-* `--accented-secondary-color`
-* `--accented-outline-width`
-* `--accented-outline-style`
-
-## Miscellaneous
-
-### Shadow DOM
-
-Highlighting elements inside shadow DOM is not supported yet, see [#25](https://github.com/pomerantsev/accented/issues/25).
-
-### Iframes
 
-Although axe-core is capable of scanning iframes, Accented doesn’t provide that as a special capability.
+⚠️ **Heads up!**
+Don’t expose Accented to your users.
+It’s for development use only.
 
-Instead, if you wish to scan the document in an iframe, initialize Accented inside the iframed document.
-There should be no interference between the instances of Accented running in the parent and child documents.
+See the docs for your bundler or framework for how to run code only in the development environment.
 
-TODO: expand this section and better explain the concepts.
+- [More detailed installation and usage guide](https://www.accented.dev/getting-started)
+- [Full API](https://www.accented.dev/api)
 
-## Frequently asked questions
+## More info
 
-<!-- TODO: how can this section be better formatted? This probably should be regular sections rather than a Q&A. -->
+- [Accessibility](https://www.accented.dev/about#accessibility) (how accessible is Accented itself?)
+- [Performance](https://www.accented.dev/how-it-works#performance) (does Accented affect runtime performance of my app?)
+- [Browser support](https://www.accented.dev/about#browser-support) (will Accented work for me and my teammates?)
+- [Versioning policy](https://www.accented.dev/about#versioning) (Accented follows [SemVer](https://semver.org/))
+- [Changelog](https://github.com/pomerantsev/accented/blob/main/packages/accented/CHANGELOG.md)
 
-**Q:** can Accented be used in a CI (continuous integration) environment?
+## Contributing
 
-**A:** no, it’s only meant for local development. Accented runs accessibility tests on every state of the page that’s currently in the developer’s browser. However, if you additionally need something for CI, consider using [axe-core](https://www.npmjs.com/package/axe-core) in your automated test suite, either directly, or through wrappers such as [jest-axe](https://www.npmjs.com/package/jest-axe) or [axe-playwright](https://www.npmjs.com/package/axe-playwright).
+Contributions are welcome!
 
-**Q:** does Accented affect performance?
+- See [CONTRIBUTING.md](https://github.com/pomerantsev/accented/blob/main/CONTRIBUTING.md) for setup instructions and guidelines.
+- Open an [issue](https://github.com/pomerantsev/accented/issues) or pull request if you spot a bug or want to propose a new feature.
+- See [Milestones](https://github.com/pomerantsev/accented/milestones) to learn about our plans for Accented.
 
-**A:** TODO: it might (it’s inevitable because it’s on the main thread), but we’ve taken X, Y, and Z measures to make it less noticeable. You can also take A, B, and C steps yourself.
-  * Only re-running on the changed part of the page.
-  * Throttling calls and giving the ability to tweak it.
-  * Providing the ability to select which rules to run, and which elements to run them on.
-  * TODO: explore axe-core’s internals. Can I make it yield periodically?
+Have feedback or ideas? Contact Pavel at [hello@pavelpomerantsev.com](mailto:hello@pavelpomerantsev.com).

package/dist/accented.d.ts

@@ -1,11 +1,11 @@
-import type { AccentedOptions, DisableAccented } from './types';
+import type { AccentedOptions, DisableAccented } from './types.ts';
 export type { AccentedOptions, DisableAccented };
 /**
- * Enables highlighting of elements with accessibility issues.
+ * Enables the continuous scanning and highlighting of accessibility issues on the page.
  *
- * @param {AccentedOptions} options - The options object.
+ * @param {AccentedOptions} options - The options object (optional).
  *
- * @returns A `disable` function that can be called to stop the scanning and highlighting.
+ * @returns A `disable` function that takes no parameters. When called, disables the scanning and highlighting, and cleans up any changes that Accented has made to the page.
  *
  * @example
  * accented();
@@ -19,11 +19,11 @@ export type { AccentedOptions, DisableAccented };
  *     wait: 500,
  *     leading: false
  *   },
- *   callback: ({ elementsWithIssues, scanDuration }) => {
- *    console.log('Elements with issues:', elementsWithIssues);
- *    console.log('Scan duration:', scanDuration);
+ *   callback: ({ elementsWithIssues, performance }) => {
+ *     console.log('Elements with issues:', elementsWithIssues);
+ *     console.log('Total blocking time:', performance.totalBlockingTime);
  *   }
  * });
  */
-export default function accented(options?: AccentedOptions): DisableAccented;
+export declare function accented(options?: AccentedOptions): DisableAccented;
 //# sourceMappingURL=accented.d.ts.map

package/dist/accented.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accented.d.ts","sourceRoot":"","sources":["../src/accented.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAKhE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,eAAe,CA4E/E"}
+{"version":3,"file":"accented.d.ts","sourceRoot":"","sources":["../src/accented.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMnE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,eAAe,CAsFvE"}

package/dist/accented.js

@@ -1,21 +1,23 @@
-import registerElements from './register-elements.js';
-import createDomUpdater from './dom-updater.js';
-import createLogger from './logger.js';
-import createScanner from './scanner.js';
-import setupScrollListeners from './scroll-listeners.js';
-import setupResizeListener from './resize-listener.js';
-import setupIntersectionObserver from './intersection-observer.js';
+import { createDomUpdater } from './dom-updater.js';
+import { setupResizeListener as setupFullscreenListener } from './fullscreen-listener.js';
+import { setupIntersectionObserver } from './intersection-observer.js';
+import { logAndRethrow } from './log-and-rethrow.js';
+import { createLogger } from './logger.js';
+import { registerElements } from './register-elements.js';
+import { setupResizeListener } from './resize-listener.js';
+import { createScanner } from './scanner.js';
+import { setupScrollListeners } from './scroll-listeners.js';
 import { enabled, extendedElementsWithIssues } from './state.js';
-import deepMerge from './utils/deep-merge.js';
-import validateOptions from './validate-options.js';
-import supportsAnchorPositioning from './utils/supports-anchor-positioning.js';
-import logAndRethrow from './log-and-rethrow.js';
+import { initializeContainingBlockSupportSet } from './utils/containing-blocks.js';
+import { deepMerge } from './utils/deep-merge.js';
+import { supportsAnchorPositioning } from './utils/supports-anchor-positioning.js';
+import { validateOptions } from './validate-options.js';
 /**
- * Enables highlighting of elements with accessibility issues.
+ * Enables the continuous scanning and highlighting of accessibility issues on the page.
  *
- * @param {AccentedOptions} options - The options object.
+ * @param {AccentedOptions} options - The options object (optional).
  *
- * @returns A `disable` function that can be called to stop the scanning and highlighting.
+ * @returns A `disable` function that takes no parameters. When called, disables the scanning and highlighting, and cleans up any changes that Accented has made to the page.
  *
  * @example
  * accented();
@@ -29,13 +31,13 @@ import logAndRethrow from './log-and-rethrow.js';
  *     wait: 500,
  *     leading: false
  *   },
- *   callback: ({ elementsWithIssues, scanDuration }) => {
- *    console.log('Elements with issues:', elementsWithIssues);
- *    console.log('Scan duration:', scanDuration);
+ *   callback: ({ elementsWithIssues, performance }) => {
+ *     console.log('Elements with issues:', elementsWithIssues);
+ *     console.log('Total blocking time:', performance.totalBlockingTime);
  *   }
  * });
  */
-export default function accented(options = {}) {
+export function accented(options = {}) {
     validateOptions(options);
     try {
         if (typeof window === 'undefined' || typeof document === 'undefined') {
@@ -44,11 +46,11 @@ export default function accented(options = {}) {
             return () => { };
         }
         const defaultOutput = {
-            console: true
+            console: true,
         };
         const defaultThrottle = {
             wait: 1000,
-            leading: true
+            leading: true,
         };
         // IMPORTANT: when changing any of the properties or values, also do the following:
         // * update the default value in the type documentation accordingly;
@@ -56,28 +58,32 @@ export default function accented(options = {}) {
         // * update examples in the accented() function JSDoc;
         // * update examples in the Readme.
         const defaultOptions = {
-            axeContext: document,
+            context: document,
             axeOptions: {},
             name: 'accented',
             output: defaultOutput,
             throttle: defaultThrottle,
-            callback: () => { }
+            callback: () => { },
         };
-        const { axeContext, axeOptions, name, output, throttle, callback } = deepMerge(defaultOptions, options);
+        const { context, axeOptions, name, output, throttle, callback } = deepMerge(defaultOptions, options);
         if (enabled.value) {
-            // Add link to the recipes section of the docs (#56).
-            console.warn('You are trying to run the Accented library more than once. ' +
-                'This will likely lead to errors.');
+            console.warn('You are trying to run the Accented library more than once, which may lead to errors. See https://www.accented.dev/getting-started#run-once-per-page');
             console.trace();
         }
         enabled.value = true;
+        initializeContainingBlockSupportSet();
         registerElements(name);
-        const { disconnect: cleanupIntersectionObserver, intersectionObserver } = supportsAnchorPositioning(window) ? {} : setupIntersectionObserver();
-        const cleanupScanner = createScanner(name, axeContext, axeOptions, throttle, callback);
+        const { disconnect: cleanupIntersectionObserver, intersectionObserver } = setupIntersectionObserver();
+        const cleanupScanner = createScanner(name, context, axeOptions, throttle, callback);
         const cleanupDomUpdater = createDomUpdater(name, intersectionObserver);
         const cleanupLogger = output.console ? createLogger() : () => { };
-        const cleanupScrollListeners = supportsAnchorPositioning(window) ? () => { } : setupScrollListeners();
-        const cleanupResizeListener = supportsAnchorPositioning(window) ? () => { } : setupResizeListener();
+        const cleanupScrollListeners = setupScrollListeners();
+        const cleanupResizeListener = supportsAnchorPositioning(window)
+            ? () => { }
+            : setupResizeListener();
+        const cleanupFullscreenListener = supportsAnchorPositioning(window)
+            ? () => { }
+            : setupFullscreenListener();
         return () => {
             try {
                 enabled.value = false;
@@ -87,6 +93,7 @@ export default function accented(options = {}) {
                 cleanupLogger();
                 cleanupScrollListeners();
                 cleanupResizeListener();
+                cleanupFullscreenListener();
                 if (cleanupIntersectionObserver) {
                     cleanupIntersectionObserver();
                 }

package/dist/accented.js.map

@@ -1 +1 @@
-{"version":3,"file":"accented.js","sourceRoot":"","sources":["../src/accented.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"accented.js","sourceRoot":"","sources":["../src/accented.ts"],"names":[],"mappings":"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"}

package/dist/common/tokens.d.ts

@@ -0,0 +1,7 @@
+export declare const primaryColorDark = "oklch(0.5 0.3 0)";
+export declare const primaryColorLight = "oklch(0.8 0.2 0)";
+export declare const colorLight = "oklch(0.98 0 0)";
+export declare const colorDark = "oklch(0.22 0 0)";
+export declare const fontSystemSans = "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif";
+export declare const fontSystemMono = "Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace";
+//# sourceMappingURL=tokens.d.ts.map

package/dist/common/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/common/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AACnD,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AACpD,eAAO,MAAM,UAAU,oBAAoB,CAAC;AAC5C,eAAO,MAAM,SAAS,oBAAoB,CAAC;AAG3C,eAAO,MAAM,cAAc,kKACsI,CAAC;AAClK,eAAO,MAAM,cAAc,sFAC0D,CAAC"}

package/dist/common/tokens.js

@@ -0,0 +1,8 @@
+export const primaryColorDark = 'oklch(0.5 0.3 0)';
+export const primaryColorLight = 'oklch(0.8 0.2 0)';
+export const colorLight = 'oklch(0.98 0 0)';
+export const colorDark = 'oklch(0.22 0 0)';
+/* https://systemfontstack.com/ */
+export const fontSystemSans = '-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif';
+export const fontSystemMono = 'Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace';
+//# sourceMappingURL=tokens.js.map

package/dist/common/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/common/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AACpD,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAC5C,MAAM,CAAC,MAAM,SAAS,GAAG,iBAAiB,CAAC;AAE3C,kCAAkC;AAClC,MAAM,CAAC,MAAM,cAAc,GACzB,+JAA+J,CAAC;AAClK,MAAM,CAAC,MAAM,cAAc,GACzB,mFAAmF,CAAC"}

package/dist/constants.d.ts

@@ -1,3 +1,4 @@
-export declare const accentedUrl = "https://www.npmjs.com/package/accented";
+export declare const accentedUrl = "https://www.accented.dev";
 export declare const issuesUrl = "https://github.com/pomerantsev/accented/issues";
+export declare const getAccentedElementNames: (name: string) => string[];
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,2CAA2C,CAAC;AACpE,eAAO,MAAM,SAAS,mDAAmD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,6BAA6B,CAAC;AACtD,eAAO,MAAM,SAAS,mDAAmD,CAAC;AAC1E,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,aAA0C,CAAC"}

package/dist/constants.js

@@ -1,3 +1,4 @@
-export const accentedUrl = 'https://www.npmjs.com/package/accented';
+export const accentedUrl = 'https://www.accented.dev';
 export const issuesUrl = 'https://github.com/pomerantsev/accented/issues';
+export const getAccentedElementNames = (name) => [`${name}-trigger`, `${name}-dialog`];
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,wCAAwC,CAAC;AACpE,MAAM,CAAC,MAAM,SAAS,GAAG,gDAAgD,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,0BAA0B,CAAC;AACtD,MAAM,CAAC,MAAM,SAAS,GAAG,gDAAgD,CAAC;AAC1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,UAAU,EAAE,GAAG,IAAI,SAAS,CAAC,CAAC"}

package/dist/dom-updater.d.ts

@@ -1,2 +1,2 @@
-export default function createDomUpdater(name: string, intersectionObserver?: IntersectionObserver): () => void;
+export declare function createDomUpdater(name: string, intersectionObserver?: IntersectionObserver): () => void;
 //# sourceMappingURL=dom-updater.d.ts.map

package/dist/dom-updater.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-updater.d.ts","sourceRoot":"","sources":["../src/dom-updater.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,oBAAoB,CAAC,EAAE,oBAAoB,cA0GjG"}
+{"version":3,"file":"dom-updater.d.ts","sourceRoot":"","sources":["../src/dom-updater.ts"],"names":[],"mappings":"AAiCA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,oBAAoB,CAAC,EAAE,oBAAoB,cAmIzF"}