@roadtrip/components 3.11.0 → 3.11.1

package/dist/roadtrip/{p-cb254685.entry.js → p-f37fb739.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as n}from"./p-abdbf6ac.js";const e=":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-centered{display:flex;justify-content:center}";const a=class{constructor(s){t(this,s);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false;this.showMore="show more";this.showLess="show less";this.centered=false}render(){const t=this.isOpen?"collapse-open":"";const e=this.isOpen?this.showLess:this.showMore;const a=this.centered?"collapse-btn-centered":"";return s(n,null,s("slot",null),s("div",{class:`collapsed-content ${t}`},s("slot",{name:"collapsed-content"})),s("div",{class:`collapse-btn-wrapper ${a}`},s("road-button",{onClick:this.onClick,class:"collapse-btn btn-link"},e)))}};a.style=e;export{a as road_collapse};
-//# sourceMappingURL=p-cb254685.entry.js.map
+import{r as t,h as s,H as n}from"./p-6475c1af.js";const e=":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-centered{display:flex;justify-content:center}";const a=class{constructor(s){t(this,s);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false;this.showMore="show more";this.showLess="show less";this.centered=false}render(){const t=this.isOpen?"collapse-open":"";const e=this.isOpen?this.showLess:this.showMore;const a=this.centered?"collapse-btn-centered":"";return s(n,null,s("slot",null),s("div",{class:`collapsed-content ${t}`},s("slot",{name:"collapsed-content"})),s("div",{class:`collapse-btn-wrapper ${a}`},s("road-button",{onClick:this.onClick,class:"collapse-btn btn-link"},e)))}};a.style=e;export{a as road_collapse};
+//# sourceMappingURL=p-f37fb739.entry.js.map

package/dist/roadtrip/p-f37fb739.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["collapseCss","Collapse","this","onClick","isOpen","render","isOpenClass","buttonText","showLess","showMore","centerClass","centered","h","Host","class","name"],"sources":["src/components/collapse/collapse.css?tag=road-collapse&encapsulation=shadow","src/components/collapse/collapse.tsx"],"sourcesContent":["/*\n * Collapse\n *\n * Index\n * - Collapse\n * - Content\n * - Button\n */\n\n/**\n * @prop --btn-padding-start: Left padding  of the button\n * @prop --btn-padding-end: Right padding of the button\n * @prop --btn-margin-bottom: Bottom margin of the button\n * @prop --btn-font-size: Font size of the text button\n * @prop --max-height: maximum height of the collapse content\n */\n\n/* COLLAPSE\n -------------------- */\n\n:host {\n  --btn-margin-bottom: 1rem;\n  --btn-padding-start: 1rem;\n  --btn-padding-end: 1rem;\n  --btn-font-size: 1rem;\n  --max-height: 500px;\n\n  display: block;\n}\n\n/* CONTENT\n -------------------- */\n\n.collapsed-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n}\n\n/**\n * Open state\n */\n\n.collapse-open {\n  max-height: var(--max-height);\n}\n\n/* BUTTON\n -------------------- */\n\n.collapse-btn {\n  --margin-bottom: var(--btn-margin-bottom);\n  --border-radius: var(--btn-border-radius);\n  --padding-start: var(--btn-padding-start);\n  --padding-end: var(--btn-padding-end);\n  --font-size: var(--btn-font-size);\n}\n\n.collapse-btn-centered {\n  display: flex;\n  justify-content: center;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot  - Content visible when collapsed.\n * @slot collapsed-content - content not visible when collapsed.\n */\n\n@Component({\n  tag: 'road-collapse',\n  styleUrl: 'collapse.css',\n  shadow: true,\n})\nexport class Collapse {\n\n  /**\n   * Set to `true` to display the collapsed part and to `false` to hide it.\n   */\n  @Prop({ mutable: true }) isOpen : boolean = false;\n\n  /**\n   * Text displayed in the button when the content is collapsed\n   */\n  @Prop() showMore : string = 'show more';\n\n  /**\n   * Text displayed in the button when the content is not collapsed\n   */\n  @Prop() showLess : string = 'show less';\n\n  /**\n   * if `true` the button will be centered\n   */\n  @Prop() centered: boolean = false;\n\n  /**\n   * Toggle the display when clicking header\n   */\n  private onClick = () => {\n    this.isOpen = !this.isOpen;\n  };\n\n  render() {\n    const isOpenClass = this.isOpen ? 'collapse-open' : '';\n    const buttonText = this.isOpen ? this.showLess : this .showMore;\n    const centerClass = this.centered ? 'collapse-btn-centered' : '';\n\n    return (\n      <Host>\n        <slot/>\n        <div class={`collapsed-content ${isOpenClass}`}>\n          <slot name=\"collapsed-content\"/>\n        </div>\n        <div class={`collapse-btn-wrapper ${centerClass}`}>\n          <road-button onClick={this.onClick} class=\"collapse-btn btn-link\">{buttonText}</road-button>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,qhB,MCYPC,EAAQ,M,yBAyBXC,KAAAC,QAAU,KAChBD,KAAKE,QAAUF,KAAKE,MAAM,E,YArBgB,M,cAKhB,Y,cAKA,Y,cAKA,K,CAS5B,MAAAC,GACE,MAAMC,EAAcJ,KAAKE,OAAS,gBAAkB,GACpD,MAAMG,EAAaL,KAAKE,OAASF,KAAKM,SAAWN,KAAMO,SACvD,MAAMC,EAAcR,KAAKS,SAAW,wBAA0B,GAE9D,OACEC,EAACC,EAAI,KACHD,EAAA,aACAA,EAAA,OAAKE,MAAO,qBAAqBR,KAC/BM,EAAA,QAAMG,KAAK,uBAEbH,EAAA,OAAKE,MAAO,wBAAwBJ,KAClCE,EAAA,eAAaT,QAASD,KAAKC,QAASW,MAAM,yBAAyBP,I"}

package/dist/roadtrip/{p-650eb7fb.entry.js → p-fbc784aa.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o}from"./p-abdbf6ac.js";const e=":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=class{constructor(o){t(this,o)}render(){return o("div",{class:"toolbar-title"},o("slot",null))}};i.style=e;export{i as road_toolbar_title};
-//# sourceMappingURL=p-650eb7fb.entry.js.map
+import{r as t,h as o}from"./p-6475c1af.js";const e=":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=class{constructor(o){t(this,o)}render(){return o("div",{class:"toolbar-title"},o("slot",null))}};i.style=e;export{i as road_toolbar_title};
+//# sourceMappingURL=p-fbc784aa.entry.js.map

package/dist/roadtrip/p-fbc784aa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toolbarTitleCss","ToolbarTitle","render","h","class"],"sources":["src/components/toolbar-title/toolbar-title.css?tag=road-toolbar-title&encapsulation=shadow","src/components/toolbar-title/toolbar-title.tsx"],"sourcesContent":["/*\n * Toolbar Title\n *\n */\n\n:host {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding-left: 1rem;\n}\n\n.toolbar-title {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  font-size: var(--road-font-size-18);\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  pointer-events: auto;\n}\n\n@media (min-width: 1200px) {\n\n  .toolbar-title {\n    font-size: var(--road-font-size-21);\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @slot - Text of the title.\n */\n\n@Component({\n  tag: 'road-toolbar-title',\n  styleUrl: 'toolbar-title.css',\n  shadow: true,\n})\nexport class ToolbarTitle {\n\n  render() {\n    return (\n      <div class=\"toolbar-title\">\n        <slot/>\n      </div>\n    );\n  }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,gV,MCWXC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,iBACTD,EAAA,a"}

package/dist/roadtrip/{p-91e92e99.entry.js → p-fcaa01f5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,e as s,h as i,H as e,f as n}from"./p-abdbf6ac.js";const r=":host{position:relative;display:block}";const a=class{constructor(i){t(this,i);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)};this.selectedTab=undefined}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 i(e,{onRoadSegmentedButtonClick:this.onTabClicked},i("slot",{name:"top"}),i("slot",null))}get el(){return n(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};a.style=r;export{a as road_segmented_buttons};
-//# sourceMappingURL=p-91e92e99.entry.js.map
+import{r as t,c as s,h as i,H as e,d as n}from"./p-6475c1af.js";const r=":host{position:relative;display:block}";const h=class{constructor(i){t(this,i);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)};this.selectedTab=undefined}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=o(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return o(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 i(e,{onRoadSegmentedButtonClick:this.onTabClicked},i("slot",{name:"top"}),i("slot",null))}get el(){return n(this)}};const o=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};h.style=r;export{h as road_segmented_buttons};
+//# sourceMappingURL=p-fcaa01f5.entry.js.map

package/dist/roadtrip/p-fcaa01f5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["segmentedButtonsCss","Tabs","this","transitioning","onTabClicked","ev","tab","detail","select","componentWillLoad","tabs","length","componentWillRender","buttonBar","el","querySelector","selectedTab","undefined","getTab","shouldSwitch","setActive","tabSwitch","getSelected","Promise","resolve","reject","leavingTab","roadTabsWillChange","emit","active","roadTabsDidChange","Array","from","querySelectorAll","render","h","Host","onRoadSegmentedButtonClick","name","tabEl","find","t","console","error"],"sources":["src/components/segmented-buttons/segmented-buttons.css?tag=road-segmented-buttons&encapsulation=shadow","src/components/segmented-buttons/segmented-buttons.tsx"],"sourcesContent":["/*\n * Segmented buttons\n *\n */\n\n:host {\n  position: relative;\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, Host, Method, State, h } from '@stencil/core';\n\n/**\n * @slot - Content is placed between the named slots if provided without a slot.\n * @slot top - Content is placed at the top of the screen.\n */\n@Component({\n  tag: 'road-segmented-buttons',\n  styleUrl: 'segmented-buttons.css',\n  shadow: true,\n})\nexport class Tabs {\n\n  private transitioning = false;\n  private leavingTab?: HTMLRoadTabElement;\n\n  @Element() el!: HTMLRoadTabsElement;\n\n  @State() selectedTab?: HTMLRoadTabElement;\n\n  /**\n   * Emitted when the navigation is about to transition to a new component.\n   */\n  @Event({ bubbles: false }) roadtabswillchange!: EventEmitter<{tab: string}>;\n  /** @internal */\n  @Event({ bubbles: false }) roadTabsWillChange!: EventEmitter<{tab: string}>;\n\n  /**\n   * Emitted when the navigation has finished transitioning to a new component.\n   */\n  @Event({ bubbles: false }) roadtabsdidchange!: EventEmitter<{tab: string}>;\n  /** @internal */\n  @Event({ bubbles: false }) roadTabsDidChange!: EventEmitter<{tab: string}>;\n\n  async componentWillLoad() {\n    const tabs = this.tabs;\n    if (tabs.length > 0) {\n      this.select(tabs[0]);\n    }\n  }\n\n  componentWillRender() {\n    const buttonBar = this.el.querySelector('road-segmented-button-bar');\n    if (buttonBar) {\n      const tab = this.selectedTab ? this.selectedTab.tab : undefined;\n      buttonBar.selectedTab = tab;\n    }\n  }\n\n  /**\n   * Select a tab by the value of its `tab` property or an element reference.\n   *\n   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.\n   */\n  @Method()\n  async select(tab: string | HTMLRoadTabElement): Promise<boolean> {\n    const selectedTab = getTab(this.tabs, tab);\n    if (!this.shouldSwitch(selectedTab)) {\n      return false;\n    }\n    await this.setActive(selectedTab);\n    this.tabSwitch();\n\n    return true;\n  }\n\n  /**\n   * Get a specific tab by the value of its `tab` property or an element reference.\n   *\n   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.\n   */\n  @Method()\n  async getTab(tab: string | HTMLRoadTabElement): Promise<HTMLRoadTabElement | undefined> {\n    return getTab(this.tabs, tab);\n  }\n\n  /**\n   * Get the currently selected tab.\n   */\n  @Method()\n  getSelected(): Promise<string | undefined> {\n    return Promise.resolve(this.selectedTab ? this.selectedTab.tab : undefined);\n  }\n\n  private setActive(selectedTab: HTMLRoadTabElement): Promise<void> {\n    if (this.transitioning) {\n      return Promise.reject('transitioning already happening');\n    }\n\n    this.transitioning = true;\n    this.leavingTab = this.selectedTab;\n    this.selectedTab = selectedTab;\n    this.roadTabsWillChange.emit({ tab: selectedTab.tab });\n    selectedTab.active = true;\n    return Promise.resolve();\n  }\n\n  private tabSwitch() {\n    const selectedTab = this.selectedTab;\n    const leavingTab = this.leavingTab;\n\n    this.leavingTab = undefined;\n    this.transitioning = false;\n    if (!selectedTab) {\n      return;\n    }\n\n    if (leavingTab !== selectedTab) {\n      if (leavingTab) {\n        leavingTab.active = false;\n      }\n      this.roadTabsDidChange.emit({ tab: selectedTab.tab });\n    }\n  }\n\n  private shouldSwitch(selectedTab: HTMLRoadTabElement | undefined): selectedTab is HTMLRoadTabElement {\n    const leavingTab = this.selectedTab;\n    return selectedTab !== undefined && selectedTab !== leavingTab && !this.transitioning;\n  }\n\n  private get tabs() {\n    return Array.from(this.el.querySelectorAll('road-tab'));\n  }\n\n  private onTabClicked = (ev: CustomEvent) => {\n    const { tab } = ev.detail;\n    this.select(tab);\n  };\n\n  render() {\n\n    return (\n      <Host\n        onRoadSegmentedButtonClick={this.onTabClicked}>\n        <slot name=\"top\"/>\n          <slot/>\n      </Host>\n    );\n  }\n}\n\nconst getTab = (tabs: HTMLRoadTabElement[], tab: string | HTMLRoadTabElement): HTMLRoadTabElement | undefined => {\n  const tabEl = (typeof tab === 'string')\n    ? tabs.find(t => t.tab === tab)\n    : tab;\n\n  if (!tabEl) {\n    console.error(`tab with id: \"${tabEl}\" does not exist`);\n  }\n  return tabEl;\n};"],"mappings":"gEAAA,MAAMA,EAAsB,yC,MCWfC,EAAI,M,iPAEPC,KAAAC,cAAgB,MA+GhBD,KAAAE,aAAgBC,IACtB,MAAMC,IAAEA,GAAQD,EAAGE,OACnBL,KAAKM,OAAOF,EAAI,E,2BA5FlB,uBAAMG,GACJ,MAAMC,EAAOR,KAAKQ,KAClB,GAAIA,EAAKC,OAAS,EAAG,CACnBT,KAAKM,OAAOE,EAAK,G,EAIrB,mBAAAE,GACE,MAAMC,EAAYX,KAAKY,GAAGC,cAAc,6BACxC,GAAIF,EAAW,CACb,MAAMP,EAAMJ,KAAKc,YAAcd,KAAKc,YAAYV,IAAMW,UACtDJ,EAAUG,YAAcV,C,EAU5B,YAAME,CAAOF,GACX,MAAMU,EAAcE,EAAOhB,KAAKQ,KAAMJ,GACtC,IAAKJ,KAAKiB,aAAaH,GAAc,CACnC,OAAO,K,OAEHd,KAAKkB,UAAUJ,GACrBd,KAAKmB,YAEL,OAAO,I,CAST,YAAMH,CAAOZ,GACX,OAAOY,EAAOhB,KAAKQ,KAAMJ,E,CAO3B,WAAAgB,GACE,OAAOC,QAAQC,QAAQtB,KAAKc,YAAcd,KAAKc,YAAYV,IAAMW,U,CAG3D,SAAAG,CAAUJ,GAChB,GAAId,KAAKC,cAAe,CACtB,OAAOoB,QAAQE,OAAO,kC,CAGxBvB,KAAKC,cAAgB,KACrBD,KAAKwB,WAAaxB,KAAKc,YACvBd,KAAKc,YAAcA,EACnBd,KAAKyB,mBAAmBC,KAAK,CAAEtB,IAAKU,EAAYV,MAChDU,EAAYa,OAAS,KACrB,OAAON,QAAQC,S,CAGT,SAAAH,GACN,MAAML,EAAcd,KAAKc,YACzB,MAAMU,EAAaxB,KAAKwB,WAExBxB,KAAKwB,WAAaT,UAClBf,KAAKC,cAAgB,MACrB,IAAKa,EAAa,CAChB,M,CAGF,GAAIU,IAAeV,EAAa,CAC9B,GAAIU,EAAY,CACdA,EAAWG,OAAS,K,CAEtB3B,KAAK4B,kBAAkBF,KAAK,CAAEtB,IAAKU,EAAYV,K,EAI3C,YAAAa,CAAaH,GACnB,MAAMU,EAAaxB,KAAKc,YACxB,OAAOA,IAAgBC,WAAaD,IAAgBU,IAAexB,KAAKC,a,CAG1E,QAAYO,GACV,OAAOqB,MAAMC,KAAK9B,KAAKY,GAAGmB,iBAAiB,Y,CAQ7C,MAAAC,GAEE,OACEC,EAACC,EAAI,CACHC,2BAA4BnC,KAAKE,cACjC+B,EAAA,QAAMG,KAAK,QACTH,EAAA,a,2BAMV,MAAMjB,EAAS,CAACR,EAA4BJ,KAC1C,MAAMiC,SAAgBjC,IAAQ,SAC1BI,EAAK8B,MAAKC,GAAKA,EAAEnC,MAAQA,IACzBA,EAEJ,IAAKiC,EAAO,CACVG,QAAQC,MAAM,iBAAiBJ,oB,CAEjC,OAAOA,CAAK,E"}

package/dist/roadtrip/{p-295a97d7.entry.js → p-fcf97829.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,e as s,h as i,H as e,f as n}from"./p-abdbf6ac.js";const a=":host{position:relative;display:block}";const r=class{constructor(i){t(this,i);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)};this.selectedTab=undefined}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-tab-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 i(e,{onRoadTabButtonClick:this.onTabClicked},i("slot",{name:"top"}),i("div",{class:"tabs-inner"},i("slot",null)))}get el(){return n(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};r.style=a;export{r as road_tabs};
-//# sourceMappingURL=p-295a97d7.entry.js.map
+import{r as t,c as s,h as i,H as e,d as n}from"./p-6475c1af.js";const a=":host{position:relative;display:block}";const r=class{constructor(i){t(this,i);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)};this.selectedTab=undefined}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-tab-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 i(e,{onRoadTabButtonClick:this.onTabClicked},i("slot",{name:"top"}),i("div",{class:"tabs-inner"},i("slot",null)))}get el(){return n(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};r.style=a;export{r as road_tabs};
+//# sourceMappingURL=p-fcf97829.entry.js.map

package/dist/roadtrip/p-fcf97829.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tabsCss","Tabs","this","transitioning","onTabClicked","ev","tab","detail","select","componentWillLoad","tabs","length","componentWillRender","tabBar","el","querySelector","selectedTab","undefined","getTab","shouldSwitch","setActive","tabSwitch","getSelected","Promise","resolve","reject","leavingTab","roadTabsWillChange","emit","active","roadTabsDidChange","Array","from","querySelectorAll","render","h","Host","onRoadTabButtonClick","name","class","tabEl","find","t","console","error"],"sources":["src/components/tabs/tabs.css?tag=road-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["/*\n * Tabs\n *\n */\n\n:host {\n  position: relative;\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, Host, Method, State, h } from '@stencil/core';\n\n/**\n * @slot - Content is placed between the named slots if provided without a slot.\n * @slot top - Content is placed at the top of the screen.\n */\n@Component({\n  tag: 'road-tabs',\n  styleUrl: 'tabs.css',\n  shadow: true,\n})\nexport class Tabs {\n\n  private transitioning = false;\n  private leavingTab?: HTMLRoadTabElement;\n\n  @Element() el!: HTMLRoadTabsElement;\n\n  @State() selectedTab?: HTMLRoadTabElement;\n\n  /**\n   * Emitted when the navigation is about to transition to a new component.\n   */\n  @Event({ bubbles: false }) roadtabswillchange!: EventEmitter<{tab: string}>;\n  /** @internal */\n  @Event({ bubbles: false }) roadTabsWillChange!: EventEmitter<{tab: string}>;\n\n  /**\n   * Emitted when the navigation has finished transitioning to a new component.\n   */\n  @Event({ bubbles: false }) roadtabsdidchange!: EventEmitter<{tab: string}>;\n  /** @internal */\n  @Event({ bubbles: false }) roadTabsDidChange!: EventEmitter<{tab: string}>;\n\n  async componentWillLoad() {\n    const tabs = this.tabs;\n    if (tabs.length > 0) {\n      this.select(tabs[0]);\n    }\n  }\n\n  componentWillRender() {\n    const tabBar = this.el.querySelector('road-tab-bar');\n    if (tabBar) {\n      const tab = this.selectedTab ? this.selectedTab.tab : undefined;\n      tabBar.selectedTab = tab;\n    }\n  }\n\n  /**\n   * Select a tab by the value of its `tab` property or an element reference.\n   *\n   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.\n   */\n  @Method()\n  async select(tab: string | HTMLRoadTabElement): Promise<boolean> {\n    const selectedTab = getTab(this.tabs, tab);\n    if (!this.shouldSwitch(selectedTab)) {\n      return false;\n    }\n    await this.setActive(selectedTab);\n    this.tabSwitch();\n\n    return true;\n  }\n\n  /**\n   * Get a specific tab by the value of its `tab` property or an element reference.\n   *\n   * @param tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property.\n   */\n  @Method()\n  async getTab(tab: string | HTMLRoadTabElement): Promise<HTMLRoadTabElement | undefined> {\n    return getTab(this.tabs, tab);\n  }\n\n  /**\n   * Get the currently selected tab.\n   */\n  @Method()\n  getSelected(): Promise<string | undefined> {\n    return Promise.resolve(this.selectedTab ? this.selectedTab.tab : undefined);\n  }\n\n  private setActive(selectedTab: HTMLRoadTabElement): Promise<void> {\n    if (this.transitioning) {\n      return Promise.reject('transitioning already happening');\n    }\n\n    this.transitioning = true;\n    this.leavingTab = this.selectedTab;\n    this.selectedTab = selectedTab;\n    this.roadTabsWillChange.emit({ tab: selectedTab.tab });\n    selectedTab.active = true;\n    return Promise.resolve();\n  }\n\n  private tabSwitch() {\n    const selectedTab = this.selectedTab;\n    const leavingTab = this.leavingTab;\n\n    this.leavingTab = undefined;\n    this.transitioning = false;\n    if (!selectedTab) {\n      return;\n    }\n\n    if (leavingTab !== selectedTab) {\n      if (leavingTab) {\n        leavingTab.active = false;\n      }\n      this.roadTabsDidChange.emit({ tab: selectedTab.tab });\n    }\n  }\n\n  private shouldSwitch(selectedTab: HTMLRoadTabElement | undefined): selectedTab is HTMLRoadTabElement {\n    const leavingTab = this.selectedTab;\n    return selectedTab !== undefined && selectedTab !== leavingTab && !this.transitioning;\n  }\n\n  private get tabs() {\n    return Array.from(this.el.querySelectorAll('road-tab'));\n  }\n\n  private onTabClicked = (ev: CustomEvent) => {\n    const { tab } = ev.detail;\n    this.select(tab);\n  };\n\n  render() {\n    return (\n      <Host\n        onRoadTabButtonClick={this.onTabClicked}\n      >\n        <slot name=\"top\"/>\n        <div class=\"tabs-inner\">\n          <slot/>\n        </div>\n      </Host>\n    );\n  }\n}\n\nconst getTab = (tabs: HTMLRoadTabElement[], tab: string | HTMLRoadTabElement): HTMLRoadTabElement | undefined => {\n  const tabEl = (typeof tab === 'string')\n    ? tabs.find(t => t.tab === tab)\n    : tab;\n\n  if (!tabEl) {\n    console.error(`tab with id: \"${tabEl}\" does not exist`);\n  }\n  return tabEl;\n};"],"mappings":"gEAAA,MAAMA,EAAU,yC,MCWHC,EAAI,M,iPAEPC,KAAAC,cAAgB,MA+GhBD,KAAAE,aAAgBC,IACtB,MAAMC,IAAEA,GAAQD,EAAGE,OACnBL,KAAKM,OAAOF,EAAI,E,2BA5FlB,uBAAMG,GACJ,MAAMC,EAAOR,KAAKQ,KAClB,GAAIA,EAAKC,OAAS,EAAG,CACnBT,KAAKM,OAAOE,EAAK,G,EAIrB,mBAAAE,GACE,MAAMC,EAASX,KAAKY,GAAGC,cAAc,gBACrC,GAAIF,EAAQ,CACV,MAAMP,EAAMJ,KAAKc,YAAcd,KAAKc,YAAYV,IAAMW,UACtDJ,EAAOG,YAAcV,C,EAUzB,YAAME,CAAOF,GACX,MAAMU,EAAcE,EAAOhB,KAAKQ,KAAMJ,GACtC,IAAKJ,KAAKiB,aAAaH,GAAc,CACnC,OAAO,K,OAEHd,KAAKkB,UAAUJ,GACrBd,KAAKmB,YAEL,OAAO,I,CAST,YAAMH,CAAOZ,GACX,OAAOY,EAAOhB,KAAKQ,KAAMJ,E,CAO3B,WAAAgB,GACE,OAAOC,QAAQC,QAAQtB,KAAKc,YAAcd,KAAKc,YAAYV,IAAMW,U,CAG3D,SAAAG,CAAUJ,GAChB,GAAId,KAAKC,cAAe,CACtB,OAAOoB,QAAQE,OAAO,kC,CAGxBvB,KAAKC,cAAgB,KACrBD,KAAKwB,WAAaxB,KAAKc,YACvBd,KAAKc,YAAcA,EACnBd,KAAKyB,mBAAmBC,KAAK,CAAEtB,IAAKU,EAAYV,MAChDU,EAAYa,OAAS,KACrB,OAAON,QAAQC,S,CAGT,SAAAH,GACN,MAAML,EAAcd,KAAKc,YACzB,MAAMU,EAAaxB,KAAKwB,WAExBxB,KAAKwB,WAAaT,UAClBf,KAAKC,cAAgB,MACrB,IAAKa,EAAa,CAChB,M,CAGF,GAAIU,IAAeV,EAAa,CAC9B,GAAIU,EAAY,CACdA,EAAWG,OAAS,K,CAEtB3B,KAAK4B,kBAAkBF,KAAK,CAAEtB,IAAKU,EAAYV,K,EAI3C,YAAAa,CAAaH,GACnB,MAAMU,EAAaxB,KAAKc,YACxB,OAAOA,IAAgBC,WAAaD,IAAgBU,IAAexB,KAAKC,a,CAG1E,QAAYO,GACV,OAAOqB,MAAMC,KAAK9B,KAAKY,GAAGmB,iBAAiB,Y,CAQ7C,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,qBAAsBnC,KAAKE,cAE3B+B,EAAA,QAAMG,KAAK,QACXH,EAAA,OAAKI,MAAM,cACTJ,EAAA,c,2BAOV,MAAMjB,EAAS,CAACR,EAA4BJ,KAC1C,MAAMkC,SAAgBlC,IAAQ,SAC1BI,EAAK+B,MAAKC,GAAKA,EAAEpC,MAAQA,IACzBA,EAEJ,IAAKkC,EAAO,CACVG,QAAQC,MAAM,iBAAiBJ,oB,CAEjC,OAAOA,CAAK,E"}

package/dist/roadtrip/{p-ff473633.entry.js → p-fdf158a0.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as o}from"./p-abdbf6ac.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=class{constructor(e){r(this,e)}render(){return e(o,null,e("slot",null))}};a.style=i;export{a as road_progress_indicator_vertical_item};
-//# sourceMappingURL=p-ff473633.entry.js.map
+import{r,h as e,H as o}from"./p-6475c1af.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=class{constructor(e){r(this,e)}render(){return e(o,null,e("slot",null))}};a.style=i;export{a as road_progress_indicator_vertical_item};
+//# sourceMappingURL=p-fdf158a0.entry.js.map

package/dist/roadtrip/p-fdf158a0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressIndicatorVerticalItemCss","ProgressIndicatorVerticalItem","render","h","Host"],"sources":["src/components/progress-indicator-vertical-item/progress-indicator-vertical-item.css?tag=road-progress-indicator-vertical-item","src/components/progress-indicator-vertical-item/progress-indicator-vertical-item.tsx"],"sourcesContent":["/*\n * Progress Indicator Vertical Item\n *\n */\n\n/* PROGRESS INDICATOR VERTICAL ITEM\n   -------------------- */\n\nroad-progress-indicator-vertical-item {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  min-height: 65px;\n}\n\n.progress-indicator-vertical-item-content {\n  display: inline-block;\n  margin-left: 1rem;\n}\n\n/**\n* Disabled click for current and next steps\n*/\n\nroad-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link {\n  cursor: not-allowed;\n}\n\n/* VERTICAL STEPPER LINK\n    -------------------- */\n\n.progress-indicator-vertical-link {\n  position: relative;\n  z-index: 1;\n  display: flex;\n}\n\n/* VERTICAL STEPPER ICON\n    -------------------- */\n\n.progress-indicator-vertical-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: var(--road-font-size-12);\n  font-weight: 700;\n  color: var(--road-on-surface-disabled);\n  background: var(--road-surface-disabled);\n  border-radius: 50%;\n  fill: currentColor;\n}\n\n.progress-indicator-vertical-icon road-icon{\n  display: flex;\n}\n\n.progress-indicator-vertical-substep-link {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  margin: 0 0.5rem;\n}\n\n.progress-indicator-vertical-line {\n  position: absolute;\n  top: 24px;\n  left: 11px;\n  z-index: -1;\n  height: calc(100% - 24px);\n  border-left: 2px solid var(--road-surface-disabled);\n}\n\nroad-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line {\n  border-left: 0;\n}\n\n.progress-indicator-vertical-substep-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.5rem;\n  height: 0.5rem;\n  margin-top: 0.7rem;\n  background: var(--road-surface-disabled);\n  border-radius: 50%;\n}\n\n.progress-indicator-vertical-substep-beforeline {\n  position: absolute;\n  top: 0;\n  left: 3px;\n  z-index: -1;\n  height: calc(30% - 8px);\n  border-left: 2px solid var(--road-surface-disabled);\n}\n\n.progress-indicator-vertical-substep-line {\n  position: absolute;\n  top: 19px;\n  left: 3px;\n  z-index: -1;\n  height: calc(83% - 8px);\n  border-left: 2px solid var(--road-surface-disabled);\n}\n\n/* VERTICAL STEPPER TITLE\n    -------------------- */\n\n.progress-indicator-vertical-title road-label{\n  display: block;\n  font-size: var(--road-body-large);\n  font-weight: 700;\n  color: var(--road-on-surface-disabled);\n}\n\n.progress-indicator-vertical-description{\n  display: block;\n  margin: 0;\n  font-size: var(--road-label-small);\n  font-weight: 400;\n  color: var(--road-on-surface-disabled);\n}\n\n/* STEP CURRENT\n    -------------------- */\n\n.current .progress-indicator-vertical-icon {\n  color: var(--road-on-primary);\n  background: var(--road-primary);\n}\n\n.current .progress-indicator-vertical-title road-label{\n  font-weight: 700;\n  color: var(--road-on-surface);\n}\n\n.current .progress-indicator-vertical-description{\n  color: var(--road-on-surface-weak);\n}\n\n.current .progress-indicator-vertical-substep-icon {\n  background: var(--road-primary);\n  border: 0;\n}\n\n.current .progress-indicator-vertical-substep-beforeline {\n  border-left: 2px solid var(--road-primary);\n}\n\n\n/* STEP IN PROGRESS\n   -------------------- */\n\n.in-progress .progress-indicator-vertical-icon {\n  color: var(--road-on-primary);\n  background: var(--road-primary);\n  border: 0;\n}\n\n.in-progress .progress-indicator-vertical-title road-label{\n  font-weight: 700;\n  color: var(--road-on-surface);\n}\n\n.in-progress .progress-indicator-vertical-description{\n  color: var(--road-on-surface-weak);\n}\n\n.in-progress .progress-indicator-vertical-line {\n  background: var(--road-primary);\n}\n\n/* STEP COMPLETED\n    -------------------- */\n\n.completed:not(:last-child)::after {\n  background: var(--road-primary);\n}\n\n.completed .progress-indicator-vertical-icon {\n  color: var(--road-primary);\n  background: none;\n  border: 2px solid var(--road-primary);\n}\n\n.completed .progress-indicator-vertical-line {\n  border-left: 2px solid var(--road-primary);\n}\n\n.completed .progress-indicator-vertical-substep-beforeline {\n  border-left: 2px solid var(--road-primary);\n}\n\n.completed .progress-indicator-vertical-substep-line {\n  border-left: 2px solid var(--road-primary);\n}\n\n.completed .progress-indicator-vertical-title road-label{\n  font-weight: 700;\n  color: var(--road-on-surface);\n}\n\n.completed .progress-indicator-vertical-description{\n  color: var(--road-on-surface-weak);\n}\n\n.completed .progress-indicator-vertical-substep-icon {\n  background: none;\n  border: 2px solid var(--road-primary);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot - Content of the progress indicator vertical item\n */\n\n@Component({\n  tag: 'road-progress-indicator-vertical-item',\n  styleUrl: 'progress-indicator-vertical-item.css',\n})\nexport class ProgressIndicatorVerticalItem {\n\n  render() {\n    return (\n      <Host>\n        <slot/>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAmC,s9G,MCU5BC,EAA6B,M,yBAExC,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/roadtrip/roadtrip.esm.js

@@ -1,2 +1,2 @@
-import{p as e,w as a,d as o,N as r,a as t,b as d}from"./p-abdbf6ac.js";export{s as setNonce}from"./p-abdbf6ac.js";import"./p-fa98320c.js";function i(e){var a,o,r;return(r=(o=(a=e.head)===null||a===void 0?void 0:a.querySelector('meta[name="csp-nonce"]'))===null||o===void 0?void 0:o.getAttribute("content"))!==null&&r!==void 0?r:undefined}const l=e=>`__sc_import_${e.replace(/\s|-/g,"_")}`;const n=()=>{{e.o=a.__cssshim}const d=Array.from(o.querySelectorAll("script")).find((e=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===r));const i={};if("onbeforeload"in d&&!history.scrollRestoration){return{then(){}}}{i.resourcesUrl=new URL(".",new URL(d.getAttribute("data-resources-url")||d.src,a.location.href)).href;{c(i.resourcesUrl,d)}if(!a.customElements){return __sc_import_roadtrip("./p-00cfef9b.js").then((()=>i))}}return t(i)};const c=(t,d)=>{const n=l(r);try{a[n]=new Function("w",`return import(w);//${Math.random()}`)}catch(s){const r=new Map;a[n]=l=>{var s;const c=new URL(l,t).href;let p=r.get(c);if(!p){const t=o.createElement("script");t.type="module";t.crossOrigin=d.crossOrigin;t.src=URL.createObjectURL(new Blob([`import * as m from '${c}'; window.${n}.m = m;`],{type:"application/javascript"}));const l=(s=e.t)!==null&&s!==void 0?s:i(o);if(l!=null){t.setAttribute("nonce",l)}p=new Promise((e=>{t.onload=()=>{e(a[n].m);t.remove()}}));r.set(c,p);o.head.appendChild(t)}return p}}};n().then((e=>d(JSON.parse('[["p-38597e21",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"iconOnly":[516,"icon-only"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-label"],[1,"road-input-group"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["p-9036a1e6",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-48596f8f",[[2,"road-phone-number-input",{"countryData":[16],"language":[1],"areaLabel":[1,"area-label"],"areaValue":[1025,"area-value"],"inputLabel":[1,"input-label"],"inputValue":[1,"input-value"],"numberType":[1,"number-type"],"required":[4],"selectedCountry":[32],"phoneNumber":[32],"inputError":[32],"countryOptions":[32]}]]],["p-5f4779b1",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["p-b4dc061d",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["p-7c4b331c",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-93030cec",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-b259fee3",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["p-564f4f31",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["p-093973f5",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-cb254685",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-16285738",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-ff52872b",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]}]]],["p-214218dd",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-b2cc540b",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["p-21c20210",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["p-8f802447",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["p-1974c993",[[1,"road-alert",{"color":[1],"label":[1],"button":[1],"link":[1],"url":[1]}]]],["p-3604d557",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-0bcf6d63",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-e68a3ae5",[[4,"road-carousel-item"]]],["p-2d01d350",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-c8e9807b",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-6598e293",[[1,"road-illustration",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"illustration":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"illustrationSvgContent":[32],"isVisible":[32]}]]],["p-29ff2bcd",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["p-f671758f",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-62c563db",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-9432708d",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["p-1baffcc2",[[1,"road-progress-indicator-horizontal",{"color":[513],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"],"urlStep1":[1,"url-step-1"],"urlStep2":[1,"url-step-2"],"urlStep3":[1,"url-step-3"]}]]],["p-43bdbf0a",[[1,"road-progress-indicator-vertical"]]],["p-ff473633",[[4,"road-progress-indicator-vertical-item"]]],["p-b7d3dc1a",[[1,"road-progress-tracker"]]],["p-66a9a6e8",[[4,"road-progress-tracker-item"]]],["p-b5727aae",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-73df1bef",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["p-9dd06f01",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-198f586b",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["p-91e92e99",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-7589e2bb",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["p-c56fe023",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-a32c7889",[[1,"road-skeleton"]]],["p-5a4f9085",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-ee0196ea",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["p-125c777f",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["p-ebe3c26a",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["p-170a82e1",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-cd2e8f0a",[[6,"road-table"]]],["p-295a97d7",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-439e1124",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-8e216f6a",[[1,"road-text",{"color":[1]}]]],["p-9419bdaf",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"resize":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["p-4fd8c4db",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["p-650eb7fb",[[1,"road-toolbar-title"]]],["p-0d99a5e7",[[1,"road-toolbar-title-page"]]],["p-4993da93",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["p-a484102a",[[2,"road-area-code",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032],"areaValue":[2,"area-value"],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]}]]],["p-1caeda78",[[1,"road-avatar",{"size":[513]}]]],["p-35ffaa87",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]]'),e)));
+import{p as e,b as a}from"./p-6475c1af.js";export{s as setNonce}from"./p-6475c1af.js";import"./p-02e5c9b9.js";const o=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};o().then((e=>a(JSON.parse('[["p-9c86d7cd",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]},null,{"value":["onValueChange"]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]],{"isOpen":["handleOpen"]}],[1,"road-col"],[1,"road-grid"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"iconOnly":[516,"icon-only"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}],[1,"road-label"],[1,"road-input-group"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]],["p-c29ce7c5",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-0f707073",[[2,"road-phone-number-input",{"countryData":[16],"language":[1],"areaLabel":[1,"area-label"],"areaValue":[1025,"area-value"],"inputLabel":[1,"input-label"],"inputValue":[1,"input-value"],"numberType":[1,"number-type"],"required":[4],"selectedCountry":[32],"phoneNumber":[32],"inputError":[32],"countryOptions":[32]},null,{"language":["languageChanged"]}]]],["p-5ea7d274",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]},null,{"value":["valueChanged"]}]]],["p-9896b270",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["p-446a0bdd",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-1dabbcf4",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-f2bf9a16",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]},null,{"options":["optionsChanged"]}]]],["p-0d2e2bd5",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]},null,{"checked":["checkedChanged"]}]]],["p-b2f014a6",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-f37fb739",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-80f116bd",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-12deb278",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]}]]],["p-bb6453af",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-16ae7b09",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]},null,{"value":["valueChanged"]}]]],["p-387df35b",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["p-23b7a51a",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]},null,{"isOpen":["isOpenChanged"]}]]],["p-bf8336f1",[[1,"road-alert",{"color":[1],"label":[1],"button":[1],"link":[1],"url":[1]}]]],["p-a38be966",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-259c14bf",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-785bcbdf",[[4,"road-carousel-item"]]],["p-a5f7b2f1",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-aac728cd",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-b1ba207d",[[1,"road-illustration",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"illustration":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"illustrationSvgContent":[32],"isVisible":[32]},null,{"name":["loadIllustration"],"src":["loadIllustration"],"illustration":["loadIllustration"]}]]],["p-3ae65dd3",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-86219824",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-3a1da784",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-7d6a3545",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["p-4f719c90",[[1,"road-progress-indicator-horizontal",{"color":[513],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"],"urlStep1":[1,"url-step-1"],"urlStep2":[1,"url-step-2"],"urlStep3":[1,"url-step-3"]}]]],["p-5ee02be9",[[1,"road-progress-indicator-vertical"]]],["p-fdf158a0",[[4,"road-progress-indicator-vertical-item"]]],["p-7efd47c7",[[1,"road-progress-tracker"]]],["p-2d66c347",[[4,"road-progress-tracker-item"]]],["p-ca775aae",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-0d843c2f",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]},null,{"value":["valueChanged"],"error":["errorChanged"]}]]],["p-f13ca352",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-e345ea12",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-fcaa01f5",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-3f838866",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]},null,{"value":["valueChanged"]}]]],["p-2c6c964c",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-07acda2d",[[1,"road-skeleton"]]],["p-8f19a8a3",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-7ac13838",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]},null,{"checked":["checkedChanged"]}]]],["p-d5d248f0",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["p-3c0f880b",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-2a6add06",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-29291680",[[6,"road-table"]]],["p-fcf97829",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-bcb6f48c",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-b8fb46b2",[[1,"road-text",{"color":[1]}]]],["p-b555fa35",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"resize":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]},null,{"value":["valueChanged"]}]]],["p-e2962889",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]},null,{"checked":["checkedChanged"]}]]],["p-fbc784aa",[[1,"road-toolbar-title"]]],["p-8359b71f",[[1,"road-toolbar-title-page"]]],["p-228cd0a9",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["p-2b8890d2",[[2,"road-area-code",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1025],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-3ae697d0",[[1,"road-avatar",{"size":[513]}]]],["p-2a663f88",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]]'),e)));
 //# sourceMappingURL=roadtrip.esm.js.map

package/dist/roadtrip/roadtrip.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","getDynamicImportFunction","namespace","replace","patchBrowser","plt","$cssShim$","win","__cssshim","scriptElm","Array","from","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","opts","history","scrollRestoration","then","resourcesUrl","URL","location","href","patchDynamicImport","customElements","__sc_import_roadtrip","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap","Map","url","mod","get","script","createElement","type","crossOrigin","createObjectURL","Blob","nonce","$nonce$","setAttribute","Promise","resolve","onload","m","remove","set","appendChild","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0IAaA,SAASA,EAAyBC,GAC9B,IAAIC,EAAIC,EAAIC,EACZ,OAAQA,GAAMD,GAAMD,EAAKD,EAAII,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,cAAc,6BAA+B,MAAQH,SAAY,OAAS,EAAIA,EAAGI,aAAa,cAAgB,MAAQH,SAAY,EAAIA,EAAKI,SAC1N,CAEA,MAAMC,EAA4BC,GAAc,eAAeA,EAAUC,QAAQ,QAAS,OAC1F,MAAMC,EAAe,KAMK,CAGlBC,EAAIC,EAAYC,EAAIC,SAC5B,CAiBI,MAAMC,EAIAC,MAAMC,KAAKlB,EAAImB,iBAAiB,WAAWC,MAAMC,GAAM,IAAIC,OAAO,IAAKC,4BAAoCC,KAAKH,EAAEI,MAChHJ,EAAEf,aAAa,4BAA8BiB,IAGrD,MAAMG,EAAqE,GAE3E,GAAsB,iBAAkBV,IAAcW,QAAQC,kBAAsC,CAQhG,MAAO,CACHC,OAEZ,EAEA,CAOwD,CAChDH,EAAKI,aAAe,IAAIC,IAAI,IAAK,IAAIA,IAAIf,EAAUV,aAAa,uBAAyBU,EAAUS,IAAKX,EAAIkB,SAASC,OAAOA,KAE/F,CACzBC,EAAmBR,EAAKI,aAAcd,EAClD,CAEQ,IAAgCF,EAAIqB,eAAgB,CAGhD,OAAOC,qBAA+C,mBAAYP,MAAK,IAAMH,GACzF,CACA,CACI,OAAOW,EAAeX,EAAK,EAG/B,MAAMQ,EAAqB,CAACI,EAAMC,KAC9B,MAAMC,EAAqBhC,EAAyBe,GACpD,IAKIT,EAAI0B,GAAsB,IAAIC,SAAS,IAAK,sBAAsBC,KAAKC,WAC/E,CACI,MAAOC,GAIH,MAAMC,EAAY,IAAIC,IACtBhC,EAAI0B,GAAuBf,IACvB,IAAIxB,EACJ,MAAM8C,EAAM,IAAIhB,IAAIN,EAAKa,GAAML,KAC/B,IAAIe,EAAMH,EAAUI,IAAIF,GACxB,IAAKC,EAAK,CACN,MAAME,EAASlD,EAAImD,cAAc,UACjCD,EAAOE,KAAO,SACdF,EAAOG,YAAcd,EAAac,YAClCH,EAAOzB,IAAMM,IAAIuB,gBAAgB,IAAIC,KAAK,CAAC,uBAAuBR,cAAgBP,YAA8B,CAC5GY,KAAM,4BAGV,MAAMI,GAASvD,EAAKW,EAAI6C,KAAa,MAAQxD,SAAY,EAAIA,EAAKF,EAAyBC,GAC3F,GAAIwD,GAAS,KAAM,CACfN,EAAOQ,aAAa,QAASF,EACjD,CACgBR,EAAM,IAAIW,SAASC,IACfV,EAAOW,OAAS,KACZD,EAAQ9C,EAAI0B,GAAoBsB,GAChCZ,EAAOa,QAAQ,CAClB,IAELlB,EAAUmB,IAAIjB,EAAKC,GACnBhD,EAAII,KAAK6D,YAAYf,EACrC,CACY,OAAOF,CAAG,CAEtB,GCjIArC,IAAekB,MAAKqC,GAEXC,EAAcC,KAAAC,MAAA,6tUAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"8GAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,ilWAAuCH"}

package/dist/roadtrip/svg/vehicle-car-search-color.svg

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" stroke="#F6A404"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/types/components/area-code/area-code.d.ts

@@ -4,12 +4,12 @@ export declare class RoadAreaCode {
    * The id of select
    */
   selectId: string;
-  selectedValue: string | number;
+  selectedValue: string;
   /**
      * List of options of the area code
      */
   options: Array<{
-    value: string | number;
+    value: string;
     label: string;
     selected?: boolean;
   }>;
@@ -48,11 +48,7 @@ export declare class RoadAreaCode {
   /**
    * the value of the select.
    */
-  value?: any | null;
-  /**
-   * the value of the area Value.
-   */
-  areaValue?: number;
+  value: string;
   /**
    * Emitted when the value has changed.
    */
@@ -81,6 +77,7 @@ export declare class RoadAreaCode {
    */
   triggerRender: number;
   componentWillLoad(): void;
+  getMatchedOptionValue(): string;
   private onChange;
   private onBlur;
   private onFocus;