-
- )
-}
diff --git a/packages/react-dev-overlay/src/internal/components/CodeFrame/index.tsx b/packages/react-dev-overlay/src/internal/components/CodeFrame/index.tsx
deleted file mode 100644
index 59818df56eddb..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/CodeFrame/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CodeFrame } from './CodeFrame'
diff --git a/packages/react-dev-overlay/src/internal/components/CodeFrame/styles.tsx b/packages/react-dev-overlay/src/internal/components/CodeFrame/styles.tsx
deleted file mode 100644
index 324cc5fedc9c8..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/CodeFrame/styles.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { noop as css } from '../../helpers/noop-template'
-
-const styles = css`
- [data-nextjs-codeframe] {
- overflow: auto;
- border-radius: var(--size-gap-half);
- background-color: var(--color-ansi-bg);
- color: var(--color-ansi-fg);
- }
- [data-nextjs-codeframe]::selection,
- [data-nextjs-codeframe] *::selection {
- background-color: var(--color-ansi-selection);
- }
- [data-nextjs-codeframe] * {
- color: inherit;
- background-color: transparent;
- font-family: var(--font-stack-monospace);
- }
-
- [data-nextjs-codeframe] > * {
- margin: 0;
- padding: calc(var(--size-gap) + var(--size-gap-half))
- calc(var(--size-gap-double) + var(--size-gap-half));
- }
- [data-nextjs-codeframe] > div {
- display: inline-block;
- width: auto;
- min-width: 100%;
- border-bottom: 1px solid var(--color-ansi-bright-black);
- }
- [data-nextjs-codeframe] > div > p {
- display: flex;
- align-items: center;
- justify-content: space-between;
- cursor: pointer;
- margin: 0;
- }
- [data-nextjs-codeframe] > div > p:hover {
- text-decoration: underline dotted;
- }
- [data-nextjs-codeframe] div > p > svg {
- width: auto;
- height: 1em;
- margin-left: 8px;
- }
- [data-nextjs-codeframe] div > pre {
- overflow: hidden;
- display: inline-block;
- }
-`
-
-export { styles }
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/Dialog.tsx b/packages/react-dev-overlay/src/internal/components/Dialog/Dialog.tsx
deleted file mode 100644
index 65d2bc7460e9f..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/Dialog.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import * as React from 'react'
-import { useOnClickOutside } from '../../hooks/use-on-click-outside'
-
-export type DialogProps = {
- children?: React.ReactNode
- type: 'error' | 'warning'
- 'aria-labelledby': string
- 'aria-describedby': string
- onClose?: (e: MouseEvent | TouchEvent) => void
-}
-
-const Dialog: React.FC
-
- - - {getFrameSource(stackFrame)} @ {stackFrame.methodName} - - -
-
- {decoded.map((entry, index) => (
-
- {entry.content}
-
- ))}
-
-
-
- {children}
-
- )
-}
-
-export { Dialog }
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/DialogBody.tsx b/packages/react-dev-overlay/src/internal/components/Dialog/DialogBody.tsx
deleted file mode 100644
index f46fb9957f4e5..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/DialogBody.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react'
-
-export type DialogBodyProps = {
- children?: React.ReactNode
- className?: string
-}
-
-const DialogBody: React.FC
- {children}
-
- )
-}
-
-export { DialogBody }
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/DialogContent.tsx b/packages/react-dev-overlay/src/internal/components/Dialog/DialogContent.tsx
deleted file mode 100644
index 85fcc83b2983e..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/DialogContent.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react'
-
-export type DialogContentProps = {
- children?: React.ReactNode
- className?: string
-}
-
-const DialogContent: React.FC
- {children}
-
- )
-}
-
-export { DialogContent }
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/DialogHeader.tsx b/packages/react-dev-overlay/src/internal/components/Dialog/DialogHeader.tsx
deleted file mode 100644
index c53a613cf9ebd..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/DialogHeader.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react'
-
-export type DialogHeaderProps = {
- children?: React.ReactNode
- className?: string
-}
-
-const DialogHeader: React.FC
- {children}
-
- )
-}
-
-export { DialogHeader }
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/index.ts b/packages/react-dev-overlay/src/internal/components/Dialog/index.ts
deleted file mode 100644
index 15a3c57a88686..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { Dialog } from './Dialog'
-export { DialogBody } from './DialogBody'
-export { DialogContent } from './DialogContent'
-export { DialogHeader } from './DialogHeader'
-export { styles } from './styles'
diff --git a/packages/react-dev-overlay/src/internal/components/Dialog/styles.ts b/packages/react-dev-overlay/src/internal/components/Dialog/styles.ts
deleted file mode 100644
index ac3544e63c799..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Dialog/styles.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { noop as css } from '../../helpers/noop-template'
-
-const styles = css`
- [data-nextjs-dialog] {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-right: auto;
- margin-left: auto;
- outline: none;
- background: var(--color-background);
- border-radius: var(--size-gap);
- box-shadow: 0 var(--size-gap-half) var(--size-gap-double)
- rgba(0, 0, 0, 0.25);
- max-height: calc(100% - 56px);
- overflow-y: hidden;
- }
-
- @media (max-height: 812px) {
- [data-nextjs-dialog-overlay] {
- max-height: calc(100% - 15px);
- }
- }
-
- @media (min-width: 576px) {
- [data-nextjs-dialog] {
- max-width: 540px;
- box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
- }
- }
-
- @media (min-width: 768px) {
- [data-nextjs-dialog] {
- max-width: 720px;
- }
- }
-
- @media (min-width: 992px) {
- [data-nextjs-dialog] {
- max-width: 960px;
- }
- }
-
- [data-nextjs-dialog-banner] {
- position: relative;
- }
- [data-nextjs-dialog-banner].banner-warning {
- border-color: var(--color-ansi-yellow);
- }
- [data-nextjs-dialog-banner].banner-error {
- border-color: var(--color-ansi-red);
- }
-
- [data-nextjs-dialog-banner]::after {
- z-index: 2;
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- width: 100%;
- /* banner width: */
- border-top-width: var(--size-gap-half);
- border-bottom-width: 0;
- border-top-style: solid;
- border-bottom-style: solid;
- border-top-color: inherit;
- border-bottom-color: transparent;
- }
-
- [data-nextjs-dialog-content] {
- overflow-y: auto;
- border: none;
- margin: 0;
- /* calc(padding + banner width offset) */
- padding: calc(var(--size-gap-double) + var(--size-gap-half))
- var(--size-gap-double);
- height: 100%;
- display: flex;
- flex-direction: column;
- }
- [data-nextjs-dialog-content] > [data-nextjs-dialog-header] {
- flex-shrink: 0;
- margin-bottom: var(--size-gap-double);
- }
- [data-nextjs-dialog-content] > [data-nextjs-dialog-body] {
- position: relative;
- flex: 1 1 auto;
- }
-`
-
-export { styles }
diff --git a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.tsx b/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.tsx
deleted file mode 100644
index 337028dc5cfc7..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import * as React from 'react'
-import { CloseIcon } from '../../icons/CloseIcon'
-
-export type LeftRightDialogHeaderProps = {
- children?: React.ReactNode
- className?: string
- previous: (() => void) | null
- next: (() => void) | null
- close?: () => void
-}
-
-const LeftRightDialogHeader: React.FC
-
- {close ? (
-
- ) : null}
-
- )
- }
-
-export { LeftRightDialogHeader }
diff --git a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/index.ts b/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/index.ts
deleted file mode 100644
index b63edb12ba22a..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { LeftRightDialogHeader } from './LeftRightDialogHeader'
-export { styles } from './styles'
diff --git a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/styles.ts b/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/styles.ts
deleted file mode 100644
index 9523fe31754f9..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/LeftRightDialogHeader/styles.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { noop as css } from '../../helpers/noop-template'
-
-const styles = css`
- [data-nextjs-dialog-left-right] {
- display: flex;
- flex-direction: row;
- align-content: center;
- align-items: center;
- justify-content: space-between;
- }
- [data-nextjs-dialog-left-right] > nav > button {
- display: inline-flex;
- align-items: center;
- justify-content: center;
-
- width: calc(var(--size-gap-double) + var(--size-gap));
- height: calc(var(--size-gap-double) + var(--size-gap));
- font-size: 0;
- border: none;
- background-color: rgba(255, 85, 85, 0.1);
- color: var(--color-ansi-red);
- cursor: pointer;
- transition: background-color 0.25s ease;
- }
- [data-nextjs-dialog-left-right] > nav > button > svg {
- width: auto;
- height: calc(var(--size-gap) + var(--size-gap-half));
- }
- [data-nextjs-dialog-left-right] > nav > button:hover {
- background-color: rgba(255, 85, 85, 0.2);
- }
- [data-nextjs-dialog-left-right] > nav > button:disabled {
- background-color: rgba(255, 85, 85, 0.1);
- color: rgba(255, 85, 85, 0.4);
- cursor: not-allowed;
- }
-
- [data-nextjs-dialog-left-right] > nav > button:first-of-type {
- border-radius: var(--size-gap-half) 0 0 var(--size-gap-half);
- margin-right: 1px;
- }
- [data-nextjs-dialog-left-right] > nav > button:last-of-type {
- border-radius: 0 var(--size-gap-half) var(--size-gap-half) 0;
- }
-
- [data-nextjs-dialog-left-right] > button:last-of-type {
- border: 0;
- padding: 0;
-
- background-color: transparent;
- appearance: none;
-
- opacity: 0.4;
- transition: opacity 0.25s ease;
-
- color: var(--color-font);
- }
- [data-nextjs-dialog-left-right] > button:last-of-type:hover {
- opacity: 0.7;
- }
-`
-
-export { styles }
diff --git a/packages/react-dev-overlay/src/internal/components/Overlay/Overlay.tsx b/packages/react-dev-overlay/src/internal/components/Overlay/Overlay.tsx
deleted file mode 100644
index 958552f17039e..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Overlay/Overlay.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-// @ts-ignore
-import allyTrap from './maintain--tab-focus'
-import * as React from 'react'
-import { lock, unlock } from './body-locker'
-
-export type OverlayProps = {
- children?: React.ReactNode
- className?: string
- fixed?: boolean
-}
-
-const Overlay: React.FC
-
- {children}
-
- )
-}
-
-export { Overlay }
diff --git a/packages/react-dev-overlay/src/internal/components/Overlay/body-locker.ts b/packages/react-dev-overlay/src/internal/components/Overlay/body-locker.ts
deleted file mode 100644
index 8e33e1c8d9924..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Overlay/body-locker.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-let previousBodyPaddingRight: string | undefined
-let previousBodyOverflowSetting: string | undefined
-
-let activeLocks = 0
-
-export function lock() {
- setTimeout(() => {
- if (activeLocks++ > 0) {
- return
- }
-
- const scrollBarGap =
- window.innerWidth - document.documentElement.clientWidth
-
- if (scrollBarGap > 0) {
- previousBodyPaddingRight = document.body.style.paddingRight
- document.body.style.paddingRight = `${scrollBarGap}px`
- }
-
- previousBodyOverflowSetting = document.body.style.overflow
- document.body.style.overflow = 'hidden'
- })
-}
-
-export function unlock() {
- setTimeout(() => {
- if (activeLocks === 0 || --activeLocks !== 0) {
- return
- }
-
- if (previousBodyPaddingRight !== undefined) {
- document.body.style.paddingRight = previousBodyPaddingRight
- previousBodyPaddingRight = undefined
- }
-
- if (previousBodyOverflowSetting !== undefined) {
- document.body.style.overflow = previousBodyOverflowSetting
- previousBodyOverflowSetting = undefined
- }
- })
-}
diff --git a/packages/react-dev-overlay/src/internal/components/Overlay/index.tsx b/packages/react-dev-overlay/src/internal/components/Overlay/index.tsx
deleted file mode 100644
index 9f8311327322f..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Overlay/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Overlay } from './Overlay'
diff --git a/packages/react-dev-overlay/src/internal/components/Overlay/maintain--tab-focus.ts b/packages/react-dev-overlay/src/internal/components/Overlay/maintain--tab-focus.ts
deleted file mode 100644
index a013b16301508..0000000000000
--- a/packages/react-dev-overlay/src/internal/components/Overlay/maintain--tab-focus.ts
+++ /dev/null
@@ -1,3569 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Copied from https://github.com/medialize/ally.js
-// License: MIT
-// Copyright (c) 2015 Rodney Rehm
-//
-// Entrypoint: ally.js/maintain/tab-focus
-
-import _platform from 'platform'
-import cssEscape from 'css.escape'
-
-// input may be undefined, selector-tring, Node, NodeList, HTMLCollection, array of Nodes
-// yes, to some extent this is a bad replica of jQuery's constructor function
-function nodeArray(input) {
- if (!input) {
- return []
- }
-
- if (Array.isArray(input)) {
- return input
- }
-
- // instanceof Node - does not work with iframes
- if (input.nodeType !== undefined) {
- return [input]
- }
-
- if (typeof input === 'string') {
- input = document.querySelectorAll(input)
- }
-
- if (input.length !== undefined) {
- return [].slice.call(input, 0)
- }
-
- throw new TypeError('unexpected input ' + String(input))
-}
-
-function contextToElement(_ref) {
- var context = _ref.context,
- _ref$label = _ref.label,
- label = _ref$label === undefined ? 'context-to-element' : _ref$label,
- resolveDocument = _ref.resolveDocument,
- defaultToDocument = _ref.defaultToDocument
-
- var element = nodeArray(context)[0]
-
- if (resolveDocument && element && element.nodeType === Node.DOCUMENT_NODE) {
- element = element.documentElement
- }
-
- if (!element && defaultToDocument) {
- return document.documentElement
- }
-
- if (!element) {
- throw new TypeError(label + ' requires valid options.context')
- }
-
- if (
- element.nodeType !== Node.ELEMENT_NODE &&
- element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
- ) {
- throw new TypeError(label + ' requires options.context to be an Element')
- }
-
- return element
-}
-
-function getShadowHost() {
- var _ref =
- arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
- context = _ref.context
-
- var element = contextToElement({
- label: 'get/shadow-host',
- context: context,
- })
-
- // walk up to the root
- var container = null
-
- while (element) {
- container = element
- element = element.parentNode
- }
-
- // https://developer.mozilla.org/docs/Web/API/Node.nodeType
- // NOTE: Firefox 34 does not expose ShadowRoot.host (but 37 does)
- if (
- container.nodeType === container.DOCUMENT_FRAGMENT_NODE &&
- container.host
- ) {
- // the root is attached to a fragment node that has a host
- return container.host
- }
-
- return null
-}
-
-function getDocument(node) {
- if (!node) {
- return document
- }
-
- if (node.nodeType === Node.DOCUMENT_NODE) {
- return node
- }
-
- return node.ownerDocument || document
-}
-
-function isActiveElement(context) {
- var element = contextToElement({
- label: 'is/active-element',
- resolveDocument: true,
- context: context,
- })
-
- var _document = getDocument(element)
- if (_document.activeElement === element) {
- return true
- }
-
- var shadowHost = getShadowHost({ context: element })
- if (shadowHost && shadowHost.shadowRoot.activeElement === element) {
- return true
- }
-
- return false
-}
-
-// [elem, elem.parent, elem.parent.parent, …, html]
-// will not contain the shadowRoot (DOCUMENT_FRAGMENT_NODE) and shadowHost
-function getParents() {
- var _ref =
- arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
- context = _ref.context
-
- var list = []
- var element = contextToElement({
- label: 'get/parents',
- context: context,
- })
-
- while (element) {
- list.push(element)
- // IE does know support parentElement on SVGElement
- element = element.parentNode
- if (element && element.nodeType !== Node.ELEMENT_NODE) {
- element = null
- }
- }
-
- return list
-}
-
-// Element.prototype.matches may be available at a different name
-// https://developer.mozilla.org/en/docs/Web/API/Element/matches
-
-var names = [
- 'matches',
- 'webkitMatchesSelector',
- 'mozMatchesSelector',
- 'msMatchesSelector',
-]
-var name = null
-
-function findMethodName(element) {
- names.some(function (_name) {
- if (!element[_name]) {
- return false
- }
-
- name = _name
- return true
- })
-}
-
-function elementMatches(element, selector) {
- if (!name) {
- findMethodName(element)
- }
-
- return element[name](selector)
-}
-
-// deep clone of original platform
-var platform = JSON.parse(JSON.stringify(_platform))
-
-// operating system
-var os = platform.os.family || ''
-var ANDROID = os === 'Android'
-var WINDOWS = os.slice(0, 7) === 'Windows'
-var OSX = os === 'OS X'
-var IOS = os === 'iOS'
-
-// layout
-var BLINK = platform.layout === 'Blink'
-var GECKO = platform.layout === 'Gecko'
-var TRIDENT = platform.layout === 'Trident'
-var EDGE = platform.layout === 'EdgeHTML'
-var WEBKIT = platform.layout === 'WebKit'
-
-// browser version (not layout engine version!)
-var version = parseFloat(platform.version)
-var majorVersion = Math.floor(version)
-platform.majorVersion = majorVersion
-
-platform.is = {
- // operating system
- ANDROID: ANDROID,
- WINDOWS: WINDOWS,
- OSX: OSX,
- IOS: IOS,
- // layout
- BLINK: BLINK, // "Chrome", "Chrome Mobile", "Opera"
- GECKO: GECKO, // "Firefox"
- TRIDENT: TRIDENT, // "Internet Explorer"
- EDGE: EDGE, // "Microsoft Edge"
- WEBKIT: WEBKIT, // "Safari"
- // INTERNET EXPLORERS
- IE9: TRIDENT && majorVersion === 9,
- IE10: TRIDENT && majorVersion === 10,
- IE11: TRIDENT && majorVersion === 11,
-}
-
-function before() {
- var data = {
- // remember what had focus to restore after test
- activeElement: document.activeElement,
- // remember scroll positions to restore after test
- windowScrollTop: window.scrollTop,
- windowScrollLeft: window.scrollLeft,
- bodyScrollTop: document.body.scrollTop,
- bodyScrollLeft: document.body.scrollLeft,
- }
-
- // wrap tests in an element hidden from screen readers to prevent them
- // from announcing focus, which can be quite irritating to the user
- var iframe = document.createElement('iframe')
- iframe.setAttribute(
- 'style',
- 'position:absolute; position:fixed; top:0; left:-2px; width:1px; height:1px; overflow:hidden;'
- )
- iframe.setAttribute('aria-live', 'off')
- iframe.setAttribute('aria-busy', 'true')
- iframe.setAttribute('aria-hidden', 'true')
- document.body.appendChild(iframe)
-
- var _window = iframe.contentWindow
- var _document = _window.document
-
- _document.open()
- _document.close()
- var wrapper = _document.createElement('div')
- _document.body.appendChild(wrapper)
-
- data.iframe = iframe
- data.wrapper = wrapper
- data.window = _window
- data.document = _document
-
- return data
-}
-
-// options.element:
-// {string} element name
-// {function} callback(wrapper, document) to generate an element
-// options.mutate: (optional)
-// {function} callback(element, wrapper, document) to manipulate element prior to focus-test.
-// Can return DOMElement to define focus target (default: element)
-// options.validate: (optional)
-// {function} callback(element, focusTarget, document) to manipulate test-result
-function test(data, options) {
- // make sure we operate on a clean slate
- data.wrapper.innerHTML = ''
- // create dummy element to test focusability of
- var element =
- typeof options.element === 'string'
- ? data.document.createElement(options.element)
- : options.element(data.wrapper, data.document)
- // allow callback to further specify dummy element
- // and optionally define element to focus
- var focus =
- options.mutate && options.mutate(element, data.wrapper, data.document)
- if (!focus && focus !== false) {
- focus = element
- }
- // element needs to be part of the DOM to be focusable
- !element.parentNode && data.wrapper.appendChild(element)
- // test if the element with invalid tabindex can be focused
- focus && focus.focus && focus.focus()
- // validate test's result
- return options.validate
- ? options.validate(element, focus, data.document)
- : data.document.activeElement === focus
-}
-
-function after(data) {
- // restore focus to what it was before test and cleanup
- if (data.activeElement === document.body) {
- document.activeElement &&
- document.activeElement.blur &&
- document.activeElement.blur()
- if (platform.is.IE10) {
- // IE10 does not redirect focus to when the activeElement is removed
- document.body.focus()
- }
- } else {
- data.activeElement && data.activeElement.focus && data.activeElement.focus()
- }
-
- document.body.removeChild(data.iframe)
-
- // restore scroll position
- window.scrollTop = data.windowScrollTop
- window.scrollLeft = data.windowScrollLeft
- document.body.scrollTop = data.bodyScrollTop
- document.body.scrollLeft = data.bodyScrollLeft
-}
-
-function detectFocus(tests) {
- var data = before()
-
- var results = {}
- Object.keys(tests).map(function (key) {
- results[key] = test(data, tests[key])
- })
-
- after(data)
- return results
-}
-
-// this file is overwritten by `npm run build:pre`
-var version$1 = '1.4.1'
-
-/*
- Facility to cache test results in localStorage.
-
- USAGE:
- cache.get('key');
- cache.set('key', 'value');
- */
-
-function readLocalStorage(key) {
- // allow reading from storage to retrieve previous support results
- // even while the document does not have focus
- var data = void 0
-
- try {
- data = window.localStorage && window.localStorage.getItem(key)
- data = data ? JSON.parse(data) : {}
- } catch (e) {
- data = {}
- }
-
- return data
-}
-
-function writeLocalStorage(key, value) {
- if (!document.hasFocus()) {
- // if the document does not have focus when tests are executed, focus() may
- // not be handled properly and events may not be dispatched immediately.
- // This can happen when a document is reloaded while Developer Tools have focus.
- try {
- window.localStorage && window.localStorage.removeItem(key)
- } catch (e) {
- // ignore
- }
-
- return
- }
-
- try {
- window.localStorage &&
- window.localStorage.setItem(key, JSON.stringify(value))
- } catch (e) {
- // ignore
- }
-}
-
-var userAgent =
- (typeof window !== 'undefined' && window.navigator.userAgent) || ''
-var cacheKey = 'ally-supports-cache'
-var cache = readLocalStorage(cacheKey)
-
-// update the cache if ally or the user agent changed (newer version, etc)
-if (cache.userAgent !== userAgent || cache.version !== version$1) {
- cache = {}
-}
-
-cache.userAgent = userAgent
-cache.version = version$1
-
-var cache$1 = {
- get: function get() {
- return cache
- },
- set: function set(values) {
- Object.keys(values).forEach(function (key) {
- cache[key] = values[key]
- })
-
- cache.time = new Date().toISOString()
- writeLocalStorage(cacheKey, cache)
- },
-}
-
-function cssShadowPiercingDeepCombinator() {
- var combinator = void 0
-
- // see https://dev.w3.org/csswg/css-scoping-1/#deep-combinator
- // https://bugzilla.mozilla.org/show_bug.cgi?id=1117572
- // https://code.google.com/p/chromium/issues/detail?id=446051
- try {
- document.querySelector('html >>> :first-child')
- combinator = '>>>'
- } catch (noArrowArrowArrow) {
- try {
- // old syntax supported at least up to Chrome 41
- // https://code.google.com/p/chromium/issues/detail?id=446051
- document.querySelector('html /deep/ :first-child')
- combinator = '/deep/'
- } catch (noDeep) {
- combinator = ''
- }
- }
-
- return combinator
-}
-
-var gif =
- 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
-
-// https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-usemap
-var focusAreaImgTabindex = {
- element: 'div',
- mutate: function mutate(element) {
- element.innerHTML =
- '' +
- 'content
' - }, -} - -// elements with display:flex are focusable in IE10-11 -var focusFlexboxContainer = { - element: 'span', - mutate: function mutate(element) { - element.setAttribute( - 'style', - 'display: -webkit-flex; display: -ms-flexbox; display: flex;' - ) - element.innerHTML = 'hello' - }, -} - -// form[tabindex=0][disabled] should be focusable as the -// specification doesn't know the disabled attribute on the form element -// @specification https://www.w3.org/TR/html5/forms.html#the-form-element -var focusFormDisabled = { - element: 'form', - mutate: function mutate(element) { - element.setAttribute('tabindex', 0) - element.setAttribute('disabled', 'disabled') - }, -} - -// NOTE: https://github.com/medialize/ally.js/issues/35 -// fixes https://github.com/medialize/ally.js/issues/20 -// https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-ismap -var focusImgIsmap = { - element: 'a', - mutate: function mutate(element) { - element.href = '#void' - element.innerHTML = '
- return element.querySelector('img')
- },
- validate: function validate(element, focusTarget, _document) {
- var target = element.querySelector('area')
- return _document.activeElement === target
- },
-}
-
-// see https://jsbin.com/nenirisage/edit?html,js,console,output
-
-var focusRedirectLegend = {
- element: 'fieldset',
- mutate: function mutate(element) {
- element.innerHTML =
- ''
- // take care of focus in validate();
- return false
- },
- validate: function validate(element, focusTarget, _document) {
- var focusable = element.querySelector('input[tabindex="-1"]')
- var tabbable = element.querySelector('input[tabindex="0"]')
-
- // Firefox requires this test to focus the