@digipair/skill-web-spectrum 0.113.1 → 0.114.1

package/README.md

@@ -0,0 +1,7 @@
+# skill-test
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build skill-web-spectrum` to build the library.

package/{flow.cjs.js → dist/flow.cjs.js}

@@ -20,7 +20,6 @@ function _defineProperties$2(target, props) {
 }
 function _create_class$2(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$2(Constructor, staticProps);
     return Constructor;
 }
 var SizeCache = /*#__PURE__*/ function() {
@@ -90,7 +89,6 @@ function _defineProperties$1(target, props) {
 }
 function _create_class$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$1(Constructor, staticProps);
     return Constructor;
 }
 function _define_property$1(obj, key, value) {
@@ -107,7 +105,7 @@ function _define_property$1(obj, key, value) {
     return obj;
 }
 function dim1(direction) {
-    return direction === "horizontal" ? "width" : "height";
+    return direction === 'horizontal' ? 'width' : 'height';
 }
 var BaseLayout = /*#__PURE__*/ function() {
     function BaseLayout(hostSink, config) {
@@ -161,16 +159,16 @@ var BaseLayout = /*#__PURE__*/ function() {
          */ this._last = -1;
         /**
          * Length in the scrolling direction.
-         */ this._sizeDim = "height";
+         */ this._sizeDim = 'height';
         /**
          * Length in the non-scrolling direction.
-         */ this._secondarySizeDim = "width";
+         */ this._secondarySizeDim = 'width';
         /**
          * Position in the scrolling direction.
-         */ this._positionDim = "top";
+         */ this._positionDim = 'top';
         /**
          * Position in the non-scrolling direction.
-         */ this._secondaryPositionDim = "left";
+         */ this._secondaryPositionDim = 'left';
         /**
          * Current scroll offset in pixels.
          */ this._scrollPosition = 0;
@@ -202,7 +200,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_getDefaultConfig",
             value: function _getDefaultConfig() {
                 return {
-                    direction: "vertical"
+                    direction: 'vertical'
                 };
             }
         },
@@ -247,13 +245,13 @@ var BaseLayout = /*#__PURE__*/ function() {
             },
             set: function set(dir) {
                 // Force it to be either horizontal or vertical.
-                dir = dir === "horizontal" ? dir : "vertical";
+                dir = dir === 'horizontal' ? dir : 'vertical';
                 if (dir !== this._direction) {
                     this._direction = dir;
-                    this._sizeDim = dir === "horizontal" ? "width" : "height";
-                    this._secondarySizeDim = dir === "horizontal" ? "height" : "width";
-                    this._positionDim = dir === "horizontal" ? "left" : "top";
-                    this._secondaryPositionDim = dir === "horizontal" ? "top" : "left";
+                    this._sizeDim = dir === 'horizontal' ? 'width' : 'height';
+                    this._secondarySizeDim = dir === 'horizontal' ? 'height' : 'width';
+                    this._positionDim = dir === 'horizontal' ? 'left' : 'top';
+                    this._secondaryPositionDim = dir === 'horizontal' ? 'top' : 'left';
                     this._triggerReflow();
                 }
             }
@@ -419,7 +417,7 @@ var BaseLayout = /*#__PURE__*/ function() {
                     var _this_pin = this.pin, index = _this_pin.index, block = _this_pin.block;
                     this._scrollPosition = this._calculateScrollIntoViewPosition({
                         index: index,
-                        block: block || "start"
+                        block: block || 'start'
                     }) - this.offsetWithinScroller[this._positionDim];
                     this._scrollError = lastScrollPosition - this._scrollPosition;
                 }
@@ -443,13 +441,13 @@ var BaseLayout = /*#__PURE__*/ function() {
                 var index = Math.min(this.items.length, Math.max(0, options.index));
                 var itemStartPosition = this._getItemPosition(index)[this._positionDim];
                 var scrollPosition = itemStartPosition;
-                if (block !== "start") {
+                if (block !== 'start') {
                     var itemSize = this._getItemSize(index)[this._sizeDim];
-                    if (block === "center") {
+                    if (block === 'center') {
                         scrollPosition = itemStartPosition - 0.5 * this._viewDim1 + 0.5 * itemSize;
                     } else {
                         var itemEndPosition = itemStartPosition - this._viewDim1 + itemSize;
-                        if (block === "end") {
+                        if (block === 'end') {
                             scrollPosition = itemEndPosition;
                         } else {
                             // block === 'nearest'
@@ -472,7 +470,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_sendUnpinnedMessage",
             value: function _sendUnpinnedMessage() {
                 this._hostSink({
-                    type: "unpinned"
+                    type: 'unpinned'
                 });
             }
         },
@@ -480,7 +478,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_sendVisibilityChangedMessage",
             value: function _sendVisibilityChangedMessage() {
                 this._hostSink({
-                    type: "visibilityChanged",
+                    type: 'visibilityChanged',
                     firstVisible: this._firstVisible,
                     lastVisible: this._lastVisible
                 });
@@ -497,7 +495,7 @@ var BaseLayout = /*#__PURE__*/ function() {
                 }
                 var _obj;
                 var message = {
-                    type: "stateChanged",
+                    type: 'stateChanged',
                     scrollSize: (_obj = {}, _define_property$1(_obj, this._sizeDim, this._scrollSize), _define_property$1(_obj, this._secondarySizeDim, null), _obj),
                     range: {
                         first: this._first,
@@ -607,7 +605,6 @@ function _defineProperties(target, props) {
 }
 function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
 function _define_property(obj, key, value) {
@@ -729,13 +726,13 @@ var flow = function(config) {
     }, config);
 };
 function leadingMargin(direction) {
-    return direction === "horizontal" ? "marginLeft" : "marginTop";
+    return direction === 'horizontal' ? 'marginLeft' : 'marginTop';
 }
 function trailingMargin(direction) {
-    return direction === "horizontal" ? "marginRight" : "marginBottom";
+    return direction === 'horizontal' ? 'marginRight' : 'marginBottom';
 }
 function offset(direction) {
-    return direction === "horizontal" ? "xOffset" : "yOffset";
+    return direction === 'horizontal' ? 'xOffset' : 'yOffset';
 }
 function collapseMargins(a, b) {
     var _Math, _Math1;

package/{flow.esm.js → dist/flow.esm.js}

@@ -18,7 +18,6 @@ function _defineProperties$2(target, props) {
 }
 function _create_class$2(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$2(Constructor, staticProps);
     return Constructor;
 }
 var SizeCache = /*#__PURE__*/ function() {
@@ -88,7 +87,6 @@ function _defineProperties$1(target, props) {
 }
 function _create_class$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$1(Constructor, staticProps);
     return Constructor;
 }
 function _define_property$1(obj, key, value) {
@@ -105,7 +103,7 @@ function _define_property$1(obj, key, value) {
     return obj;
 }
 function dim1(direction) {
-    return direction === "horizontal" ? "width" : "height";
+    return direction === 'horizontal' ? 'width' : 'height';
 }
 var BaseLayout = /*#__PURE__*/ function() {
     function BaseLayout(hostSink, config) {
@@ -159,16 +157,16 @@ var BaseLayout = /*#__PURE__*/ function() {
          */ this._last = -1;
         /**
          * Length in the scrolling direction.
-         */ this._sizeDim = "height";
+         */ this._sizeDim = 'height';
         /**
          * Length in the non-scrolling direction.
-         */ this._secondarySizeDim = "width";
+         */ this._secondarySizeDim = 'width';
         /**
          * Position in the scrolling direction.
-         */ this._positionDim = "top";
+         */ this._positionDim = 'top';
         /**
          * Position in the non-scrolling direction.
-         */ this._secondaryPositionDim = "left";
+         */ this._secondaryPositionDim = 'left';
         /**
          * Current scroll offset in pixels.
          */ this._scrollPosition = 0;
@@ -200,7 +198,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_getDefaultConfig",
             value: function _getDefaultConfig() {
                 return {
-                    direction: "vertical"
+                    direction: 'vertical'
                 };
             }
         },
@@ -245,13 +243,13 @@ var BaseLayout = /*#__PURE__*/ function() {
             },
             set: function set(dir) {
                 // Force it to be either horizontal or vertical.
-                dir = dir === "horizontal" ? dir : "vertical";
+                dir = dir === 'horizontal' ? dir : 'vertical';
                 if (dir !== this._direction) {
                     this._direction = dir;
-                    this._sizeDim = dir === "horizontal" ? "width" : "height";
-                    this._secondarySizeDim = dir === "horizontal" ? "height" : "width";
-                    this._positionDim = dir === "horizontal" ? "left" : "top";
-                    this._secondaryPositionDim = dir === "horizontal" ? "top" : "left";
+                    this._sizeDim = dir === 'horizontal' ? 'width' : 'height';
+                    this._secondarySizeDim = dir === 'horizontal' ? 'height' : 'width';
+                    this._positionDim = dir === 'horizontal' ? 'left' : 'top';
+                    this._secondaryPositionDim = dir === 'horizontal' ? 'top' : 'left';
                     this._triggerReflow();
                 }
             }
@@ -417,7 +415,7 @@ var BaseLayout = /*#__PURE__*/ function() {
                     var _this_pin = this.pin, index = _this_pin.index, block = _this_pin.block;
                     this._scrollPosition = this._calculateScrollIntoViewPosition({
                         index: index,
-                        block: block || "start"
+                        block: block || 'start'
                     }) - this.offsetWithinScroller[this._positionDim];
                     this._scrollError = lastScrollPosition - this._scrollPosition;
                 }
@@ -441,13 +439,13 @@ var BaseLayout = /*#__PURE__*/ function() {
                 var index = Math.min(this.items.length, Math.max(0, options.index));
                 var itemStartPosition = this._getItemPosition(index)[this._positionDim];
                 var scrollPosition = itemStartPosition;
-                if (block !== "start") {
+                if (block !== 'start') {
                     var itemSize = this._getItemSize(index)[this._sizeDim];
-                    if (block === "center") {
+                    if (block === 'center') {
                         scrollPosition = itemStartPosition - 0.5 * this._viewDim1 + 0.5 * itemSize;
                     } else {
                         var itemEndPosition = itemStartPosition - this._viewDim1 + itemSize;
-                        if (block === "end") {
+                        if (block === 'end') {
                             scrollPosition = itemEndPosition;
                         } else {
                             // block === 'nearest'
@@ -470,7 +468,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_sendUnpinnedMessage",
             value: function _sendUnpinnedMessage() {
                 this._hostSink({
-                    type: "unpinned"
+                    type: 'unpinned'
                 });
             }
         },
@@ -478,7 +476,7 @@ var BaseLayout = /*#__PURE__*/ function() {
             key: "_sendVisibilityChangedMessage",
             value: function _sendVisibilityChangedMessage() {
                 this._hostSink({
-                    type: "visibilityChanged",
+                    type: 'visibilityChanged',
                     firstVisible: this._firstVisible,
                     lastVisible: this._lastVisible
                 });
@@ -495,7 +493,7 @@ var BaseLayout = /*#__PURE__*/ function() {
                 }
                 var _obj;
                 var message = {
-                    type: "stateChanged",
+                    type: 'stateChanged',
                     scrollSize: (_obj = {}, _define_property$1(_obj, this._sizeDim, this._scrollSize), _define_property$1(_obj, this._secondarySizeDim, null), _obj),
                     range: {
                         first: this._first,
@@ -605,7 +603,6 @@ function _defineProperties(target, props) {
 }
 function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
 function _define_property(obj, key, value) {
@@ -727,13 +724,13 @@ var flow = function(config) {
     }, config);
 };
 function leadingMargin(direction) {
-    return direction === "horizontal" ? "marginLeft" : "marginTop";
+    return direction === 'horizontal' ? 'marginLeft' : 'marginTop';
 }
 function trailingMargin(direction) {
-    return direction === "horizontal" ? "marginRight" : "marginBottom";
+    return direction === 'horizontal' ? 'marginRight' : 'marginBottom';
 }
 function offset(direction) {
-    return direction === "horizontal" ? "xOffset" : "yOffset";
+    return direction === 'horizontal' ? 'xOffset' : 'yOffset';
 }
 function collapseMargins(a, b) {
     var _Math, _Math1;

package/dist/focus-visible.cjs.js

@@ -0,0 +1,297 @@
+'use strict';
+
+function _mergeNamespaces(n, m) {
+	m.forEach(function (e) {
+		e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+			if (k !== 'default' && !(k in n)) {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	});
+	return Object.freeze(n);
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var focusVisible$2 = {
+    exports: {}
+};
+
+(function (module, exports) {
+	function _type_of(obj) {
+	    "@swc/helpers - typeof";
+	    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+	}
+	(function(global, factory) {
+	    (_type_of(exports)) === 'object' && 'object' !== 'undefined' ? factory() : factory();
+	})(commonjsGlobal, function() {
+	    /**
+	   * Applies the :focus-visible polyfill at the given scope.
+	   * A scope in this case is either the top-level Document or a Shadow Root.
+	   *
+	   * @param {(Document|ShadowRoot)} scope
+	   * @see https://github.com/WICG/focus-visible
+	   */ function applyFocusVisiblePolyfill(scope) {
+	        var hadKeyboardEvent = true;
+	        var hadFocusVisibleRecently = false;
+	        var hadFocusVisibleRecentlyTimeout = null;
+	        var inputTypesAllowlist = {
+	            text: true,
+	            search: true,
+	            url: true,
+	            tel: true,
+	            email: true,
+	            password: true,
+	            number: true,
+	            date: true,
+	            month: true,
+	            week: true,
+	            time: true,
+	            datetime: true,
+	            'datetime-local': true
+	        };
+	        /**
+	     * Helper function for legacy browsers and iframes which sometimes focus
+	     * elements like document, body, and non-interactive SVG.
+	     * @param {Element} el
+	     */ function isValidFocusTarget(el) {
+	            if (el && el !== document && el.nodeName !== 'HTML' && el.nodeName !== 'BODY' && 'classList' in el && 'contains' in el.classList) {
+	                return true;
+	            }
+	            return false;
+	        }
+	        /**
+	     * Computes whether the given element should automatically trigger the
+	     * `focus-visible` class being added, i.e. whether it should always match
+	     * `:focus-visible` when focused.
+	     * @param {Element} el
+	     * @return {boolean}
+	     */ function focusTriggersKeyboardModality(el) {
+	            var type = el.type;
+	            var tagName = el.tagName;
+	            if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {
+	                return true;
+	            }
+	            if (tagName === 'TEXTAREA' && !el.readOnly) {
+	                return true;
+	            }
+	            if (el.isContentEditable) {
+	                return true;
+	            }
+	            return false;
+	        }
+	        /**
+	     * Add the `focus-visible` class to the given element if it was not added by
+	     * the author.
+	     * @param {Element} el
+	     */ function addFocusVisibleClass(el) {
+	            if (el.classList.contains('focus-visible')) {
+	                return;
+	            }
+	            el.classList.add('focus-visible');
+	            el.setAttribute('data-focus-visible-added', '');
+	        }
+	        /**
+	     * Remove the `focus-visible` class from the given element if it was not
+	     * originally added by the author.
+	     * @param {Element} el
+	     */ function removeFocusVisibleClass(el) {
+	            if (!el.hasAttribute('data-focus-visible-added')) {
+	                return;
+	            }
+	            el.classList.remove('focus-visible');
+	            el.removeAttribute('data-focus-visible-added');
+	        }
+	        /**
+	     * If the most recent user interaction was via the keyboard;
+	     * and the key press did not include a meta, alt/option, or control key;
+	     * then the modality is keyboard. Otherwise, the modality is not keyboard.
+	     * Apply `focus-visible` to any current active element and keep track
+	     * of our keyboard modality state with `hadKeyboardEvent`.
+	     * @param {KeyboardEvent} e
+	     */ function onKeyDown(e) {
+	            if (e.metaKey || e.altKey || e.ctrlKey) {
+	                return;
+	            }
+	            if (isValidFocusTarget(scope.activeElement)) {
+	                addFocusVisibleClass(scope.activeElement);
+	            }
+	            hadKeyboardEvent = true;
+	        }
+	        /**
+	     * If at any point a user clicks with a pointing device, ensure that we change
+	     * the modality away from keyboard.
+	     * This avoids the situation where a user presses a key on an already focused
+	     * element, and then clicks on a different element, focusing it with a
+	     * pointing device, while we still think we're in keyboard modality.
+	     * @param {Event} e
+	     */ function onPointerDown(e) {
+	            hadKeyboardEvent = false;
+	        }
+	        /**
+	     * On `focus`, add the `focus-visible` class to the target if:
+	     * - the target received focus as a result of keyboard navigation, or
+	     * - the event target is an element that will likely require interaction
+	     *   via the keyboard (e.g. a text box)
+	     * @param {Event} e
+	     */ function onFocus(e) {
+	            // Prevent IE from focusing the document or HTML element.
+	            if (!isValidFocusTarget(e.target)) {
+	                return;
+	            }
+	            if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {
+	                addFocusVisibleClass(e.target);
+	            }
+	        }
+	        /**
+	     * On `blur`, remove the `focus-visible` class from the target.
+	     * @param {Event} e
+	     */ function onBlur(e) {
+	            if (!isValidFocusTarget(e.target)) {
+	                return;
+	            }
+	            if (e.target.classList.contains('focus-visible') || e.target.hasAttribute('data-focus-visible-added')) {
+	                // To detect a tab/window switch, we look for a blur event followed
+	                // rapidly by a visibility change.
+	                // If we don't see a visibility change within 100ms, it's probably a
+	                // regular focus change.
+	                hadFocusVisibleRecently = true;
+	                window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+	                hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {
+	                    hadFocusVisibleRecently = false;
+	                }, 100);
+	                removeFocusVisibleClass(e.target);
+	            }
+	        }
+	        /**
+	     * If the user changes tabs, keep track of whether or not the previously
+	     * focused element had .focus-visible.
+	     * @param {Event} e
+	     */ function onVisibilityChange(e) {
+	            if (document.visibilityState === 'hidden') {
+	                // If the tab becomes active again, the browser will handle calling focus
+	                // on the element (Safari actually calls it twice).
+	                // If this tab change caused a blur on an element with focus-visible,
+	                // re-apply the class when the user switches back to the tab.
+	                if (hadFocusVisibleRecently) {
+	                    hadKeyboardEvent = true;
+	                }
+	                addInitialPointerMoveListeners();
+	            }
+	        }
+	        /**
+	     * Add a group of listeners to detect usage of any pointing devices.
+	     * These listeners will be added when the polyfill first loads, and anytime
+	     * the window is blurred, so that they are active when the window regains
+	     * focus.
+	     */ function addInitialPointerMoveListeners() {
+	            document.addEventListener('mousemove', onInitialPointerMove);
+	            document.addEventListener('mousedown', onInitialPointerMove);
+	            document.addEventListener('mouseup', onInitialPointerMove);
+	            document.addEventListener('pointermove', onInitialPointerMove);
+	            document.addEventListener('pointerdown', onInitialPointerMove);
+	            document.addEventListener('pointerup', onInitialPointerMove);
+	            document.addEventListener('touchmove', onInitialPointerMove);
+	            document.addEventListener('touchstart', onInitialPointerMove);
+	            document.addEventListener('touchend', onInitialPointerMove);
+	        }
+	        function removeInitialPointerMoveListeners() {
+	            document.removeEventListener('mousemove', onInitialPointerMove);
+	            document.removeEventListener('mousedown', onInitialPointerMove);
+	            document.removeEventListener('mouseup', onInitialPointerMove);
+	            document.removeEventListener('pointermove', onInitialPointerMove);
+	            document.removeEventListener('pointerdown', onInitialPointerMove);
+	            document.removeEventListener('pointerup', onInitialPointerMove);
+	            document.removeEventListener('touchmove', onInitialPointerMove);
+	            document.removeEventListener('touchstart', onInitialPointerMove);
+	            document.removeEventListener('touchend', onInitialPointerMove);
+	        }
+	        /**
+	     * When the polfyill first loads, assume the user is in keyboard modality.
+	     * If any event is received from a pointing device (e.g. mouse, pointer,
+	     * touch), turn off keyboard modality.
+	     * This accounts for situations where focus enters the page from the URL bar.
+	     * @param {Event} e
+	     */ function onInitialPointerMove(e) {
+	            // Work around a Safari quirk that fires a mousemove on <html> whenever the
+	            // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
+	            if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
+	                return;
+	            }
+	            hadKeyboardEvent = false;
+	            removeInitialPointerMoveListeners();
+	        }
+	        // For some kinds of state, we are interested in changes at the global scope
+	        // only. For example, global pointer input, global key presses and global
+	        // visibility change should affect the state at every scope:
+	        document.addEventListener('keydown', onKeyDown, true);
+	        document.addEventListener('mousedown', onPointerDown, true);
+	        document.addEventListener('pointerdown', onPointerDown, true);
+	        document.addEventListener('touchstart', onPointerDown, true);
+	        document.addEventListener('visibilitychange', onVisibilityChange, true);
+	        addInitialPointerMoveListeners();
+	        // For focus and blur, we specifically care about state changes in the local
+	        // scope. This is because focus / blur events that originate from within a
+	        // shadow root are not re-dispatched from the host element if it was already
+	        // the active element in its own scope:
+	        scope.addEventListener('focus', onFocus, true);
+	        scope.addEventListener('blur', onBlur, true);
+	        // We detect that a node is a ShadowRoot by ensuring that it is a
+	        // DocumentFragment and also has a host property. This check covers native
+	        // implementation and polyfill implementation transparently. If we only cared
+	        // about the native implementation, we could just check if the scope was
+	        // an instance of a ShadowRoot.
+	        if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {
+	            // Since a ShadowRoot is a special kind of DocumentFragment, it does not
+	            // have a root element to add a class to. So, we add this attribute to the
+	            // host element instead:
+	            scope.host.setAttribute('data-js-focus-visible', '');
+	        } else if (scope.nodeType === Node.DOCUMENT_NODE) {
+	            document.documentElement.classList.add('js-focus-visible');
+	            document.documentElement.setAttribute('data-js-focus-visible', '');
+	        }
+	    }
+	    // It is important to wrap all references to global window and document in
+	    // these checks to support server-side rendering use cases
+	    // @see https://github.com/WICG/focus-visible/issues/199
+	    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+	        // Make the polyfill helper globally available. This can be used as a signal
+	        // to interested libraries that wish to coordinate with the polyfill for e.g.,
+	        // applying the polyfill to a shadow root:
+	        window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;
+	        // Notify interested libraries of the polyfill's presence, in case the
+	        // polyfill was loaded lazily:
+	        var event;
+	        try {
+	            event = new CustomEvent('focus-visible-polyfill-ready');
+	        } catch (error) {
+	            // IE11 does not support using CustomEvent as a constructor directly:
+	            event = document.createEvent('CustomEvent');
+	            event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});
+	        }
+	        window.dispatchEvent(event);
+	    }
+	    if (typeof document !== 'undefined') {
+	        // Apply the polyfill to the global document, so that no JavaScript
+	        // coordination is required to use the polyfill in the top-level document:
+	        applyFocusVisiblePolyfill(document);
+	    }
+	}); 
+} (focusVisible$2, focusVisible$2.exports));
+
+var focusVisibleExports = focusVisible$2.exports;
+var focusVisible = /*@__PURE__*/getDefaultExportFromCjs(focusVisibleExports);
+
+var focusVisible$1 = /*#__PURE__*/_mergeNamespaces({
+	__proto__: null,
+	default: focusVisible
+}, [focusVisibleExports]);
+
+exports.focusVisible = focusVisible$1;