accented 0.0.1-dev.4 → 1.0.0

package/dist/elements/accented-dialog.js

@@ -0,0 +1,377 @@
+import { colorDark, colorLight, fontSystemMono, fontSystemSans } from '../common/tokens.js';
+import { accentedUrl } from '../constants.js';
+import { logAndRethrow } from '../log-and-rethrow.js';
+import { getElementHtml } from '../utils/get-element-html.js';
+import { isNonEmpty } from '../utils/is-non-empty.js';
+// We want Accented to not throw an error in Node, and use static imports,
+// so we can't export `class extends HTMLElement` because HTMLElement is not available in Node.
+export const getAccentedDialog = () => {
+    const dialogTemplate = document.createElement('template');
+    dialogTemplate.innerHTML = `
+    <dialog dir="ltr" lang="en" aria-labelledby="title">
+      <div id="button-container">
+        <button id="close" aria-label="Close">✕</button>
+      </div>
+      <h2 id="title">Accessibility issues</h2>
+      <section id="element-html-container" aria-label="Element">
+        <code id="element-html"></code>
+      </section>
+      <ul id="issues"></ul>
+      <section id="footer">
+        <p>
+          Powered by
+          <a href="${accentedUrl}" target="_blank" aria-description="Opens in new tab">Accented</a>
+          and
+          <a href="https://github.com/dequelabs/axe-core" target="_blank" aria-description="Opens in new tab">axe-core</a>.
+        </p>
+      </section>
+    </dialog>
+  `;
+    const issueTemplate = document.createElement('template');
+    issueTemplate.innerHTML = `
+    <li>
+      <a target="_blank" aria-description="Opens in new tab"></a>
+      <div class="impact"></div>
+      <div class="description"></div>
+    </li>
+  `;
+    const descriptionTemplate = document.createElement('template');
+    descriptionTemplate.innerHTML = `
+    <span></span>
+    <ul></ul>
+  `;
+    const stylesheet = new CSSStyleSheet();
+    stylesheet.replaceSync(`
+    :host {
+      all: initial !important;
+
+      /* OKLCH stuff: https://oklch.com/ */
+      --light-color: ${colorLight};
+      --dark-color: ${colorDark};
+
+      --background-color: light-dark(var(--light-color), var(--dark-color));
+      --text-color: light-dark(var(--dark-color), var(--light-color));
+
+      --impact-lightness: 0.80;
+      --focus-lightness: 0.45;
+      @media (prefers-color-scheme: dark) {
+        --impact-lightness: 0.45;
+        --focus-lightness: 0.80;
+      }
+
+      --blue-hue: 230;
+      --gold-hue: 90;
+      --red-hue: 0;
+
+      /* Contrasts with background. */
+      --focus-color: oklch(var(--focus-lightness) 0.25 var(--blue-hue));
+
+      --impact-chroma: 0.16;
+
+      --impact-moderate-hue: var(--blue-hue);
+      --impact-serious-hue: var(--gold-hue);
+      --impact-critical-hue: var(--red-hue);
+
+      --impact-minor-color: oklch(var(--impact-lightness) 0 0);
+      --impact-moderate-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-moderate-hue));
+      --impact-serious-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-serious-hue));
+      --impact-critical-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-critical-hue));
+
+      --base-size: max(1rem, 16px);
+
+      /* Spacing and typography custom props, inspired by https://utopia.fyi (simplified). */
+
+      /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1240,16,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+      --ratio: 1.2;
+      --step-0: var(--base-size);
+      --step-1: calc(var(--step-0) * var(--ratio));
+      --step-2: calc(var(--step-1) * var(--ratio));
+      --step-3: calc(var(--step-2) * var(--ratio));
+      --step-4: calc(var(--step-3) * var(--ratio));
+      --step--1: calc(var(--step-0) / var(--ratio));
+
+      /* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1240,16,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+      --space-3xs: calc(0.25 * var(--base-size));
+      --space-2xs: calc(0.5 * var(--base-size));
+      --space-xs: calc(0.75 * var(--base-size));
+      --space-s: var(--base-size);
+      --space-m: calc(1.5 * var(--base-size));
+      --space-l: calc(2 * var(--base-size));
+      --space-xl: calc(3 * var(--base-size));
+      --space-2xl: calc(4 * var(--base-size));
+      --space-3xl: calc(6 * var(--base-size));
+    }
+
+    a[href], button {
+      outline-offset: 2px;
+      outline-color: var(--focus-color);
+      outline-width: 2px;
+      outline-style: none;
+
+      &:focus-visible {
+        outline-style: solid;
+      }
+
+      /* We should probably be comfortable with showing these styles on non-hover devices. */
+      &:hover:not(:focus-visible) {
+        outline-style: dashed;
+      }
+    }
+
+    a[href] {
+      color: currentColor;
+    }
+
+    a[href][target="_blank"]::after {
+      content: " ↗";
+    }
+
+    dialog {
+      box-sizing: border-box;
+      overflow-wrap: break-word;
+      font-family: ${fontSystemSans};
+      line-height: 1.5;
+      text-wrap: pretty;
+      background-color: var(--background-color);
+      color: var(--text-color);
+      border: 2px solid currentColor;
+      padding: var(--space-l);
+      inline-size: min(90ch, calc(100% - var(--space-s)* 2));
+      max-block-size: calc(100% - var(--space-s) * 2);
+
+      color-scheme: light dark;
+    }
+
+    #button-container {
+      text-align: end;
+    }
+
+    #close {
+      background-color: var(--background-color);
+      color: var(--text-color);
+      border: 2px solid currentColor;
+      padding-inline: var(--space-2xs);
+      aspect-ratio: 1 / 1;
+      font-size: var(--step-0);
+    }
+
+    h2 {
+      font-size: var(--step-4);
+      line-height: 1.2;
+      margin-block-start: var(--space-s);
+      margin-block-end: 0;
+    }
+
+    #element-html-container {
+      padding: var(--space-xs);
+      border: 2px solid currentColor;
+      margin-block-start: var(--space-l);
+    }
+
+    code {
+      font-family: ${fontSystemMono};
+      font-size: var(--step--1);
+    }
+
+    #issues {
+      font-size: var(--step-1);
+      margin-block-start: var(--space-l);
+      padding-inline: 0;
+      list-style: none;
+
+      & > li:not(:first-child) {
+        margin-block-start: var(--space-m);
+      }
+
+      a {
+        font-weight: 500;
+      }
+    }
+
+    .impact {
+      margin-block-start: var(--space-2xs);
+      font-size: var(--step--1);
+
+      inline-size: fit-content;
+      padding-inline: var(--space-3xs);
+
+      &[data-impact="minor"] {
+        background-color: var(--impact-minor-color);
+      }
+      &[data-impact="moderate"] {
+        background-color: var(--impact-moderate-color);
+      }
+      &[data-impact="serious"] {
+        background-color: var(--impact-serious-color);
+      }
+      &[data-impact="critical"] {
+        background-color: var(--impact-critical-color);
+      }
+    }
+
+    .description {
+      margin-block-start: var(--space-2xs);
+      font-size: var(--step--1);
+
+      li {
+        list-style-type: disc;
+      }
+    }
+
+    #footer {
+      margin-block-start: var(--space-l);
+      font-size: var(--step--1);
+
+      p {
+        margin: 0;
+        text-align: end;
+      }
+    }
+  `);
+    return class extends HTMLElement {
+        #abortController;
+        issues;
+        element;
+        open = false;
+        constructor() {
+            super();
+            try {
+                this.attachShadow({ mode: 'open' });
+                const content = dialogTemplate.content.cloneNode(true);
+                if (this.shadowRoot) {
+                    this.shadowRoot.adoptedStyleSheets.push(stylesheet);
+                    this.shadowRoot.append(content);
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        connectedCallback() {
+            try {
+                if (this.shadowRoot) {
+                    const { shadowRoot } = this;
+                    const dialog = shadowRoot.querySelector('dialog');
+                    const closeButton = shadowRoot.querySelector('#close');
+                    this.#abortController = new AbortController();
+                    closeButton?.addEventListener('click', () => {
+                        try {
+                            dialog?.close();
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                    dialog?.addEventListener('click', (event) => {
+                        try {
+                            this.#onDialogClick(event);
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                    dialog?.addEventListener('keydown', (event) => {
+                        try {
+                            if (event.key === 'Escape') {
+                                event.stopPropagation();
+                            }
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                    if (this.issues) {
+                        const issues = this.issues.value;
+                        const issuesList = shadowRoot.getElementById('issues');
+                        if (issuesList) {
+                            issuesList.innerHTML = '';
+                            for (const issue of issues) {
+                                const issueContent = issueTemplate.content.cloneNode(true);
+                                const title = issueContent.querySelector('a');
+                                const impact = issueContent.querySelector('.impact');
+                                const description = issueContent.querySelector('.description');
+                                if (title && impact && description) {
+                                    title.textContent = `${issue.title} (${issue.id})`;
+                                    title.href = issue.url;
+                                    impact.textContent = `User impact: ${issue.impact}`;
+                                    impact.setAttribute('data-impact', String(issue.impact));
+                                    const descriptionItems = issue.description.split(/\n\s*/);
+                                    const descriptionContent = descriptionTemplate.content.cloneNode(true);
+                                    const descriptionTitle = descriptionContent.querySelector('span');
+                                    const descriptionList = descriptionContent.querySelector('ul');
+                                    if (descriptionTitle &&
+                                        descriptionList &&
+                                        isNonEmpty(descriptionItems) &&
+                                        descriptionItems.length > 1) {
+                                        descriptionTitle.textContent = descriptionItems[0];
+                                        for (const descriptionItem of descriptionItems.slice(1)) {
+                                            const li = document.createElement('li');
+                                            li.textContent = descriptionItem;
+                                            descriptionList.appendChild(li);
+                                        }
+                                        description.appendChild(descriptionContent);
+                                    }
+                                }
+                                issuesList.appendChild(issueContent);
+                            }
+                        }
+                    }
+                    if (this.element) {
+                        const elementHtmlContainer = shadowRoot.getElementById('element-html');
+                        if (elementHtmlContainer) {
+                            elementHtmlContainer.textContent = getElementHtml(this.element);
+                        }
+                    }
+                    dialog?.addEventListener('close', () => {
+                        try {
+                            this.open = false;
+                            this.dispatchEvent(new Event('close'));
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        disconnectedCallback() {
+            try {
+                if (this.#abortController) {
+                    this.#abortController.abort();
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        showModal() {
+            if (this.shadowRoot) {
+                const dialog = this.shadowRoot.querySelector('dialog');
+                if (dialog) {
+                    dialog.showModal();
+                    this.open = true;
+                }
+            }
+        }
+        #onDialogClick(event) {
+            const dialog = event.currentTarget;
+            if (!dialog ||
+                typeof dialog.getBoundingClientRect !== 'function' ||
+                typeof dialog.close !== 'function') {
+                return;
+            }
+            const rect = dialog.getBoundingClientRect();
+            const isInsideDialog = event.clientX >= rect.left &&
+                event.clientX <= rect.right &&
+                event.clientY >= rect.top &&
+                event.clientY <= rect.bottom;
+            if (!isInsideDialog) {
+                dialog.close();
+            }
+        }
+    };
+};
+//# sourceMappingURL=accented-dialog.js.map

package/dist/elements/accented-dialog.js.map

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