@roadtrip/components 3.40.0 → 3.41.1

package/dist/roadtrip/p-4182495e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as r,h as e,H as o,a as t}from"./p-d7aae05d.js";import{a as n}from"./p-55a946f4.js";const s=":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:0.375rem 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";const i=s;const c=class{constructor(e){a(this,e);this.onClose=r(this,"close",7);this.color="info";this.layout="vertical";this.hasCloseIcon=false;this.isOpen=false;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.color!==undefined?`alert-${this.color}`:"";let r="alert-container";if(this.layout==="horizontal"){r="alert-container-horizontal"}const t=this.hasCloseIcon?"btn-container justify-end":"btn-container";const s=this.hasCloseIcon?e("button",{type:"button",class:"alert-close",onClick:this.onClick,"aria-label":"Close"},e("road-icon",{icon:n,"aria-hidden":"true"})):null;return e(o,{key:"358c0b9ba649dc7f2a04f7cf1973fc8136e55d8d",class:a,role:"alert"},e("div",{key:"08a81f21c4f8a773fca419c2ced43fb0fbd9c34f",class:"alert-icon"},e("slot",{key:"677101a86efc495b8001d13170c2b88b35a3b59b",name:"icon"})),e("div",{key:"150ee6c4569c39ae1a76a4b560957fba71e06658",class:r},e("div",{key:"a5989623d9b6a2147e76359ddab2a3d052859695",class:"alert-container-content"},this.label&&e("span",{key:"165687f382f202899d8991a1dea3984a6b13a1bb",class:"alert-title d-block"},this.label),e("p",{key:"ae7a4dcd6b3f6e68dfe7493175ceeca56be2ac99",class:"alert-description"},e("slot",{key:"b6514df3aa0793ed4296856292860e9baf10caec"})),this.link&&e("a",{key:"c8db33f73ca8585369a7edfe91d92af9219d0bd4",href:this.url,class:"alert-link link link-default"},this.link)),e("div",{key:"43f6da1950628cf9304f0e501c5cb2ce67bf203c",class:t},e("slot",{key:"c5b94ccd205912f8a23ddd0397483c370444e5ec",name:"button"})),s))}get el(){return t(this)}};c.style=i;export{c as road_alert};
+//# sourceMappingURL=p-4182495e.entry.js.map

package/dist/roadtrip/p-4182495e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alertCss","RoadAlertStyle0","Alert","constructor","hostRef","this","color","layout","hasCloseIcon","isOpen","onClick","ev","stopPropagation","preventDefault","close","open","el","addEventListener","onClose","emit","once","onEscape","event","key","componentDidLoad","querySelectorAll","forEach","item","render","colorClass","undefined","layoutClass","btnContainerClass","closeIconElement","h","type","class","icon","navigationClose","Host","role","name","label","link","href","url"],"sources":["src/components/alert/alert.css?tag=road-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["/*\n * Alert\n *\n * Index\n * - Alert\n * - Icon\n * - Description\n * - Feedback\n */\n\n\n/* ALERT\n -------------------- */\n\n:host {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-body-medium);\n  line-height: 1.25;\n  color: var(--road-on-surface);\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n/* ICON\n -------------------- */\n\n.alert-icon {\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  margin-right: 0.5rem;\n}\n\n/* ALERT TITLE\n -------------------- */\n\n.alert-title {\n  margin: 0.375rem 0 var(--road-spacing-03);\n  display: block;\n  font-weight: 700;\n}\n\n/* ALERT CONTAINER\n -------------------- */\n\n.alert-container {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: column;\n}\n\n.alert-container-horizontal {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: row;\n}\n\n/* ALERT LINK\n -------------------- */\n\n.alert-link {\n  display: block;\n  margin: 0;\n  margin: var(--road-spacing-03) 0 0;\n  color: var(--road-on-surface);\n  text-decoration: underline;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.alert-description {\n  margin: 0;\n}\n\n/* BUTTON CONTAINER\n -------------------- */\n\n.btn-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  justify-content: center;\n  margin-top: var(--road-spacing-03);\n}\n\n.btn-container.justify-end {\n  padding-top: var(--road-spacing-07);\n  justify-content: end;\n}\n\n/* ALERT BUTTON\n -------------------- */\n\n.alert-button {\n  margin-left: var(--road-spacing-07);\n}\n\n/* ALERT CLOSE\n -------------------- */\n\n.alert-close {\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  font-weight: 700;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* FEEDBACK\n -------------------- */\n\n/**\n * Info\n */\n\n:host(.alert-info) {\n  color: var(--road-on-info-surface);\n  background: var(--road-info-surface);\n  border-color: var(--road-info-outline);\n}\n\n:host(.alert-info) ::slotted(road-icon) {\n  fill: var(--road-info-default);\n}\n\n:host(.alert-info) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-info-surface-inverse);\n  background: var(--road-info-surface-inverse);\n  fill: var(--road-on-info-surface-inverse);\n}\n\n:host(.alert-info) .alert-link {\n  color: var(--road-on-info-surface);\n}\n\n\n/**\n * Success\n */\n\n:host(.alert-success) {\n  color: var(--road-on-success-surface);\n  background: var(--road-success-surface);\n  border-color: var(--road-success-outline);\n}\n\n:host(.alert-success) ::slotted(road-icon) {\n  fill: var(--road-success-icon);\n}\n\n:host(.alert-success) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-success-surface-inverse);\n  background: var(--road-success-surface-inverse);\n  fill: var(--road-on-success-surface-inverse);\n}\n\n:host(.alert-success) .alert-link {\n  color: var(--road-on-success-surface);\n}\n\n/**\n * Warning\n */\n\n:host(.alert-warning) {\n  color: var(--road-on-warning-surface);\n  background: var(--road-warning-surface);\n  border-color: var(--road-warning-outline);\n}\n\n:host(.alert-warning) ::slotted(road-icon) {\n  fill: var(--road-warning-icon);\n}\n\n:host(.alert-warning) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-warning-surface-inverse);\n  background: var(--road-warning-surface-inverse);\n  fill: var(--road-on-warning-surface-inverse);\n}\n\n:host(.alert-warning) .alert-link {\n  color: var(--road-on-warning-surface);\n}\n\n/**\n * Danger\n */\n\n:host(.alert-danger) {\n  color: var(--road-on-danger-surface);\n  background: var(--road-danger-surface);\n  border-color: var(--road-danger-outline);\n}\n\n:host(.alert-danger) ::slotted(road-icon) {\n  fill: var(--road-danger-icon);\n}\n\n:host(.alert-danger) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-danger-surface-inverse);\n  background: var(--road-danger-surface-inverse);\n  fill: var(--road-on-danger-surface-inverse);\n}\n\n:host(.alert-danger) .alert-link {\n  color: var(--road-on-danger-surface);\n}\n","import { Component, Host, Prop, h, Listen, Event, Method, EventEmitter, Element } from '@stencil/core';\nimport { navigationClose } from '../../../icons';\nimport { FeedbackColors } from '../../interface';\n\n/**\n * @slot icon - Icon of the alert, it should be a road-icon element.\n * @slot  - Message of the alert.\n */\n\n@Component({\n  tag: 'road-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n\n    /**\n     * Current reference of the modal\n     */\n    @Element() el!: HTMLRoadAlertElement;\n\n  /**\n   * Set the color of alert. e.g. info, success, warning, danger\n   */\n  @Prop() color: FeedbackColors = 'info';\n\n  /**\n   * position of the button \n   */\n    @Prop() layout?: 'horizontal' | 'vertical' |'default' = 'vertical';\n\n  /**\n   * Title display in the alert\n   */\n   @Prop() label?: string;\n\n   /**\n   * Button display in the alert\n   * `<road-button size=\"sm\">Label</road-button>`\n   */\n   @Prop() button?: string;\n\n   /**\n   * Text Link display in the alert\n   */\n   @Prop() link?: string;\n\n   /**\n    * url display in the link\n    */\n   @Prop() url?: string;\n\n  /**\n   * Show / hide close icon\n   */\n  @Prop() hasCloseIcon: boolean = false;\n\n  /**\n   * Set isOpen propertie to true to show the modal\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Indicate when closing the modal\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Open the modal\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the modal\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.el.addEventListener('transitionend', () => {\n      this.onClose.emit();\n    }, { once: true});\n  }\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the dialog when press Escape key\n   */\n  @Listen('keyup', { target: 'document' })\n  onEscape(event: KeyboardEvent) {\n    if (event.key === 'Escape' || event.key === \"Esc\") {\n      this.close();\n    }\n  }\n\n  /**\n   * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n   */\n  componentDidLoad() {\n    this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n      item.addEventListener('click', () => this.close());\n    });\n  }\n\nrender() {\n\n  const colorClass = this.color !== undefined ? `alert-${this.color}` : '';\n  let layoutClass = 'alert-container'; // valeur par défaut\n    if (this.layout === 'horizontal') {\n      layoutClass = 'alert-container-horizontal';\n    }\n  const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';\n  const closeIconElement = this.hasCloseIcon ? (\n    <button\n      type=\"button\"\n      class=\"alert-close\"\n      onClick={this.onClick}\n      aria-label=\"Close\"\n    >\n      <road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon>\n    </button>\n  ) : null;\n\n  return (\n    <Host class={colorClass} role=\"alert\">\n      <div class=\"alert-icon\">\n        <slot name=\"icon\"/>\n      </div>\n      <div class={layoutClass}>\n        <div class=\"alert-container-content\">\n          {this.label && <span class=\"alert-title d-block\">{this.label}</span>}\n          <p class=\"alert-description\">\n            <slot/>\n          </p>\n          {this.link && <a href={this.url} class=\"alert-link link link-default\">{this.link}</a>}\n        </div>\n        <div class={btnContainerClass}>\n          <slot name=\"button\"/>\n        </div>\n        {closeIconElement}\n      </div>\n    </Host>\n  );\n}\n\n}"],"mappings":"oGAAA,MAAMA,EAAW,mvGACjB,MAAAC,EAAeD,E,MCaFE,EAAK,MALlB,WAAAC,CAAAC,G,yCAeUC,KAAAC,MAAwB,OAKtBD,KAAAE,OAAgD,WA0BlDF,KAAAG,aAAwB,MAKPH,KAAAI,OAAkB,MA6BnCJ,KAAAK,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHR,KAAKS,OAAO,C,CAtBd,UAAMC,GACJV,KAAKI,OAAS,I,CAOhB,WAAMK,GACJT,KAAKI,OAAS,MACdJ,KAAKW,GAAGC,iBAAiB,iBAAiB,KACxCZ,KAAKa,QAAQC,MAAM,GAClB,CAAEC,KAAM,M,CAiBb,QAAAC,CAASC,GACP,GAAIA,EAAMC,MAAQ,UAAYD,EAAMC,MAAQ,MAAO,CACjDlB,KAAKS,O,EAOT,gBAAAU,GACEnB,KAAKW,GAAGS,iBAAiB,0BAA0BC,SAAQC,IACzDA,EAAKV,iBAAiB,SAAS,IAAMZ,KAAKS,SAAQ,G,CAIxD,MAAAc,GAEE,MAAMC,EAAaxB,KAAKC,QAAUwB,UAAY,SAASzB,KAAKC,QAAU,GACtE,IAAIyB,EAAc,kBAChB,GAAI1B,KAAKE,SAAW,aAAc,CAChCwB,EAAc,4B,CAElB,MAAMC,EAAoB3B,KAAKG,aAAe,4BAA8B,gBAC5E,MAAMyB,EAAmB5B,KAAKG,aAC5B0B,EAAA,UACEC,KAAK,SACLC,MAAM,cACN1B,QAASL,KAAKK,QAAO,aACV,SAEXwB,EAAA,aAAWG,KAAMC,EAAe,cAAc,UAE9C,KAEJ,OACEJ,EAACK,EAAI,CAAAhB,IAAA,2CAACa,MAAOP,EAAYW,KAAK,SAC5BN,EAAA,OAAAX,IAAA,2CAAKa,MAAM,cACTF,EAAA,QAAAX,IAAA,2CAAMkB,KAAK,UAEbP,EAAA,OAAAX,IAAA,2CAAKa,MAAOL,GACVG,EAAA,OAAAX,IAAA,2CAAKa,MAAM,2BACR/B,KAAKqC,OAASR,EAAA,QAAAX,IAAA,2CAAMa,MAAM,uBAAuB/B,KAAKqC,OACvDR,EAAA,KAAAX,IAAA,2CAAGa,MAAM,qBACPF,EAAA,QAAAX,IAAA,8CAEDlB,KAAKsC,MAAQT,EAAA,KAAAX,IAAA,2CAAGqB,KAAMvC,KAAKwC,IAAKT,MAAM,gCAAgC/B,KAAKsC,OAE9ET,EAAA,OAAAX,IAAA,2CAAKa,MAAOJ,GACVE,EAAA,QAAAX,IAAA,2CAAMkB,KAAK,YAEZR,G","ignoreList":[]}

package/dist/roadtrip/p-4334d85b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as d}from"./p-d7aae05d.js";const c=":host{display:block}:host ul li{list-style:none}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";const s=c;const t=class{constructor(a){e(this,a)}render(){return a(d,{key:"8df70b09eb63e027b39c4843ae497cef5e39c2ed"},a("nav",{key:"0d6025a44bd845363096fc6e002a334263dac3c9"},a("ul",{key:"4d81713de26f798637118ee3af681eb6f668513f"},a("li",{key:"bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c"},a("slot",{key:"18e8f5f3cddb2a2c6816127596d469a93ca2430c"})))))}};t.style=s;export{t as road_progress_indicator_vertical};
+//# sourceMappingURL=p-4334d85b.entry.js.map

package/dist/roadtrip/{p-4543ebe4.entry.js → p-45b9521f.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as o,h as a,H as i,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const e='.sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label-span.sc-road-radio{margin-left:var(--road-spacing-02);color:var(--road-on-surface-weak)}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}';const s=e;const t=class{constructor(a){r(this,a);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.radioGroup=null;this.radioId=`road-radio-${n++}`;this.checked=false;this.name=this.radioId;this.required=false;this.disabled=false;this.label=`${this.radioId}-label`;this.inverse=false;this.inline=true;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}connectedCallback(){if(this.value===undefined){this.value=this.radioId}const r=this.radioGroup=this.el.closest("road-radio-group");if(r){this.updateState()}}disconnectedCallback(){const r=this.radioGroup;if(r){this.radioGroup=null}}onRoadChangedChanged(){this.updateState()}render(){const r=this.radioId+"-label";const o=this.inverse&&"form-radio-inverse";const d=this.error?"is-invalid":"";const e=this.inline?"form-radio-inline":"";return a(i,{key:"f5b027dc16bc641585e97550ad766623135e9c41",class:`form-radio ${e}`},a("input",{key:"3b00622bdf8dd0f896e894fc467371d7f4457150",class:`form-radio-input ${d}`,type:"radio",id:this.radioId,name:this.name,required:this.required,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,checked:this.checked,"aria-checked":`${this.checked}`,"aria-labelledby":r,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur}),a("label",{key:"52ab130dbc0eba9dd863a8a0265933ee0ff5319b",class:`form-radio-label ${o}`,id:r,htmlFor:this.radioId},this.label," ",a("span",{key:"b7dd11638e9de4e2a9fd248c3c6dcbabc1ce8767",class:"form-radio-label-span"},this.secondaryLabel)))}get el(){return d(this)}};let n=0;t.style=s;export{t as road_radio};
-//# sourceMappingURL=p-4543ebe4.entry.js.map
+import{r,c as o,h as a,H as i,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const e='.sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label-span.sc-road-radio{margin-left:var(--road-spacing-02);color:var(--road-on-surface-weak)}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}';const s=e;const t=class{constructor(a){r(this,a);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.radioGroup=null;this.radioId=`road-radio-${n++}`;this.checked=false;this.name=this.radioId;this.required=false;this.disabled=false;this.label=`${this.radioId}-label`;this.inverse=false;this.inline=true;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}connectedCallback(){if(this.value===undefined){this.value=this.radioId}const r=this.radioGroup=this.el.closest("road-radio-group");if(r){this.updateState()}}disconnectedCallback(){const r=this.radioGroup;if(r){this.radioGroup=null}}onRoadChangedChanged(){this.updateState()}render(){const r=this.radioId+"-label";const o=this.inverse&&"form-radio-inverse";const d=this.error?"is-invalid":"";const e=this.inline?"form-radio-inline":"";return a(i,{key:"586f04a19cf450f18483a2b9efa5b28d44e1677c",class:`form-radio ${e}`},a("input",{key:"d66ab388470a1c6e2f4ae3ceb5ae8aa8c85eecf5",class:`form-radio-input ${d}`,type:"radio",id:this.radioId,name:this.name,required:this.required,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,checked:this.checked,"aria-checked":`${this.checked}`,"aria-labelledby":r,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur}),a("label",{key:"709969471cc1db265d7eb44e608ed0ef496cc72d",class:`form-radio-label ${o}`,id:r,htmlFor:this.radioId},this.label," ",a("span",{key:"d551c29f4895ca78cb7bb331861d783281416749",class:"form-radio-label-span"},this.secondaryLabel)))}get el(){return d(this)}};let n=0;t.style=s;export{t as road_radio};
+//# sourceMappingURL=p-45b9521f.entry.js.map

package/dist/roadtrip/{p-4f1d3834.entry.js → p-45cabcdf.entry.js}

@@ -1,2 +1,2 @@
-import{r as c,c as e,h as o,H as r}from"./p-d7aae05d.js";import{c as a,b as i}from"./p-55a946f4.js";import"./p-453fa8b4.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-label-span.sc-road-checkbox{color:var(--road-on-surface-weak)}.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;margin-left:2rem;font-size:var(--road-font-size-14);color:var(--road-on-surface-weak)}';const h=s;const d=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.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.onClick=()=>{this.checked=!this.checked;this.indeterminate=false};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}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,{key:"29f815ab6351bdfe05a5e0c3e505c667ed1f41d5"},o("input",{key:"fc0a8ea36dd49755ee30a392e2d288e45848e540",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",{key:"c56457ee2f3ab825780c7026eda32708a90d341b",class:`form-check-label ${e}`,id:c,htmlFor:this.checkboxId},o("div",{key:"45d6b492f1156d5a7544eeba2327b297aea81632"},this.label," ",o("span",{key:"3f7d67a6b26bcd07a2e4ea632a15988f6218be63",class:"form-check-label-span"},this.secondaryLabel),o("slot",{key:"fae0610a4929379c9751e207c438a019033fc6cc"})),this.checked&&!this.indeterminate&&o("road-icon",{key:"2426aad5abfd67d57d3997800c5e320db7642478",class:"form-check-icon",icon:a}),this.indeterminate&&o("road-icon",{key:"180a14b27de4c0304dd38b88e09237a51ef24481",class:"form-check-icon",icon:i})),this.error&&this.error!==""&&o("p",{key:"50f964421ef90d53ef663030cd64f02f6dbea7e4",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&o("p",{key:"d7119a7d7323df974d0af3c7ee30fed64f019f62",class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let t=0;d.style=h;export{d as road_checkbox};
-//# sourceMappingURL=p-4f1d3834.entry.js.map
+import{r as c,c as e,h as o,H as r}from"./p-d7aae05d.js";import{c as a,b as i}from"./p-55a946f4.js";import"./p-453fa8b4.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-label-span.sc-road-checkbox{color:var(--road-on-surface-weak)}.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;margin-left:2rem;font-size:var(--road-font-size-14);color:var(--road-on-surface-weak)}';const h=s;const d=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.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.onClick=()=>{this.checked=!this.checked;this.indeterminate=false};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}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,{key:"6c65aa807587f38c0d6fcba34c1606431dfa1997"},o("input",{key:"6a3aa3c88b3fd4bdc23bc3881c7b72e8d7591964",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",{key:"3614ccc3ffbeacfd1e1b237da2b9c78ce7b8eecc",class:`form-check-label ${e}`,id:c,htmlFor:this.checkboxId},o("div",{key:"5c3b311e9a816bd504780c2ba4009f5ab69d4b8e"},this.label," ",o("span",{key:"cc588cbde6b8fbdea9ee0d861e265b994c8c5fa6",class:"form-check-label-span"},this.secondaryLabel),o("slot",{key:"d92e1174f5d8bc282938dde2532a065b4511f5e2"})),this.checked&&!this.indeterminate&&o("road-icon",{key:"f4d26476c8686fc1d210378c581a5dedb6fb9ca3",class:"form-check-icon",icon:a}),this.indeterminate&&o("road-icon",{key:"2701bbb698f4558edb21e024d9f803d4227f1eec",class:"form-check-icon",icon:i})),this.error&&this.error!==""&&o("p",{key:"c39dc46b6aa89becc12a0277fddea6afe8c2f447",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&o("p",{key:"bbd1c57d3d9bc9c13664a829927cb26c560bf075",class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let t=0;d.style=h;export{d as road_checkbox};
+//# sourceMappingURL=p-45cabcdf.entry.js.map

package/dist/roadtrip/{p-a4aa3628.entry.js → p-4bb49a92.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="top-end"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-end"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-end"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position="bottom-end"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;const n=class{constructor(o){t(this,o);this.tooltipId=`road-tooltip-${++r}`;this.content="";this.position="top";this.contentAlign="center";this.isOpen=false;this.trigger="hover";this.onClick=()=>{if(this.hasTrigger("click")){this.isOpen?this.close():this.open()}};this.onMouseOver=()=>{if(this.hasTrigger("hover")){this.open()}};this.onMouseOut=()=>{if(this.hasTrigger("hover")){this.close()}};this.isKeyboardNavigation=false;this.handleKeyDown=()=>{this.isKeyboardNavigation=true};this.handleMouseDown=()=>{this.isKeyboardNavigation=false};this.onFocus=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.open()}};this.onBlur=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.close()}}}async open(){this.isOpen=true}async close(){this.isOpen=false}componentDidMount(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentDidLoad(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentWillUnmount(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("mousedown",this.handleMouseDown)}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}render(){return o(i,{key:"b59662406e7e963a470c95e1e6f155814367ee90",onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,tabindex:"0","data-tooltip-position":this.position},o("slot",{key:"c9e2b9abc611dce2a76dc156a06b19d969a35ae0","aria-describedby":this.tooltipId}),o("div",{key:"67747e4d65b6030285a3624642287875ef59c26f",part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen?"true":"false"},this.content,o("slot",{key:"193cc90cd75a93ab0d44276d3645d39b47136bcc",name:"tooltip-content"})))}get el(){return a(this)}};let r=0;n.style=e;export{n as road_tooltip};
-//# sourceMappingURL=p-a4aa3628.entry.js.map
+import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="top-end"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-end"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-end"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position="bottom-end"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;const n=class{constructor(o){t(this,o);this.tooltipId=`road-tooltip-${++r}`;this.content="";this.position="top";this.contentAlign="center";this.isOpen=false;this.trigger="hover";this.onClick=()=>{if(this.hasTrigger("click")){this.isOpen?this.close():this.open()}};this.onMouseOver=()=>{if(this.hasTrigger("hover")){this.open()}};this.onMouseOut=()=>{if(this.hasTrigger("hover")){this.close()}};this.isKeyboardNavigation=false;this.handleKeyDown=()=>{this.isKeyboardNavigation=true};this.handleMouseDown=()=>{this.isKeyboardNavigation=false};this.onFocus=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.open()}};this.onBlur=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.close()}}}async open(){this.isOpen=true}async close(){this.isOpen=false}componentDidMount(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentDidLoad(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentWillUnmount(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("mousedown",this.handleMouseDown)}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}render(){return o(i,{key:"1e3cb1bb336b5c4a63f3395c588f2c842a6c22a7",onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,tabindex:"0","data-tooltip-position":this.position},o("slot",{key:"8b5ae95d0076acbad18fb73bf32e9b31085c8365","aria-describedby":this.tooltipId}),o("div",{key:"ba8a5ac573fa0b31edb9e26fab1c8ee212789f1d",part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen?"true":"false"},this.content,o("slot",{key:"cbc2c9bce87ee7b42897c9a8a24ff0f896e0670c",name:"tooltip-content"})))}get el(){return a(this)}};let r=0;n.style=e;export{n as road_tooltip};
+//# sourceMappingURL=p-4bb49a92.entry.js.map

package/dist/roadtrip/{p-a4e4986d.entry.js → p-4e3cc7e9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21)}}";const a=o;const i=class{constructor(e){t(this,e)}render(){return e("div",{key:"7c061e7c579f27baec6d5350ade3f40986e4ce14",class:"toolbar-title"},e("slot",{key:"f90e415ac0b95f9a7018d8731ab27fa7fcbad52f"}))}};i.style=a;export{i as road_toolbar_title};
-//# sourceMappingURL=p-a4e4986d.entry.js.map
+import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21)}}";const i=o;const a=class{constructor(e){t(this,e)}render(){return e("div",{key:"fe411cfd08be76715a7896bb645a9c5d07479539",class:"toolbar-title"},e("slot",{key:"c81416028a3c8aef9676e3c52f6ffb3202994eff"}))}};a.style=i;export{a as road_toolbar_title};
+//# sourceMappingURL=p-4e3cc7e9.entry.js.map

package/dist/roadtrip/{p-7546dadc.entry.js → p-509ba166.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-d7aae05d.js";const s="road-carousel-item{display:block;width:100%;height:100%}.slide-zoom{display:block;width:100%;text-align:center}.swiper-slide{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center}.swiper-slide road-img{pointer-events:none}.swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%;pointer-events:none}";const o=s;const r=class{constructor(t){e(this,t)}render(){return t(i,{key:"5351b52cd1a420fdc954e510a9d5cb04eb93b692",class:{"swiper-slide":true,"swiper-zoom-container":true}},t("slot",{key:"bb54a4caad4c46b881ad0d8e09071adbd086bfac"}))}};r.style=o;export{r as road_carousel_item};
-//# sourceMappingURL=p-7546dadc.entry.js.map
+import{r as e,h as t,H as i}from"./p-d7aae05d.js";const s="road-carousel-item{display:block;width:100%;height:100%}.slide-zoom{display:block;width:100%;text-align:center}.swiper-slide{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center}.swiper-slide road-img{pointer-events:none}.swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%;pointer-events:none}";const o=s;const r=class{constructor(t){e(this,t)}render(){return t(i,{key:"9505d58be5a5b79ca69b82808b1ffd06ba6bf5ae",class:{"swiper-slide":true,"swiper-zoom-container":true}},t("slot",{key:"e5c79e5ae3ca8cb8d69cd37a5b55496e04b26652"}))}};r.style=o;export{r as road_carousel_item};
+//# sourceMappingURL=p-509ba166.entry.js.map

package/dist/roadtrip/{p-2ff1292b.entry.js → p-52d56ed2.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as r,h as e,H as t}from"./p-d7aae05d.js";const o='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0;width:95%;white-space:normal;overflow-wrap:break-word}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}';const s=o;const i=class{constructor(e){a(this,e);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.textareaId=`road-textarea-${d++}`;this.autocapitalize="none";this.autofocus=false;this.disabled=false;this.name=this.textareaId;this.sizes="lg";this.readonly=false;this.required=false;this.spellcheck=false;this.resize=true;this.value="";this.label=`${this.textareaId}-label`;this.onInput=a=>{const r=a.target;if(r){this.value=r.value||""}this.roadinput.emit(a);this.roadInput.emit(a)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue();const r=this.textareaId+"-label";const o=this.value!==""?"has-value":"";const s=this.resize==false?"no-resize":"";const i=this.error!==undefined&&this.error!==""?"is-invalid":"";return e(t,{key:"84f001bd32876c45caec89f2e62a653341ca4e3f","aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},e("textarea",{key:"5e972efce077742ab5e69535f4b01c3a1afd7638",class:`form-control textarea-control ${o} ${s} ${i}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,value:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),e("label",{key:"4e54a6fc2a45cc9b087dd7fc960b3c200d9ec647",class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&this.error!==""&&e("p",{key:"1bdf68022659f0ffc06c2e13ac29fded490de06b",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&e("p",{key:"adfdb41de302ca191b4e4fb4da785fc9d2c503b3",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let d=0;i.style=s;export{i as road_textarea};
-//# sourceMappingURL=p-2ff1292b.entry.js.map
+import{r as a,c as r,h as e,H as t}from"./p-d7aae05d.js";const o='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0;width:95%;white-space:normal;overflow-wrap:break-word}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}';const s=o;const i=class{constructor(e){a(this,e);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.textareaId=`road-textarea-${d++}`;this.autocapitalize="none";this.autofocus=false;this.disabled=false;this.name=this.textareaId;this.sizes="lg";this.readonly=false;this.required=false;this.spellcheck=false;this.resize=true;this.value="";this.label=`${this.textareaId}-label`;this.onInput=a=>{const r=a.target;if(r){this.value=r.value||""}this.roadinput.emit(a);this.roadInput.emit(a)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue();const r=this.textareaId+"-label";const o=this.value!==""?"has-value":"";const s=this.resize==false?"no-resize":"";const i=this.error!==undefined&&this.error!==""?"is-invalid":"";return e(t,{key:"cc414e4da358e65b430b91b0f834cbe403993693","aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},e("textarea",{key:"0d0a45eaf71ada8178387d6debfc5e3d6da6cb4f",class:`form-control textarea-control ${o} ${s} ${i}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,value:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),e("label",{key:"a74070b2761b5ced0251f5bce4ef48837d892c9d",class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&this.error!==""&&e("p",{key:"ba52ee759d52772a2eac2e9948c64309164aabdc",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&e("p",{key:"377f7c03d77aad381b2bdd63c4753369870612df",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let d=0;i.style=s;export{i as road_textarea};
+//# sourceMappingURL=p-52d56ed2.entry.js.map

package/dist/roadtrip/{p-47996b6e.entry.js → p-58b20099.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as i,H as e,a as n}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{position:fixed;right:1rem;bottom:1rem;z-index:2;box-sizing:border-box;display:block;align-items:center;max-width:3.5rem;height:3.5rem;padding:0.6rem 0.75rem 0.75rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-button-medium);font-weight:700;line-height:1.375;color:var(--road-on-button-fab);text-decoration:none;white-space:nowrap;background:var(--road-button-fab);border:1px solid transparent;border-radius:2rem;box-shadow:var(--road-elevation-average);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.position-left){right:auto;left:1rem}:host(.position-center){right:0;left:0;margin:0 auto}:host(.scroll-up){display:block;max-width:3.5rem}:host(.position-center.scroll-up){display:flex;max-width:max-content}:host(.scroll-down) .button-native{display:flex}:host(.position-center.scroll-down) .button-native{display:flex}:host(.position-center) .button-native{display:flex}:host(.scroll-down){display:flex;max-width:max-content}:host ::slotted(road-icon){margin-right:0.5rem;color:var(--road-on-button-secondary)}:host(:hover){background-color:var(--road-button-fab-variant)}.button-native{position:relative;z-index:1;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host([aria-disabled]){pointer-events:none;opacity:0.16}.button-native:disabled{cursor:not-allowed}";const s=r;const a=class{constructor(i){t(this,i);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.position="right";this.onClick=t=>{if(this.el.shadowRoot&&this.el.attachShadow){const o=this.el.closest("form");if(o){t.preventDefault();const i=document.createElement("button");i.style.display="none";o.appendChild(i);i.click();i.remove()}}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}onScroll(){const t=window.scrollY;if(t<300){this.el.classList.add("scroll-down");this.el.classList.remove("scroll-up")}if(t>300){this.el.classList.add("scroll-up");this.el.classList.remove("scroll-down")}}render(){const t=this.href===undefined?"button":"a";const o=this.position!==undefined?`position-${this.position}`:"";return i(e,{key:"938acf5a3e44873d4a569d8cd4094bcbf62ce7ea",onClick:this.onClick,class:`${o}`},i(t,{key:"466e5439251ec22e926f71838965dc91dc2b8a23",class:"button-native",part:"native",onFocus:this.onFocus,onBlur:this.onBlur},i("slot",{key:"228e1c27116209bf5313d72c5cb02f154fc19260",name:"start"}),i("slot",{key:"2798856c774a56592061acea33db051c0ff88340"})))}get el(){return n(this)}};a.style=s;export{a as road_button_floating};
-//# sourceMappingURL=p-47996b6e.entry.js.map
+import{r as t,c as o,h as i,H as e,a as n}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{position:fixed;right:1rem;bottom:1rem;z-index:2;box-sizing:border-box;display:block;align-items:center;max-width:3.5rem;height:3.5rem;padding:0.6rem 0.75rem 0.75rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-button-medium);font-weight:700;line-height:1.375;color:var(--road-on-button-fab);text-decoration:none;white-space:nowrap;background:var(--road-button-fab);border:1px solid transparent;border-radius:2rem;box-shadow:var(--road-elevation-average);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.position-left){right:auto;left:1rem}:host(.position-center){right:0;left:0;margin:0 auto}:host(.scroll-up){display:block;max-width:3.5rem}:host(.position-center.scroll-up){display:flex;max-width:max-content}:host(.scroll-down) .button-native{display:flex}:host(.position-center.scroll-down) .button-native{display:flex}:host(.position-center) .button-native{display:flex}:host(.scroll-down){display:flex;max-width:max-content}:host ::slotted(road-icon){margin-right:0.5rem;color:var(--road-on-button-secondary)}:host(:hover){background-color:var(--road-button-fab-variant)}.button-native{position:relative;z-index:1;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host([aria-disabled]){pointer-events:none;opacity:0.16}.button-native:disabled{cursor:not-allowed}";const s=r;const a=class{constructor(i){t(this,i);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.position="right";this.onClick=t=>{if(this.el.shadowRoot&&this.el.attachShadow){const o=this.el.closest("form");if(o){t.preventDefault();const i=document.createElement("button");i.style.display="none";o.appendChild(i);i.click();i.remove()}}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}onScroll(){const t=window.scrollY;if(t<300){this.el.classList.add("scroll-down");this.el.classList.remove("scroll-up")}if(t>300){this.el.classList.add("scroll-up");this.el.classList.remove("scroll-down")}}render(){const t=this.href===undefined?"button":"a";const o=this.position!==undefined?`position-${this.position}`:"";return i(e,{key:"c92dd334acedc9c577901d339dfa121b63c0d8d0",onClick:this.onClick,class:`${o}`},i(t,{key:"10398fbc53a8e72cfc12975c6351dfe5430af311",class:"button-native",part:"native",onFocus:this.onFocus,onBlur:this.onBlur},i("slot",{key:"22d572c54bd1defb07f45426f0bbab05666feb83",name:"start"}),i("slot",{key:"aad19f6d9af9b534ae7aa36485639a928c77d287"})))}get el(){return n(this)}};a.style=s;export{a as road_button_floating};
+//# sourceMappingURL=p-58b20099.entry.js.map

package/dist/roadtrip/{p-9fd1a846.entry.js → p-5b738d24.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as e,H as s}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":host{position:fixed;top:0;z-index:2;width:100%}";const o=i;const d=class{constructor(e){a(this,e);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return e(s,{key:"9164170163b7e298ac0556cdcd3e0d47b2480791",role:"application"},e("slot",{key:"150faf3c05b028772e695f0eaf836ec250ac775b"}))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=o;export{d as road_global_navigation};
-//# sourceMappingURL=p-9fd1a846.entry.js.map
+import{r as a,c as t,h as e,H as s}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":host{position:fixed;top:0;z-index:2;width:100%}";const d=i;const o=class{constructor(e){a(this,e);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return e(s,{key:"bae96f32bd732721cbf401db21708a3bb601016b",role:"application"},e("slot",{key:"65e4a67511fd702e3daaa1ba206fbb8ff67df6da"}))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};o.style=d;export{o as road_global_navigation};
+//# sourceMappingURL=p-5b738d24.entry.js.map

package/dist/roadtrip/{p-14761790.entry.js → p-5f6771e5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-d7aae05d.js";const s=":host{--btn-margin-bottom:1rem;--btn-padding-start:1rem;--btn-padding-end:1rem;--btn-font-size:1rem;--max-height:500px;display:block}.collapsed-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out}.collapse-open{max-height:var(--max-height)}.collapse-btn{--margin-bottom:var(--btn-margin-bottom);--border-radius:var(--btn-border-radius);--padding-start:var(--btn-padding-start);--padding-end:var(--btn-padding-end);--font-size:var(--btn-font-size)}.collapse-btn:focus{outline:1px solid var(--road-link-primary)}.collapse-btn-centered{display:flex;justify-content:center}";const n=s;const o=class{constructor(t){e(this,t);this.isOpen=false;this.showMore="show more";this.showLess="show less";this.centered=false;this.onClick=()=>{this.isOpen=!this.isOpen}}render(){const e=this.isOpen?"collapse-open":"";const s=this.isOpen?this.showLess:this.showMore;const n=this.centered?"collapse-btn-centered":"";return t(a,{key:"dea3ae21ebf2c66c4eab20547d7c7cf983c80e8c"},t("slot",{key:"3e24d28e832b7c7fad8f44b5838e70729599a807"}),t("div",{key:"d98b7a9fa8f06be816d7f606bb323dda6c6bbc35",class:`collapsed-content ${e}`},t("slot",{key:"9766bde1f82e72fcdb2029e881358198afecf8f6",name:"collapsed-content"})),t("div",{key:"526b71c8edb30c0969196e91123107d41f6101ff",class:`collapse-btn-wrapper ${n}`},t("road-button",{key:"9660be0a97c94df0457afe3d7e7490c298d5ae17",onClick:this.onClick,class:"collapse-btn btn-link"},s)))}};o.style=n;export{o as road_collapse};
-//# sourceMappingURL=p-14761790.entry.js.map
+import{r as t,h as e,H as a}from"./p-d7aae05d.js";const s=":host{--btn-margin-bottom:1rem;--btn-padding-start:1rem;--btn-padding-end:1rem;--btn-font-size:1rem;--max-height:500px;display:block}.collapsed-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out}.collapse-open{max-height:var(--max-height)}.collapse-btn{--margin-bottom:var(--btn-margin-bottom);--border-radius:var(--btn-border-radius);--padding-start:var(--btn-padding-start);--padding-end:var(--btn-padding-end);--font-size:var(--btn-font-size)}.collapse-btn:focus{outline:1px solid var(--road-link-primary)}.collapse-btn-centered{display:flex;justify-content:center}";const n=s;const o=class{constructor(e){t(this,e);this.isOpen=false;this.showMore="show more";this.showLess="show less";this.centered=false;this.onClick=()=>{this.isOpen=!this.isOpen}}render(){const t=this.isOpen?"collapse-open":"";const s=this.isOpen?this.showLess:this.showMore;const n=this.centered?"collapse-btn-centered":"";return e(a,{key:"dc4faac44b6213b807e1c1b935474e61ecffc229"},e("slot",{key:"007dc5698f07c530416b96319c087c70cc2e0928"}),e("div",{key:"88f368b345b0d27a467bf120f4c461f409f43187",class:`collapsed-content ${t}`},e("slot",{key:"253c48a56447a867c6b9f99ec485d3f444166f5a",name:"collapsed-content"})),e("div",{key:"ce988a1da4251516b4e6a751cd214931e608a586",class:`collapse-btn-wrapper ${n}`},e("road-button",{key:"d52107ea32b0cf25f490e7b1d38425df9fdd7d58",onClick:this.onClick,class:"collapse-btn btn-link"},s)))}};o.style=n;export{o as road_collapse};
+//# sourceMappingURL=p-5f6771e5.entry.js.map

package/dist/roadtrip/p-61191773.entry.js

@@ -0,0 +1,2 @@
+import{r,c as a,h as e,H as o,a as s}from"./p-d7aae05d.js";import{h as n,i}from"./p-55a946f4.js";const t='.sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-label.sc-road-range{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:"";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));height:0.5rem;content:"";background:var(--road-primary);border-radius:1.125rem}.disabled.sc-road-range-h .form-range-progress.sc-road-range.sc-road-range::after{background:var(--road-surface-disabled)}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.disabled.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.disabled.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb{cursor:not-allowed;background:var(--road-on-surface-disabled);box-shadow:none}.disabled.sc-road-range-h .form-range-input.sc-road-range{pointer-events:none}.disabled.sc-road-range-h{cursor:not-allowed}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-h:not(.disabled).focus-visible .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):active .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:not(.disabled):focus .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}';const d=t;const c=class{constructor(e){r(this,e);this.roadchange=a(this,"roadchange",7);this.roadChange=a(this,"roadChange",7);this.rangeId=`road-range-${l++}`;this.value="";this.showValue=false;this.showTick=false;this.showLabels=false;this.disabled=false;this.onInput=r=>{const a=r.target;if(a){this.value=a.value||""}if(this.value!==null&&this.value!==undefined){this.el.style.setProperty("--value",`${this.value}`)}}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}handleFocus(){this.el.classList.add("focus-visible")}handleBlur(){this.el.classList.remove("focus-visible")}componentDidLoad(){const r=this.el.querySelector(".form-label");const a=this.el.querySelector(".form-control.sc-road-input");if(r){r.style.clip="rect(0 0 0 0)";r.style.border="0";r.style.height="1px";r.style.left="0";r.style.margin="-1px";r.style.overflow="hidden";r.style.padding="0";r.style.position="absolute";r.style.top="0";r.style.width="1px";a.style.padding="0 1rem 0"}}render(){const r=this.getValue();const a=this.showLabels!==undefined?`tickmarks`:"";return e(o,{key:"70682c392f1e20883fb831efc8de0f9a067b3009",tabindex:"0",class:{disabled:this.disabled}},e("div",{key:"981f26d40294cd905075d0745e4728543bdc618e",class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{key:"43f2969c43d2573de4db51261263ff22d834cc89",icon:n,class:"mr-8",size:"sm"}),e("div",{key:"2009bfe7013711fcac093f8c67f54daf8f293d05",class:"form-range",style:{"--min":this.min,"--max":this.max,"--value":r,"--background-color":this.disabled?"var(--road-surface-disabled)":"initial"}},this.showValue&&e("output",{key:"b918d44808d44f446f88781b56a18da28768d184"}),this.showLabels&&e("slot",{key:"341f43e617bca8decaa791170065658cf5c57923",name:"datalist"}),e("input",{key:"20d9d42bcfd89eb76a9459571cec4e790d8904f4",type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput,list:a,"aria-label":"Valeur",tabindex:"0",disabled:this.disabled}),e("label",{key:"6ff1fbdc6111509511a1e50e0e65f43ec692f74f",class:"form-range-label"},"Valeur"),e("div",{key:"fadff2d5d9fda1b85290a4c39697968b13470412",class:"form-range-progress"})),this.showTick&&e("road-icon",{key:"79f4b51b9e695692777ab37b36511dfc8209812c",icon:i,class:"ml-8",size:"sm"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};let l=0;c.style=d;export{c as road_range};
+//# sourceMappingURL=p-61191773.entry.js.map

package/dist/roadtrip/{p-db5107c4.entry.js.map → p-61191773.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["rangeCss","RoadRangeStyle0","Range","constructor","hostRef","this","rangeId","rangeIds","value","showValue","showTick","showLabels","disabled","onInput","ev","input","target","undefined","el","style","setProperty","valueChanged","roadchange","emit","toString","roadChange","getValue","handleFocus","classList","add","handleBlur","remove","componentDidLoad","label","querySelector","clip","border","height","left","margin","overflow","padding","position","top","width","render","datalist","h","Host","key","tabindex","class","icon","navigationAddLessSolid","size","min","max","name","type","id","list","navigationAddMoreSolid"],"sources":["src/components/range/range.css?tag=road-range&encapsulation=scoped","src/components/range/range.tsx"],"sourcesContent":["/*\n * Range\n *\n *\n * Index\n * - Input\n * - Value\n * - Slider\n * - Progress\n * - Cursor\n */\n\n:host {\n  display: block;\n}\n\n.form-group{\n  width: 100%;\n}\n\n.form-range {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 6px;\n}\n\n/* INPUT\n -------------------- */\n\n.form-range-input {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background: transparent;\n  outline: 0;\n  appearance: none;\n}\n\n/* VALUE\n -------------------- */\n\n.form-range > output::after {\n  display: block;\n  font-size: var(--road-label-medium);\n  text-align: right;\n  content: counter(variable);\n  counter-reset: variable var(--value);\n}\n\n/* SLIDER\n -------------------- */\n\n.form-range-label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n}\n\n.form-range-progress {\n  position: relative;\n  z-index: 0;\n  display: block;\n  width: 100%;\n  margin-top: -1rem;\n}\n\n.form-range-input::-webkit-slider-runnable-track {\n  border: 0;\n  appearance: none;\n}\n\n.form-range-input::-moz-range-track {\n  height: 0.5rem;\n  border: 0;\n  appearance: none;\n}\n\n.form-range-progress::before {\n  display: block;\n  height: 0.5rem;\n  content: \"\";\n  background-color: var(--road-on-surface-disabled);\n  border: 0;\n  border-radius: 1.125rem;\n}\n\n/* PROGRESS\n -------------------- */\n\n.form-range-progress.sc-road-range::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: block;\n  width: calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));\n  height: 0.5rem;\n  content: \"\";\n  background: var(--road-primary);\n  border-radius: 1.125rem;\n}\n\n:host(.disabled) .form-range-progress.sc-road-range::after {\n  background: var(--road-surface-disabled);\n}\n\n/* CURSOR\n-------------------- */\n\n.form-range-input::-webkit-slider-thumb {\n  position: relative;\n  z-index: 1;\n  width: 1.625rem;\n  height: 1.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n.form-range-input::-moz-range-thumb {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  width: 1.625rem;\n  height: 1.625rem;\n  margin-top: -0.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n/* Styles for disabled state */\n:host(.disabled) .form-range-input::-webkit-slider-thumb,\n:host(.disabled) .form-range-input::-moz-range-thumb {\n  cursor: not-allowed;\n  background: var(--road-on-surface-disabled);\n  box-shadow: none;\n}\n\n:host(.disabled) .form-range-input {\n  pointer-events: none;\n}\n\n:host(.disabled) {\n  cursor: not-allowed;\n}\n\n/**\n *  Focus state\n */\n\n:host(:not(.disabled).focus-visible) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):active) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):focus) .form-range-input::-webkit-slider-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n:host(:not(.disabled).focus-visible) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):active) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):focus) .form-range-input::-moz-range-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n/* DATALIST\n -------------------- */\n\n::slotted(datalist) {\n  display: flex;\n  justify-content: space-between;\n}\n\n::slotted(datalist) option {\n  width: 32px;\n  margin: 0;\n  font-size: var(--road-label-medium);\n  text-align: center;\n}\n\n","import {\n  Component,\n  h,\n  Element,\n  Prop,\n  Event,\n  Host,\n  EventEmitter,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\nimport { navigationAddLessSolid, navigationAddMoreSolid } from \"../../../icons\";\n\n/**\n * @slot datalist - list of labels. also put show-labels=\"true\" and max=\"10\" for this exemple\n * `<datalist id=\"tickmarks\" slot=\"datalist\" class=\"tickmarks\">`\n      `<option value=\"0\" label=\"0%\"></option>`\n      `<option value=\"10\" label=\"10%\"></option>`\n      `<option value=\"20\" label=\"20%\"></option>`\n      `<option value=\"30\" label=\"30%\"></option>`\n      `<option value=\"40\" label=\"40%\"></option>`\n      `<option value=\"50\" label=\"50%\"></option>`\n      `<option value=\"60\" label=\"60%\"></option>`\n     `<option value=\"70\" label=\"70%\"></option>`\n     `<option value=\"80\" label=\"80%\"></option>`\n      `<option value=\"90\" label=\"90%\"></option>`\n      `<option value=\"100\" label=\"100%\"></option>`\n    `</datalist>`\n */\n\n@Component({\n  tag: \"road-range\",\n  styleUrl: \"range.css\",\n  scoped: true,\n})\nexport class Range {\n  @Element() el!: HTMLRoadRangeElement;\n\n  /**\n   * The id of range\n   */\n  @Prop() rangeId: string = `road-range-${rangeIds++}`;\n\n  /**\n   * The value of the range.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = \"\";\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min!: string;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max!: string;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Display the current value of the range\n   */\n  @Prop() showValue: boolean = false;\n\n  /**\n   * Display Tick of the range\n   */\n  @Prop() showTick: boolean = false;\n\n  /**\n   * Display labels of the range\n   */\n  @Prop() showLabels: boolean = false;\n\n  /**\n   * If true, the range will be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch(\"value\")\n  protected valueChanged() {\n    this.roadchange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\n    this.roadChange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\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 getValue(): string {\n    return typeof this.value === \"number\"\n      ? this.value.toString()\n      : (this.value || \"\").toString();\n  }\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || \"\";\n    }\n    if (this.value !== null && this.value !== undefined) {\n      this.el.style.setProperty(\"--value\", `${this.value}`);\n    }\n  };\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus() {\n    this.el.classList.add(\"focus-visible\");\n  }\n\n  @Listen(\"blur\", { capture: true })\n  handleBlur() {\n    this.el.classList.remove(\"focus-visible\");\n  }\n\n  componentDidLoad() {\n    // Cacher le label pour accessibilité\n\n    const label = this.el.querySelector(\".form-label\") as HTMLElement;\n    const input = this.el.querySelector(\n      \".form-control.sc-road-input\"\n    ) as HTMLElement;\n    if (label) {\n      label.style.clip = \"rect(0 0 0 0)\";\n      label.style.border = \"0\";\n      label.style.height = \"1px\";\n      label.style.left = \"0\";\n      label.style.margin = \"-1px\";\n      label.style.overflow = \"hidden\";\n      label.style.padding = \"0\";\n      label.style.position = \"absolute\";\n      label.style.top = \"0\";\n      label.style.width = \"1px\";\n\n      input.style.padding = \"0 1rem 0\";\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const datalist = this.showLabels !== undefined ? `tickmarks` : \"\";\n\n    return (\n      <Host tabindex=\"0\" class={{ disabled: this.disabled }}>\n        <div class=\"form-group d-flex align-items-end\">\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddLessSolid}\n              class=\"mr-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n          <div\n            class=\"form-range\"\n            style={{\n              \"--min\": this.min,\n              \"--max\": this.max,\n              \"--value\": value,\n              \"--background-color\": this.disabled\n                ? \"var(--road-surface-disabled)\"\n                : \"initial\",\n            }}\n          >\n            {this.showValue && <output></output>}\n            {this.showLabels && <slot name=\"datalist\" />}\n            <input\n              type=\"range\"\n              class=\"form-range-input\"\n              id={this.rangeId}\n              min={this.min}\n              max={this.max}\n              value={value}\n              onInput={this.onInput}\n              list={datalist}\n              aria-label=\"Valeur\"\n              tabindex=\"0\"\n              disabled={this.disabled}\n            />\n            <label class=\"form-range-label\">Valeur</label>\n            <div class=\"form-range-progress\"></div>\n          </div>\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddMoreSolid}\n              class=\"ml-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet rangeIds = 0;\n"],"mappings":"sGAAA,MAAMA,EAAW,0tGACjB,MAAAC,EAAeD,E,MCkCFE,EAAK,MALlB,WAAAC,CAAAC,G,wFAWUC,KAAAC,QAAkB,cAAcC,MAKfF,KAAAG,MAAiC,GAqBlDH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,WAAsB,MAKtBN,KAAAO,SAAoB,MAgCpBP,KAAAQ,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTV,KAAKG,MAAQO,EAAMP,OAAS,E,CAE9B,GAAIH,KAAKG,QAAU,MAAQH,KAAKG,QAAUS,UAAW,CACnDZ,KAAKa,GAAGC,MAAMC,YAAY,UAAW,GAAGf,KAAKG,Q,GAhCvC,YAAAa,GACRhB,KAAKiB,WAAWC,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,aAEtDnB,KAAKoB,WAAWF,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,Y,CAehD,QAAAE,GACN,cAAcrB,KAAKG,QAAU,SACzBH,KAAKG,MAAMgB,YACVnB,KAAKG,OAAS,IAAIgB,U,CAczB,WAAAG,GACEtB,KAAKa,GAAGU,UAAUC,IAAI,gB,CAIxB,UAAAC,GACEzB,KAAKa,GAAGU,UAAUG,OAAO,gB,CAG3B,gBAAAC,GAGE,MAAMC,EAAQ5B,KAAKa,GAAGgB,cAAc,eACpC,MAAMnB,EAAQV,KAAKa,GAAGgB,cACpB,+BAEF,GAAID,EAAO,CACTA,EAAMd,MAAMgB,KAAO,gBACnBF,EAAMd,MAAMiB,OAAS,IACrBH,EAAMd,MAAMkB,OAAS,MACrBJ,EAAMd,MAAMmB,KAAO,IACnBL,EAAMd,MAAMoB,OAAS,OACrBN,EAAMd,MAAMqB,SAAW,SACvBP,EAAMd,MAAMsB,QAAU,IACtBR,EAAMd,MAAMuB,SAAW,WACvBT,EAAMd,MAAMwB,IAAM,IAClBV,EAAMd,MAAMyB,MAAQ,MAEpB7B,EAAMI,MAAMsB,QAAU,U,EAI1B,MAAAI,GACE,MAAMrC,EAAQH,KAAKqB,WACnB,MAAMoB,EAAWzC,KAAKM,aAAeM,UAAY,YAAc,GAE/D,OACE8B,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAS,IAAIC,MAAO,CAAEvC,SAAUP,KAAKO,WACzCmC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qCACR9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EACNF,MAAM,OACNG,KAAK,OAGTP,EAAA,OAAAE,IAAA,2CACEE,MAAM,aACNhC,MAAO,CACL,QAASd,KAAKkD,IACd,QAASlD,KAAKmD,IACd,UAAWhD,EACX,qBAAsBH,KAAKO,SACvB,+BACA,YAGLP,KAAKI,WAAasC,EAAA,UAAAE,IAAA,6CAClB5C,KAAKM,YAAcoC,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aAC/BV,EAAA,SAAAE,IAAA,2CACES,KAAK,QACLP,MAAM,mBACNQ,GAAItD,KAAKC,QACTiD,IAAKlD,KAAKkD,IACVC,IAAKnD,KAAKmD,IACVhD,MAAOA,EACPK,QAASR,KAAKQ,QACd+C,KAAMd,EAAQ,aACH,SACXI,SAAS,IACTtC,SAAUP,KAAKO,WAEjBmC,EAAA,SAAAE,IAAA,2CAAOE,MAAM,oBAAkB,UAC/BJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBAEZ9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMS,EACNV,MAAM,OACNG,KAAK,Q,gFASnB,IAAI/C,EAAW,E","ignoreList":[]}
+{"version":3,"names":["rangeCss","RoadRangeStyle0","Range","constructor","hostRef","this","rangeId","rangeIds","value","showValue","showTick","showLabels","disabled","onInput","ev","input","target","undefined","el","style","setProperty","valueChanged","roadchange","emit","toString","roadChange","getValue","handleFocus","classList","add","handleBlur","remove","componentDidLoad","label","querySelector","clip","border","height","left","margin","overflow","padding","position","top","width","render","datalist","h","Host","key","tabindex","class","icon","navigationAddLessSolid","size","min","max","name","type","id","list","navigationAddMoreSolid"],"sources":["src/components/range/range.css?tag=road-range&encapsulation=scoped","src/components/range/range.tsx"],"sourcesContent":["/*\n * Range\n *\n *\n * Index\n * - Input\n * - Value\n * - Slider\n * - Progress\n * - Cursor\n */\n\n:host {\n  display: block;\n}\n\n.form-group{\n  width: 100%;\n}\n\n.form-range {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 6px;\n}\n\n/* INPUT\n -------------------- */\n\n.form-range-input {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background: transparent;\n  outline: 0;\n  appearance: none;\n}\n\n/* VALUE\n -------------------- */\n\n.form-range > output::after {\n  display: block;\n  font-size: var(--road-label-medium);\n  text-align: right;\n  content: counter(variable);\n  counter-reset: variable var(--value);\n}\n\n/* SLIDER\n -------------------- */\n\n.form-range-label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n}\n\n.form-range-progress {\n  position: relative;\n  z-index: 0;\n  display: block;\n  width: 100%;\n  margin-top: -1rem;\n}\n\n.form-range-input::-webkit-slider-runnable-track {\n  border: 0;\n  appearance: none;\n}\n\n.form-range-input::-moz-range-track {\n  height: 0.5rem;\n  border: 0;\n  appearance: none;\n}\n\n.form-range-progress::before {\n  display: block;\n  height: 0.5rem;\n  content: \"\";\n  background-color: var(--road-on-surface-disabled);\n  border: 0;\n  border-radius: 1.125rem;\n}\n\n/* PROGRESS\n -------------------- */\n\n.form-range-progress.sc-road-range::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: block;\n  width: calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));\n  height: 0.5rem;\n  content: \"\";\n  background: var(--road-primary);\n  border-radius: 1.125rem;\n}\n\n:host(.disabled) .form-range-progress.sc-road-range::after {\n  background: var(--road-surface-disabled);\n}\n\n/* CURSOR\n-------------------- */\n\n.form-range-input::-webkit-slider-thumb {\n  position: relative;\n  z-index: 1;\n  width: 1.625rem;\n  height: 1.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n.form-range-input::-moz-range-thumb {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  width: 1.625rem;\n  height: 1.625rem;\n  margin-top: -0.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n/* Styles for disabled state */\n:host(.disabled) .form-range-input::-webkit-slider-thumb,\n:host(.disabled) .form-range-input::-moz-range-thumb {\n  cursor: not-allowed;\n  background: var(--road-on-surface-disabled);\n  box-shadow: none;\n}\n\n:host(.disabled) .form-range-input {\n  pointer-events: none;\n}\n\n:host(.disabled) {\n  cursor: not-allowed;\n}\n\n/**\n *  Focus state\n */\n\n:host(:not(.disabled).focus-visible) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):active) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):focus) .form-range-input::-webkit-slider-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n:host(:not(.disabled).focus-visible) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):active) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):focus) .form-range-input::-moz-range-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n/* DATALIST\n -------------------- */\n\n::slotted(datalist) {\n  display: flex;\n  justify-content: space-between;\n}\n\n::slotted(datalist) option {\n  width: 32px;\n  margin: 0;\n  font-size: var(--road-label-medium);\n  text-align: center;\n}\n\n","import {\n  Component,\n  h,\n  Element,\n  Prop,\n  Event,\n  Host,\n  EventEmitter,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\nimport { navigationAddLessSolid, navigationAddMoreSolid } from \"../../../icons\";\n\n/**\n * @slot datalist - list of labels. also put show-labels=\"true\" and max=\"10\" for this exemple\n * `<datalist id=\"tickmarks\" slot=\"datalist\" class=\"tickmarks\">`\n      `<option value=\"0\" label=\"0%\"></option>`\n      `<option value=\"10\" label=\"10%\"></option>`\n      `<option value=\"20\" label=\"20%\"></option>`\n      `<option value=\"30\" label=\"30%\"></option>`\n      `<option value=\"40\" label=\"40%\"></option>`\n      `<option value=\"50\" label=\"50%\"></option>`\n      `<option value=\"60\" label=\"60%\"></option>`\n     `<option value=\"70\" label=\"70%\"></option>`\n     `<option value=\"80\" label=\"80%\"></option>`\n      `<option value=\"90\" label=\"90%\"></option>`\n      `<option value=\"100\" label=\"100%\"></option>`\n    `</datalist>`\n */\n\n@Component({\n  tag: \"road-range\",\n  styleUrl: \"range.css\",\n  scoped: true,\n})\nexport class Range {\n  @Element() el!: HTMLRoadRangeElement;\n\n  /**\n   * The id of range\n   */\n  @Prop() rangeId: string = `road-range-${rangeIds++}`;\n\n  /**\n   * The value of the range.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = \"\";\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min!: string;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max!: string;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Display the current value of the range\n   */\n  @Prop() showValue: boolean = false;\n\n  /**\n   * Display Tick of the range\n   */\n  @Prop() showTick: boolean = false;\n\n  /**\n   * Display labels of the range\n   */\n  @Prop() showLabels: boolean = false;\n\n  /**\n   * If true, the range will be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch(\"value\")\n  protected valueChanged() {\n    this.roadchange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\n    this.roadChange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\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 getValue(): string {\n    return typeof this.value === \"number\"\n      ? this.value.toString()\n      : (this.value || \"\").toString();\n  }\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || \"\";\n    }\n    if (this.value !== null && this.value !== undefined) {\n      this.el.style.setProperty(\"--value\", `${this.value}`);\n    }\n  };\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus() {\n    this.el.classList.add(\"focus-visible\");\n  }\n\n  @Listen(\"blur\", { capture: true })\n  handleBlur() {\n    this.el.classList.remove(\"focus-visible\");\n  }\n\n  componentDidLoad() {\n    // Cacher le label pour accessibilité\n\n    const label = this.el.querySelector(\".form-label\") as HTMLElement;\n    const input = this.el.querySelector(\n      \".form-control.sc-road-input\"\n    ) as HTMLElement;\n    if (label) {\n      label.style.clip = \"rect(0 0 0 0)\";\n      label.style.border = \"0\";\n      label.style.height = \"1px\";\n      label.style.left = \"0\";\n      label.style.margin = \"-1px\";\n      label.style.overflow = \"hidden\";\n      label.style.padding = \"0\";\n      label.style.position = \"absolute\";\n      label.style.top = \"0\";\n      label.style.width = \"1px\";\n\n      input.style.padding = \"0 1rem 0\";\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const datalist = this.showLabels !== undefined ? `tickmarks` : \"\";\n\n    return (\n      <Host tabindex=\"0\" class={{ disabled: this.disabled }}>\n        <div class=\"form-group d-flex align-items-end\">\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddLessSolid}\n              class=\"mr-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n          <div\n            class=\"form-range\"\n            style={{\n              \"--min\": this.min,\n              \"--max\": this.max,\n              \"--value\": value,\n              \"--background-color\": this.disabled\n                ? \"var(--road-surface-disabled)\"\n                : \"initial\",\n            }}\n          >\n            {this.showValue && <output></output>}\n            {this.showLabels && <slot name=\"datalist\" />}\n            <input\n              type=\"range\"\n              class=\"form-range-input\"\n              id={this.rangeId}\n              min={this.min}\n              max={this.max}\n              value={value}\n              onInput={this.onInput}\n              list={datalist}\n              aria-label=\"Valeur\"\n              tabindex=\"0\"\n              disabled={this.disabled}\n            />\n            <label class=\"form-range-label\">Valeur</label>\n            <div class=\"form-range-progress\"></div>\n          </div>\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddMoreSolid}\n              class=\"ml-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet rangeIds = 0;\n"],"mappings":"iGAAA,MAAMA,EAAW,0tGACjB,MAAAC,EAAeD,E,MCkCFE,EAAK,MALlB,WAAAC,CAAAC,G,wFAWUC,KAAAC,QAAkB,cAAcC,MAKfF,KAAAG,MAAiC,GAqBlDH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,WAAsB,MAKtBN,KAAAO,SAAoB,MAgCpBP,KAAAQ,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTV,KAAKG,MAAQO,EAAMP,OAAS,E,CAE9B,GAAIH,KAAKG,QAAU,MAAQH,KAAKG,QAAUS,UAAW,CACnDZ,KAAKa,GAAGC,MAAMC,YAAY,UAAW,GAAGf,KAAKG,Q,GAhCvC,YAAAa,GACRhB,KAAKiB,WAAWC,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,aAEtDnB,KAAKoB,WAAWF,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,Y,CAehD,QAAAE,GACN,cAAcrB,KAAKG,QAAU,SACzBH,KAAKG,MAAMgB,YACVnB,KAAKG,OAAS,IAAIgB,U,CAczB,WAAAG,GACEtB,KAAKa,GAAGU,UAAUC,IAAI,gB,CAIxB,UAAAC,GACEzB,KAAKa,GAAGU,UAAUG,OAAO,gB,CAG3B,gBAAAC,GAGE,MAAMC,EAAQ5B,KAAKa,GAAGgB,cAAc,eACpC,MAAMnB,EAAQV,KAAKa,GAAGgB,cACpB,+BAEF,GAAID,EAAO,CACTA,EAAMd,MAAMgB,KAAO,gBACnBF,EAAMd,MAAMiB,OAAS,IACrBH,EAAMd,MAAMkB,OAAS,MACrBJ,EAAMd,MAAMmB,KAAO,IACnBL,EAAMd,MAAMoB,OAAS,OACrBN,EAAMd,MAAMqB,SAAW,SACvBP,EAAMd,MAAMsB,QAAU,IACtBR,EAAMd,MAAMuB,SAAW,WACvBT,EAAMd,MAAMwB,IAAM,IAClBV,EAAMd,MAAMyB,MAAQ,MAEpB7B,EAAMI,MAAMsB,QAAU,U,EAI1B,MAAAI,GACE,MAAMrC,EAAQH,KAAKqB,WACnB,MAAMoB,EAAWzC,KAAKM,aAAeM,UAAY,YAAc,GAE/D,OACE8B,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAS,IAAIC,MAAO,CAAEvC,SAAUP,KAAKO,WACzCmC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qCACR9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EACNF,MAAM,OACNG,KAAK,OAGTP,EAAA,OAAAE,IAAA,2CACEE,MAAM,aACNhC,MAAO,CACL,QAASd,KAAKkD,IACd,QAASlD,KAAKmD,IACd,UAAWhD,EACX,qBAAsBH,KAAKO,SACvB,+BACA,YAGLP,KAAKI,WAAasC,EAAA,UAAAE,IAAA,6CAClB5C,KAAKM,YAAcoC,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aAC/BV,EAAA,SAAAE,IAAA,2CACES,KAAK,QACLP,MAAM,mBACNQ,GAAItD,KAAKC,QACTiD,IAAKlD,KAAKkD,IACVC,IAAKnD,KAAKmD,IACVhD,MAAOA,EACPK,QAASR,KAAKQ,QACd+C,KAAMd,EAAQ,aACH,SACXI,SAAS,IACTtC,SAAUP,KAAKO,WAEjBmC,EAAA,SAAAE,IAAA,2CAAOE,MAAM,oBAAkB,UAC/BJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBAEZ9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMS,EACNV,MAAM,OACNG,KAAK,Q,gFASnB,IAAI/C,EAAW,E","ignoreList":[]}

package/dist/roadtrip/{p-610216c6.entry.js → p-65dfd1e8.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as a}from"./p-d7aae05d.js";const e=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after,.progress-indicator-horizontal-header .in-progress:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon,.in-progress .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title,.in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}.in-progress.progress-indicator-horizontal-item:not(:last-child)::before{position:relative;top:0.93rem;left:calc(50% + 12px);order:-1;width:calc(50% - 24px);height:2px;content:"";background:var(--road-primary)}';const i=e;const t=class{constructor(o){r(this,o);this.color="default";this.numberStep=3}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const e=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const i=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const t=this.stateThirdStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(a,{key:"c7b533fd5241dbaf0c3275844b411d2a6c4a57ec"},o("nav",{key:"3679fc96e8af765c77d79cd66100c9d038d675ff"},o("ul",{key:"88c8020ee996810f49725b51f5fb4118fbffe4a7",class:`${r}`},o("li",{key:"961e19ae0950052ba5ca3653fde8e66254b600aa",class:`${e}`},o("a",{key:"339beb73a406c196770f0c832fbe7b1d4452e97f",class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{key:"910003e080c3c111613120cd7c09ce925b32925b",class:"progress-indicator-horizontal-icon"},o("slot",{key:"264e33aab1b7b4776a8b8535a923bfc6311be561",name:"progress-indicator-horizontal-icon"})),o("span",{key:"2bf6210a8a99fb0c766cd895e889bf463ea0d1fc",class:"progress-indicator-horizontal-title"},o("slot",{key:"8b10230923c8a6051592bfd740dcc31c3617ff36",name:"progress-indicator-horizontal-title"})))),o("li",{key:"829f421c2f7b8342a951037f369eb792128c48d0",class:`${i}`},o("a",{key:"fa0f0c8b6151121db0b050fbcde512364073566a",class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{key:"b7621f5a2018cc48dee843757c219e4d0a803c7f",class:"progress-indicator-horizontal-icon"},o("slot",{key:"f849e2604e24e7dc403451f1f285f7366cf28f09",name:"progress-indicator-horizontal-icon2"})),o("span",{key:"efc1eb034b566279037db371d480c9344390f957",class:"progress-indicator-horizontal-title"},o("slot",{key:"b274a56147cb164a44780d7c4a02043d123012a6",name:"progress-indicator-horizontal-title2"})))),this.numberStep==3&&o("li",{key:"6cd846d302ea7fed863b59a8954803d5591602cb",class:`${t}`},o("a",{key:"dd94c6d10ec7f36ea98994a277282a721d290b15",class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{key:"64c4471bb5f2098e188866b83907557c296d59d6",class:"progress-indicator-horizontal-icon"},o("slot",{key:"471413fe74772fba4724c93791c59d4353be1c50",name:"progress-indicator-horizontal-icon3"})),o("span",{key:"9339d6d80e7f30e15335000dabba92c976a43a92",class:"progress-indicator-horizontal-title"},o("slot",{key:"a8055c4f80695160b3ef9210a060f5b4d2039b67",name:"progress-indicator-horizontal-title3"})))))))}};t.style=i;export{t as road_progress_indicator_horizontal};
-//# sourceMappingURL=p-610216c6.entry.js.map
+import{r,h as o,H as a}from"./p-d7aae05d.js";const e=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after,.progress-indicator-horizontal-header .in-progress:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon,.in-progress .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title,.in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}.in-progress.progress-indicator-horizontal-item:not(:last-child)::before{position:relative;top:0.93rem;left:calc(50% + 12px);order:-1;width:calc(50% - 24px);height:2px;content:"";background:var(--road-primary)}';const i=e;const t=class{constructor(o){r(this,o);this.color="default";this.numberStep=3}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const e=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const i=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const t=this.stateThirdStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(a,{key:"2f7ef35d5517a148676c46d55561a47092ed0ff3"},o("nav",{key:"efe3d51a472a7472a9f2f0da1403e223bca22513"},o("ul",{key:"f4046d581b8ed717bda8be93efa0870bfa7e4369",class:`${r}`},o("li",{key:"fb431196011a0cd284847f13b1d5999e69487b5b",class:`${e}`},o("a",{key:"28b3e5b0c12593b2c26832777766524f5342c253",class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{key:"535d3f5fc73aa22f87a9284ee4498dd975c3e977",class:"progress-indicator-horizontal-icon"},o("slot",{key:"492dbf0cfff34689a1513714c475a9f2b4cc6727",name:"progress-indicator-horizontal-icon"})),o("span",{key:"ecaf988f2dec663478169103b34820cdf7da4702",class:"progress-indicator-horizontal-title"},o("slot",{key:"4443bf77b78b0fcbb44046b95a9121abe0e22226",name:"progress-indicator-horizontal-title"})))),o("li",{key:"15328f9d9a15ada2ff751b651084bfa0e83f7d5a",class:`${i}`},o("a",{key:"441f9a53903b3a14d0fab8296213ce10f16dc5b6",class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{key:"31b6487818279d37e486acb20363b527762481da",class:"progress-indicator-horizontal-icon"},o("slot",{key:"b03d967c5a09640253b5edb8425f855d8eb790bc",name:"progress-indicator-horizontal-icon2"})),o("span",{key:"bfcd4994aa5fb7eee27419033b87f0e248ddeb81",class:"progress-indicator-horizontal-title"},o("slot",{key:"f5a493c800b9f7466ffb85d37d460844cbb05573",name:"progress-indicator-horizontal-title2"})))),this.numberStep==3&&o("li",{key:"bca52096f27dc5e9ae3e12419882b4dd7a8bc1d9",class:`${t}`},o("a",{key:"74f8d7e8fef0f43a07d1cca3f5233d364e77eca5",class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{key:"f37905f33aa30a1fe5d64bea3ed352bd22faf729",class:"progress-indicator-horizontal-icon"},o("slot",{key:"27666dc115efe677af2bf91d73dd5a1f35c28518",name:"progress-indicator-horizontal-icon3"})),o("span",{key:"cd081a852ac065372324b17e8a3992429b87b16e",class:"progress-indicator-horizontal-title"},o("slot",{key:"fd71af01b710df38a3a06ed75757d2df1d8193ea",name:"progress-indicator-horizontal-title3"})))))))}};t.style=i;export{t as road_progress_indicator_horizontal};
+//# sourceMappingURL=p-65dfd1e8.entry.js.map

package/dist/roadtrip/{p-a21bce75.entry.js → p-6e9fac54.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,H as i,a as n}from"./p-d7aae05d.js";const a=":host{position:relative;display:block}";const r=a;const o=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"760ffd7c98659dc00187c97e3d01ce92409584a5",onRoadSegmentedButtonClick:this.onTabClicked},e("slot",{key:"dfd7acfd76741333868ff7dce2f88c27f2413808",name:"top"}),e("slot",{key:"e7ed6139b95280e972025c5028e0694da0f26265"}))}get el(){return n(this)}};const h=(t,s)=>{const e=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};o.style=r;export{o as road_segmented_buttons};
-//# sourceMappingURL=p-a21bce75.entry.js.map
+import{r as t,c as s,h as e,H as i,a as n}from"./p-d7aae05d.js";const a=":host{position:relative;display:block}";const r=a;const o=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"d1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b",onRoadSegmentedButtonClick:this.onTabClicked},e("slot",{key:"681bb4fdcf7bc99dd558723c85ea65b6182a7556",name:"top"}),e("slot",{key:"395d680d41e4c831d7e12e2d4b5e83e74d1128cf"}))}get el(){return n(this)}};const h=(t,s)=>{const e=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};o.style=r;export{o as road_segmented_buttons};
+//# sourceMappingURL=p-6e9fac54.entry.js.map

package/dist/roadtrip/{p-974b5313.entry.js → p-70f4387a.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as a,H as e,a as n}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":host{position:fixed;top:0;z-index:2;width:100%}";const s=i;const c=class{constructor(a){o(this,a);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(o){this.selectedTab=o.detail.tab}toggleCompactMode(){const o=this.host.querySelector("road-navbar-v2");const t=this.host.querySelector("road-toolbar-v2");if(o){if(o.hasAttribute("compact")){o.removeAttribute("compact")}else{o.setAttribute("compact","true")}}else{console.warn("<road-navbar-v2> not found inside <road-global-navigation-v2>")}if(t){if(t.classList.contains("toolbar-compact")){t.classList.remove("toolbar-compact");t.classList.add("toolbar")}else{t.classList.remove("toolbar");t.classList.add("toolbar-compact")}}else{console.warn("<road-toolbar-v2> not found inside <road-global-navigation-v2>")}}toggleCompactLogoClass(){const o=this.host.querySelector(".compact-logo");if(o){if(o.classList.contains("justify-content-center")){o.classList.remove("justify-content-center")}else{o.classList.add("justify-content-center")}}else{console.warn('Element with class "compact-logo" not found inside <road-global-navigation-v2>')}}toggleIconRotation(o){const t=o.querySelector("road-icon");if(t){if(t.getAttribute("rotate")==="180"){t.removeAttribute("rotate")}else{t.setAttribute("rotate","180")}}else{console.warn("<road-icon> not found inside <road-button>")}}toggleTooltips(){const o=this.host.querySelector("road-navbar-v2");if(o){const t=o.hasAttribute("compact");const a=o.querySelectorAll("road-tooltip");if(a.length>0){a.forEach((o=>{if(t){o.setAttribute("trigger","hover")}else{o.setAttribute("trigger","focus")}}))}else{console.warn("<road-tooltip> elements not found inside <road-navbar-v2>.")}}else{console.warn("<road-navbar-v2> not found inside <road-global-navigation-v2>.")}}onButtonClick(o){let t=o.target;while(t&&t.tagName!=="ROAD-BUTTON"&&t!==document.body){t=t.parentElement}if((t===null||t===void 0?void 0:t.tagName)==="ROAD-BUTTON"&&t.classList.contains("compact-button")){this.toggleCompactMode();this.toggleIconRotation(t);this.toggleCompactLogoClass();this.toggleTooltips()}}componentWillLoad(){this.selectedTabChanged()}render(){return a(e,{key:"e96a242247541fb01c652fba58dfa6e69e7257f0",role:"application"},a("slot",{key:"abfd9632f3b3d616095fc573e110a062cfcb5bad"}))}get host(){return n(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};c.style=s;export{c as road_global_navigation_v2};
-//# sourceMappingURL=p-974b5313.entry.js.map
+import{r as o,c as t,h as a,H as e,a as n}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":host{position:fixed;top:0;z-index:2;width:100%}";const s=i;const c=class{constructor(a){o(this,a);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(o){this.selectedTab=o.detail.tab}toggleCompactMode(){const o=this.host.querySelector("road-navbar-v2");const t=this.host.querySelector("road-toolbar-v2");if(o){if(o.hasAttribute("compact")){o.removeAttribute("compact")}else{o.setAttribute("compact","true")}}else{console.warn("<road-navbar-v2> not found inside <road-global-navigation-v2>")}if(t){if(t.classList.contains("toolbar-compact")){t.classList.remove("toolbar-compact");t.classList.add("toolbar")}else{t.classList.remove("toolbar");t.classList.add("toolbar-compact")}}else{console.warn("<road-toolbar-v2> not found inside <road-global-navigation-v2>")}}toggleCompactLogoClass(){const o=this.host.querySelector(".compact-logo");if(o){if(o.classList.contains("justify-content-center")){o.classList.remove("justify-content-center")}else{o.classList.add("justify-content-center")}}else{console.warn('Element with class "compact-logo" not found inside <road-global-navigation-v2>')}}toggleIconRotation(o){const t=o.querySelector("road-icon");if(t){if(t.getAttribute("rotate")==="180"){t.removeAttribute("rotate")}else{t.setAttribute("rotate","180")}}else{console.warn("<road-icon> not found inside <road-button>")}}toggleTooltips(){const o=this.host.querySelector("road-navbar-v2");if(o){const t=o.hasAttribute("compact");const a=o.querySelectorAll("road-tooltip");if(a.length>0){a.forEach((o=>{if(t){o.setAttribute("trigger","hover")}else{o.setAttribute("trigger","focus")}}))}else{console.warn("<road-tooltip> elements not found inside <road-navbar-v2>.")}}else{console.warn("<road-navbar-v2> not found inside <road-global-navigation-v2>.")}}onButtonClick(o){let t=o.target;while(t&&t.tagName!=="ROAD-BUTTON"&&t!==document.body){t=t.parentElement}if((t===null||t===void 0?void 0:t.tagName)==="ROAD-BUTTON"&&t.classList.contains("compact-button")){this.toggleCompactMode();this.toggleIconRotation(t);this.toggleCompactLogoClass();this.toggleTooltips()}}componentWillLoad(){this.selectedTabChanged()}render(){return a(e,{key:"1a523fcd448db62eb7a676184a22c7ae96e2d39e",role:"application"},a("slot",{key:"7c46cc17b02a4425161d99b54ef1bca9711f179a"}))}get host(){return n(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};c.style=s;export{c as road_global_navigation_v2};
+//# sourceMappingURL=p-70f4387a.entry.js.map

package/dist/roadtrip/{p-111df7a1.entry.js → p-75ebf102.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as o,H as t}from"./p-d7aae05d.js";import{a as s,d as r,e as i,f as n,g as c}from"./p-55a946f4.js";const d=":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);pointer-events:all;background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";const f=d;const l=class{constructor(o){e(this,o);this.onClose=a(this,"close",7);this.isOpen=false;this.color="info";this.timeout=5e3;this.onClick=e=>{e.stopPropagation();e.preventDefault();this.close()}}isOpenChanged(){if(this.isOpen&&this.timeout>0){setTimeout((()=>this.close()),this.timeout)}}async open(){this.isOpen=true;if(this.timeout>0){setTimeout((()=>{this.close()}),this.timeout)}}async close(){this.isOpen=false;this.onClose.emit()}componentDidLoad(){if(this.isOpen&&this.timeout>0){setTimeout((()=>this.close()),this.timeout)}}render(){const e=this.isOpen?"toast-open":"";let a;switch(this.color){case"info":a=r;break;case"success":a=c;break;case"warning":a=n;break;case"danger":a=i;break;default:a=r;break}if(this.color=="danger"){this.timeout=0}return o(t,{key:"ece8943a5a8f0bb9502bf37f8583ade2d43c66eb",class:`${e}`,role:"alert"},o("div",{key:"1973b3896a8afba311e4232417d605c28c0e6459",class:`toast toast-${this.color}`},o("road-icon",{key:"8f23c478957da854818a3c64ed0dc25cf2423cbf",class:"toast-icon",icon:a,"aria-hidden":"true"}),o("p",{key:"3769dcd2be747707411f916713bffeaf40311188",class:"toast-label"},this.label),o("button",{key:"9e8c10bc7ee761e32012b70374cfbc76fac4ba5d",type:"button",class:"toast-close","aria-label":"Close",onClick:this.onClick},o("road-icon",{key:"48838f6a48dcf5b7cefe0a1de74d563d71354df4",icon:s,size:"md"})),o("slot",{key:"39be4682effadb74b40960c994c0dbe801f0c606",name:"progress"})))}static get watchers(){return{isOpen:["isOpenChanged"]}}};l.style=f;export{l as road_toast};
-//# sourceMappingURL=p-111df7a1.entry.js.map
+import{r as a,c as e,h as o,H as t}from"./p-d7aae05d.js";import{a as s,d as r,e as i,f as n,g as c}from"./p-55a946f4.js";const d=":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);pointer-events:all;background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";const f=d;const l=class{constructor(o){a(this,o);this.onClose=e(this,"close",7);this.isOpen=false;this.color="info";this.timeout=5e3;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}isOpenChanged(){if(this.isOpen&&this.timeout>0){setTimeout((()=>this.close()),this.timeout)}}async open(){this.isOpen=true;if(this.timeout>0){setTimeout((()=>{this.close()}),this.timeout)}}async close(){this.isOpen=false;this.onClose.emit()}componentDidLoad(){if(this.isOpen&&this.timeout>0){setTimeout((()=>this.close()),this.timeout)}}render(){const a=this.isOpen?"toast-open":"";let e;switch(this.color){case"info":e=r;break;case"success":e=c;break;case"warning":e=n;break;case"danger":e=i;break;default:e=r;break}if(this.color=="danger"){this.timeout=0}return o(t,{key:"7e6b8eb5b97d93b1c0da2b5fca2b95d7fe53b464",class:`${a}`,role:"alert"},o("div",{key:"928fcd556ba9573248c0bf136d41ae385fef3c0f",class:`toast toast-${this.color}`},o("road-icon",{key:"6620412742937e307d6677bdfeb5b3df34403cee",class:"toast-icon",icon:e,"aria-hidden":"true"}),o("p",{key:"b7fa0b376a936b6ddf6f7a995fbd531b6657dc72",class:"toast-label"},this.label),o("button",{key:"c38b2ab0f05605a9c428684e31ef07a8ee03491c",type:"button",class:"toast-close","aria-label":"Close",onClick:this.onClick},o("road-icon",{key:"71820f58335f516f7660650e10f042b347922113",icon:s,size:"md"})),o("slot",{key:"52cc64d445b08d0f3a993deae2228e8da87ba5f5",name:"progress"})))}static get watchers(){return{isOpen:["isOpenChanged"]}}};l.style=f;export{l as road_toast};
+//# sourceMappingURL=p-75ebf102.entry.js.map

package/dist/roadtrip/{p-f514f186.entry.js → p-7955499d.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as s}from"./p-d7aae05d.js";const o="road-progress-tracker-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-tracker-item-content{display:inline-block;margin-left:1rem}.progress-tracker-link{position:relative;z-index:1;display:flex;margin-top:0.4rem}.progress-tracker-circle{display:inline-flex;align-items:center;justify-content:center;width:0.75rem;height:0.75rem;font-size:var(--road-button-medium);font-weight:700;background:var(--road-surface);border:2px solid var(--road-on-surface-disabled);border-radius:50%;fill:currentColor}.progress-tracker-substep-circle{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-left:0.13rem;font-size:var(--road-button-medium);font-weight:700;background:var(--road-surface);border:2px solid var(--road-on-surface-disabled);border-radius:50%;fill:currentColor}.progress-tracker-line{position:absolute;top:8px;left:0.35rem;z-index:-1;height:100%;border-left:1px solid var(--road-on-surface-disabled)}road-progress-tracker-item:last-child .progress-tracker-line{border-left:0}.before-collapse .progress-tracker-line{border-left:1px dashed var(--road-on-surface-disabled)}road-collapse road-progress-tracker-item:last-child .progress-tracker-line{border-left:0}.progress-tracker-title{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-tracker-substep-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-tracker-description{display:block;margin:0 0 2rem;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-disabled)}.progress-tracker-substep-description{display:block;margin:0 0 2rem;font-size:var(--road-overline);font-weight:400;color:var(--road-on-surface-disabled)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-tracker-circle,.completed .progress-tracker-substep-circle{background:var(--road-primary);border:0}.current .progress-tracker-circle,.current .progress-tracker-substep-circle,.in-progress .progress-tracker-circle,.in-progress .progress-tracker-substep-circle{background:var(--road-surface);border:1px solid var(--road-primary)}.completed .progress-tracker-line,.in-progress .progress-tracker-line{border-left:1px solid var(--road-primary)}.current .progress-tracker-title,.current .progress-tracker-substep-title,.in-progress .progress-tracker-title,.in-progress .progress-tracker-substep-title,.completed .progress-tracker-title,.completed .progress-tracker-substep-title{font-weight:700;color:var(--road-on-surface)}.current .progress-tracker-description,.current .progress-tracker-substep-description,.in-progress .progress-tracker-description,.in-progress .progress-tracker-substep-description,.completed .progress-tracker-description,.completed .progress-tracker-substep-description{color:var(--road-on-surface-weak)}";const t=o;const a=class{constructor(e){r(this,e)}render(){return e(s,{key:"0c16e41e50d438bad6afb7e663a70543aeaa8676"},e("slot",{key:"416aee7102487a9a8aed3c0ea8558852bb823818"}))}};a.style=t;export{a as road_progress_tracker_item};
-//# sourceMappingURL=p-f514f186.entry.js.map
+import{r,h as e,H as s}from"./p-d7aae05d.js";const o="road-progress-tracker-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-tracker-item-content{display:inline-block;margin-left:1rem}.progress-tracker-link{position:relative;z-index:1;display:flex;margin-top:0.4rem}.progress-tracker-circle{display:inline-flex;align-items:center;justify-content:center;width:0.75rem;height:0.75rem;font-size:var(--road-button-medium);font-weight:700;background:var(--road-surface);border:2px solid var(--road-on-surface-disabled);border-radius:50%;fill:currentColor}.progress-tracker-substep-circle{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-left:0.13rem;font-size:var(--road-button-medium);font-weight:700;background:var(--road-surface);border:2px solid var(--road-on-surface-disabled);border-radius:50%;fill:currentColor}.progress-tracker-line{position:absolute;top:8px;left:0.35rem;z-index:-1;height:100%;border-left:1px solid var(--road-on-surface-disabled)}road-progress-tracker-item:last-child .progress-tracker-line{border-left:0}.before-collapse .progress-tracker-line{border-left:1px dashed var(--road-on-surface-disabled)}road-collapse road-progress-tracker-item:last-child .progress-tracker-line{border-left:0}.progress-tracker-title{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-tracker-substep-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-tracker-description{display:block;margin:0 0 2rem;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-disabled)}.progress-tracker-substep-description{display:block;margin:0 0 2rem;font-size:var(--road-overline);font-weight:400;color:var(--road-on-surface-disabled)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-tracker-circle,.completed .progress-tracker-substep-circle{background:var(--road-primary);border:0}.current .progress-tracker-circle,.current .progress-tracker-substep-circle,.in-progress .progress-tracker-circle,.in-progress .progress-tracker-substep-circle{background:var(--road-surface);border:1px solid var(--road-primary)}.completed .progress-tracker-line,.in-progress .progress-tracker-line{border-left:1px solid var(--road-primary)}.current .progress-tracker-title,.current .progress-tracker-substep-title,.in-progress .progress-tracker-title,.in-progress .progress-tracker-substep-title,.completed .progress-tracker-title,.completed .progress-tracker-substep-title{font-weight:700;color:var(--road-on-surface)}.current .progress-tracker-description,.current .progress-tracker-substep-description,.in-progress .progress-tracker-description,.in-progress .progress-tracker-substep-description,.completed .progress-tracker-description,.completed .progress-tracker-substep-description{color:var(--road-on-surface-weak)}";const t=o;const a=class{constructor(e){r(this,e)}render(){return e(s,{key:"f0323f8e11d15162868f6679d958a7eb3c732c94"},e("slot",{key:"f723c3ff78b34c68bbe3f675d93ff61a6eb24a27"}))}};a.style=t;export{a as road_progress_tracker_item};
+//# sourceMappingURL=p-7955499d.entry.js.map

package/dist/roadtrip/{p-daeb9c8d.entry.js → p-79c3152e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-disabled),:host(.tab-disabled) road-tooltip,:host(.tab-disabled) road-tooltip road-icon,:host(.tab-disabled) ::slotted(road-icon){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon,:host(.tab-selected) ::slotted(road-icon){color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:"";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}:host(.tab-disabled.focus-visible) ::slotted(road-icon),:host(.tab-disabled.focus-visible) ::slotted(road-label),:host(.tab-disabled:hover) ::slotted(road-icon),:host(.tab-disabled:hover) ::slotted(road-label){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.tab-disabled) .button-native{cursor:not-allowed}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';const s=r;const d=class{constructor(i){t(this,i);this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7);this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7);this.disabled=false;this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}handleSelectedChange(t){if(t){this.el.focus()}}selectTab(t){if(this.tab!==undefined){if(!this.disabled){this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})}if(this.href===undefined){t.preventDefault()}}}render(){const{href:t,rel:e,target:a,selected:r,tab:s,disabled:d}=this;const l={download:this.download,href:t,rel:e,target:a};return i(o,{key:"2786c8b9e115ddfe0667fe725c7950f8dcc69077",onClick:this.onClick,onKeyup:this.onKeyUp,role:"menuitem",tabindex:"0","aria-selected":r?"true":null,id:s!==undefined?`navbar-item-${s}`:null,disabled:d,class:{"navbar-item":true,"tab-selected":r,"tab-disabled":d}},i("a",Object.assign({key:"d105d65f5219bfb11780eaad9a7ed229b60e0ff7"},l,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"3d18dcc0854e9d3abd1111d158ee1b406df6e388",class:"button-inner"},i("slot",{key:"4e289b3871d38ac9c04c812c45b6f0e1ab7b4672"}))))}get el(){return a(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};d.style=s;export{d as road_navbar_item};
-//# sourceMappingURL=p-daeb9c8d.entry.js.map
+import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-disabled),:host(.tab-disabled) road-tooltip,:host(.tab-disabled) road-tooltip road-icon,:host(.tab-disabled) ::slotted(road-icon){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon,:host(.tab-selected) ::slotted(road-icon){color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:"";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}:host(.tab-disabled.focus-visible) ::slotted(road-icon),:host(.tab-disabled.focus-visible) ::slotted(road-label),:host(.tab-disabled:hover) ::slotted(road-icon),:host(.tab-disabled:hover) ::slotted(road-label){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.tab-disabled) .button-native{cursor:not-allowed}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';const s=r;const d=class{constructor(i){t(this,i);this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7);this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7);this.disabled=false;this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}handleSelectedChange(t){if(t){this.el.focus()}}selectTab(t){if(this.tab!==undefined){if(!this.disabled){this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})}if(this.href===undefined){t.preventDefault()}}}render(){const{href:t,rel:e,target:a,selected:r,tab:s,disabled:d}=this;const l={download:this.download,href:t,rel:e,target:a};return i(o,{key:"c392c7788ef068bff267fbc3508d3a9b9fe753d0",onClick:this.onClick,onKeyup:this.onKeyUp,role:"menuitem",tabindex:"0","aria-selected":r?"true":null,id:s!==undefined?`navbar-item-${s}`:null,disabled:d,class:{"navbar-item":true,"tab-selected":r,"tab-disabled":d}},i("a",Object.assign({key:"96d3d1d8ce173906c6427a4b53dff251f2ad2d28"},l,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"2a9dd73feff76d436c37f27fc1b9a1c2678c2b6e",class:"button-inner"},i("slot",{key:"603703ddc7865278113ec4d953ab1fc71bbc08d7"}))))}get el(){return a(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};d.style=s;export{d as road_navbar_item};
+//# sourceMappingURL=p-79c3152e.entry.js.map

package/dist/roadtrip/{p-84dc220e.entry.js → p-7e0bdcf9.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"7cafa7410a58d53c1e369efa22cdc994fa961082"},e("slot",{key:"1c7bfb9947f8db82d1248b61a2e59a261a015576"}))}};t.style=a;export{t as road_progress_indicator_vertical_item};
-//# sourceMappingURL=p-84dc220e.entry.js.map
+import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"17ae276834ff832dcf77111aeeda48b8ca9dc72e"},e("slot",{key:"624e68ac134752cb835e1cfdba7aa1db8d1f5152"}))}};t.style=a;export{t as road_progress_indicator_vertical_item};
+//# sourceMappingURL=p-7e0bdcf9.entry.js.map

package/dist/roadtrip/{p-bb7583ee.entry.js → p-8753beba.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as t,H as s,a as e}from"./p-d7aae05d.js";const i=":host{display:block}:host(.tab-hidden){display:none}";const n=i;const o=class{constructor(t){a(this,t);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(a){this.active=this.tab===a.detail.tab}async setActive(){this.active=true}render(){const{tab:a,active:e}=this;return t(s,{key:"63af8787abb1c214e75ce13b4aa6e265ac27ff5f",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${a}`,class:{"tab-hidden":!e}},t("slot",{key:"5a00faa7454b981ba72f2b262c72b3dc3497e48b"}))}get el(){return e(this)}};o.style=n;export{o as road_tab};
-//# sourceMappingURL=p-bb7583ee.entry.js.map
+import{r as a,h as t,H as s,a as e}from"./p-d7aae05d.js";const i=":host{display:block}:host(.tab-hidden){display:none}";const n=i;const o=class{constructor(t){a(this,t);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(a){this.active=this.tab===a.detail.tab}async setActive(){this.active=true}render(){const{tab:a,active:e}=this;return t(s,{key:"3027c31c282565b7d5905d3b3031db04ba1bed44",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${a}`,class:{"tab-hidden":!e}},t("slot",{key:"70ae19f3e889a8c46d062363445185055a6c1133"}))}get el(){return e(this)}};o.style=n;export{o as road_tab};
+//# sourceMappingURL=p-8753beba.entry.js.map

package/dist/roadtrip/{p-fa0d3620.entry.js → p-875b5999.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s,H as e,a as o}from"./p-d7aae05d.js";const r=":host{display:block;object-fit:contain}.native-img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit;visibility:visible;opacity:1;transition:opacity 0.3s ease-in-out}:host(.placeholder){background:var(--road-grey-80)}:host(.placeholder) img{visibility:hidden;opacity:0}";const h=r;const d=class{constructor(s){i(this,s);this.roadimgwillload=t(this,"roadimgwillload",7);this.roadImgWillLoad=t(this,"roadImgWillLoad",7);this.roadimgdidload=t(this,"roadimgdidload",7);this.roadImgDidLoad=t(this,"roadImgDidLoad",7);this.roaderror=t(this,"roaderror",7);this.roadError=t(this,"roadError",7);this.onLoad=()=>{this.roadimgdidload.emit();this.roadImgDidLoad.emit()};this.onError=()=>{this.roaderror.emit();this.roadError.emit()}}srcChanged(){this.addIO()}componentDidLoad(){this.addIO()}addIO(){if(this.src===undefined){return}if(typeof window!=="undefined"&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype){this.removeIO();this.io=new IntersectionObserver((i=>{if(i[0].isIntersecting){this.load();this.removeIO()}}));this.io.observe(this.el)}else{setTimeout((()=>this.load()),200)}}load(){this.loadError=this.onError;this.loadSrc=this.src;this.roadimgwillload.emit();this.roadImgWillLoad.emit()}removeIO(){if(this.io){this.io.disconnect();this.io=undefined}}render(){const i=this.loadSrc!==undefined?"":"placeholder";return s(e,{key:"33a36ddb77496e0f119c9ea2d18df0e2d0977248",class:i},s("img",{key:"583ac1095cd055d8b455738344d2472cb6e61af3",class:"native-img",decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError,part:"image"}))}get el(){return o(this)}static get watchers(){return{src:["srcChanged"]}}};d.style=h;export{d as road_img};
-//# sourceMappingURL=p-fa0d3620.entry.js.map
+import{r as i,c as t,h as s,H as e,a as o}from"./p-d7aae05d.js";const r=":host{display:block;object-fit:contain}.native-img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit;visibility:visible;opacity:1;transition:opacity 0.3s ease-in-out}:host(.placeholder){background:var(--road-grey-80)}:host(.placeholder) img{visibility:hidden;opacity:0}";const h=r;const n=class{constructor(s){i(this,s);this.roadimgwillload=t(this,"roadimgwillload",7);this.roadImgWillLoad=t(this,"roadImgWillLoad",7);this.roadimgdidload=t(this,"roadimgdidload",7);this.roadImgDidLoad=t(this,"roadImgDidLoad",7);this.roaderror=t(this,"roaderror",7);this.roadError=t(this,"roadError",7);this.onLoad=()=>{this.roadimgdidload.emit();this.roadImgDidLoad.emit()};this.onError=()=>{this.roaderror.emit();this.roadError.emit()}}srcChanged(){this.addIO()}componentDidLoad(){this.addIO()}addIO(){if(this.src===undefined){return}if(typeof window!=="undefined"&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype){this.removeIO();this.io=new IntersectionObserver((i=>{if(i[0].isIntersecting){this.load();this.removeIO()}}));this.io.observe(this.el)}else{setTimeout((()=>this.load()),200)}}load(){this.loadError=this.onError;this.loadSrc=this.src;this.roadimgwillload.emit();this.roadImgWillLoad.emit()}removeIO(){if(this.io){this.io.disconnect();this.io=undefined}}render(){const i=this.loadSrc!==undefined?"":"placeholder";return s(e,{key:"6fd414b74c5d8cfef4b87847bef754c117a41803",class:i},s("img",{key:"5f3bcae6d677124b042535c8a52d2870262db16c",class:"native-img",decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError,part:"image"}))}get el(){return o(this)}static get watchers(){return{src:["srcChanged"]}}};n.style=h;export{n as road_img};
+//# sourceMappingURL=p-875b5999.entry.js.map