@roadtrip/components 3.11.0 → 3.11.2

package/dist/roadtrip/{p-439e1124.entry.js → p-cbe0c628.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as a}from"./p-abdbf6ac.js";import"./p-e8c090a5.js";const t=":host{box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.5rem;font-size:var(--road-body-small);border-radius:0.25rem}:host(.tag-grey){color:var(--road-grey-30);background-color:var(--road-grey-85)}:host(.tag-grey.tag-grey-contrast){color:var(--road-on-primary);background-color:var(--road-grey-40)}:host(.tag-yellow){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-90)}:host(.tag-yellow.tag-yellow-contrast){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-60)}:host(.tag-red){color:var(--road-red-pepper-30);background-color:var(--road-red-pepper-95)}:host(.tag-red.tag-red-contrast){color:var(--road-on-primary);background-color:var(--road-red-pepper-60)}:host(.tag-violet){color:var(--road-violet-electric-30);background-color:var(--road-violet-electric-95)}:host(.tag-violet.tag-violet-contrast){color:var(--road-on-primary);background-color:var(--road-violet-electric-60)}:host(.tag-blue){color:var(--road-blue-klein-40);background-color:var(--road-blue-klein-95)}:host(.tag-blue.tag-blue-contrast){color:var(--road-on-primary);background-color:var(--road-blue-klein-60)}:host(.tag-green){color:var(--road-green-monstera-30);background-color:var(--road-green-monstera-95)}:host(.tag-green.tag-green-contrast){color:var(--road-on-primary);background-color:var(--road-green-monstera-60)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant)}";const e=class{constructor(o){r(this,o);this.color="grey";this.contrast=false}render(){const r=this.contrast?`tag-${this.color} tag-${this.color}-contrast`:`tag-${this.color}`;return o(a,{class:`${r}`},o("slot",null))}};e.style=t;export{e as road_tag};
-//# sourceMappingURL=p-439e1124.entry.js.map
+import{r,h as o,H as a}from"./p-f3d586b3.js";import"./p-1ccae339.js";const t=":host{box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.5rem;font-size:var(--road-body-small);border-radius:0.25rem}:host(.tag-grey){color:var(--road-grey-30);background-color:var(--road-grey-85)}:host(.tag-grey.tag-grey-contrast){color:var(--road-on-primary);background-color:var(--road-grey-40)}:host(.tag-yellow){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-90)}:host(.tag-yellow.tag-yellow-contrast){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-60)}:host(.tag-red){color:var(--road-red-pepper-30);background-color:var(--road-red-pepper-95)}:host(.tag-red.tag-red-contrast){color:var(--road-on-primary);background-color:var(--road-red-pepper-60)}:host(.tag-violet){color:var(--road-violet-electric-30);background-color:var(--road-violet-electric-95)}:host(.tag-violet.tag-violet-contrast){color:var(--road-on-primary);background-color:var(--road-violet-electric-60)}:host(.tag-blue){color:var(--road-blue-klein-40);background-color:var(--road-blue-klein-95)}:host(.tag-blue.tag-blue-contrast){color:var(--road-on-primary);background-color:var(--road-blue-klein-60)}:host(.tag-green){color:var(--road-green-monstera-30);background-color:var(--road-green-monstera-95)}:host(.tag-green.tag-green-contrast){color:var(--road-on-primary);background-color:var(--road-green-monstera-60)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant)}";const e=class{constructor(o){r(this,o);this.color="grey";this.contrast=false}render(){const r=this.contrast?`tag-${this.color} tag-${this.color}-contrast`:`tag-${this.color}`;return o(a,{class:`${r}`},o("slot",null))}};e.style=t;export{e as road_tag};
+//# sourceMappingURL=p-cbe0c628.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tagCss","Tag","render","contrastClass","this","contrast","color","h","Host","class"],"sources":["src/components/tag/tag.css?tag=road-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["/*\n * Chip\n *\n * Index\n * - Color\n */\n\n:host {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  font-size: var(--road-body-small);\n  border-radius: 0.25rem;\n}\n\n/* COLOR\n -------------------- */\n\n:host(.tag-grey) {\n  color: var(--road-grey-30);\n  background-color: var(--road-grey-85);\n}\n\n:host(.tag-grey.tag-grey-contrast) {\n  color: var(--road-on-primary);\n  background-color: var(--road-grey-40);\n}\n\n:host(.tag-yellow) {\n  color: var(--road-yellow-mikado-20);\n  background-color: var(--road-yellow-mikado-90);\n}\n\n:host(.tag-yellow.tag-yellow-contrast) {\n  color: var(--road-yellow-mikado-20);\n  background-color: var(--road-yellow-mikado-60);\n}\n\n:host(.tag-red) {\n  color: var(--road-red-pepper-30);\n  background-color: var(--road-red-pepper-95);\n}\n\n:host(.tag-red.tag-red-contrast) {\n  color: var(--road-on-primary);\n  background-color: var(--road-red-pepper-60);\n}\n\n:host(.tag-violet) {\n  color: var(--road-violet-electric-30);\n  background-color: var(--road-violet-electric-95);\n}\n\n:host(.tag-violet.tag-violet-contrast) {\n  color: var(--road-on-primary);\n  background-color: var(--road-violet-electric-60);\n}\n\n:host(.tag-blue) {\n  color: var(--road-blue-klein-40);\n  background-color: var(--road-blue-klein-95);\n}\n\n:host(.tag-blue.tag-blue-contrast) {\n  color: var(--road-on-primary);\n  background-color: var(--road-blue-klein-60);\n}\n\n:host(.tag-green) {\n  color: var(--road-green-monstera-30);\n  background-color: var(--road-green-monstera-95);\n}\n\n:host(.tag-green.tag-green-contrast) {\n  color: var(--road-on-primary);\n  background-color: var(--road-green-monstera-60);\n}\n\n/**\n * Hover state\n */\n\n@media (any-hover: hover) {\n\n  :host(.chip-outline:hover) {\n    border-color: var(--road-outline-variant);\n  }\n\n  :host(.chip-secondary:hover) {\n    background: var(--road-button-primary-variant);\n  }\n\n  :host(.chip-secondary:hover) .chip-close {\n    color: var(--road-primary);\n  }\n}\n\n/**\n * Focus state\n */\n\n:host(.chip-outline:hover) {\n  border-color: var(--road-outline-variant);\n}\n\n:host(.chip-secondary.focus-visible) {\n  background: var(--road-button-primary-variant);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the tag.\n */\n\n@Component({\n  tag: 'road-tag',\n  styleUrl: 'tag.css',\n  shadow: true,\n})\nexport class Tag {\n  /**\n   * The color to use from your application's color palette.\n   */\n  @Prop() color?: 'grey' | 'yellow' | 'red' | 'violet' | 'blue' | 'green'= 'grey';\n\n    /**\n   * Set to `true` for a contrast tag, for example on a gryy surface\n   */\n    @Prop() contrast: boolean = false;\n\n  render() {\n\n    const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;\n\n    return (\n      <Host\n        class={`${contrastClass}`}\n      >\n        <slot/>\n      </Host>\n    );\n  }\n}"],"mappings":"qEAAA,MAAMA,EAAS,uuD,MCYFC,EAAG,M,oCAI2D,O,cAK3C,K,CAE9B,MAAAC,GAEE,MAAMC,EAAgBC,KAAKC,SAAW,OAAOD,KAAKE,aAAaF,KAAKE,iBAAmB,OAAOF,KAAKE,QAEnG,OACEC,EAACC,EAAI,CACHC,MAAO,GAAGN,KAEVI,EAAA,a"}

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

@@ -0,0 +1,2 @@
+import{r,h as a}from"./p-f3d586b3.js";const o=".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";const t=class{constructor(a){r(this,a)}render(){return a("slot",null)}};t.style=o;export{t as road_table};
+//# sourceMappingURL=p-d651deea.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tableCss","Table","render","h"],"sources":["src/components/table/table.css?tag=road-table&encapsulation=scoped","src/components/table/table.tsx"],"sourcesContent":["/*\n * Table\n *\n */\n\n:host {\n  box-sizing: border-box;\n  display: block;\n}\n\n::slotted(table) {\n  width: 100%;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-body-small);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  border-collapse: collapse;\n  border-top: 1px solid var(--road-outline);\n  border-bottom: 1px solid var(--road-outline);\n}\n\n::slotted(table th),\n::slotted(table td) {\n  padding: 1.5rem 1.25rem;\n  text-align: left;\n}\n\n::slotted(table thead tr),\n::slotted(table tbody tr:nth-child(2n)) {\n  background: var(--road-surface-inverse);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @slot  - Content of table, it should be an html table (https://developer.mozilla.org/fr/docs/Web/HTML/Element/table).\n */\n@Component({\n  tag: 'road-table',\n  styleUrl: 'table.css',\n  scoped: true,\n})\nexport class Table {\n\n  render() {\n    return (\n      <slot/>\n    );\n  }\n\n}\n"],"mappings":"sCAAA,MAAMA,EAAW,+gB,MCUJC,EAAK,M,yBAEhB,MAAAC,GACE,OACEC,EAAA,Y"}

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

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as a,H as o,a as t}from"./p-f3d586b3.js";import{a as n,d as s,e as d,f as r,g as l}from"./p-73fe2357.js";const c=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:100%;max-height:2.75rem;margin-bottom:2rem}.dialog-close{display:flex;align-items:center;align-self:flex-start;justify-content:center;width:3.5rem;height:3.5rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.dialog-icon{display:inline-block;width:3rem;height:3rem;font-size:var(--road-font-size-48)}.dialog-body{padding:0 1.5rem;text-align:center}@media (min-width: 768px){.dialog-body{padding:0 3rem}}.dialog-title{padding:0;margin:0 0 1rem;font-size:var(--road-body-medium);font-weight:700;line-height:1.2}.dialog-description{margin:0 0 0.5rem;overflow:auto;font-size:var(--road-body-medium)}.dialog-footer{display:flex;justify-content:center;padding:0 1.5rem}.dialog-footer ::slotted(road-button){margin-top:1rem}.dialog-footer .btn{min-width:130px;max-width:calc(50% - 0.5rem)}";const h=class{constructor(a){i(this,a);this.onClose=e(this,"close",7);this.onClick=i=>{i.stopPropagation();i.preventDefault();this.close()};this.isOpen=false;this.hasCloseIcon=true;this.color=undefined;this.icon=undefined;this.label=undefined;this.description=undefined}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(i){if((i.key==="Escape"||i.key==="Esc")&&this.isOpen&&this.hasCloseIcon){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((i=>{i.addEventListener("click",(()=>this.close()))}))}render(){const i=this.isOpen?"dialog-open":"";const e=this.hasCloseIcon?"dialog-has-close":"";let t;if(this.icon){t=this.icon}else{switch(this.color){case"info":t=s;break;case"success":t=l;break;case"warning":t=r;break;case"danger":t=d;break;default:t=s;break}}return a(o,{class:`dialog ${i} ${e}`,role:"alertdialog","aria-modal":"true",tabindex:"-1","aria-labelledby":"dialogLabel","aria-describedby":"dialogDesc"},a("div",{class:"dialog-overlay",onClick:this.hasCloseIcon===true?this.onClick:undefined,tabindex:"-1"}),a("div",{class:"dialog-modal",role:"document",tabindex:"0"},a("div",{class:"dialog-content"},a("header",{class:"dialog-header"},this.hasCloseIcon?a("button",{type:"button",class:"dialog-close",onClick:this.onClick,"aria-label":"Close"},a("road-icon",{icon:n,"aria-hidden":"true"})):""),a("div",{class:"dialog-body"},this.color!==undefined?a("road-icon",{class:"dialog-icon",part:"dialog-icon",color:this.color,icon:t,"aria-hidden":"true"}):"",a("h2",{class:"dialog-title",id:"dialogLabel"},this.label),a("p",{class:"dialog-description",id:"dialogDesc"},this.description)),a("footer",{class:"dialog-footer"},a("slot",null)))))}get el(){return t(this)}};h.style=c;export{h as road_dialog};
+//# sourceMappingURL=p-d794a8d4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dialogCss","Dialog","this","onClick","ev","stopPropagation","preventDefault","close","open","isOpen","el","addEventListener","onClose","emit","once","onEscape","event","key","hasCloseIcon","componentDidLoad","querySelectorAll","forEach","item","render","modalIsOpenClass","modalhasClose","icon","color","alertInfoOutline","alertSuccessOutline","alertWarningOutline","alertDangerOutline","h","Host","class","role","tabindex","undefined","type","navigationClose","part","id","label","description"],"sources":["src/components/dialog/dialog.css?tag=road-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/*\n * Dialog\n *\n * Index\n * - Overlay\n * - Dialog\n * - Content\n * - Header\n * - Close\n * - Body\n * - Title\n * - Description\n * - Footer\n */\n\n/**\n * @prop --z-index: The z-index of the Dialog.\n */\n\n:host {\n  --z-index: 3;\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--z-index);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  font-family: var(--road-font, sans-serif);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  visibility: hidden !important;\n  opacity: 0;\n  transition: opacity 0.15s linear, visibility 0.15s;\n}\n\n/* OVERLAY\n -------------------- */\n\n.dialog-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  touch-action: none;\n  background: var(--road-overlay);\n}\n\n:host(.dialog-has-close) .dialog-overlay {\n  cursor: pointer;\n}\n\n/* DIALOG\n -------------------- */\n\n.dialog-modal {\n  position: relative;\n  width: auto;\n  margin: 1rem;\n  pointer-events: none;\n  transition: transform 0.3s ease-out;\n  transform: translateY(50px);\n}\n\n/**\n * Open state\n */\n\n:host(.dialog-open) {\n  visibility: visible !important;\n  opacity: 1;\n}\n\n:host(.dialog-open) .dialog-modal {\n  transform: none;\n}\n\n/* CONTENT\n -------------------- */\n\n.dialog-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 0 1.5rem;\n  pointer-events: auto;\n  background: var(--road-surface);\n  background-clip: padding-box;\n  border-radius: 0.25rem;\n  outline: 0;\n  box-shadow: var(--road-elevation-highest);\n}\n\n@media (min-width: 576px) {\n\n  .dialog-content {\n    max-width: 454px;\n  }\n}\n\n/* HEADER\n -------------------- */\n\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  max-height: 2.75rem;\n  margin-bottom: 2rem;\n}\n\n/* CLOSE\n -------------------- */\n\n.dialog-close {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  justify-content: center;\n  width: 3.5rem;\n  height: 3.5rem;\n  padding: 0;\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.dialog-icon {\n  display: inline-block;\n  width: 3rem;\n  height: 3rem;\n  font-size: var(--road-font-size-48);\n}\n\n/* BODY\n -------------------- */\n\n.dialog-body {\n  padding: 0 1.5rem;\n  text-align: center;\n}\n\n@media (min-width: 768px) {\n\n  .dialog-body {\n    padding: 0 3rem;\n  }\n}\n\n/* TITLE\n -------------------- */\n\n.dialog-title {\n  padding: 0;\n  margin: 0 0 1rem;\n  font-size: var(--road-body-medium);\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.dialog-description {\n  margin: 0 0 0.5rem;\n  overflow: auto;\n  font-size: var(--road-body-medium);\n}\n\n/* FOOTER\n -------------------- */\n\n.dialog-footer {\n  display: flex;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n\n.dialog-footer ::slotted(road-button) {\n  margin-top: 1rem;\n}\n\n/**\n * Footer buttons\n */\n\n.dialog-footer .btn {\n  min-width: 130px;\n  max-width: calc(50% - 0.5rem);\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n/**\n * @slot  - Content of the footer dialog if it's an action dialog add action buttons here.\n *\n * @part dialog-icon - main icon of the dialog\n */\n\n@Component({\n  tag: 'road-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class Dialog {\n\n  /**\n   * Current reference of the dialog\n   */\n  @Element() el!: HTMLRoadDialogElement;\n\n  /**\n   * Set isOpen property to true to open the dialog\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Show / hide the close icon\n   */\n  @Prop() hasCloseIcon: boolean = true;\n\n  /**\n   * Set the color of information dialog. e.g. info, success, warning, danger\n   */\n  @Prop() color?: FeedbackColors;\n\n  /**\n   * override default icon\n   */\n   @Prop() icon?: string;\n\n  /**\n   * Text to the top\n   */\n  @Prop() label?: string;\n\n  /**\n   * Content description of the dialog\n   */\n  @Prop() description?: string;\n\n  /**\n   * Indicate when closing the dialog\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Open the dialog\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the dialog\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\") && this.isOpen && this.hasCloseIcon) {\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\n  render() {\n    const modalIsOpenClass = this.isOpen ? 'dialog-open' : '';\n    const modalhasClose = this.hasCloseIcon ? 'dialog-has-close' : '';\n\n    let icon;\n\n    if(this.icon) {\n      icon = this.icon;\n    } else {\n      switch(this.color) {\n      case 'info':\n        icon = alertInfoOutline;\n        break;\n      case 'success':\n        icon = alertSuccessOutline;\n        break;\n      case 'warning':\n        icon = alertWarningOutline;\n        break;\n      case 'danger':\n        icon = alertDangerOutline;\n        break;\n      default:\n        icon = alertInfoOutline;\n        break;\n      }\n    }\n\n    return (\n      <Host class={`dialog ${modalIsOpenClass} ${modalhasClose}`} role=\"alertdialog\" aria-modal=\"true\" tabindex=\"-1\" aria-labelledby=\"dialogLabel\" aria-describedby=\"dialogDesc\">\n        <div class=\"dialog-overlay\" onClick={this.hasCloseIcon === true ? this.onClick : undefined} tabindex=\"-1\"></div>\n        <div class=\"dialog-modal\" role=\"document\" tabindex=\"0\">\n          <div class=\"dialog-content\">\n            <header class=\"dialog-header\">\n              {this.hasCloseIcon\n                ? <button type=\"button\" class=\"dialog-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button>\n                : ''}\n            </header>\n            <div class=\"dialog-body\">\n              {this.color !== undefined\n                ? <road-icon class=\"dialog-icon\" part=\"dialog-icon\" color={this.color} icon={icon} aria-hidden=\"true\"></road-icon>\n                : ''}\n              <h2 class=\"dialog-title\" id=\"dialogLabel\">{this.label}</h2>\n              <p class=\"dialog-description\" id=\"dialogDesc\">{this.description}</p>\n            </div>\n            <footer class=\"dialog-footer\">\n              <slot/>\n            </footer>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"gIAAA,MAAMA,EAAY,uhE,MCeLC,EAAM,M,wDAgETC,KAAAC,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHJ,KAAKK,OAAO,E,YA1D6B,M,kBAKX,K,yFA+BhC,UAAMC,GACJN,KAAKO,OAAS,I,CAOhB,WAAMF,GACJL,KAAKO,OAAS,MACdP,KAAKQ,GAAGC,iBAAiB,iBAAiB,KACxCT,KAAKU,QAAQC,MAAM,GAClB,CAAEC,KAAM,M,CAiBb,QAAAC,CAASC,GACP,IAAKA,EAAMC,MAAQ,UAAYD,EAAMC,MAAQ,QAAUf,KAAKO,QAAUP,KAAKgB,aAAc,CACvFhB,KAAKK,O,EAOT,gBAAAY,GACEjB,KAAKQ,GAAGU,iBAAiB,0BAA0BC,SAAQC,IACzDA,EAAKX,iBAAiB,SAAS,IAAMT,KAAKK,SAAQ,G,CAItD,MAAAgB,GACE,MAAMC,EAAmBtB,KAAKO,OAAS,cAAgB,GACvD,MAAMgB,EAAgBvB,KAAKgB,aAAe,mBAAqB,GAE/D,IAAIQ,EAEJ,GAAGxB,KAAKwB,KAAM,CACZA,EAAOxB,KAAKwB,I,KACP,CACL,OAAOxB,KAAKyB,OACZ,IAAK,OACHD,EAAOE,EACP,MACF,IAAK,UACHF,EAAOG,EACP,MACF,IAAK,UACHH,EAAOI,EACP,MACF,IAAK,SACHJ,EAAOK,EACP,MACF,QACEL,EAAOE,EACP,M,CAIJ,OACEI,EAACC,EAAI,CAACC,MAAO,UAAUV,KAAoBC,IAAiBU,KAAK,cAAa,aAAY,OAAOC,SAAS,KAAI,kBAAiB,cAAa,mBAAkB,cAC5JJ,EAAA,OAAKE,MAAM,iBAAiB/B,QAASD,KAAKgB,eAAiB,KAAOhB,KAAKC,QAAUkC,UAAWD,SAAS,OACrGJ,EAAA,OAAKE,MAAM,eAAeC,KAAK,WAAWC,SAAS,KACjDJ,EAAA,OAAKE,MAAM,kBACTF,EAAA,UAAQE,MAAM,iBACXhC,KAAKgB,aACFc,EAAA,UAAQM,KAAK,SAASJ,MAAM,eAAe/B,QAASD,KAAKC,QAAO,aAAa,SAAQ6B,EAAA,aAAWN,KAAMa,EAAe,cAAc,UACnI,IAENP,EAAA,OAAKE,MAAM,eACRhC,KAAKyB,QAAUU,UACZL,EAAA,aAAWE,MAAM,cAAcM,KAAK,cAAcb,MAAOzB,KAAKyB,MAAOD,KAAMA,EAAI,cAAc,SAC7F,GACJM,EAAA,MAAIE,MAAM,eAAeO,GAAG,eAAevC,KAAKwC,OAChDV,EAAA,KAAGE,MAAM,qBAAqBO,GAAG,cAAcvC,KAAKyC,cAEtDX,EAAA,UAAQE,MAAM,iBACZF,EAAA,gB"}

package/dist/roadtrip/{p-295a97d7.entry.js → p-db7cb1c8.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,a as n}from"./p-f3d586b3.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-db7cb1c8.entry.js.map

package/dist/roadtrip/p-db7cb1c8.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-6598e293.entry.js → p-dcb280e3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as s,f as e}from"./p-abdbf6ac.js";import{i as n,g as r,b as o}from"./p-7ec2d494.js";const l=t=>{const i=document.createElement("div");i.innerHTML=t;for(let e=i.childNodes.length-1;e>=0;e--){if(i.childNodes[e].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[e])}}const s=i.firstElementChild;if(s&&s.nodeName.toLowerCase()==="svg"){const t=s.getAttribute("class")||"";s.setAttribute("class",(t+" s-ion-icon").trim());if(a(s)){return i.innerHTML}}return""};const a=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let i=0;i<t.attributes.length;i++){const s=t.attributes[i].value;if(n(s)&&s.toLowerCase().indexOf("on")===0){return false}}for(let i=0;i<t.childNodes.length;i++){if(!a(t.childNodes[i])){return false}}}return true};const h=new Map;const d=new Map;const f=(t,i)=>{let s=d.get(t);if(!s){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){s=fetch(t).then((s=>{if(s.ok){return s.text().then((s=>{if(s&&i!==false){s=l(s)}h.set(t,s||"")}))}h.set(t,"")}));d.set(t,s)}else{h.set(t,"");return Promise.resolve()}}return s};const c=":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.illustration-sm){width:4rem;height:4rem}:host(.illustration-md){width:8rem;height:8rem}:host(.illustration-lg){width:16rem;height:16rem}:host(.illustration-2x){width:32rem;height:32rem}:host(.illustration-rotate-90){transform:rotate(90deg)}:host(.illustration-rotate-180){transform:rotate(180deg)}:host(.illustration-rotate-270){transform:rotate(270deg)}";const u=class{constructor(i){t(this,i);this.illustrationSvgContent=undefined;this.isVisible=false;this.ariaLabel=undefined;this.ariaHidden=undefined;this.name=undefined;this.src=undefined;this.illustration=undefined;this.size="2x";this.rotate=undefined;this.lazy=false;this.sanitize=true}componentWillLoad(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIllustration()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(t,i,s){if(this.lazy&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){e.disconnect();this.io=undefined;s()}}),{rootMargin:i});e.observe(t)}else{s()}}loadIllustration(){if(this.isVisible){const t=r(this);if(t){if(h.has(t)){this.illustrationSvgContent=h.get(t)}else{f(t,this.sanitize).then((()=>this.illustrationSvgContent=h.get(t)))}}}if(!this.ariaLabel&&this.ariaHidden!=="true"){const t=o(this.name,this.illustration);if(t){this.ariaLabel=t.replace(/-/g," ")}}}render(){const t=this.size!==undefined?`illustration-${this.size}`:"";const e=this.rotate!==undefined?`illustration-rotate-${this.rotate}`:"";return i(s,{class:`${t} ${e}`,"aria-hidden":"true"},this.illustrationSvgContent!==""?i("div",{class:"icon-inner",innerHTML:this.illustrationSvgContent}):i("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return e(this)}static get watchers(){return{name:["loadIllustration"],src:["loadIllustration"],illustration:["loadIllustration"]}}};u.style=c;export{u as road_illustration};
-//# sourceMappingURL=p-6598e293.entry.js.map
+import{r as t,h as i,H as s,a as e}from"./p-f3d586b3.js";import{i as n,g as r,b as o}from"./p-2d45ef28.js";const l=t=>{const i=document.createElement("div");i.innerHTML=t;for(let t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}const s=i.firstElementChild;if(s&&s.nodeName.toLowerCase()==="svg"){const t=s.getAttribute("class")||"";s.setAttribute("class",(t+" s-ion-icon").trim());if(a(s)){return i.innerHTML}}return""};const a=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let i=0;i<t.attributes.length;i++){const s=t.attributes[i].value;if(n(s)&&s.toLowerCase().indexOf("on")===0){return false}}for(let i=0;i<t.childNodes.length;i++){if(!a(t.childNodes[i])){return false}}}return true};const h=new Map;const d=new Map;const f=(t,i)=>{let s=d.get(t);if(!s){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){s=fetch(t).then((s=>{if(s.ok){return s.text().then((s=>{if(s&&i!==false){s=l(s)}h.set(t,s||"")}))}h.set(t,"")}));d.set(t,s)}else{h.set(t,"");return Promise.resolve()}}return s};const u=":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.illustration-sm){width:4rem;height:4rem}:host(.illustration-md){width:8rem;height:8rem}:host(.illustration-lg){width:16rem;height:16rem}:host(.illustration-2x){width:32rem;height:32rem}:host(.illustration-rotate-90){transform:rotate(90deg)}:host(.illustration-rotate-180){transform:rotate(180deg)}:host(.illustration-rotate-270){transform:rotate(270deg)}";const c=class{constructor(i){t(this,i);this.illustrationSvgContent=undefined;this.isVisible=false;this.ariaLabel=undefined;this.ariaHidden=undefined;this.name=undefined;this.src=undefined;this.illustration=undefined;this.size="2x";this.rotate=undefined;this.lazy=false;this.sanitize=true}componentWillLoad(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIllustration()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(t,i,s){if(this.lazy&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){e.disconnect();this.io=undefined;s()}}),{rootMargin:i});e.observe(t)}else{s()}}loadIllustration(){if(this.isVisible){const t=r(this);if(t){if(h.has(t)){this.illustrationSvgContent=h.get(t)}else{f(t,this.sanitize).then((()=>this.illustrationSvgContent=h.get(t)))}}}if(!this.ariaLabel&&this.ariaHidden!=="true"){const t=o(this.name,this.illustration);if(t){this.ariaLabel=t.replace(/-/g," ")}}}render(){const t=this.size!==undefined?`illustration-${this.size}`:"";const e=this.rotate!==undefined?`illustration-rotate-${this.rotate}`:"";return i(s,{class:`${t} ${e}`,"aria-hidden":"true"},this.illustrationSvgContent!==""?i("div",{class:"icon-inner",innerHTML:this.illustrationSvgContent}):i("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return e(this)}static get watchers(){return{name:["loadIllustration"],src:["loadIllustration"],illustration:["loadIllustration"]}}};c.style=u;export{c as road_illustration};
+//# sourceMappingURL=p-dcb280e3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["validateContent","svgContent","div","document","createElement","innerHTML","i","childNodes","length","nodeName","toLowerCase","removeChild","svgElm","firstElementChild","svgClass","getAttribute","setAttribute","trim","isValid","elm","nodeType","attributes","val","value","isStr","indexOf","roadillustrationContent","Map","requests","getIllustrationSvgContent","url","sanitize","req","get","fetch","then","rsp","ok","text","set","Promise","resolve","illustrationCss","Illustration","componentWillLoad","this","waitUntilVisible","el","isVisible","loadIllustration","disconnectedCallback","io","disconnect","undefined","rootMargin","cb","lazy","window","IntersectionObserver","data","isIntersecting","observe","getUrl","has","illustrationSvgContent","ariaLabel","ariaHidden","label","getName","name","illustration","replace","render","sizeClass","size","rotateClass","rotate","h","Host","class"],"sources":["src/components/illustration/validate.ts","src/components/illustration/request.ts","src/components/illustration/illustration.css?tag=road-illustration&encapsulation=shadow","src/components/illustration/illustration.tsx"],"sourcesContent":["import { isStr } from './utils';\n\nexport const validateContent = (svgContent: string) => {\n  const div = document.createElement('div');\n  div.innerHTML = svgContent;\n\n  // setup this way to ensure it works on our buddy IE\n  for (let i = div.childNodes.length - 1; i >= 0; i--) {\n    if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n      div.removeChild(div.childNodes[i]);\n    }\n  }\n\n  // must only have 1 root element\n  const svgElm = div.firstElementChild;\n  if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n    const svgClass = svgElm.getAttribute('class') || '';\n    svgElm.setAttribute('class', (svgClass + ' s-ion-icon').trim());\n\n    // root element must be an svg\n    // lets double check we've got valid elements\n    // do not allow scripts\n    if (isValid(svgElm as any)) {\n      return div.innerHTML;\n    }\n  }\n  return '';\n};\n\nexport const isValid = (elm: HTMLElement) => {\n  if (elm.nodeType === 1) {\n    if (elm.nodeName.toLowerCase() === 'script') {\n      return false;\n    }\n\n    for (let i = 0; i < elm.attributes.length; i++) {\n      const val = elm.attributes[i].value;\n      if (isStr(val) && val.toLowerCase().indexOf('on') === 0) {\n        return false;\n      }\n    }\n\n    for (let i = 0; i < elm.childNodes.length; i++) {\n      if (!isValid(elm.childNodes[i] as any)) {\n        return false;\n      }\n    }\n  }\n  return true;\n};\n","import { validateContent } from './validate';\n\nexport const roadillustrationContent = new Map<string, string>();\nconst requests = new Map<string, Promise<any>>();\n\nexport const getIllustrationSvgContent = (url: string, sanitize: boolean) => {\n  // see if we already have a request for this url\n  let req = requests.get(url);\n\n  if (!req) {\n    if (typeof fetch !== 'undefined' && typeof document !== 'undefined') {\n      // we don't already have a request\n      // @ts-ignore\n      req = fetch(url).then((rsp) => {\n        if (rsp.ok) {\n          return rsp.text().then((svgContent) => {\n            if (svgContent && sanitize !== false) {\n              svgContent = validateContent(svgContent);\n            }\n            roadillustrationContent.set(url, svgContent || '');\n          });\n        }\n        roadillustrationContent.set(url, '');\n      });\n\n      // cache for the same requests\n      requests.set(url, req);\n    } else {\n      // set to empty for ssr scenarios and resolve promise\n      roadillustrationContent.set(url, '');\n      return Promise.resolve();\n    }\n  }\n\n  return req;\n};\n","/*\n * Illustration\n *\n * Index\n * - Sizes\n * - Colors\n * - Rotation\n */\n\n:host {\n  box-sizing: content-box;\n  display: inline-block;\n  color: var(--road-icon);\n  transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  fill: currentColor;\n  contain: strict;\n}\n\n:host svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n/* SIZES\n -------------------- */\n\n:host(.illustration-sm) {\n  width: 4rem;\n  height: 4rem;\n}\n\n:host(.illustration-md) {\n  width: 8rem;\n  height: 8rem;\n}\n\n:host(.illustration-lg) {\n  width: 16rem;\n  height: 16rem;\n}\n\n:host(.illustration-2x) {\n  width: 32rem;\n  height: 32rem;\n}\n\n/* ROTATION\n -------------------- */\n\n:host(.illustration-rotate-90) {\n  transform: rotate(90deg);\n}\n\n:host(.illustration-rotate-180) {\n  transform: rotate(180deg);\n}\n\n:host(.illustration-rotate-270) {\n  transform: rotate(270deg);\n}\n","import { Build, Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { getIllustrationSvgContent, roadillustrationContent } from './request';\nimport { getName, getUrl } from './utils';\n\n@Component({\n  tag: 'road-illustration',\n  assetsDirs: ['svg'],\n  styleUrl: 'illustration.css',\n  shadow: true,\n})\nexport class Illustration {\n  private io?: IntersectionObserver;\n\n  @Element() el!: HTMLRoadIllustrationElement;\n\n  @State() private illustrationSvgContent?: string;\n\n  @State() private isVisible = false;\n\n\n\n  /**\n   * Specifies the label to use for accessibility. Defaults to the illustration name.\n   */\n  @Prop({ mutable: true, reflect: true }) ariaLabel?: string;\n\n  /**\n   * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.\n   */\n  @Prop({ reflect: true }) ariaHidden?: string;\n\n  /**\n   * Specifies which illustration to use from the built-in set of illustrations.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies the exact `src` of an SVG file to use.\n   */\n  @Prop() src?: string;\n\n  /**\n   * A combination of both `name` and `src`. If a `src` url is detected\n   * it will set the `src` property. Otherwise it assumes it's a built-in named\n   * SVG and set the `name` property.\n   */\n  @Prop() illustration?: any;\n\n  /**\n   * The size of the illustration.\n   * Available options are: `\"sm\"`, `\"md\"`, `\"lg\"`, `\"2x\"`.\n   */\n  @Prop() size?: 'sm' | 'md' | 'lg' | '2x' = \"2x\";\n\n  /**\n   * The rotation of the illustration.\n   * Available options are: `\"90\"`, `\"180\"`, `\"270\"`.\n   */\n  @Prop() rotate?: '90' | '180' | '270';\n\n  /**\n   * If enabled, road-illustration will be loaded lazily when it's visible in the viewport.\n   * Default, `false`.\n   */\n  @Prop() lazy: boolean = false;\n\n  /**\n   * When set to `false`, SVG content that is HTTP fetched will not be checked\n   * if the response SVG content has any `<script>` elements, or any attributes\n   * that start with `on`, such as `onclick`.\n   */\n  @Prop() sanitize = true;\n\n  componentWillLoad() {\n\n    this.waitUntilVisible(this.el, '50px', () => {\n      this.isVisible = true;\n      this.loadIllustration();\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  private waitUntilVisible(el: HTMLRoadIllustrationElement, rootMargin: string, cb: () => void) {\n    if (this.lazy && (window as any).IntersectionObserver) {\n      const io = this.io = new (window as any).IntersectionObserver((data: IntersectionObserverEntry[]) => {\n        if (data[0].isIntersecting) {\n          io.disconnect();\n          this.io = undefined;\n          cb();\n        }\n      }, { rootMargin });\n\n      io.observe(el);\n\n    } else {\n      // browser doesn't support IntersectionObserver\n      // so just fallback to always show it\n      cb();\n    }\n  }\n\n  @Watch('name')\n  @Watch('src')\n  @Watch('illustration')\n  loadIllustration() {\n    if (Build.isBrowser && this.isVisible) {\n      const url = getUrl(this);\n      if (url) {\n        if (roadillustrationContent.has(url)) {\n          // sync if it's already loaded\n          this.illustrationSvgContent = roadillustrationContent.get(url);\n        } else {\n          // async if it hasn't been loaded\n          getIllustrationSvgContent(url, this.sanitize).then(() => (this.illustrationSvgContent = roadillustrationContent.get(url)));\n        }\n      }\n    }\n\n    if (!this.ariaLabel && this.ariaHidden !== 'true') {\n      const label = getName(this.name, this.illustration);\n      // user did not provide a label\n      // come up with the label based on the icon name\n      if (label) {\n        this.ariaLabel = label.replace(/-/g, ' ');\n      }\n    }\n  }\n\n  render() {\n    const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';\n    const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';\n\n    return (\n      <Host class={`${sizeClass} ${rotateClass}`} aria-hidden=\"true\">\n        {(\n          (this.illustrationSvgContent !== '')\n            ? <div class=\"icon-inner\" innerHTML={this.illustrationSvgContent}></div>\n            : <div class=\"icon-inner\"></div>\n        )}\n      </Host>\n    );\n  }\n}"],"mappings":"2GAEO,MAAMA,EAAmBC,IAC9B,MAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYJ,EAGhB,IAAK,IAAIK,EAAIJ,EAAIK,WAAWC,OAAS,EAAGF,GAAK,EAAGA,IAAK,CACnD,GAAIJ,EAAIK,WAAWD,GAAGG,SAASC,gBAAkB,MAAO,CACtDR,EAAIS,YAAYT,EAAIK,WAAWD,G,EAKnC,MAAMM,EAASV,EAAIW,kBACnB,GAAID,GAAUA,EAAOH,SAASC,gBAAkB,MAAO,CACrD,MAAMI,EAAWF,EAAOG,aAAa,UAAY,GACjDH,EAAOI,aAAa,SAAUF,EAAW,eAAeG,QAKxD,GAAIC,EAAQN,GAAgB,CAC1B,OAAOV,EAAIG,S,EAGf,MAAO,EAAE,EAGJ,MAAMa,EAAWC,IACtB,GAAIA,EAAIC,WAAa,EAAG,CACtB,GAAID,EAAIV,SAASC,gBAAkB,SAAU,CAC3C,OAAO,K,CAGT,IAAK,IAAIJ,EAAI,EAAGA,EAAIa,EAAIE,WAAWb,OAAQF,IAAK,CAC9C,MAAMgB,EAAMH,EAAIE,WAAWf,GAAGiB,MAC9B,GAAIC,EAAMF,IAAQA,EAAIZ,cAAce,QAAQ,QAAU,EAAG,CACvD,OAAO,K,EAIX,IAAK,IAAInB,EAAI,EAAGA,EAAIa,EAAIZ,WAAWC,OAAQF,IAAK,CAC9C,IAAKY,EAAQC,EAAIZ,WAAWD,IAAY,CACtC,OAAO,K,GAIb,OAAO,IAAI,EC9CN,MAAMoB,EAA0B,IAAIC,IAC3C,MAAMC,EAAW,IAAID,IAEd,MAAME,EAA4B,CAACC,EAAaC,KAErD,IAAIC,EAAMJ,EAASK,IAAIH,GAEvB,IAAKE,EAAK,CACR,UAAWE,QAAU,oBAAsB/B,WAAa,YAAa,CAGnE6B,EAAME,MAAMJ,GAAKK,MAAMC,IACrB,GAAIA,EAAIC,GAAI,CACV,OAAOD,EAAIE,OAAOH,MAAMlC,IACtB,GAAIA,GAAc8B,IAAa,MAAO,CACpC9B,EAAaD,EAAgBC,E,CAE/ByB,EAAwBa,IAAIT,EAAK7B,GAAc,GAAG,G,CAGtDyB,EAAwBa,IAAIT,EAAK,GAAG,IAItCF,EAASW,IAAIT,EAAKE,E,KACb,CAELN,EAAwBa,IAAIT,EAAK,IACjC,OAAOU,QAAQC,S,EAInB,OAAOT,CAAG,EClCZ,MAAMU,EAAkB,4jB,MCUXC,EAAY,M,8EAOM,M,gIAmCc,K,gCAYnB,M,cAOL,I,CAEnB,iBAAAC,GAEEC,KAAKC,iBAAiBD,KAAKE,GAAI,QAAQ,KACrCF,KAAKG,UAAY,KACjBH,KAAKI,kBAAkB,G,CAI3B,oBAAAC,GACE,GAAIL,KAAKM,GAAI,CACXN,KAAKM,GAAGC,aACRP,KAAKM,GAAKE,S,EAIN,gBAAAP,CAAiBC,EAAiCO,EAAoBC,GAC5E,GAAIV,KAAKW,MAASC,OAAeC,qBAAsB,CACrD,MAAMP,EAAKN,KAAKM,GAAK,IAAKM,OAAeC,sBAAsBC,IAC7D,GAAIA,EAAK,GAAGC,eAAgB,CAC1BT,EAAGC,aACHP,KAAKM,GAAKE,UACVE,G,IAED,CAAED,eAELH,EAAGU,QAAQd,E,KAEN,CAGLQ,G,EAOJ,gBAAAN,GACE,GAAuBJ,KAAKG,UAAW,CACrC,MAAMlB,EAAMgC,EAAOjB,MACnB,GAAIf,EAAK,CACP,GAAIJ,EAAwBqC,IAAIjC,GAAM,CAEpCe,KAAKmB,uBAAyBtC,EAAwBO,IAAIH,E,KACrD,CAELD,EAA0BC,EAAKe,KAAKd,UAAUI,MAAK,IAAOU,KAAKmB,uBAAyBtC,EAAwBO,IAAIH,I,GAK1H,IAAKe,KAAKoB,WAAapB,KAAKqB,aAAe,OAAQ,CACjD,MAAMC,EAAQC,EAAQvB,KAAKwB,KAAMxB,KAAKyB,cAGtC,GAAIH,EAAO,CACTtB,KAAKoB,UAAYE,EAAMI,QAAQ,KAAM,I,GAK3C,MAAAC,GACE,MAAMC,EAAY5B,KAAK6B,OAASrB,UAAY,gBAAgBR,KAAK6B,OAAS,GAC1E,MAAMC,EAAc9B,KAAK+B,SAAWvB,UAAY,uBAAuBR,KAAK+B,SAAW,GAEvF,OACEC,EAACC,EAAI,CAACC,MAAO,GAAGN,KAAaE,IAAa,cAAc,QAEnD9B,KAAKmB,yBAA2B,GAC7Ba,EAAA,OAAKE,MAAM,aAAa1E,UAAWwC,KAAKmB,yBACxCa,EAAA,OAAKE,MAAM,e"}

package/dist/roadtrip/{p-cb254685.entry.js → p-e2149bdf.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-f3d586b3.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-e2149bdf.entry.js.map

package/dist/roadtrip/p-e2149bdf.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-e2c6d81f.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-f3d586b3.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-e2c6d81f.entry.js.map

package/dist/roadtrip/p-e2c6d81f.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-66a9a6e8.entry.js → p-e42a9ec4.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as s}from"./p-abdbf6ac.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=class{constructor(e){r(this,e)}render(){return e(s,null,e("slot",null))}};t.style=o;export{t as road_progress_tracker_item};
-//# sourceMappingURL=p-66a9a6e8.entry.js.map
+import{r,h as e,H as s}from"./p-f3d586b3.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=class{constructor(e){r(this,e)}render(){return e(s,null,e("slot",null))}};t.style=o;export{t as road_progress_tracker_item};
+//# sourceMappingURL=p-e42a9ec4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["progressTrackerItemCss","ProgressTrackerItem","render","h","Host"],"sources":["src/components/progress-tracker-item/progress-tracker-item.css?tag=road-progress-tracker-item","src/components/progress-tracker-item/progress-tracker-item.tsx"],"sourcesContent":["/*\n * Progress tracker itel\n *\n */\n\n/* PROGRESS TRACKER ITEM\n   -------------------- */\n\nroad-progress-tracker-item {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  min-height: 65px;\n}\n\n.progress-tracker-item-content {\n  display: inline-block;\n  margin-left: 1rem;\n}\n\n/* PROGRESS TRACKER LINK\n    -------------------- */\n\n.progress-tracker-link {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  margin-top: 0.4rem;\n}\n\n/* PROGRESS TRACKER ICON\n    -------------------- */\n\n.progress-tracker-circle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.75rem;\n  height: 0.75rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  background: var(--road-surface);\n  border: 2px solid var(--road-on-surface-disabled);\n  border-radius: 50%;\n  fill: currentColor;\n}\n\n.progress-tracker-substep-circle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.5rem;\n  height: 0.5rem;\n  margin-left: 0.13rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  background: var(--road-surface);\n  border: 2px solid var(--road-on-surface-disabled);\n  border-radius: 50%;\n  fill: currentColor;\n}\n\n.progress-tracker-line {\n  position: absolute;\n  top: 8px;\n  left: 0.35rem;\n  z-index: -1;\n  height: 100%;\n  border-left: 1px solid var(--road-on-surface-disabled);\n}\n\nroad-progress-tracker-item:last-child .progress-tracker-line {\n  border-left: 0;\n}\n\n.before-collapse .progress-tracker-line {\n  border-left: 1px dashed var(--road-on-surface-disabled);\n}\n\nroad-collapse road-progress-tracker-item:last-child .progress-tracker-line {\n  border-left: 0;\n}\n\n/* PROGRESS TRACKER TITLE\n    -------------------- */\n\n.progress-tracker-title {\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-tracker-substep-title {\n  display: block;\n  font-size: var(--road-body-small);\n  font-weight: 700;\n  color: var(--road-on-surface-disabled);\n}\n\n.progress-tracker-description{\n  display: block;\n  margin: 0 0 2rem;\n  font-size: var(--road-body-small);\n  font-weight: 400;\n  color: var(--road-on-surface-disabled);\n}\n\n.progress-tracker-substep-description{\n  display: block;\n  margin: 0 0 2rem;\n  font-size: var(--road-overline);\n  font-weight: 400;\n  color: var(--road-on-surface-disabled);\n}\n\n/* STEP COMPLETED\n    -------------------- */\n\n.completed:not(:last-child)::after {\n  background: var(--road-primary);\n}\n\n.completed .progress-tracker-circle,\n.completed .progress-tracker-substep-circle{\n  background: var(--road-primary);\n  border: 0;\n}\n\n/* STEP CURRENT\n   -------------------- */\n\n.current .progress-tracker-circle,\n.current .progress-tracker-substep-circle,\n.in-progress .progress-tracker-circle,\n.in-progress .progress-tracker-substep-circle  {\n  background: var(--road-surface);\n  border: 1px solid var(--road-primary);\n}\n\n.completed .progress-tracker-line,\n.in-progress .progress-tracker-line {\n  border-left: 1px solid var(--road-primary);\n}\n\n.current .progress-tracker-title,\n.current .progress-tracker-substep-title,\n.in-progress .progress-tracker-title,\n.in-progress .progress-tracker-substep-title,\n.completed .progress-tracker-title,\n.completed .progress-tracker-substep-title {\n  font-weight: 700;\n  color: var(--road-on-surface);\n}\n\n.current .progress-tracker-description,\n.current .progress-tracker-substep-description,\n.in-progress .progress-tracker-description,\n.in-progress .progress-tracker-substep-description,\n.completed .progress-tracker-description,\n.completed .progress-tracker-substep-description {\n  color: var(--road-on-surface-weak);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot - Content of the progress tracker item\n * it should be `<div class=\"progress-tracker-link\">`\n *`<span class=\"progress-tracker-circle\"></span>`\n *`<span class=\"progress-tracker-line\"></span>`\n *`</div>`\n *`<div class=\"progress-tracker-item-content\">`\n *`<road-label class=\"progress-tracker-title\">Label</road-label>`\n *`<road-label class=\"progress-tracker-description\">Description</road-label>`\n *`</div>`\n */\n\n@Component({\n  tag: 'road-progress-tracker-item',\n  styleUrl: 'progress-tracker-item.css',\n})\nexport class ProgressTrackerItem {\n\n  render() {\n    return (\n      <Host>\n        <slot/>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAyB,m2F,MCkBlBC,EAAmB,M,yBAE9B,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/roadtrip/{p-9dd06f01.entry.js → p-ea28a425.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,e as r,h as e,H as i,f as o}from"./p-abdbf6ac.js";const a=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;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;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=class{constructor(e){t(this,e);this.roadsegmentedbuttonclick=r(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=r(this,"roadSegmentedButtonClick",7);this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)};this.size="md";this.selected=false;this.tab=undefined}onButtonBarChanged(t){const r=t.target;const e=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(e)||r&&r.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:r,tab:o}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return e(i,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":r?"true":null,id:o!==undefined?`tab-button-${o}`:null,class:{"tab-selected":r,[`${a}`]:true}},e("button",{type:"button",tabIndex:-1,class:"button-native",part:"native"},e("slot",null)))}get el(){return o(this)}};n.style=a;export{n as road_segmented_button};
-//# sourceMappingURL=p-9dd06f01.entry.js.map
+import{r as t,c as r,h as e,H as i,a as o}from"./p-f3d586b3.js";const a=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;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;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=class{constructor(e){t(this,e);this.roadsegmentedbuttonclick=r(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=r(this,"roadSegmentedButtonClick",7);this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)};this.size="md";this.selected=false;this.tab=undefined}onButtonBarChanged(t){const r=t.target;const e=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(e)||r&&r.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:r,tab:o}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return e(i,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":r?"true":null,id:o!==undefined?`tab-button-${o}`:null,class:{"tab-selected":r,[`${a}`]:true}},e("button",{type:"button",tabIndex:-1,class:"button-native",part:"native"},e("slot",null)))}get el(){return o(this)}};n.style=a;export{n as road_segmented_button};
+//# sourceMappingURL=p-ea28a425.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["segmentedButtonCss","SegmentedButton","this","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","selected","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","size","h","Host","onKeyup","role","tabindex","id","class","type","part"],"sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n  --border-radius: 0.25rem;\n  --font-size: var(--road-button-medium);\n  --margin-bottom: 1rem;\n  --padding-start: 1.5rem;\n  --padding-end: 1.5rem;\n  box-sizing: border-box;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  max-height: 2.5rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  color: var(--road-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  background-color: var(--road-surface);\n  border-top: 1px solid var(--road-primary);\n  border-bottom: 1px solid var(--road-primary);\n  border-left: 1px solid var(--road-primary);\n  border-radius: 0;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n  border: 1px solid var(--road-primary);\n  border-right: 0;\n  border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n  border: 1px solid var(--road-primary);\n  border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n  height: 2rem;\n  font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n  color: var(--road-primary-contrast);\n  background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n  background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n  background: var(--road-primary-90);\n  outline: 0;\n}\n\n:host(.tab-selected.focus-visible){\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  height: 100%;\n  max-height: 2.5rem;\n  padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n  margin: 0;\n  overflow: hidden;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  color: inherit;\n  text-align: inherit;\n  text-decoration: none;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit;\n  cursor: pointer;\n  background: transparent;\n  -webkit-user-drag: none;\n  border-color: initial;\n  border-style: initial;\n  border-width: 0;\n  border-radius: inherit;\n  border-image: initial;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n  tag: 'road-segmented-button',\n  styleUrl: 'segmented-button.css',\n  shadow: true,\n})\nexport class SegmentedButton {\n\n  @Element() el!: HTMLRoadSegmentedButtonElement;\n\n  /**\n    * The Segmented buttons size.\n    */\n   @Prop() size?: 'sm' | 'md' = 'md';\n\n  /**\n   * The selected tab component\n   */\n  @Prop({ mutable: true }) selected = false;\n\n  /**\n   * A tab id must be provided for each `road-tab`. It's used internally to reference\n   */\n  @Prop() tab?: string;\n\n  /**\n   * Emitted when the tab bar is clicked\n   * @internal\n   */\n  @Event() roadsegmentedbuttonclick!: EventEmitter;\n  /** @internal */\n  @Event() roadSegmentedButtonClick!: EventEmitter;\n\n  @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n  @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n  onButtonBarChanged(ev: CustomEvent) {\n    const dispatchedFrom = ev.target as HTMLElement;\n    const parent = this.el.parentElement as EventTarget;\n\n    if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n      this.selected = this.tab === ev.detail.tab;\n    }\n  }\n\n  private selectTab(ev: Event | KeyboardEvent) {\n    if (this.tab !== undefined) {\n      this.roadsegmentedbuttonclick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n      this.roadSegmentedButtonClick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n\n      ev.preventDefault();\n    }\n  }\n\n  private get tabIndex() {\n    const hasTabIndex = this.el.hasAttribute('tabindex');\n\n    if (hasTabIndex) {\n      return this.el.getAttribute('tabindex');\n    }\n\n    return 0;\n  }\n\n  private onKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.selectTab(ev);\n    }\n  };\n\n  private onClick = (ev: Event) => {\n    this.selectTab(ev);\n  };\n\n  render() {\n    const { tabIndex, selected, tab } = this;\n\n    const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n    return (\n      <Host\n        onClick={this.onClick}\n        onKeyup={this.onKeyUp}\n        role=\"tab\"\n        tabindex={tabIndex}\n        aria-selected={selected ? 'true' : null}\n        id={tab !== undefined ? `tab-button-${tab}` : null}\n        class={{\n          'tab-selected': selected,\n          [`${sizeClass}`]: true,\n        }}\n      >\n        <button type=\"button\" tabIndex={-1} class=\"button-native\" part=\"native\">\n            <slot/>\n        </button>\n      </Host>\n    );\n  }\n}"],"mappings":"gEAAA,MAAMA,EAAqB,89D,MCYdC,EAAe,M,+JA+DlBC,KAAAC,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCH,KAAKI,UAAUF,E,GAIXF,KAAAK,QAAWH,IACjBF,KAAKI,UAAUF,EAAG,E,UA/DU,K,cAKM,M,mBAiBpC,kBAAAI,CAAmBJ,GACjB,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAAST,KAAKU,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAASd,KAAKU,IAAM,CACnHV,KAAKe,SAAWf,KAAKgB,MAAQd,EAAGe,OAAOD,G,EAInC,SAAAZ,CAAUF,GAChB,GAAIF,KAAKgB,MAAQE,UAAW,CAC1BlB,KAAKmB,yBAAyBC,KAAK,CACjCJ,IAAKhB,KAAKgB,IACVD,SAAUf,KAAKe,WAEjBf,KAAKqB,yBAAyBD,KAAK,CACjCJ,IAAKhB,KAAKgB,IACVD,SAAUf,KAAKe,WAGjBb,EAAGoB,gB,EAIP,YAAYC,GACV,MAAMC,EAAcxB,KAAKU,GAAGe,aAAa,YAEzC,GAAID,EAAa,CACf,OAAOxB,KAAKU,GAAGgB,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAMJ,SAAEA,EAAQR,SAAEA,EAAQC,IAAEA,GAAQhB,KAEpC,MAAM4B,EAAY5B,KAAK6B,OAASX,UAAY,OAAOlB,KAAK6B,OAAS,GAGjE,OACEC,EAACC,EAAI,CACH1B,QAASL,KAAKK,QACd2B,QAAShC,KAAKC,QACdgC,KAAK,MACLC,SAAUX,EAAQ,gBACHR,EAAW,OAAS,KACnCoB,GAAInB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CoB,MAAO,CACL,eAAgBrB,EAChB,CAAC,GAAGa,KAAc,OAGpBE,EAAA,UAAQO,KAAK,SAASd,UAAW,EAAGa,MAAM,gBAAgBE,KAAK,UAC3DR,EAAA,c"}

package/dist/roadtrip/p-f3d586b3.js

@@ -0,0 +1,3 @@
+const e="roadtrip";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};let n;let s;let l;let o=false;let i=false;let f=false;let c=false;let r=false;const u=e=>{const t=new URL(e,Ze.t);return t.origin!==Je.location.origin?t.href:t.pathname};const a=(e,t="")=>{{return()=>{}}};const d=(e,t)=>{{return()=>{}}};const $="r";const p="o";const h="s";const m="t";const v="s-id";const y="sty-id";const b="c-id";const g="{visibility:hidden}.hydrated{visibility:inherit}";const w="slot-fb{display:contents}slot-fb[hidden]{display:none}";const S="http://www.w3.org/1999/xlink";const k={};const x="http://www.w3.org/2000/svg";const C="http://www.w3.org/1999/xhtml";const j=e=>e!=null;const L=e=>{e=typeof e;return e==="object"||e==="function"};function O(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const R=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!L(s)){s=String(s)}if(i&&f){c[c.length-1].l+=s}else{c.push(i?T(null,s):s)}f=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,c,F)}const u=T(e,null);u.o=t;if(c.length>0){u.i=c}{u.u=l}{u.$=o}return u};const T=(e,t)=>{const n={p:0,h:e,l:t,m:null,i:null};{n.o=null}{n.u=null}{n.$=null}return n};const D={};const M=e=>e&&e.h===D;const F={forEach:(e,t)=>e.map(A).forEach(t),map:(e,t)=>e.map(A).map(t).map(N)};const A=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.$,vtag:e.h,vtext:e.l});const N=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return R(e.vtag,t,...e.vchildren||[])}const t=T(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.u=e.vkey;t.$=e.vname;return t};const P=(e,t,n,s)=>{const l=a("hydrateClient",t);const o=e.shadowRoot;const i=[];const f=[];const c=o?[]:null;const r=s.v=T(t,null);if(!Ze.S){W(Ye.body,Ze.S=new Map)}e[v]=n;e.removeAttribute(v);U(r,i,f,c,e,e,n);i.map((e=>{const n=e.k+"."+e.C;const s=Ze.S.get(n);const l=e.m;if(s&&et&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=t;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}Ze.S.delete(n)}));if(o){c.map((e=>{if(e){o.appendChild(e)}}))}l()};const U=(e,t,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(b);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={p:0,k:c[0],C:c[1],j:c[2],L:c[3],h:o.tagName.toLowerCase(),m:o,o:null,i:null,u:null,$:null,l:null};t.push(r);o.removeAttribute(b);if(!e.i){e.i=[]}e.i[r.L]=r;e=r;if(s&&r.j==="0"){s[r.L]=r.m}}}for(u=o.childNodes.length-1;u>=0;u--){U(e,t,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){U(e,t,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={p:0,k:c[1],C:c[2],j:c[3],L:c[4],m:o,o:null,i:null,u:null,$:null,h:null,l:null};if(f===m){r.m=o.nextSibling;if(r.m&&r.m.nodeType===3){r.l=r.m.textContent;t.push(r);o.remove();if(!e.i){e.i=[]}e.i[r.L]=r;if(s&&r.j==="0"){s[r.L]=r.m}}}else if(r.k===i){if(f===h){r.h="slot";if(c[5]){o["s-sn"]=r.$=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.m=Ye.createElement(r.h);if(r.$){r.m.setAttribute("name",r.$)}o.parentNode.insertBefore(r.m,o);o.remove();if(r.j==="0"){s[r.L]=r.m}}n.push(r);if(!e.i){e.i=[]}e.i[r.L]=r}else if(f===$){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(e&&e.h==="style"){const t=T(null,o.textContent);t.m=o;t.L="0";e.i=[t]}};const W=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){W(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){W(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};const E=(e,t)=>{if(e!=null&&!L(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const I=e=>He(e).$hostElement$;const z=(e,t,n)=>{const s=I(e);return{emit:e=>B(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const B=(e,t,n)=>{const s=Ze.ce(t,n);e.dispatchEvent(s);return s};const H=new WeakMap;const Q=(e,t,n)=>{let s=Ge.get(e);if(nt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Ge.set(e,s)};const q=(e,t,n)=>{var s;const l=V(t);const o=Ge.get(l);e=e.nodeType===11?e:Ye;if(o){if(typeof o==="string"){e=e.head||e;let n=H.get(e);let i;if(!n){H.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${y}="${l}"]`))){i.innerHTML=o}else{i=Ye.createElement("style");i.innerHTML=o;const t=(s=Ze.O)!==null&&s!==void 0?s:O(Ye);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=w}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const K=e=>{const t=e.R;const n=e.$hostElement$;const s=t.p;const l=a("attachStyles",t.T);const o=q(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const V=(e,t)=>"sc-"+e.T;const X=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const _=(e,t,n,s,l,o)=>{if(n!==s){let i=Ke(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=J(n);const o=J(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ke(Je,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const l=t.endsWith(Y);t=t.replace(Z,"");if(n){Ze.rel(e,t,n,l)}if(s){Ze.ael(e,t,s,l)}}}else{const c=L(s);if((i||c&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(S,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){e.setAttributeNS(S,t,s)}else{e.setAttribute(t,s)}}}}};const G=/\s/;const J=e=>!e?[]:e.split(G);const Y="Capture";const Z=new RegExp(Y+"$");const ee=(e,t,n,s)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const o=e&&e.o||k;const i=t.o||k;{for(s in o){if(!(s in i)){_(l,s,o[s],undefined,n,t.p)}}}for(s in i){_(l,s,o[s],i[s],n,t.p)}};const te=(e,t,i,r)=>{var u;const a=t.i[i];let d=0;let $;let p;let h;if(!o){f=true;if(a.h==="slot"){if(n){r.classList.add(n+"-s")}a.p|=a.i?2:1}}if(a.l!==null){$=a.m=Ye.createTextNode(a.l)}else if(a.p&1){$=a.m=Ye.createTextNode("")}else{if(!c){c=a.h==="svg"}$=a.m=Ye.createElementNS(c?x:C,a.p&2?"slot-fb":a.h);if(c&&a.h==="foreignObject"){c=false}{ee(null,a,c)}if(j(n)&&$["s-si"]!==n){$.classList.add($["s-si"]=n)}if(a.i){for(d=0;d<a.i.length;++d){p=te(e,a,d,$);if(p){$.appendChild(p)}}}{if(a.h==="svg"){c=false}else if($.tagName==="foreignObject"){c=true}}}{$["s-hn"]=l;if(a.p&(2|1)){$["s-sr"]=true;$["s-fs"]=(u=a.o)===null||u===void 0?void 0:u.slot;$["s-cr"]=s;$["s-sn"]=a.$||"";h=e&&e.i&&e.i[i];if(h&&h.h===a.h&&e.m){ne(e.m,false)}}}return $};const ne=(e,t)=>{var n;Ze.p|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const o=s[e];if(o["s-hn"]!==l&&o["s-ol"]){ce(o).insertBefore(o,fe(o));o["s-ol"].remove();o["s-ol"]=undefined;o["s-sh"]=undefined;if(o.nodeType===1){o.setAttribute("slot",(n=o["s-sn"])!==null&&n!==void 0?n:"")}f=true}if(t){ne(o,t)}}Ze.p&=~1};const se=(e,t,n,s,o,i)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e;let c;if(f.shadowRoot&&f.tagName===l){f=f.shadowRoot}for(;o<=i;++o){if(s[o]){c=te(null,n,o,e);if(c){s[o].m=c;f.insertBefore(c,fe(t))}}}};const le=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.m;pe(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{ne(e,true)}}e.remove()}}}};const oe=(e,t,n,s)=>{let l=0;let o=0;let i=0;let f=0;let c=t.length-1;let r=t[0];let u=t[c];let a=s.length-1;let d=s[0];let $=s[a];let p;let h;while(l<=c&&o<=a){if(r==null){r=t[++l]}else if(u==null){u=t[--c]}else if(d==null){d=s[++o]}else if($==null){$=s[--a]}else if(ie(r,d)){re(r,d);r=t[++l];d=s[++o]}else if(ie(u,$)){re(u,$);u=t[--c];$=s[--a]}else if(ie(r,$)){if(r.h==="slot"||$.h==="slot"){ne(r.m.parentNode,false)}re(r,$);e.insertBefore(r.m,u.m.nextSibling);r=t[++l];$=s[--a]}else if(ie(u,d)){if(r.h==="slot"||$.h==="slot"){ne(u.m.parentNode,false)}re(u,d);e.insertBefore(u.m,r.m);u=t[--c];d=s[++o]}else{i=-1;{for(f=l;f<=c;++f){if(t[f]&&t[f].u!==null&&t[f].u===d.u){i=f;break}}}if(i>=0){h=t[i];if(h.h!==d.h){p=te(t&&t[o],n,i,e)}else{re(h,d);t[i]=undefined;p=h.m}d=s[++o]}else{p=te(t&&t[o],n,o,e);d=s[++o]}if(p){{ce(r.m).insertBefore(p,fe(r.m))}}}}if(l>c){se(e,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){le(t,l,c)}};const ie=(e,t)=>{if(e.h===t.h){if(e.h==="slot"){return e.$===t.$}{return e.u===t.u}}return false};const fe=e=>e&&e["s-ol"]||e;const ce=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const re=(e,t)=>{const n=t.m=e.m;const s=e.i;const l=t.i;const o=t.h;const i=t.l;let f;if(i===null){{c=o==="svg"?true:o==="foreignObject"?false:c}{if(o==="slot");else{ee(e,t,c)}}if(s!==null&&l!==null){oe(n,s,t,l)}else if(l!==null){if(e.l!==null){n.textContent=""}se(n,null,t,l,0,l.length-1)}else if(s!==null){le(s,0,s.length-1)}if(c&&o==="svg"){c=false}}else if(f=n["s-cr"]){f.parentNode.textContent=i}else if(e.l!==i){n.data=i}};const ue=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}ue(e)}}};const ae=[];const de=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if($e(n,e)){let t=ae.find((e=>e.D===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.D["s-sh"]=o["s-hn"];t.M=o}else{n["s-sh"]=o["s-hn"];ae.push({M:o,D:n})}if(n["s-sr"]){ae.map((e=>{if($e(e.D,n["s-sn"])){t=ae.find((e=>e.D===n));if(t&&!e.M){e.M=t.M}}}))}}else if(!ae.some((e=>e.D===n))){ae.push({D:n})}}}}if(o.nodeType===1){de(o)}}};const $e=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const pe=e=>{{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(pe)}};const he=(e,t,c=false)=>{var r,u;const a=e.$hostElement$;const d=e.R;const $=e.v||T(null,null);const p=M(t)?t:R(null,null,t);l=a.tagName;if(d.F){p.o=p.o||{};d.F.map((([e,t])=>p.o[t]=a[e]))}if(c&&p.o){for(const e of Object.keys(p.o)){if(a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){p.o[e]=a[e]}}}p.h=null;p.p|=4;e.v=p;p.m=$.m=a.shadowRoot||a;{n=a["s-sc"]}{s=a["s-cr"];o=(d.p&1)!==0;i=false}re($,p);{Ze.p|=1;if(f){de(p.m);for(const e of ae){const t=e.D;if(!t["s-ol"]){const e=Ye.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of ae){const t=e.D;const n=e.M;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s)}}}else{if(t.nodeType===1){t.hidden=true}}}}if(i){ue(p.m)}Ze.p&=~1;ae.length=0}};const me=(e,t)=>{if(t&&!e.A&&t["s-p"]){t["s-p"].push(new Promise((t=>e.A=t)))}};const ve=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}me(e,e.N);const n=()=>ye(e,t);return rt(n)};const ye=(e,t)=>{const n=a("scheduleUpdate",e.R.T);const s=e.P;let l;if(t){{e.p|=256;if(e.U){e.U.map((([e,t])=>Ce(s,e,t)));e.U=undefined}}{l=Ce(s,"componentWillLoad")}}{l=be(l,(()=>Ce(s,"componentWillRender")))}n();return be(l,(()=>we(e,s,t)))};const be=(e,t)=>ge(e)?e.then(t):t();const ge=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const we=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.R.T);const i=l["s-rc"];if(n){K(e)}const f=a("render",e.R.T);{Se(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}f();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ke(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.p|=4;t.length=0}}};const Se=(e,t,n,s)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{he(e,t,s)}}}}catch(t){Ve(t,e.$hostElement$)}return null};const ke=e=>{const t=e.R.T;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.P;const o=e.N;if(!(e.p&64)){e.p|=64;{je(n)}{Ce(l,"componentDidLoad")}s();{e.W(n);if(!o){xe()}}}else{s()}{e.I(n)}{if(e.A){e.A();e.A=undefined}if(e.p&512){ct((()=>ve(e,false)))}e.p&=~(4|512)}};const xe=t=>{{je(Ye.documentElement)}ct((()=>B(Je,"appload",{detail:{namespace:e}})))};const Ce=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Ve(e)}}return undefined};const je=e=>e.classList.add("hydrated");const Le=(e,t)=>He(e).B.get(t);const Oe=(e,t,n,s)=>{const l=He(e);const o=l.$hostElement$;const i=l.B.get(t);const f=l.p;const c=l.P;n=E(n,s.H[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.B.set(t,n);if(c){if(s.q&&f&128){const e=s.q[t];if(e){e.map((e=>{try{c[e](n,i,t)}catch(e){Ve(e,o)}}))}}if((f&(2|16))===2){ve(l,false)}}}};const Re=(e,t,n)=>{var s;if(t.H){if(e.watchers){t.q=e.watchers}const l=Object.entries(t.H);const o=e.prototype;l.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,e,{get(){return Le(this,e)},set(n){Oe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,e,{value(...t){const n=He(this);return n.K.then((()=>n.P[e](...t)))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(e,s,l){Ze.jmp((()=>{const i=n.get(e);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=He(this);const o=n===null||n===void 0?void 0:n.p;if(!(o&8)&&o&128&&l!==s){const o=n.P;const i=t.q[e];i===null||i===void 0?void 0:i.forEach((t=>{if(o[t]!=null){o[t].call(o,l,s,e)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.q)!==null&&s!==void 0?s:{}),...l.filter((([e,t])=>t[0]&15)).map((([e,s])=>{const l=s[1]||e;n.set(l,e);if(s[0]&512){t.F.push([e,l])}return l}))]))}}return e};const Te=async(e,t,n,s)=>{let l;if((t.p&32)===0){t.p|=32;{l=_e(n);if(l.then){const e=d();l=await l;e()}if(!l.isProxied){{n.q=l.watchers}Re(l,n,2);l.isProxied=true}const e=a("createInstance",n.T);{t.p|=8}try{new l(t)}catch(e){Ve(e)}{t.p&=~8}{t.p|=128}e();De(t.P)}if(l.style){let e=l.style;const t=V(n);if(!Ge.has(t)){const s=a("registerStyles",n.T);Q(t,e,!!(n.p&1));s()}}}const o=t.N;const i=()=>ve(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const De=e=>{{Ce(e,"connectedCallback")}};const Me=e=>{if((Ze.p&1)===0){const t=He(e);const n=t.R;const s=a("connectedCallback",n.T);if(!(t.p&1)){t.p|=1;let s;{s=e.getAttribute(v);if(s){if(n.p&1){const t=q(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}P(e,n.T,s,t)}}if(!s){if(n.p&(4|8)){Fe(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){me(t,t.N=n);break}}}if(n.H){Object.entries(n.H).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Te(e,t,n)}}else{Ue(e,t,n.V);if(t===null||t===void 0?void 0:t.P){De(t.P)}else if(t===null||t===void 0?void 0:t.X){t.X.then((()=>De(t.P)))}}s()}};const Fe=e=>{const t=e["s-cr"]=Ye.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const Ae=e=>{{Ce(e,"disconnectedCallback")}};const Ne=async e=>{if((Ze.p&1)===0){const t=He(e);{if(t._){t._.map((e=>e()));t._=undefined}}if(t===null||t===void 0?void 0:t.P){Ae(t.P)}else if(t===null||t===void 0?void 0:t.X){t.X.then((()=>Ae(t.P)))}}};const Pe=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=Je.customElements;const f=Ye.head;const c=f.querySelector("meta[charset]");const r=Ye.createElement("style");const u=[];const d=Ye.querySelectorAll(`[${y}]`);let $;let p=true;let h=0;Object.assign(Ze,t);Ze.t=new URL(t.resourcesUrl||"./",Ye.baseURI).href;{Ze.p|=2}{for(;h<d.length;h++){Q(d[h].getAttribute(y),X(d[h].innerHTML),true)}}let m=false;e.map((e=>{e[1].map((t=>{var n;const s={p:t[0],T:t[1],H:t[2],V:t[3]};if(s.p&4){m=true}{s.H=t[2]}{s.V=t[3]}{s.F=[]}{s.q=(n=t[4])!==null&&n!==void 0?n:{}}const f=s.T;const c=class extends HTMLElement{constructor(e){super(e);e=this;qe(e,s);if(s.p&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(p){u.push(this)}else{Ze.jmp((()=>Me(this)))}}disconnectedCallback(){Ze.jmp((()=>Ne(this)))}componentOnReady(){return He(this).X}};s.G=e[0];if(!o.includes(f)&&!i.get(f)){l.push(f);i.define(f,Re(c,s,1))}}))}));if(m){r.innerHTML+=w}{r.innerHTML+=l+g}if(r.innerHTML.length){r.setAttribute("data-styles","");f.insertBefore(r,c?c.nextSibling:f.firstChild);const e=(n=Ze.O)!==null&&n!==void 0?n:O(Ye);if(e!=null){r.setAttribute("nonce",e)}}p=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Ze.jmp((()=>$=setTimeout(xe,30)))}}s()};const Ue=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Ee(e,n);const i=We(t,l);const f=Ie(n);Ze.ael(o,s,i,f);(t._=t._||[]).push((()=>Ze.rel(o,s,i,f)))}))}};const We=(e,t)=>n=>{try{{if(e.p&256){e.P[t](n)}else{(e.U=e.U||[]).push([t,n])}}}catch(e){Ve(e)}};const Ee=(e,t)=>{if(t&4)return Ye;if(t&8)return Je;return e};const Ie=e=>(e&2)!==0;const ze=e=>Ze.O=e;const Be=new WeakMap;const He=e=>Be.get(e);const Qe=(e,t)=>Be.set(t.P=e,t);const qe=(e,t)=>{const n={p:0,$hostElement$:e,R:t,B:new Map};{n.K=new Promise((e=>n.I=e))}{n.X=new Promise((e=>n.W=e));e["s-p"]=[];e["s-rc"]=[]}Ue(e,n,t.V);return Be.set(e,n)};const Ke=(e,t)=>t in e;const Ve=(e,t)=>(0,console.error)(e,t);const Xe=new Map;const _e=(e,t,n)=>{const s=e.T.replace(/-/g,"_");const l=e.G;const o=Xe.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Xe.set(l,e)}return e[s]}),Ve)};const Ge=new Map;const Je=typeof window!=="undefined"?window:{};const Ye=Je.document||{head:{}};const Ze={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const et=true;const tt=e=>Promise.resolve(e);const nt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const st=[];const lt=[];const ot=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&Ze.p&4){ct(ft)}else{Ze.raf(ft)}}};const it=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Ve(e)}}e.length=0};const ft=()=>{it(st);{it(lt);if(r=st.length>0){Ze.raf(ft)}}};const ct=e=>tt().then(e);const rt=ot(lt,true);export{D as H,I as a,Pe as b,z as c,u as g,R as h,tt as p,Qe as r,ze as s};
+//# sourceMappingURL=p-f3d586b3.js.map