@roadtrip/components 3.11.0 → 3.11.1

package/dist/roadtrip/{p-a32c7889.entry.js → p-07acda2d.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r}from"./p-abdbf6ac.js";const o=":host{--background-light:var(--road-surface-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";const n=class{constructor(r){a(this,r)}render(){return r("span",null," ")}};n.style=o;export{n as road_skeleton};
-//# sourceMappingURL=p-a32c7889.entry.js.map
+import{r as a,h as r}from"./p-6475c1af.js";const o=":host{--background-light:var(--road-surface-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";const n=class{constructor(r){a(this,r)}render(){return r("span",null," ")}};n.style=o;export{n as road_skeleton};
+//# sourceMappingURL=p-07acda2d.entry.js.map

package/dist/roadtrip/p-07acda2d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["skeletonCss","Skeleton","render","h"],"sources":["src/components/skeleton/skeleton.css?tag=road-skeleton&encapsulation=shadow","src/components/skeleton/skeleton.tsx"],"sourcesContent":["/*\n * Skeleton Screen\n *\n * Index\n * - Skeleton\n * - Animation\n */\n\n\n/* SKELETON\n -------------------- */\n\n/**\n * @prop --background-light: base light grey color\n * @prop --background-dark: second grey color to see the animation\n */\n\n:host {\n  --background-light: var(--road-surface-disabled);\n  --background-dark: rgb(137, 143, 160, 0.4);\n\n  position: relative;\n  display: block;\n  width: 100%;\n  min-height: 1rem;\n  background: linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);\n  background-position: 100% 0;\n  background-size: 200%;\n  animation: road-skeleton-animation 1s linear infinite;\n}\n\n/* ANIMATION\n-------------------- */\n\n@keyframes road-skeleton-animation {\n\n  100% {\n    background-position: -100% 0;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'road-skeleton',\n  styleUrl: 'skeleton.css',\n  shadow: true,\n})\nexport class Skeleton {\n\n  render() {\n    return (\n      <span>&nbsp;</span>\n    );\n  }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAc,kc,MCOPC,EAAQ,M,yBAEnB,MAAAC,GACE,OACEC,EAAA,gB"}

package/dist/roadtrip/{p-c259efd7.js → p-08ff1520.js}

@@ -1,2 +1,2 @@
-import{c as e,a as t}from"./p-7d5dbd9a.js";var u=e((function(e,u){(function(e,t){t()})(t,(function(){function e(e){var t=true;var u=false;var n=null;var o={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};function i(e){if(e&&e!==document&&e.nodeName!=="HTML"&&e.nodeName!=="BODY"&&"classList"in e&&"contains"in e.classList){return true}return false}function d(e){var t=e.type;var u=e.tagName;if(u==="INPUT"&&o[t]&&!e.readOnly){return true}if(u==="TEXTAREA"&&!e.readOnly){return true}if(e.isContentEditable){return true}return false}function c(e){if(e.classList.contains("focus-visible")){return}e.classList.add("focus-visible");e.setAttribute("data-focus-visible-added","")}function r(e){if(!e.hasAttribute("data-focus-visible-added")){return}e.classList.remove("focus-visible");e.removeAttribute("data-focus-visible-added")}function f(u){if(u.metaKey||u.altKey||u.ctrlKey){return}if(i(e.activeElement)){c(e.activeElement)}t=true}function s(e){t=false}function m(e){if(!i(e.target)){return}if(t||d(e.target)){c(e.target)}}function a(e){if(!i(e.target)){return}if(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added")){u=true;window.clearTimeout(n);n=window.setTimeout((function(){u=false}),100);r(e.target)}}function l(e){if(document.visibilityState==="hidden"){if(u){t=true}v()}}function v(){document.addEventListener("mousemove",p);document.addEventListener("mousedown",p);document.addEventListener("mouseup",p);document.addEventListener("pointermove",p);document.addEventListener("pointerdown",p);document.addEventListener("pointerup",p);document.addEventListener("touchmove",p);document.addEventListener("touchstart",p);document.addEventListener("touchend",p)}function b(){document.removeEventListener("mousemove",p);document.removeEventListener("mousedown",p);document.removeEventListener("mouseup",p);document.removeEventListener("pointermove",p);document.removeEventListener("pointerdown",p);document.removeEventListener("pointerup",p);document.removeEventListener("touchmove",p);document.removeEventListener("touchstart",p);document.removeEventListener("touchend",p)}function p(e){if(e.target.nodeName&&e.target.nodeName.toLowerCase()==="html"){return}t=false;b()}document.addEventListener("keydown",f,true);document.addEventListener("mousedown",s,true);document.addEventListener("pointerdown",s,true);document.addEventListener("touchstart",s,true);document.addEventListener("visibilitychange",l,true);v();e.addEventListener("focus",m,true);e.addEventListener("blur",a,true);if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host){e.host.setAttribute("data-js-focus-visible","")}else if(e.nodeType===Node.DOCUMENT_NODE){document.documentElement.classList.add("js-focus-visible");document.documentElement.setAttribute("data-js-focus-visible","")}}if(typeof window!=="undefined"&&typeof document!=="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(u){t=document.createEvent("CustomEvent");t.initCustomEvent("focus-visible-polyfill-ready",false,false,{})}window.dispatchEvent(t)}if(typeof document!=="undefined"){e(document)}}))}));const n=Object.freeze(Object.assign(Object.create(null),u,{default:u}));export{n as f};
-//# sourceMappingURL=p-c259efd7.js.map
+import{c as e,a as t}from"./p-7d5dbd9a.js";var u=e((function(e,u){(function(e,t){t()})(t,(function(){function e(e){var t=true;var u=false;var n=null;var o={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};function i(e){if(e&&e!==document&&e.nodeName!=="HTML"&&e.nodeName!=="BODY"&&"classList"in e&&"contains"in e.classList){return true}return false}function d(e){var t=e.type;var u=e.tagName;if(u==="INPUT"&&o[t]&&!e.readOnly){return true}if(u==="TEXTAREA"&&!e.readOnly){return true}if(e.isContentEditable){return true}return false}function c(e){if(e.classList.contains("focus-visible")){return}e.classList.add("focus-visible");e.setAttribute("data-focus-visible-added","")}function r(e){if(!e.hasAttribute("data-focus-visible-added")){return}e.classList.remove("focus-visible");e.removeAttribute("data-focus-visible-added")}function f(u){if(u.metaKey||u.altKey||u.ctrlKey){return}if(i(e.activeElement)){c(e.activeElement)}t=true}function s(e){t=false}function m(e){if(!i(e.target)){return}if(t||d(e.target)){c(e.target)}}function a(e){if(!i(e.target)){return}if(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added")){u=true;window.clearTimeout(n);n=window.setTimeout((function(){u=false}),100);r(e.target)}}function l(e){if(document.visibilityState==="hidden"){if(u){t=true}v()}}function v(){document.addEventListener("mousemove",p);document.addEventListener("mousedown",p);document.addEventListener("mouseup",p);document.addEventListener("pointermove",p);document.addEventListener("pointerdown",p);document.addEventListener("pointerup",p);document.addEventListener("touchmove",p);document.addEventListener("touchstart",p);document.addEventListener("touchend",p)}function b(){document.removeEventListener("mousemove",p);document.removeEventListener("mousedown",p);document.removeEventListener("mouseup",p);document.removeEventListener("pointermove",p);document.removeEventListener("pointerdown",p);document.removeEventListener("pointerup",p);document.removeEventListener("touchmove",p);document.removeEventListener("touchstart",p);document.removeEventListener("touchend",p)}function p(e){if(e.target.nodeName&&e.target.nodeName.toLowerCase()==="html"){return}t=false;b()}document.addEventListener("keydown",f,true);document.addEventListener("mousedown",s,true);document.addEventListener("pointerdown",s,true);document.addEventListener("touchstart",s,true);document.addEventListener("visibilitychange",l,true);v();e.addEventListener("focus",m,true);e.addEventListener("blur",a,true);if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host){e.host.setAttribute("data-js-focus-visible","")}else if(e.nodeType===Node.DOCUMENT_NODE){document.documentElement.classList.add("js-focus-visible");document.documentElement.setAttribute("data-js-focus-visible","")}}if(typeof window!=="undefined"&&typeof document!=="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(e){t=document.createEvent("CustomEvent");t.initCustomEvent("focus-visible-polyfill-ready",false,false,{})}window.dispatchEvent(t)}if(typeof document!=="undefined"){e(document)}}))}));const n=Object.freeze(Object.assign(Object.create(null),u,{default:u}));export{n as f};
+//# sourceMappingURL=p-08ff1520.js.map

package/dist/roadtrip/p-08ff1520.js.map

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

package/dist/roadtrip/p-0d2e2bd5.entry.js

@@ -0,0 +1,2 @@
+import{r as c,c as e,h as o,H as r}from"./p-6475c1af.js";import{c as a,b as i}from"./p-73fe2357.js";import"./p-1ccae339.js";const s='.sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-16);line-height:1.5;color:var(--road-on-surface)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-input-surface-variant)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface);border-color:var(--road-input-surface)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface-variant);border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-surface-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-on-surface-disabled)}.invalid-feedback.sc-road-checkbox{display:none;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-outline)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}';const h=class{constructor(o){c(this,o);this.roadchange=e(this,"roadchange",7);this.roadChange=e(this,"roadChange",7);this.roadfocus=e(this,"roadfocus",7);this.roadFocus=e(this,"roadFocus",7);this.roadblur=e(this,"roadblur",7);this.roadBlur=e(this,"roadBlur",7);this.onClick=()=>{this.checked=!this.checked;this.indeterminate=false};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.checkboxId=`road-checkbox-${t++}`;this.name=this.checkboxId;this.required=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.value="on";this.label=`${this.checkboxId}-label`;this.inverse=false;this.error=undefined;this.helper=undefined}checkedChanged(c){this.roadchange.emit({checked:c,value:this.value});this.roadChange.emit({checked:c,value:this.value})}render(){const c=this.checkboxId+"-label";const e=this.inverse&&"form-checkbox-inverse";const s=this.error!==undefined&&!this.checked&&this.error!==""?"is-invalid":"";return o(r,null,o("input",{class:`form-check-input ${s}`,type:"checkbox",id:this.checkboxId,name:this.name,required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":c,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),o("label",{class:`form-check-label ${e}`,id:c,htmlFor:this.checkboxId},o("div",null,this.label,o("slot",null)),this.checked&&!this.indeterminate&&o("road-icon",{class:"form-check-icon",icon:a}),this.indeterminate&&o("road-icon",{class:"form-check-icon",icon:i})),this.error&&this.error!==""&&o("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&o("p",{class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let t=0;h.style=s;export{h as road_checkbox};
+//# sourceMappingURL=p-0d2e2bd5.entry.js.map

package/dist/roadtrip/p-0d2e2bd5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","Checkbox","this","onClick","checked","indeterminate","onFocus","roadfocus","emit","roadFocus","onBlur","roadblur","roadBlur","checkboxIds","checkboxId","checkedChanged","isChecked","roadchange","value","roadChange","render","labelId","inverseClass","inverse","isInvalidClass","error","undefined","h","Host","class","type","id","name","required","disabled","htmlFor","label","icon","checkWide","navigationAddLess","helper"],"sources":["src/components/checkbox/checkbox.css?tag=road-checkbox&encapsulation=scoped","src/components/checkbox/checkbox.tsx"],"sourcesContent":["/*\n * Checkbox\n *\n * For accessibility, we provide a style for focus only on Tab,\n * for that add the javascript polyfill for focus-visible\n * (https://github.com/WICG/focus-visible).\n *\n * Index\n * - Checkbox\n * - Label\n * - Error\n * - Helper\n * - Position\n */\n\n\n/* CHECKBOX\n -------------------- */\n\n:host {\n  position: relative;\n  display: block;\n  margin-bottom: 1.5rem;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-font-size-16);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n}\n\n/**\n * Hide input\n */\n\n.form-check-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n/* LABEL\n -------------------- */\n\n.form-check-label {\n  position: relative;\n  display: inline-flex;\n  margin: 0;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.form-check-label::before {\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin: 0 0.75rem 0 0;\n  content: \"\";\n  background: var(--road-surface);\n  border: 1px solid var(--road-input-outline);\n  border-radius: 0.25rem;\n  transition: border 0.2s ease-in-out, background 0.2s ease-in-out;\n}\n\n.form-check-icon {\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-sizing: border-box;\n  display: block;\n  width: 1.25rem;\n  height: 1.25rem;\n  color: var(--road-primary-contrast);\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n  .form-check-input:not(:disabled) ~ .form-check-label:hover::before {\n    border-color: var(--road-input-surface-variant);\n  }\n\n  .form-check-input:not(:disabled):checked ~ .form-check-label:hover::before,\n  .form-check-input:not(:disabled):indeterminate ~ .form-check-label:hover::before {\n    background: var(--road-input-surface-variant);\n  }\n}\n\n/**\n * Checked state\n */\n\n.form-check-input:checked ~ .form-check-label .form-check-icon,\n.form-check-input:indeterminate ~ .form-check-label .form-check-icon {\n  opacity: 1;\n}\n\n.form-check-input:checked ~ .form-check-label::before,\n.form-check-input:indeterminate ~ .form-check-label::before {\n  background: var(--road-input-surface);\n  border-color: var(--road-input-surface);\n}\n\n/**\n * Focus on Tab\n */\n\n.form-check-input.focus-visible ~ .form-check-label::before {\n  box-shadow: 0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700);\n}\n\n.form-check-input.focus-visible:checked ~ .form-check-label::before,\n.form-check-input.focus-visible:indeterminate ~ .form-check-label::before {\n  background: var(--road-input-surface-variant);\n  border-color: var(--road-input-surface-variant);\n}\n\n/**\n * Disabled state\n */\n\n.form-check-input:disabled ~ .form-check-label,\n.form-check-input[readonly] ~ .form-check-label {\n  cursor: not-allowed;\n}\n\n.form-check-input:disabled ~ .form-check-label::before,\n.form-check-input[readonly] ~ .form-check-label::before {\n  background: var(--road-surface-disabled);\n  border: none;\n}\n\n.form-check-input:disabled ~ .form-check-label .form-check-icon,\n.form-check-input[readonly] ~ .form-check-label .form-check-icon {\n  fill: var(--road-on-surface-disabled);\n}\n\n/* ERROR\n -------------------- */\n\n.invalid-feedback {\n  display: none;\n  flex: 0 0 100%;\n  width: 100%;\n  margin-top: 0.5rem;\n  font-size: var(--road-font-size-12);\n  color: var(--road-danger-default);\n}\n\n.form-check-input.is-invalid ~ .form-check-label::before,\n.was-validated .form-check-input:invalid ~ .form-check-label::before {\n  border-color: var(--road-danger-outline);\n}\n\n.form-check-input.is-invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-feedback {\n  display: block;\n}\n\n/* POSITION\n -------------------- */\n\n.form-checkbox-inverse {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n.form-checkbox-inverse::before {\n  margin: 0 0 0 1rem;\n}\n\n.form-checkbox-inverse .form-check-icon {\n  right: 0;\n  left: auto;\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n  color: var(--road-grey-500);\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport { checkWide, navigationAddLess } from '../../../icons';\n\nimport './../../utils/polyfill';\n\n/**\n * @slot  - Adding additional elements next to the label (e.g. number of items in filters).\n */\n\n@Component({\n  tag: 'road-checkbox',\n  styleUrl: 'checkbox.css',\n  scoped: true,\n})\nexport class Checkbox {\n\n  /**\n   * The id of checkbox\n   */\n  @Prop() checkboxId: string = `road-checkbox-${checkboxIds++}`;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.checkboxId;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * If `true`, the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   */\n   @Prop() indeterminate: boolean = false;\n\n  /**\n   * If `true`, the user cannot interact with the checkbox.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Value the form will get\n   */\n  @Prop() value: string = 'on';\n\n  /**\n   * Label for the field\n   */\n  @Prop() label: string = `${this.checkboxId}-label`;\n\n  /**\n   * If `true`, the label and the checkbox are inverse and spaced\n   */\n  @Prop() inverse: boolean = false;\n\n  /**\n   * Error message for the field\n   */\n  @Prop() error?: string;\n\n  /**\n   * Helper message for the field\n   */\n   @Prop() helper?: string;\n\n  /**\n   * Emitted when the checked property has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    checked: boolean,\n    value: string | undefined | null\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    checked: boolean,\n    value: string | undefined | null\n  }>;\n\n  /**\n   * Emitted when the checkbox has focus.\n   */\n  @Event() roadfocus!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the checkbox loses focus.\n   */\n  @Event() roadblur!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadBlur!: EventEmitter<void>;\n\n  @Watch('checked')\n  checkedChanged(isChecked: boolean) {\n    this.roadchange.emit({\n      checked: isChecked,\n      value: this.value,\n    });\n    this.roadChange.emit({\n      checked: isChecked,\n      value: this.value,\n    });\n  }\n\n  private onClick = () => {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n  };\n\n  private onFocus = () => {\n    this.roadfocus.emit();\n    this.roadFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.roadblur.emit();\n    this.roadBlur.emit();\n  };\n\n  render() {\n    const labelId = this.checkboxId + '-label';\n    const inverseClass = this.inverse && 'form-checkbox-inverse';\n    const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host>\n        <input\n          class={`form-check-input ${isInvalidClass}`}\n          type=\"checkbox\"\n          id={this.checkboxId}\n          name={this.name}\n          required={this.required}\n          disabled={this.disabled}\n          indeterminate={this.indeterminate}\n          checked={this.checked}\n          value={this.value}\n          aria-checked={`${this.checked}`}\n          aria-disabled={this.disabled ? 'true' : null}\n          aria-labelledby={labelId}\n          onClick={this.onClick}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n        />\n        <label class={`form-check-label ${inverseClass}`} id={labelId} htmlFor={this.checkboxId}>\n          <div>\n            {this.label}<slot/>\n          </div>\n          {this.checked && !this.indeterminate && <road-icon class=\"form-check-icon\" icon={checkWide}></road-icon>}\n          {this.indeterminate && <road-icon class=\"form-check-icon\" icon={navigationAddLess}></road-icon>}\n        </label>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n        {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n      </Host>\n    );\n  }\n}\n\nlet checkboxIds = 0;\n"],"mappings":"4HAAA,MAAMA,EAAc,44H,MCcPC,EAAQ,M,uPAgGXC,KAAAC,QAAU,KAChBD,KAAKE,SAAWF,KAAKE,QACrBF,KAAKG,cAAgB,KAAK,EAGpBH,KAAAI,QAAU,KAChBJ,KAAKK,UAAUC,OACfN,KAAKO,UAAUD,MAAM,EAGfN,KAAAQ,OAAS,KACfR,KAAKS,SAASH,OACdN,KAAKU,SAASJ,MAAM,E,gBAvGO,iBAAiBK,M,UAKvBX,KAAKY,W,cAKA,M,aAKO,M,mBAKD,M,cAKN,M,WAKJ,K,WAKA,GAAGZ,KAAKY,mB,aAKL,M,2CAwC3B,cAAAC,CAAeC,GACbd,KAAKe,WAAWT,KAAK,CACnBJ,QAASY,EACTE,MAAOhB,KAAKgB,QAEdhB,KAAKiB,WAAWX,KAAK,CACnBJ,QAASY,EACTE,MAAOhB,KAAKgB,O,CAmBhB,MAAAE,GACE,MAAMC,EAAUnB,KAAKY,WAAa,SAClC,MAAMQ,EAAepB,KAAKqB,SAAW,wBACrC,MAAMC,EAAiBtB,KAAKuB,QAAUC,YAAcxB,KAAKE,SAAWF,KAAKuB,QAAU,GAAK,aAAe,GAEvG,OACEE,EAACC,EAAI,KACHD,EAAA,SACEE,MAAO,oBAAoBL,IAC3BM,KAAK,WACLC,GAAI7B,KAAKY,WACTkB,KAAM9B,KAAK8B,KACXC,SAAU/B,KAAK+B,SACfC,SAAUhC,KAAKgC,SACf7B,cAAeH,KAAKG,cACpBD,QAASF,KAAKE,QACdc,MAAOhB,KAAKgB,MAAK,eACH,GAAGhB,KAAKE,UAAS,gBAChBF,KAAKgC,SAAW,OAAS,KAAI,kBAC3Bb,EACjBlB,QAASD,KAAKC,QACdG,QAASJ,KAAKI,QACdI,OAAQR,KAAKQ,SAEfiB,EAAA,SAAOE,MAAO,oBAAoBP,IAAgBS,GAAIV,EAASc,QAASjC,KAAKY,YAC3Ea,EAAA,WACGzB,KAAKkC,MAAMT,EAAA,cAEbzB,KAAKE,UAAYF,KAAKG,eAAiBsB,EAAA,aAAWE,MAAM,kBAAkBQ,KAAMC,IAChFpC,KAAKG,eAAiBsB,EAAA,aAAWE,MAAM,kBAAkBQ,KAAME,KAEjErC,KAAKuB,OAASvB,KAAKuB,QAAU,IAAME,EAAA,KAAGE,MAAM,oBAAoB3B,KAAKuB,OACrEvB,KAAKsC,QAAUtC,KAAKsC,SAAW,IAAMb,EAAA,KAAGE,MAAM,UAAU3B,KAAKsC,Q,4DAMtE,IAAI3B,EAAc,E"}

package/dist/roadtrip/{p-73df1bef.entry.js → p-0d843c2f.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,e as s,h as r,H as a,f as e}from"./p-abdbf6ac.js";const o=".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";const t=class{constructor(r){i(this,r);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.onClick=i=>{const s=i.target&&i.target.closest("road-radio");if(s){const i=this.value;const r=s.value;if(r!==i){this.value=r}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}};this.radioGroupId=`road-radio-group-${d++}`;this.allowEmptySelection=false;this.name=this.radioGroupId;this.value=undefined;this.label=undefined;this.asterisk=false;this.ariaLabel=`${this.radioGroupId}-label`;this.error=undefined;this.helper=undefined}valueChanged(i){this.roadchange.emit({value:i});this.roadChange.emit({value:i})}errorChanged(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((i=>i.error=true))}else{this.el.querySelectorAll("road-radio").forEach((i=>i.error=false))}}componentWillLoad(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((i=>i.error=true))}}render(){const i=`${this.radioGroupId}-label`;const s=this.error!==undefined&&this.error!==""?"is-invalid":"";return r(a,{role:"radiogroup",class:`form-group ${s}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&r("p",{class:"text-content",id:i},this.label," ",this.asterisk&&r("span",{class:"asterisk"},"*")),r("slot",null),this.error&&this.error!==""&&r("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&r("p",{class:"helper"},this.helper))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let d=0;t.style=o;export{t as road_radio_group};
-//# sourceMappingURL=p-73df1bef.entry.js.map
+import{r as i,c as s,h as r,H as a,d as o}from"./p-6475c1af.js";const e=".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";const t=class{constructor(r){i(this,r);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.onClick=i=>{const s=i.target&&i.target.closest("road-radio");if(s){const i=this.value;const r=s.value;if(r!==i){this.value=r}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}};this.radioGroupId=`road-radio-group-${d++}`;this.allowEmptySelection=false;this.name=this.radioGroupId;this.value=undefined;this.label=undefined;this.asterisk=false;this.ariaLabel=`${this.radioGroupId}-label`;this.error=undefined;this.helper=undefined}valueChanged(i){this.roadchange.emit({value:i});this.roadChange.emit({value:i})}errorChanged(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((i=>i.error=true))}else{this.el.querySelectorAll("road-radio").forEach((i=>i.error=false))}}componentWillLoad(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((i=>i.error=true))}}render(){const i=`${this.radioGroupId}-label`;const s=this.error!==undefined&&this.error!==""?"is-invalid":"";return r(a,{role:"radiogroup",class:`form-group ${s}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&r("p",{class:"text-content",id:i},this.label," ",this.asterisk&&r("span",{class:"asterisk"},"*")),r("slot",null),this.error&&this.error!==""&&r("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&r("p",{class:"helper"},this.helper))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let d=0;t.style=e;export{t as road_radio_group};
+//# sourceMappingURL=p-0d843c2f.entry.js.map

package/dist/roadtrip/p-0d843c2f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioGroupCss","RadioGroup","this","onClick","ev","selectedRadio","target","closest","currentValue","value","newValue","allowEmptySelection","undefined","error","radioGroupIds","radioGroupId","valueChanged","roadchange","emit","roadChange","errorChanged","el","querySelectorAll","forEach","item","componentWillLoad","render","labelId","isInvalidClass","h","Host","role","class","ariaLabel","label","id","asterisk","helper"],"sources":["src/components/radio-group/radio-group.css?tag=road-radio-group&encapsulation=scoped","src/components/radio-group/radio-group.tsx"],"sourcesContent":["/*\n * Radio Group\n *\n * Index\n * - Radio Group\n * - Asterisk\n * - Error\n */\n\n/**\n * Error message for inline radio can only\n * be provided by adding a class\n * .is-invalid on the .form-group of this radio\n */\n\n/**\n * @prop --asterisk-color: color of the asterisk\n */\n\n/* RADIO\n -------------------- */\n\n:host {\n  --asterisk-color: var(--road-on-surface);\n\n  position: relative;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n\n/* ASTERISK\n-------------------- */\n\n.asterisk {\n  color: var(--asterisk-color);\n}\n\n/* ERROR\n-------------------- */\n\n:host(.is-invalid) .invalid-feedback {\n  display: block;\n}\n\n.invalid-feedback {\n  display: none;\n  flex: 0 0 100%;\n  width: 100%;\n  margin: 0.5rem 0 0;\n  font-size: var(--road-font-size-12);\n  color: var(--road-on-danger-surface);\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n  margin-top: 0.5rem;\n  font-size: var(--road-font-size-12);\n  color: var(--road-on-surface-weak);\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n/**\n * @slot  - Used to add multiple radio components.\n */\n\n@Component({\n  tag: 'road-radio-group',\n  styleUrl: 'radio-group.css',\n  scoped: true,\n})\nexport class RadioGroup {\n\n  @Element() el!: HTMLRoadRadioGroupElement;\n\n  /**\n   * The id of checkbox\n   */\n  @Prop() radioGroupId: string = `road-radio-group-${radioGroupIds++}`;\n\n  /**\n   * If `true`, the radios can be deselected.\n   */\n  @Prop() allowEmptySelection = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.radioGroupId;\n\n  /**\n   * the value of the radio group.\n   */\n  @Prop({ mutable: true }) value?: any | null;\n\n  /**\n   * Label for the field\n   */\n  @Prop() label?: string;\n\n  /**\n   * add an asterisk to the label of the field\n   */\n   @Prop() asterisk?: boolean = false;\n\n  /**\n   * Label for the field\n   */\n  @Prop({reflect: true}) ariaLabel: string = `${this.radioGroupId}-label`;\n\n  /**\n   * Error message for the radio group\n   */\n  @Prop({ mutable: true }) error?: string;\n\n  /**\n   * Helper message for the radio group\n   */\n  @Prop() helper?: string;\n\n  @Watch('value')\n  valueChanged(value: any | undefined) {\n    this.roadchange.emit({ value });\n    this.roadChange.emit({ value });\n  }\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    value: string | undefined | null\n  }>;\n\n  private onClick = (ev: Event) => {\n    const selectedRadio = ev.target && (ev.target as HTMLElement).closest('road-radio');\n    if (selectedRadio) {\n      const currentValue = this.value;\n      const newValue = (selectedRadio as HTMLRoadRadioElement).value;\n      if (newValue !== currentValue) {\n        this.value = newValue;\n      } else if (this.allowEmptySelection) {\n        this.value = undefined;\n      }\n      this.error = undefined;\n    }\n  };\n\n  @Watch('error')\n  errorChanged() {\n    if (this.error !== undefined && this.error !== '') {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n    } else {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = false);\n    }\n  }\n\n  componentWillLoad() {\n    if (this.error !== undefined && this.error !== '') {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n    }\n  }\n\n  render() {\n    const labelId = `${this.radioGroupId}-label`;\n    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host\n        role=\"radiogroup\"\n        class={`form-group ${isInvalidClass}`}\n        aria-label={this.ariaLabel}\n        onClick={this.onClick}\n      >\n        {this.label && <p class=\"text-content\" id={labelId}>{this.label} {this.asterisk && <span class=\"asterisk\">*</span>}</p>}\n        <slot/>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n        {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n      </Host>\n    );\n  }\n}\n\nlet radioGroupIds = 0;\n"],"mappings":"gEAAA,MAAMA,EAAgB,6hB,MCWTC,EAAU,M,uGAkEbC,KAAAC,QAAWC,IACjB,MAAMC,EAAgBD,EAAGE,QAAWF,EAAGE,OAAuBC,QAAQ,cACtE,GAAIF,EAAe,CACjB,MAAMG,EAAeN,KAAKO,MAC1B,MAAMC,EAAYL,EAAuCI,MACzD,GAAIC,IAAaF,EAAc,CAC7BN,KAAKO,MAAQC,C,MACR,GAAIR,KAAKS,oBAAqB,CACnCT,KAAKO,MAAQG,S,CAEfV,KAAKW,MAAQD,S,qBArEc,oBAAoBE,M,yBAKrB,M,UAKPZ,KAAKa,a,wDAeE,M,eAKa,GAAGb,KAAKa,qB,2CAanD,YAAAC,CAAaP,GACXP,KAAKe,WAAWC,KAAK,CAAET,UACvBP,KAAKiB,WAAWD,KAAK,CAAET,S,CA6BzB,YAAAW,GACE,GAAIlB,KAAKW,QAAUD,WAAaV,KAAKW,QAAU,GAAI,CACjDX,KAAKmB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKX,MAAQ,M,KAC/D,CACLX,KAAKmB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKX,MAAQ,O,EAIxE,iBAAAY,GACE,GAAIvB,KAAKW,QAAUD,WAAaV,KAAKW,QAAU,GAAI,CACjDX,KAAKmB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKX,MAAQ,M,EAIxE,MAAAa,GACE,MAAMC,EAAU,GAAGzB,KAAKa,qBACxB,MAAMa,EAAiB1B,KAAKW,QAAUD,WAAaV,KAAKW,QAAU,GAAK,aAAe,GAEtF,OACEgB,EAACC,EAAI,CACHC,KAAK,aACLC,MAAO,cAAcJ,IAAgB,aACzB1B,KAAK+B,UACjB9B,QAASD,KAAKC,SAEbD,KAAKgC,OAASL,EAAA,KAAGG,MAAM,eAAeG,GAAIR,GAAUzB,KAAKgC,MAAK,IAAGhC,KAAKkC,UAAYP,EAAA,QAAMG,MAAM,YAAU,MACzGH,EAAA,aACC3B,KAAKW,OAASX,KAAKW,QAAU,IAAMgB,EAAA,KAAGG,MAAM,oBAAoB9B,KAAKW,OACrEX,KAAKmC,QAAUnC,KAAKmC,SAAW,IAAMR,EAAA,KAAGG,MAAM,UAAU9B,KAAKmC,Q,uGAMtE,IAAIvB,EAAgB,E"}