@roadtrip/components 2.21.0

package/dist/cjs/focus-visible-a5d1ccf9.js

@@ -0,0 +1,335 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var focusVisible = createCommonjsModule(function (module, exports) {
+(function (global, 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);
+  }
+
+})));
+});
+
+const focusVisible$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), focusVisible, {
+	'default': focusVisible
+}));
+
+exports.focusVisible = focusVisible$1;

package/dist/cjs/index-0181f02a.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const alertDangerOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><g transform="translate(349.215 0.25)"><path d="M-309.1,55.25h-15.74a4.222,4.222,0,0,1-3.005-1.245l-11.13-11.13a4.222,4.222,0,0,1-1.245-3.005V24.13a4.222,4.222,0,0,1,1.245-3l11.13-11.13a4.222,4.222,0,0,1,3.005-1.245h15.74a4.222,4.222,0,0,1,3.005,1.245l11.13,11.13a4.222,4.222,0,0,1,1.245,3V39.87a4.222,4.222,0,0,1-1.245,3.005l-11.13,11.13A4.222,4.222,0,0,1-309.1,55.25Zm-15.74-44a1.738,1.738,0,0,0-1.237.513l-11.13,11.13a1.738,1.738,0,0,0-.513,1.237V39.87a1.742,1.742,0,0,0,.513,1.238l11.13,11.129a1.738,1.738,0,0,0,1.237.513h15.74a1.738,1.738,0,0,0,1.237-.513l11.13-11.129a1.742,1.742,0,0,0,.513-1.238V24.13a1.738,1.738,0,0,0-.513-1.237l-11.13-11.13a1.738,1.738,0,0,0-1.237-.513Z"/><rect width="3" height="14.003" transform="translate(-318.465 21.118)"/><rect width="3" height="3.329" transform="translate(-318.465 39.553)"/></g></svg>';
+const alertDanger = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M54.005,21.125,42.875,9.995A4.222,4.222,0,0,0,39.87,8.75H24.13a4.222,4.222,0,0,0-3,1.245L9.995,21.125a4.222,4.222,0,0,0-1.245,3V39.87a4.222,4.222,0,0,0,1.245,3.005l11.13,11.13a4.222,4.222,0,0,0,3,1.245H39.87a4.222,4.222,0,0,0,3.005-1.245l11.13-11.13A4.222,4.222,0,0,0,55.25,39.87V24.13A4.222,4.222,0,0,0,54.005,21.125ZM33.5,42.882h-3V39.553h3Zm0-7.761h-3v-14h3Z" transform="translate(0.25 0.25)"/></svg>';
+const alertInfoOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><g transform="translate(405.058 0.25)"><rect width="3" height="14.004" transform="translate(-374.308 28.878)"/><rect width="3" height="3.328" transform="translate(-374.308 21.118)"/><path d="M-372.808,55.25A23.276,23.276,0,0,1-396.058,32a23.276,23.276,0,0,1,23.25-23.25A23.276,23.276,0,0,1-349.558,32,23.276,23.276,0,0,1-372.808,55.25Zm0-44A20.774,20.774,0,0,0-393.558,32a20.773,20.773,0,0,0,20.75,20.75A20.774,20.774,0,0,0-352.058,32,20.774,20.774,0,0,0-372.808,11.25Z"/></g></svg>';
+const alertInfo = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32,8.75A23.25,23.25,0,1,0,55.25,32,23.276,23.276,0,0,0,32,8.75Zm1.5,34.132h-3v-14h3Zm0-18.436h-3V21.118h3Z" transform="translate(0.25 0.25)"/></svg>';
+const alertSuccessOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><g transform="translate(227.794 0.25)"><path d="M-195.544,55.25A23.276,23.276,0,0,1-218.794,32a23.276,23.276,0,0,1,23.25-23.25A23.276,23.276,0,0,1-172.294,32,23.276,23.276,0,0,1-195.544,55.25Zm0-44A20.774,20.774,0,0,0-216.294,32a20.774,20.774,0,0,0,20.75,20.75A20.773,20.773,0,0,0-174.794,32,20.774,20.774,0,0,0-195.544,11.25Z"/><path d="M-198.264,40.529l-6.964-6.963,1.768-1.768,5.2,5.2,12.637-12.64,1.768,1.768Z"/></g></svg>';
+const alertSuccess = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32,8.75A23.25,23.25,0,1,0,55.25,32,23.276,23.276,0,0,0,32,8.75ZM29.279,40.529l-6.963-6.962L24.083,31.8l5.2,5.195L41.916,24.355l1.768,1.767Z" transform="translate(0.25 0.25)"/></svg>';
+const alertWarningOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><g transform="translate(143.368 0.037)"><rect width="3" height="14.003" transform="translate(-112.073 23.118)"/><rect width="3" height="3.329" transform="translate(-112.073 41.553)"/><path d="M-90.034,53.037h-41.078a4.206,4.206,0,0,1-3.68-2.125,4.21,4.21,0,0,1,0-4.25l20.539-35.574a4.208,4.208,0,0,1,3.68-2.125h0a4.208,4.208,0,0,1,3.681,2.125l20.539,35.574a4.21,4.21,0,0,1,0,4.25A4.208,4.208,0,0,1-90.034,53.037Zm-20.539-41.574a1.73,1.73,0,0,0-1.515.875l-20.539,35.574a1.734,1.734,0,0,0,0,1.75,1.733,1.733,0,0,0,1.515.875h41.078a1.733,1.733,0,0,0,1.516-.875,1.734,1.734,0,0,0,0-1.75l-20.539-35.574A1.733,1.733,0,0,0-110.573,11.463Z"/></g></svg>';
+const alertWarning = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M56.22,46.662,35.68,11.088A4.205,4.205,0,0,0,32,8.963h0a4.208,4.208,0,0,0-3.68,2.125L7.78,46.662a4.251,4.251,0,0,0,3.681,6.375H52.539a4.25,4.25,0,0,0,3.681-6.375ZM33.5,44.882h-3V41.553h3Zm0-7.761h-3v-14h3Z" transform="translate(0.796 0.037)"/></svg>';
+const licensePlateStarEu = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M22.457,49.187l-.774-2.406-.773,2.406H18.387L20.4,50.676l-.774,2.406L21.664,51.6l2.046,1.474-.773-2.407,2.042-1.481Z"/><path d="M19.66,17.173l2.058-1.493,2.042,1.481-.773-2.406,2.042-1.482H22.507l-.774-2.406-.773,2.406-2.569.012,2.043,1.482Z"/><path d="M14,18.163l-.774,2.406H10.7l2.023,1.482-.774,2.406L14,22.975l2.027,1.466-.774-2.406L17.3,20.569H14.771Z"/><path d="M32.743,52.1l-.774-2.406L31.195,52.1H28.65l2.043,1.482-.774,2.406L31.961,54.5,34,55.984l-.774-2.406L35.273,52.1Z"/><path d="M30.008,14.31l2.042-1.481,2.043,1.481-.774-2.41,2.043-1.481H32.839l-.773-2.407-.774,2.407H28.739L30.781,11.9Z"/><path d="M14.647,41.644l-.774-2.406L13.1,41.644H10.577l2.043,1.481-.774,2.406,2.043-1.481,2.042,1.481-.8-2.406,2.043-1.481Z"/><path d="M11.034,33.505l2.042,1.481L12.3,32.58l2.045-1.48H11.831l-.774-2.406L10.283,31.1H7.761l2,1.481-.774,2.406Z"/><path d="M48.038,24.523l2.039-1.49,2.042,1.482-.774-2.406,2.043-1.482H50.866l-.774-2.406-.774,2.406-2.549.008,2.043,1.481Z"/><path d="M50.866,41.717l-.774-2.406-.774,2.406H46.8L48.839,43.2l-.774,2.4,2.043-1.482L52.15,45.6l-.785-2.4,2.042-1.482Z"/><path d="M56.239,31.188H53.717l-.774-2.406-.774,2.406H49.647l2.043,1.481-.774,2.406,2.043-1.481L55,35.075l-.8-2.406Z"/><path d="M42.367,10.9l-.774,2.407H39.071L41.118,14.8l-.774,2.4,2.042-1.482L44.429,17.2l-.774-2.406,2.062-1.489H43.141Z"/><path d="M43.009,49.229l-.773-2.406-.774,2.406h-2.5L41,50.711l-.774,2.406,2.042-1.481,2.043,1.481-.824-2.406,2.042-1.482Z"/></svg>';
+const navigationChevron = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M26.654,45.751,24.533,43.63,35.973,32.19,24.533,20.751l2.121-2.121L40.215,32.19Z" transform="translate(1.467 0.37)"/></svg>';
+const navigationClose = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><g transform="translate(0.193 0.193)"><rect width="2.5" height="35.355" transform="translate(18.807 20.574) rotate(-45)"/><rect width="35.355" height="2.5" transform="translate(18.807 43.807) rotate(-45)"/></g></svg>';
+const starHalfColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M800,143.425V102.5l7.514,17.755,19.17,1.637L812.152,134.61l4.384,18.89Z" transform="translate(-768 -96)"/><path d="M800,143.425,783.461,153.5l4.387-18.89-14.532-12.718,19.165-1.637L800,102.5Z" transform="translate(-768 -96)" fill="var(--warning, rgb(252, 183, 49))"/></svg>';
+const star = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M800,143.425V102.5l7.514,17.755,19.17,1.637L812.152,134.61l4.384,18.89Z" transform="translate(-768 -96)"/><path d="M800,143.425,783.461,153.5l4.387-18.89-14.532-12.718,19.165-1.637L800,102.5Z" transform="translate(-768 -96)"/></svg>';
+
+exports.alertDanger = alertDanger;
+exports.alertDangerOutline = alertDangerOutline;
+exports.alertInfo = alertInfo;
+exports.alertInfoOutline = alertInfoOutline;
+exports.alertSuccess = alertSuccess;
+exports.alertSuccessOutline = alertSuccessOutline;
+exports.alertWarning = alertWarning;
+exports.alertWarningOutline = alertWarningOutline;
+exports.licensePlateStarEu = licensePlateStarEu;
+exports.navigationChevron = navigationChevron;
+exports.navigationClose = navigationClose;
+exports.star = star;
+exports.starHalfColor = starHalfColor;