@roadtrip/components 3.51.3 → 3.53.0

package/dist/roadtrip/{p-9b1fa6a6.entry.js → p-320b58c5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-label){color:var(--road-on-surface)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.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)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:flex;align-items:center;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface-weak);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:c,disabled:b}=this;const h={download:this.download,href:!b?r:undefined,rel:n,target:s};return i(o,{key:"15684e85cbefb6d8646231adfc2bd423a59edb84",onClick:t=>!b&&this.onClick(t),onKeyup:t=>!b&&this.onKeyUp(t),role:"tab",tabindex:b?-1:a,"aria-selected":d?"true":"false","aria-disabled":b?"true":null,id:c!==undefined?`tab-button-${c}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":b}},i("a",Object.assign({key:"8808982bb613680dcf3e7e330d6ac113f2d2f47f"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"cc2bb1c13f607c1e3c8088179c3c6ce49f272222",class:"button-inner"},i("slot",{key:"a471b49c35cdfc57bd2f5a7156381ea051f1649f"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
-//# sourceMappingURL=p-9b1fa6a6.entry.js.map
+import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-label){color:var(--road-on-surface)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.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)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:flex;align-items:center;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface-weak);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:b,disabled:c}=this;const h={download:this.download,href:!c?r:undefined,rel:n,target:s};return i(o,{key:"d0232d92d13b395713e9537e4e985b9b1aef4be8",onClick:t=>!c&&this.onClick(t),onKeyup:t=>!c&&this.onKeyUp(t),role:"tab",tabindex:c?-1:a,"aria-selected":d?"true":"false","aria-disabled":c?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":c}},i("a",Object.assign({key:"3cfffe4aef2432b2a23eb2ff6c86c5da125f0e04"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"36f97b5e282bf7870228ca6651629b766d614512",class:"button-inner"},i("slot",{key:"4f963acbe1cc57893b19c0f86af05b8e754c96c1"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
+//# sourceMappingURL=p-320b58c5.entry.js.map

package/dist/roadtrip/p-3444d6fe.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as o,H as e,a as s}from"./p-d7aae05d.js";const r=":host{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02);padding:var(--road-spacing-03)}:host(.card-elevation-none){box-shadow:none}:host(.card-elevation-lowest){box-shadow:var(--road-elevation-lowest)}:host(.card-elevation-average){box-shadow:var(--road-elevation-average)}:host(.is-button){border:1px solid var(--road-outline);padding:0}:host(.is-button:hover){border:1px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button:focus-visible),:host(.is-button:focus){border:1px solid var(--road-outline);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.is-disabled){cursor:not-allowed;pointer-events:none;border:1px solid var(--road-surface-disabled);background:var(--road-surface-disabled)}:host(.is-button.is-disabled) .card-native,:host(.is-button.selected.is-disabled) .card-native{background:none}:host(.is-button.selected){border:2px solid var(--road-primary);outline:none}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected.is-single:hover){border:2px solid var(--road-primary);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:focus-visible),:host(.is-button.selected:focus){border:2px solid var(--road-outline-variant);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-single:focus){border:2px solid var(--road-primary);outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-disabled){cursor:not-allowed;pointer-events:none;outline:none;background:var(--road-surface-disabled);border:2px solid var(--road-surface-disabled)}.card-native{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a,button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";const a=r;const n=class{constructor(o){t(this,o);this.roadcardclick=i(this,"roadcardclick",7);this.roadCardClick=i(this,"roadCardClick",7);this.elevation="none";this.button=false;this.selected=false;this.disabled=false;this.selectionMode="multiple";this.type="button";this.onClick=t=>{var i,o;const e=this.button&&this.href===undefined;if(e&&this.disabled){t.preventDefault();t.stopPropagation();return}this.selected=!this.selected;if(this.selectionMode==="single"){t.currentTarget.blur()}if(this.value!==undefined){this.roadcardclick.emit({value:this.value,label:(i=this.el.querySelector("road-label"))===null||i===void 0?void 0:i.textContent});this.roadCardClick.emit({value:this.value,label:(o=this.el.querySelector("road-label"))===null||o===void 0?void 0:o.textContent})}}}isClickable(){return this.href!==undefined||this.button}renderCard(){const t=this.isClickable();if(!t){return[o("slot",null)]}const{href:i}=this;const e=t?i===undefined?"button":"a":"div";const s=this.button&&i===undefined;const r=e==="button"?{type:this.type,disabled:s&&this.disabled,"aria-disabled":s&&this.disabled?"true":undefined}:{download:this.download,href:this.href,rel:this.rel,target:this.target};return o(e,Object.assign({},r,{class:"card-native",part:"native",onClick:this.onClick}),o("slot",null))}render(){const{elevation:t}=this;const i=this.button&&this.href===undefined;const s=this.elevation?`card-elevation-${t}`:``;const r=this.selected?"selected":"";const a=i?"is-button":"";const n=i&&this.disabled?"is-disabled":"";const d=i&&this.selectionMode==="single"?"is-single":"";return o(e,{key:"fc2636b92be59ddf232b162574c3cdd3a7042a50",class:`${s} ${r} ${a} ${n} ${d}`},this.renderCard())}get el(){return s(this)}};n.style=a;export{n as road_card};
+//# sourceMappingURL=p-3444d6fe.entry.js.map

package/dist/roadtrip/p-3444d6fe.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","RoadCardStyle0","Card","constructor","hostRef","this","elevation","button","selected","disabled","selectionMode","type","onClick","e","isButtonMode","href","undefined","preventDefault","stopPropagation","currentTarget","blur","value","roadcardclick","emit","label","_a","el","querySelector","textContent","roadCardClick","_b","isClickable","renderCard","clickable","h","TagType","attrs","download","rel","target","Object","assign","class","part","render","elevationClass","selectedClass","isButtonClass","disabledClass","singleClass","Host","key"],"sources":["src/components/card/card.css?tag=road-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["/*\n * Card\n *\n * Index\n * - Card\n * - Native\n * - Icon\n */\n\n/* CARD\n -------------------- */\n\n:host {\n  position: relative;\n  box-sizing: border-box;\n  display: block;\n  margin-bottom: var(--margin-bottom, 1rem);\n  background: var(--road-surface);\n  border: 1px solid var(--road-outline-weak);\n  border-radius: var(--road-spacing-02);\n  padding: var(--road-spacing-03);\n}\n\n:host(.card-elevation-none) {\n  box-shadow: none;\n}\n\n:host(.card-elevation-lowest) {\n  box-shadow: var(--road-elevation-lowest);\n}\n\n:host(.card-elevation-average) {\n  box-shadow: var(--road-elevation-average);\n}\n\n/*\n* Card as a button (interactivity in Figma)\n*/\n\n:host(.is-button) {\n  border: 1px solid var(--road-outline);\n  padding: 0;\n}\n\n:host(.is-button:hover) {\n  border: 1px solid var(--road-outline-variant);\n  outline: 2px solid var(--road-button-ghost-variant);\n}\n\n:host(.is-button:focus-visible),\n:host(.is-button:focus) {\n  border: 1px solid var(--road-outline);\n  outline-offset: 1px;\n  outline: 2px solid var(--road-outline-variant);\n}\n\n:host(.is-button.is-disabled) {\n  cursor: not-allowed;\n  pointer-events: none;\n  border: 1px solid var(--road-surface-disabled);\n  background: var(--road-surface-disabled);\n}\n\n:host(.is-button.is-disabled) .card-native,\n:host(.is-button.selected.is-disabled) .card-native {\n  background: none;\n}\n\n:host(.is-button.selected) {\n  border: 2px solid var(--road-primary);\n  outline: none;\n}\n\n:host(.is-button.selected:hover) {\n  border: 2px solid var(--road-outline-variant);\n  outline: 2px solid var(--road-button-ghost-variant);\n}\n\n:host(.is-button.selected.is-single:hover) {\n  border: 2px solid var(--road-primary);\n  outline: 2px solid var(--road-button-ghost-variant);\n}\n\n:host(.is-button.selected:focus-visible),\n:host(.is-button.selected:focus) {\n  border: 2px solid var(--road-outline-variant);\n  outline-offset: 1px;\n  outline: 2px solid var(--road-outline-variant);\n}\n\n:host(.is-button.selected.is-single:focus) {\n  border: 2px solid var(--road-primary);\n  outline: 2px solid var(--road-outline-variant);\n}\n\n:host(.is-button.selected.is-disabled) {\n  cursor: not-allowed;\n  pointer-events: none;\n  outline: none;\n  background: var(--road-surface-disabled);\n  border: 2px solid var(--road-surface-disabled);\n}\n\n/* NATIVE\n -------------------- */\n\n.card-native {\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: var(--road-spacing-06);\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  color: inherit;\n  text-align: center;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit;\n  background: var(--road-surface);\n  border: 0;\n  border-radius: 0.25rem;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\na,\nbutton {\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n  -webkit-user-drag: none;\n}\n\n/* ICON\n -------------------- */\n\n::slotted(road-icon) {\n  text-align: center;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Host,\n} from \"@stencil/core\";\n\n/**\n * @slot  - Content of the card.\n *\n * @part native - The native HTML button, anchor, or div element that wraps all child elements.\n */\n\n@Component({\n  tag: \"road-card\",\n  styleUrl: \"card.css\",\n  shadow: true,\n})\nexport class Card {\n  @Element() el!: HTMLRoadCardElement;\n\n  /**\n   * The elevation.\n   */\n  @Prop() elevation?: \"none\" | \"lowest\" | \"average\" = \"none\";\n\n  /**\n   * If `true`, a button tag will be rendered and the card will be tappable.\n   */\n  @Prop() button: boolean = false;\n\n  /**\n   * value of the card\n   */\n  @Prop() value?: string;\n\n  /**\n   * If `true`, the card has the `selected` state and the `selected` class is applied on the host.\n   * Toggled automatically when the card is clicked (when clickable).\n   */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  /**\n   * If `true`, the card is disabled and cannot be clicked.\n   * Only applies when in button mode (button=true and no href).\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Defines the selection mode.\n   * - `\"single\"`: only one card can be selected at a time (focus outline disabled).\n   * - `\"multiple\"`: multiple cards can be selected simultaneously.\n   */\n  @Prop({ reflect: true }) selectionMode?: \"single\" | \"multiple\" = \"multiple\";\n\n\n  /**\n   * The type of the button. Only used when an `onclick` or `button` property is present.\n   */\n  @Prop() type: \"submit\" | \"reset\" | \"button\" = \"button\";\n\n  /**\n   * This attribute instructs browsers to download a URL instead of navigating to\n   * it, so the user will be prompted to save it as a local file. If the attribute\n   * has a value, it is used as the pre-filled file name in the Save prompt\n   * (the user can still change the file name if they want).\n   */\n  @Prop() download?: string;\n\n  /**\n   * Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, an anchor tag will be rendered.\n   */\n  @Prop() href?: string;\n\n  /**\n   * Specifies the relationship of the target object to the link object.\n   * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\n   */\n  @Prop() rel?: string;\n\n  /**\n   * Specifies where to display the linked URL.\n   * Only applies when an `href` is provided.\n   * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.\n   */\n  @Prop() target?: string;\n\n  /**\n   * Emitted when the card is clicked and send the `value` of the card\n   */\n  @Event() roadcardclick!: EventEmitter<{\n    value: string | undefined | null;\n    label: string | undefined | null;\n  }>;\n  /** @internal */\n  @Event() roadCardClick!: EventEmitter<{\n    value: string | undefined | null;\n    label: string | undefined | null;\n  }>;\n\n  private isClickable(): boolean {\n    return this.href !== undefined || this.button;\n  }\n\n  private onClick = (e: Event) => {\n    // If disabled in button mode, prevent all interactions\n    const isButtonMode = this.button && this.href === undefined;\n    if (isButtonMode && this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    // Toggle selected state on click for clickable cards\n    this.selected = !this.selected;\n    if (this.selectionMode === \"single\") {\n      (e.currentTarget as HTMLElement).blur();\n    }\n\n    if (this.value !== undefined) {\n      this.roadcardclick.emit({\n        value: this.value,\n        label: this.el.querySelector(\"road-label\")?.textContent,\n      });\n      this.roadCardClick.emit({\n        value: this.value,\n        label: this.el.querySelector(\"road-label\")?.textContent,\n      });\n    }\n  };\n\n  private renderCard() {\n    const clickable = this.isClickable();\n\n    if (!clickable) {\n      return [<slot />];\n    }\n    const { href } = this;\n    const TagType = clickable\n      ? href === undefined\n        ? \"button\"\n        : \"a\"\n      : (\"div\" as any);\n    const isButtonMode = this.button && href === undefined;\n    const attrs =\n      TagType === \"button\"\n        ? {\n            type: this.type,\n            disabled: isButtonMode && this.disabled,\n            \"aria-disabled\": isButtonMode && this.disabled ? \"true\" : undefined,\n          }\n        : {\n            download: this.download,\n            href: this.href,\n            rel: this.rel,\n            target: this.target,\n          };\n\n    return (\n      <TagType\n        {...attrs}\n        class=\"card-native\"\n        part=\"native\"\n        onClick={this.onClick}\n      >\n        <slot />\n      </TagType>\n    );\n  }\n\n  render() {\n    const { elevation } = this;\n    const isButtonMode = this.button && this.href === undefined;\n    const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;\n    const selectedClass = this.selected ? \"selected\" : \"\";\n    const isButtonClass = isButtonMode ? \"is-button\" : \"\";\n    const disabledClass = isButtonMode && this.disabled ? \"is-disabled\" : \"\";\n    const singleClass = isButtonMode && this.selectionMode === \"single\" ? \"is-single\" : \"\";\n    return (\n      <Host\n        class={`${elevationClass} ${selectedClass} ${isButtonClass} ${disabledClass} ${singleClass}`}\n      >\n        {this.renderCard()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAU,i6EAChB,MAAAC,EAAeD,E,MCoBFE,EAAI,MALjB,WAAAC,CAAAC,G,oGAWUC,KAAAC,UAA4C,OAK5CD,KAAAE,OAAkB,MAWDF,KAAAG,SAAoB,MAMpBH,KAAAI,SAAoB,MAOpBJ,KAAAK,cAAwC,WAMzDL,KAAAM,KAAsC,SA8CtCN,KAAAO,QAAWC,I,QAEjB,MAAMC,EAAeT,KAAKE,QAAUF,KAAKU,OAASC,UAClD,GAAIF,GAAgBT,KAAKI,SAAU,CACjCI,EAAEI,iBACFJ,EAAEK,kBACF,M,CAIFb,KAAKG,UAAYH,KAAKG,SACtB,GAAIH,KAAKK,gBAAkB,SAAU,CAClCG,EAAEM,cAA8BC,M,CAGnC,GAAIf,KAAKgB,QAAUL,UAAW,CAC5BX,KAAKiB,cAAcC,KAAK,CACtBF,MAAOhB,KAAKgB,MACZG,OAAOC,EAAApB,KAAKqB,GAAGC,cAAc,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAE9CvB,KAAKwB,cAAcN,KAAK,CACtBF,MAAOhB,KAAKgB,MACZG,OAAOM,EAAAzB,KAAKqB,GAAGC,cAAc,iBAAa,MAAAG,SAAA,SAAAA,EAAEF,a,GA1B1C,WAAAG,GACN,OAAO1B,KAAKU,OAASC,WAAaX,KAAKE,M,CA8BjC,UAAAyB,GACN,MAAMC,EAAY5B,KAAK0B,cAEvB,IAAKE,EAAW,CACd,MAAO,CAACC,EAAA,a,CAEV,MAAMnB,KAAEA,GAASV,KACjB,MAAM8B,EAAUF,EACZlB,IAASC,UACP,SACA,IACD,MACL,MAAMF,EAAeT,KAAKE,QAAUQ,IAASC,UAC7C,MAAMoB,EACJD,IAAY,SACR,CACExB,KAAMN,KAAKM,KACXF,SAAUK,GAAgBT,KAAKI,SAC/B,gBAAiBK,GAAgBT,KAAKI,SAAW,OAASO,WAE5D,CACEqB,SAAUhC,KAAKgC,SACftB,KAAMV,KAAKU,KACXuB,IAAKjC,KAAKiC,IACVC,OAAQlC,KAAKkC,QAGrB,OACEL,EAACC,EAAOK,OAAAC,OAAA,GACFL,EAAK,CACTM,MAAM,cACNC,KAAK,SACL/B,QAASP,KAAKO,UAEdsB,EAAA,a,CAKN,MAAAU,GACE,MAAMtC,UAAEA,GAAcD,KACtB,MAAMS,EAAeT,KAAKE,QAAUF,KAAKU,OAASC,UAClD,MAAM6B,EAAiBxC,KAAKC,UAAY,kBAAkBA,IAAc,GACxE,MAAMwC,EAAgBzC,KAAKG,SAAW,WAAa,GACnD,MAAMuC,EAAgBjC,EAAe,YAAc,GACnD,MAAMkC,EAAgBlC,GAAgBT,KAAKI,SAAW,cAAgB,GACtE,MAAMwC,EAAcnC,GAAgBT,KAAKK,gBAAkB,SAAW,YAAc,GACpF,OACEwB,EAACgB,EAAI,CAAAC,IAAA,2CACHT,MAAO,GAAGG,KAAkBC,KAAiBC,KAAiBC,KAAiBC,KAE9E5C,KAAK2B,a","ignoreList":[]}

package/dist/roadtrip/{p-4374d63f.entry.js → p-3646f072.entry.js}

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

package/dist/roadtrip/{p-4374d63f.entry.js.map → p-3646f072.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["toastCss","RoadToastStyle0","Toast","constructor","hostRef","this","isOpen","color","timeout","onClick","ev","stopPropagation","preventDefault","close","isOpenChanged","setTimeout","open","onClose","emit","componentDidLoad","render","toastIsOpenClass","icon","alertInfoOutline","alertSuccessOutline","alertWarningOutline","alertDangerOutline","h","Host","key","class","role","label","type","navigationClose","size","name"],"sources":["src/components/toast/toast.css?tag=road-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * Toast\n *\n *\n * Index\n * - Container\n * - Toast\n * - Feedback color\n * - Feedback icon\n * - Close button\n */\n\n\n/* CONTAINER\n -------------------- */\n\n:host {\n  position: fixed;\n  right: 0;\n  bottom: 1rem;\n  left: 0;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  width: 328px;\n  margin: 0 auto;\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;\n  transform: translateY(-100%);\n}\n\n@media (min-width: 1200px) {\n\n  :host {\n    right: 1.5rem;\n    bottom: 3rem;\n    left: auto;\n    width: auto;\n    transform: translateX(100%);\n  }\n}\n\n/**\n * Open state\n */\n\n:host(.toast-open) {\n  visibility: visible;\n  opacity: 1;\n  transform: none;\n}\n\n/* TOAST\n -------------------- */\n\n.toast {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 0 100%;\n  flex-flow: wrap;\n  align-items: flex-start;\n  width: 328px;\n  padding: 0.75rem 2rem 0.6rem 1rem;\n  font-family: var(--road-font);\n  font-size: var(--road-body-medium);\n  line-height: 1.4;\n  color: var(--road-on-info-surface-inverse);\n  text-align: left;\n  background: var(--road-info-surface-inverse);\n  border-radius: 0.25rem;\n}\n\n@media (min-width: 575px) {\n\n  .toast {\n    padding: 1rem;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n/* FEEDBACK COLOR\n -------------------- */\n\n/**\n * Danger\n */\n\n.toast-danger {\n  color: var(--road-on-danger-surface-inverse);\n  pointer-events: all;\n  background: var(--road-danger-surface-inverse);\n}\n\n.toast-danger road-icon {\n  color: var(--road-danger-icon-inverse);\n}\n\n/**\n * Warning\n */\n\n.toast-warning {\n  color: var(--road-on-warning-surface-inverse);\n  background: var(--road-warning-surface-inverse);\n}\n\n.toast-warning road-icon {\n  color: var(--road-warning-icon-inverse);\n}\n\n/**\n * Success\n */\n\n.toast-success {\n  color: var(--road-on-success-surface-inverse);\n  background: var(--road-success-surface-inverse);\n}\n\n.toast-success road-icon {\n  color: var(--road-success-icon-inverse);\n}\n\n/**\n * Info\n */\n\n.toast-info {\n  color: var(--road-on-info-surface-inverse);\n  background: var(--road-info-surface-inverse);\n}\n\n.toast-info road-icon {\n  color: var(--road-info-icon-inverse);\n}\n\n/* FEEDBACK ICON\n -------------------- */\n\n.toast-icon {\n  top: auto;\n  left: 0.5rem;\n  margin-top: -5px;\n  margin-right: 0.5rem;\n}\n\n@media (min-width: 575px) {\n\n  .toast-icon {\n    position: relative;\n    top: auto;\n    left: auto;\n    margin-right: 0.5rem;\n  }\n}\n\n/* CLOSE BUTTON\n -------------------- */\n\n.toast-close {\n  position: absolute;\n  right: 0.5rem;\n  padding: 0;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 4px;\n  fill: var(--road-info-icon-inverse);\n}\n\n.toast-warning .toast-close {\n  fill: var(--road-warning-icon-inverse);\n}\n\n\n/**\n * Focus state\n */\n\n.toast-close:focus {\n  border-color: var(--road-info-surface-inverse);\n  outline: none;\n}\n\n/* TOAST LABEL\n -------------------- */\n\n.toast-label{\n  width: 240px;\n  margin: 0;\n}\n\n/* TOAST PORGRESS BAR\n -------------------- */\n\n:host ::slotted(road-progress) {\n  position: absolute;\n  bottom: -8px;\n  left: 0;\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: 0.5rem;\n}\n\n/* ANIMATION\n -------------------- */\n\n\n@keyframes load {\n\n  0% {\n    width: 0;\n  }\n\n  100% {\n    width: 100%;\n  }\n}\n","import { Component, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n\n/**\n *\n * @slot progress - the progress bar in the toast.\n * color=\"info\" for Info\n * color=\"success\" for success\n * color=\"warning\" for warning\n * color=\"danger\" for danger\n */\n\n@Component({\n  tag: 'road-toast',\n  styleUrl: 'toast.css',\n  shadow: true,\n})\nexport class Toast {\n\n  /**\n   * Set `open` propertie to `true` to open the toast\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Set the color of the toast. e.g. info, success, warning, danger\n   */\n  @Prop() color: FeedbackColors = 'info';\n\n  /**\n   * Text display in the toast\n   */\n  @Prop() label?: string;\n\n  /**\n   * How many milliseconds to wait before hiding the toast. if `\"0\"`, it will show\n   * until `close()` is called.\n   */\n  @Prop() timeout: number = 5000;\n\n  /**\n    * Indicate when closing the toast\n    */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Watch the isOpen property to start the timeout before closing\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    if (this.isOpen && this.timeout > 0) {\n      setTimeout(() => this.close(), this.timeout);\n    }\n  }\n\n  /**\n   * Open the toast\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n    if(this.timeout > 0) {\n      setTimeout(() => {\n        this.close();\n      }, this.timeout);\n    }\n  }\n\n  /**\n   * Close the toast\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.onClose.emit();\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  componentDidLoad() {\n    if (this.isOpen && this.timeout > 0) {\n      setTimeout(() => this.close(), this.timeout);\n    }\n  }\n\n  render() {\n    const toastIsOpenClass = this.isOpen ? 'toast-open' : '';\n    let icon;\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    if (this.color =='danger') {\n      this.timeout = 0\n    }\n\n    return (\n      <Host class={`${toastIsOpenClass}`} role=\"alert\">\n        <div class={`toast toast-${this.color}`}>\n          <road-icon class=\"toast-icon\" icon={icon} aria-hidden=\"true\"></road-icon>\n          <p class=\"toast-label\">{this.label}</p>\n          <button type=\"button\" class=\"toast-close\" aria-label=\"Close\" onClick={this.onClick}>\n            <road-icon icon={navigationClose} size=\"md\"></road-icon>\n          </button>\n          <slot name=\"progress\"/>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"yHAAA,MAAMA,EAAW,wrEACjB,MAAAC,EAAeD,E,MCkBFE,EAAK,MALlB,WAAAC,CAAAC,G,yCAU2BC,KAAAC,OAAkB,MAKnCD,KAAAE,MAAwB,OAWxBF,KAAAG,QAAkB,IA0ClBH,KAAAI,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHP,KAAKQ,OAAO,C,CAnCd,aAAAC,GACE,GAAIT,KAAKC,QAAUD,KAAKG,QAAU,EAAG,CACnCO,YAAW,IAAMV,KAAKQ,SAASR,KAAKG,Q,EAQxC,UAAMQ,GACJX,KAAKC,OAAS,KACd,GAAGD,KAAKG,QAAU,EAAG,CACnBO,YAAW,KACTV,KAAKQ,OAAO,GACXR,KAAKG,Q,EAQZ,WAAMK,GACJR,KAAKC,OAAS,MACdD,KAAKY,QAAQC,M,CAaf,gBAAAC,GACE,GAAId,KAAKC,QAAUD,KAAKG,QAAU,EAAG,CACnCO,YAAW,IAAMV,KAAKQ,SAASR,KAAKG,Q,EAIxC,MAAAY,GACE,MAAMC,EAAmBhB,KAAKC,OAAS,aAAe,GACtD,IAAIgB,EACJ,OAAOjB,KAAKE,OACZ,IAAK,OACHe,EAAOC,EACP,MACF,IAAK,UACHD,EAAOE,EACP,MACF,IAAK,UACHF,EAAOG,EACP,MACF,IAAK,SACHH,EAAOI,EACP,MACF,QACEJ,EAAOC,EACP,MAGF,GAAIlB,KAAKE,OAAQ,SAAU,CACzBF,KAAKG,QAAU,C,CAGjB,OACEmB,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,GAAGT,IAAoBU,KAAK,SACvCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAezB,KAAKE,SAC9BoB,EAAA,aAAAE,IAAA,2CAAWC,MAAM,aAAaR,KAAMA,EAAI,cAAc,SACtDK,EAAA,KAAAE,IAAA,2CAAGC,MAAM,eAAezB,KAAK2B,OAC7BL,EAAA,UAAAE,IAAA,2CAAQI,KAAK,SAASH,MAAM,cAAa,aAAY,QAAQrB,QAASJ,KAAKI,SACzEkB,EAAA,aAAAE,IAAA,2CAAWP,KAAMY,EAAiBC,KAAK,QAEzCR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,c","ignoreList":[]}
+{"version":3,"names":["toastCss","RoadToastStyle0","Toast","constructor","hostRef","this","isOpen","color","timeout","onClick","ev","stopPropagation","preventDefault","close","isOpenChanged","setTimeout","open","onClose","emit","componentDidLoad","render","toastIsOpenClass","icon","alertInfoOutline","alertSuccessOutline","alertWarningOutline","alertDangerOutline","h","Host","key","class","role","label","type","navigationClose","size","name"],"sources":["src/components/toast/toast.css?tag=road-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * Toast\n *\n *\n * Index\n * - Container\n * - Toast\n * - Feedback color\n * - Feedback icon\n * - Close button\n */\n\n\n/* CONTAINER\n -------------------- */\n\n:host {\n  position: fixed;\n  right: 0;\n  bottom: 1rem;\n  left: 0;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  width: 328px;\n  margin: 0 auto;\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;\n  transform: translateY(-100%);\n}\n\n@media (min-width: 1200px) {\n\n  :host {\n    right: 1.5rem;\n    bottom: 3rem;\n    left: auto;\n    width: auto;\n    transform: translateX(100%);\n  }\n}\n\n/**\n * Open state\n */\n\n:host(.toast-open) {\n  visibility: visible;\n  opacity: 1;\n  transform: none;\n}\n\n/* TOAST\n -------------------- */\n\n.toast {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 0 100%;\n  flex-flow: wrap;\n  align-items: flex-start;\n  width: 328px;\n  padding: 0.75rem 2rem 0.6rem 1rem;\n  font-family: var(--road-font);\n  font-size: var(--road-body-medium);\n  line-height: 1.4;\n  color: var(--road-on-info-surface-inverse);\n  text-align: left;\n  background: var(--road-info-surface-inverse);\n  border-radius: 0.25rem;\n}\n\n@media (min-width: 575px) {\n\n  .toast {\n    padding: 1rem;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n/* FEEDBACK COLOR\n -------------------- */\n\n/**\n * Danger\n */\n\n.toast-danger {\n  color: var(--road-on-danger-surface-inverse);\n  pointer-events: all;\n  background: var(--road-danger-surface-inverse);\n}\n\n.toast-danger road-icon {\n  color: var(--road-danger-icon-inverse);\n}\n\n/**\n * Warning\n */\n\n.toast-warning {\n  color: var(--road-on-warning-surface-inverse);\n  background: var(--road-warning-surface-inverse);\n}\n\n.toast-warning road-icon {\n  color: var(--road-warning-icon-inverse);\n}\n\n/**\n * Success\n */\n\n.toast-success {\n  color: var(--road-on-success-surface-inverse);\n  background: var(--road-success-surface-inverse);\n}\n\n.toast-success road-icon {\n  color: var(--road-success-icon-inverse);\n}\n\n/**\n * Info\n */\n\n.toast-info {\n  color: var(--road-on-info-surface-inverse);\n  background: var(--road-info-surface-inverse);\n}\n\n.toast-info road-icon {\n  color: var(--road-info-icon-inverse);\n}\n\n/* FEEDBACK ICON\n -------------------- */\n\n.toast-icon {\n  top: auto;\n  left: 0.5rem;\n  margin-top: -5px;\n  margin-right: 0.5rem;\n}\n\n@media (min-width: 575px) {\n\n  .toast-icon {\n    position: relative;\n    top: auto;\n    left: auto;\n    margin-right: 0.5rem;\n  }\n}\n\n/* CLOSE BUTTON\n -------------------- */\n\n.toast-close {\n  position: absolute;\n  right: 0.5rem;\n  padding: 0;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 4px;\n  fill: var(--road-info-icon-inverse);\n}\n\n.toast-warning .toast-close {\n  fill: var(--road-warning-icon-inverse);\n}\n\n\n/**\n * Focus state\n */\n\n.toast-close:focus {\n  border-color: var(--road-info-surface-inverse);\n  outline: none;\n}\n\n/* TOAST LABEL\n -------------------- */\n\n.toast-label{\n  width: 240px;\n  margin: 0;\n}\n\n/* TOAST PORGRESS BAR\n -------------------- */\n\n:host ::slotted(road-progress) {\n  position: absolute;\n  bottom: -8px;\n  left: 0;\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: 0.5rem;\n}\n\n/* ANIMATION\n -------------------- */\n\n\n@keyframes load {\n\n  0% {\n    width: 0;\n  }\n\n  100% {\n    width: 100%;\n  }\n}\n","import { Component, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n\n/**\n *\n * @slot progress - the progress bar in the toast.\n * color=\"info\" for Info\n * color=\"success\" for success\n * color=\"warning\" for warning\n * color=\"danger\" for danger\n */\n\n@Component({\n  tag: 'road-toast',\n  styleUrl: 'toast.css',\n  shadow: true,\n})\nexport class Toast {\n\n  /**\n   * Set `open` propertie to `true` to open the toast\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Set the color of the toast. e.g. info, success, warning, danger\n   */\n  @Prop() color: FeedbackColors = 'info';\n\n  /**\n   * Text display in the toast\n   */\n  @Prop() label?: string;\n\n  /**\n   * How many milliseconds to wait before hiding the toast. if `\"0\"`, it will show\n   * until `close()` is called.\n   */\n  @Prop() timeout: number = 5000;\n\n  /**\n    * Indicate when closing the toast\n    */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Watch the isOpen property to start the timeout before closing\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    if (this.isOpen && this.timeout > 0) {\n      setTimeout(() => this.close(), this.timeout);\n    }\n  }\n\n  /**\n   * Open the toast\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n    if(this.timeout > 0) {\n      setTimeout(() => {\n        this.close();\n      }, this.timeout);\n    }\n  }\n\n  /**\n   * Close the toast\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.onClose.emit();\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  componentDidLoad() {\n    if (this.isOpen && this.timeout > 0) {\n      setTimeout(() => this.close(), this.timeout);\n    }\n  }\n\n  render() {\n    const toastIsOpenClass = this.isOpen ? 'toast-open' : '';\n    let icon;\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    if (this.color =='danger') {\n      this.timeout = 0\n    }\n\n    return (\n      <Host class={`${toastIsOpenClass}`} role=\"alert\">\n        <div class={`toast toast-${this.color}`}>\n          <road-icon class=\"toast-icon\" icon={icon} aria-hidden=\"true\"></road-icon>\n          <p class=\"toast-label\">{this.label}</p>\n          <button type=\"button\" class=\"toast-close\" aria-label=\"Close\" onClick={this.onClick}>\n            <road-icon icon={navigationClose} size=\"md\"></road-icon>\n          </button>\n          <slot name=\"progress\"/>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yHAAA,MAAMA,EAAW,wrEACjB,MAAAC,EAAeD,E,MCkBFE,EAAK,MALlB,WAAAC,CAAAC,G,yCAU2BC,KAAAC,OAAkB,MAKnCD,KAAAE,MAAwB,OAWxBF,KAAAG,QAAkB,IA0ClBH,KAAAI,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHP,KAAKQ,OAAO,C,CAnCd,aAAAC,GACE,GAAIT,KAAKC,QAAUD,KAAKG,QAAU,EAAG,CACnCO,YAAW,IAAMV,KAAKQ,SAASR,KAAKG,Q,EAQxC,UAAMQ,GACJX,KAAKC,OAAS,KACd,GAAGD,KAAKG,QAAU,EAAG,CACnBO,YAAW,KACTV,KAAKQ,OAAO,GACXR,KAAKG,Q,EAQZ,WAAMK,GACJR,KAAKC,OAAS,MACdD,KAAKY,QAAQC,M,CAaf,gBAAAC,GACE,GAAId,KAAKC,QAAUD,KAAKG,QAAU,EAAG,CACnCO,YAAW,IAAMV,KAAKQ,SAASR,KAAKG,Q,EAIxC,MAAAY,GACE,MAAMC,EAAmBhB,KAAKC,OAAS,aAAe,GACtD,IAAIgB,EACJ,OAAOjB,KAAKE,OACZ,IAAK,OACHe,EAAOC,EACP,MACF,IAAK,UACHD,EAAOE,EACP,MACF,IAAK,UACHF,EAAOG,EACP,MACF,IAAK,SACHH,EAAOI,EACP,MACF,QACEJ,EAAOC,EACP,MAGF,GAAIlB,KAAKE,OAAQ,SAAU,CACzBF,KAAKG,QAAU,C,CAGjB,OACEmB,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,GAAGT,IAAoBU,KAAK,SACvCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAezB,KAAKE,SAC9BoB,EAAA,aAAAE,IAAA,2CAAWC,MAAM,aAAaR,KAAMA,EAAI,cAAc,SACtDK,EAAA,KAAAE,IAAA,2CAAGC,MAAM,eAAezB,KAAK2B,OAC7BL,EAAA,UAAAE,IAAA,2CAAQI,KAAK,SAASH,MAAM,cAAa,aAAY,QAAQrB,QAASJ,KAAKI,SACzEkB,EAAA,aAAAE,IAAA,2CAAWP,KAAMY,EAAiBC,KAAK,QAEzCR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,c","ignoreList":[]}

package/dist/roadtrip/{p-335498ee.entry.js → p-368b36e3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="top-end"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-end"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-end"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position="bottom-end"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;let n=false;const r=()=>{n=true};const l=()=>{n=false};let p=0;function d(){if(typeof document==="undefined")return;if(p===0){document.addEventListener("keydown",r);document.addEventListener("mousedown",l)}p++}function h(){if(typeof document==="undefined")return;p=Math.max(0,p-1);if(p===0){document.removeEventListener("keydown",r);document.removeEventListener("mousedown",l)}}const f=class{constructor(o){t(this,o);this.tooltipId=`road-tooltip-${++m}`;this.content="";this.position="top";this.contentAlign="center";this.isOpen=false;this.trigger="hover";this.onClick=()=>{if(this.hasTrigger("click")){this.isOpen?this.close():this.open()}};this.onMouseOver=()=>{if(this.hasTrigger("hover")){this.open()}};this.onMouseOut=()=>{if(this.hasTrigger("hover")){this.close()}};this.onFocus=()=>{if(n&&(this.hasTrigger("hover")||this.hasTrigger("focus"))){this.open()}};this.onBlur=()=>{if(n&&(this.hasTrigger("hover")||this.hasTrigger("focus"))){this.close()}}}async open(){this.isOpen=true}async close(){this.isOpen=false}connectedCallback(){d()}disconnectedCallback(){h()}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}render(){return o(i,{key:"1c4d0674f907e8e3006c88119ecd9d4c327597a7",onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,tabindex:"0","data-tooltip-position":this.position},o("slot",{key:"9540439d97de9867f32349f2b37dd50242522744","aria-describedby":this.tooltipId}),o("div",{key:"72eee89fa5a31dd67ddae13f444a2ba40ab55d95",part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen?"true":"false"},this.content,o("slot",{key:"974f5455db23669fd1dbc9b4c15a8919ccd0b751",name:"tooltip-content"})))}get el(){return a(this)}};let m=0;f.style=e;export{f as road_tooltip};
-//# sourceMappingURL=p-335498ee.entry.js.map
+import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="top-end"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-end"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-end"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position="bottom-end"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;let n=false;const r=()=>{n=true};const l=()=>{n=false};let p=0;function d(){if(typeof document==="undefined")return;if(p===0){document.addEventListener("keydown",r);document.addEventListener("mousedown",l)}p++}function h(){if(typeof document==="undefined")return;p=Math.max(0,p-1);if(p===0){document.removeEventListener("keydown",r);document.removeEventListener("mousedown",l)}}const f=class{constructor(o){t(this,o);this.tooltipId=`road-tooltip-${++m}`;this.content="";this.position="top";this.contentAlign="center";this.isOpen=false;this.trigger="hover";this.onClick=()=>{if(this.hasTrigger("click")){this.isOpen?this.close():this.open()}};this.onMouseOver=()=>{if(this.hasTrigger("hover")){this.open()}};this.onMouseOut=()=>{if(this.hasTrigger("hover")){this.close()}};this.onFocus=()=>{if(n&&(this.hasTrigger("hover")||this.hasTrigger("focus"))){this.open()}};this.onBlur=()=>{if(n&&(this.hasTrigger("hover")||this.hasTrigger("focus"))){this.close()}}}async open(){this.isOpen=true}async close(){this.isOpen=false}connectedCallback(){d()}disconnectedCallback(){h()}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}render(){return o(i,{key:"dbe023bc59f5d6637f901291cdd2c1a5d9b27450",onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,tabindex:"0","data-tooltip-position":this.position},o("slot",{key:"ba01929185c87ed190275aafa8326bbbbd70ebca","aria-describedby":this.tooltipId}),o("div",{key:"df67e1ec087033b72259fae58fc5447ed0d20a01",part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen?"true":"false"},this.content,o("slot",{key:"8fc2ca39b71812dabd43af2a8fb3d0b2ef223a28",name:"tooltip-content"})))}get el(){return a(this)}};let m=0;f.style=e;export{f as road_tooltip};
+//# sourceMappingURL=p-368b36e3.entry.js.map

package/dist/roadtrip/p-3d30fba4.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as s,a as e}from"./p-d7aae05d.js";const c=":host{display:block}:host(.tab-hidden){display:none}";const i=c;const n=class{constructor(t){a(this,t);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(a){this.active=this.tab===a.detail.tab}async setActive(){this.active=true}render(){const{tab:a,active:e}=this;return t(s,{key:"e5f32c9c796b1a798eca2d24a7a660d808d060f8",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${a}`,class:{"tab-hidden":!e}},t("slot",{key:"018740decce73c280c77ba78216623ac0f842e9d"}))}get el(){return e(this)}};n.style=i;export{n as road_tab};
+//# sourceMappingURL=p-3d30fba4.entry.js.map

package/dist/roadtrip/{p-1f1021bc.entry.js → p-41aa8071.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as e,H as r,a as o}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){width:100%}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const d=s;const n=class{constructor(e){a(this,e);this.roadtabbarchanged=t(this,"roadtabbarchanged",7);this.roadTabBarChanged=t(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}onTabButtonClick(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:t,secondary:o}=this;return e(r,{key:"c44503ddd4b988d4c35891794c92998299811acb",role:"tablist",class:{"tab-expand":a,"tab-center":t,"tab-secondary":o}},e("slot",{key:"356756006ef297ea0933437004f703dc8eccacf9"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=d;export{n as road_tab_bar};
-//# sourceMappingURL=p-1f1021bc.entry.js.map
+import{r as a,c as t,h as e,H as r,a as o}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){width:100%}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const d=s;const n=class{constructor(e){a(this,e);this.roadtabbarchanged=t(this,"roadtabbarchanged",7);this.roadTabBarChanged=t(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}onTabButtonClick(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:t,secondary:o}=this;return e(r,{key:"598640b2a0d7bfc657df37e30deff1a0aee2698c",role:"tablist",class:{"tab-expand":a,"tab-center":t,"tab-secondary":o}},e("slot",{key:"2f8c35375effb72f15d0b37d80ff3dd3a2779b22"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=d;export{n as road_tab_bar};
+//# sourceMappingURL=p-41aa8071.entry.js.map

package/dist/roadtrip/p-41dbdb75.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as r,a as n}from"./p-d7aae05d.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:3rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-weak);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-radius:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-right:var(--road-spacing-02);overflow:hidden}:host(:last-child){margin-right:0}:host(.btn-sm){height:2.5rem}:host(.btn-md){height:2.75rem}:host(.btn-lg){height:3rem}:host(.tab-selected){color:var(--road-button-primary);fill:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(.tab-selected:hover){color:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(:hover){color:var(--road-on-surface);background-color:var(--road-surface-inverse)}:host(.focus-visible){outline:auto}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;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)}:host ::slotted(road-icon){margin:-0.2rem var(--road-spacing-03) -0.2rem 0;float:left}.button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;align-items:center}.button-content-badge{margin-left:var(--road-spacing-03)}";const o=a;const s=class{constructor(i){t(this,i);this.roadsegmentedbuttonclick=e(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=e(this,"roadSegmentedButtonClick",7);this.size="md";this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onButtonBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.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:e,tab:n}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return i(r,{key:"c32084087edad1374074d06d73fe718361396247",onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":e?"true":null,id:n!==undefined?`tab-button-${n}`:null,class:{"tab-selected":e,[`${a}`]:true}},i("span",{key:"55c39f3b6508f33537a0d0e243bc61a700d5c533",tabIndex:-1,class:"button-native",part:"native","aria-hidden":"true"},i("span",{key:"fa599539a08ff52bbfe0c479e809926aecabc85a",class:"button-content"},i("slot",{key:"044b41c9a2217d62aa30f4221d4a5670105e7bd5"}),this.badge&&i("road-badge",{key:"35a10d98aa0149976dcb21c4f7cb546753ed933f",color:this.selected?"primary":"neutral",class:"button-content-badge"},this.badge))))}get el(){return n(this)}};s.style=o;export{s as road_segmented_button};
+//# sourceMappingURL=p-41dbdb75.entry.js.map

package/dist/roadtrip/p-41dbdb75.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["segmentedButtonCss","RoadSegmentedButtonStyle0","SegmentedButton","constructor","hostRef","this","size","selected","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","h","Host","onKeyup","role","tabindex","id","class","part","badge","color"],"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: 3rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  color: var(--road-on-surface-weak);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  background-color: var(--road-surface);\n  border-radius: 8px;\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  margin-right: var(--road-spacing-02);\n  overflow: hidden;\n}\n\n:host(:last-child){\n  margin-right: 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n  height: 2.5rem;\n}\n\n/**\n * medium\n */\n\n :host(.btn-md) {\n  height: 2.75rem;\n}\n\n/**\n* medium\n*/\n\n:host(.btn-lg) {\n  height: 3rem;\n}\n\n/**\n * Active state\n */\n\n :host(.tab-selected) {\n  color: var(--road-button-primary);\n  fill: var(--road-button-primary);\n  background-color: var(--road-button-tertiary-variant);\n}\n\n:host(.tab-selected:hover) {\n  color: var(--road-button-primary);\n  background-color: var(--road-button-tertiary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n  color: var(--road-on-surface);\n  background-color: var(--road-surface-inverse);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n  outline: auto;\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  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:host ::slotted(road-icon) {\n  margin: -0.2rem var(--road-spacing-03) -0.2rem 0;\n  float: left;\n}\n\n\n.button-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n.button-content-badge{\n  margin-left: var(--road-spacing-03);\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' | 'lg'  = '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   * A badge can be added to the segmented button by providing a string value to this property.\n   */\n  @Prop() badge?: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        <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n          <span class=\"button-content\">\n            <slot/>\n            {this.badge &&\n              <road-badge color={this.selected ? 'primary' : 'neutral'} class=\"button-content-badge\">{this.badge}</road-badge>}\n          </span>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,8gEAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,MAL5B,WAAAC,CAAAC,G,gJAYWC,KAAAC,KAA6B,KAKbD,KAAAE,SAAW,MAwD5BF,KAAAG,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCL,KAAKM,UAAUF,E,GAIXJ,KAAAO,QAAWH,IACjBJ,KAAKM,UAAUF,EAAG,C,CAzCpB,kBAAAI,CAAmBJ,GACjB,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAASX,KAAKY,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAAShB,KAAKY,IAAM,CACnHZ,KAAKE,SAAWF,KAAKiB,MAAQb,EAAGc,OAAOD,G,EAInC,SAAAX,CAAUF,GAChB,GAAIJ,KAAKiB,MAAQE,UAAW,CAC1BnB,KAAKoB,yBAAyBC,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAEjBF,KAAKsB,yBAAyBD,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAGjBE,EAAGmB,gB,EAIP,YAAYC,GACV,MAAMC,EAAczB,KAAKY,GAAGc,aAAa,YAEzC,GAAID,EAAa,CACf,OAAOzB,KAAKY,GAAGe,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAMJ,SAAEA,EAAQtB,SAAEA,EAAQe,IAAEA,GAAQjB,KAEpC,MAAM6B,EAAY7B,KAAKC,OAASkB,UAAY,OAAOnB,KAAKC,OAAS,GAGjE,OACE6B,EAACC,EAAI,CAAA1B,IAAA,2CACHE,QAASP,KAAKO,QACdyB,QAAShC,KAAKG,QACd8B,KAAK,MACLC,SAAUV,EAAQ,gBACHtB,EAAW,OAAS,KACnCiC,GAAIlB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CmB,MAAO,CACL,eAAgBlC,EAChB,CAAC,GAAG2B,KAAc,OAGpBC,EAAA,QAAAzB,IAAA,2CAAMmB,UAAW,EAAGY,MAAM,gBAAgBC,KAAK,SAAQ,cAAa,QAClEP,EAAA,QAAAzB,IAAA,2CAAM+B,MAAM,kBACVN,EAAA,QAAAzB,IAAA,6CACCL,KAAKsC,OACJR,EAAA,cAAAzB,IAAA,2CAAYkC,MAAOvC,KAAKE,SAAW,UAAY,UAAWkC,MAAM,wBAAwBpC,KAAKsC,S","ignoreList":[]}

package/dist/roadtrip/{p-456f66fc.entry.js → p-54ccd027.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as t}from"./p-d7aae05d.js";const o=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;height:72px;contain:content;padding:var(--road-spacing-04);color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline-weak)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}.toolbar-container-content-left{display:flex;flex:1}.toolbar-container-content-right{display:none}@media (min-width: 1200px){.toolbar-container-content-right{display:flex;flex:auto}}.toolbar-title-container{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}.toolbar-title{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){:host(.toolbar){display:flex;align-items:center;width:calc(100% - 260px);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}:host(.toolbar-compact){display:flex;width:calc(100% - 5.5rem);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}.toolbar-title{font-size:var(--road-font-size-21);text-align:center}}.toolbar-content{display:none}@media (min-width: 1200px){.toolbar-content{display:flex;flex:2;min-width:0;max-width:100%}}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}::slotted([slot="start"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;margin-right:var(--road-spacing-05);font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="primary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;align-self:auto}::slotted([slot="end"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="secondary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-radius:0}:host(.toolbar-primary){color:var(--road-on-header-surface);background:var(--road-header-surface)}:host(.toolbar-secondary){color:var(--road-on-secondary);background:var(--road-secondary)}';const r=o;const n=class{constructor(e){a(this,e)}render(){return e(t,{key:"09a228e4eafc2393b30c140b7287c6c881b8d7db",class:"toolbar"},e("div",{key:"562c83b301107143e3531f374ee4aab6c2d6a8a1",class:"toolbar-container"},e("div",{key:"9b6ddce805a701bab76529aac5c36e28161ec7e4",class:"toolbar-container-content-left"},e("slot",{key:"521da1cfda1737f3fb71b8a15380a890eded2b72",name:"start"}),e("slot",{key:"4b777b4cbdabe61de6503d6f455c9952851aa1b8",name:"primary"})),e("div",{key:"513270582ea6cab3852f71ebf5bbbcfa4a085bbe",class:"toolbar-content"},e("slot",{key:"41ae313ad235be1b2376199ea769fa48dec4cf20"})),e("div",{key:"d051c5ca9c5a97bb9598c25794dcfc79a446b983",class:"toolbar-container-content-right"},e("slot",{key:"a9344e556ba87fb7041eb430ad401474bdf37385",name:"secondary"}),e("slot",{key:"128c4b1aa6e53b84cb7112540f6cdbad02f942f1",name:"end"}))))}};n.style=r;export{n as road_toolbar_v2};
-//# sourceMappingURL=p-456f66fc.entry.js.map
+import{r as e,h as a,H as t}from"./p-d7aae05d.js";const o=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;height:72px;contain:content;padding:var(--road-spacing-04);color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline-weak)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}.toolbar-container-content-left{display:flex;flex:1}.toolbar-container-content-right{display:none}@media (min-width: 1200px){.toolbar-container-content-right{display:flex;flex:auto}}.toolbar-title-container{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}.toolbar-title{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){:host(.toolbar){display:flex;align-items:center;width:calc(100% - 260px);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}:host(.toolbar-compact){display:flex;width:calc(100% - 5.5rem);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}.toolbar-title{font-size:var(--road-font-size-21);text-align:center}}.toolbar-content{display:none}@media (min-width: 1200px){.toolbar-content{display:flex;flex:2;min-width:0;max-width:100%}}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}::slotted([slot="start"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;margin-right:var(--road-spacing-05);font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="primary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;align-self:auto}::slotted([slot="end"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="secondary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-radius:0}:host(.toolbar-primary){color:var(--road-on-header-surface);background:var(--road-header-surface)}:host(.toolbar-secondary){color:var(--road-on-secondary);background:var(--road-secondary)}';const r=o;const n=class{constructor(a){e(this,a)}render(){return a(t,{key:"36c585d9dec920f5b72e37733e74c4134ee67185",class:"toolbar"},a("div",{key:"947c33c46e0bbc26b75d5bab2ed2c89ab228e808",class:"toolbar-container"},a("div",{key:"83d61111f17d1022ba7b54089e203277955e0a68",class:"toolbar-container-content-left"},a("slot",{key:"7ac57443795d0347afb7e5ce1070d42ac7f91017",name:"start"}),a("slot",{key:"a6089fd013186ea231d8d88d5af878239acf92f8",name:"primary"})),a("div",{key:"441aaee506f1cf8a99921cf0a932303a9bdf18aa",class:"toolbar-content"},a("slot",{key:"b72650e9913e3f0d08fbe2d2f8eed7219e132837"})),a("div",{key:"48a7f37607c0ebd5a88620cd2ebac74bc12708ed",class:"toolbar-container-content-right"},a("slot",{key:"137e2d29e96b188194c0e9f82b6081a35119c371",name:"secondary"}),a("slot",{key:"777d8774c10c9e4a784b193139ff10085166a103",name:"end"}))))}};n.style=r;export{n as road_toolbar_v2};
+//# sourceMappingURL=p-54ccd027.entry.js.map

package/dist/roadtrip/{p-187ab5f5.entry.js → p-579fce4c.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as o,h as r,H as a}from"./p-d7aae05d.js";import{k as e}from"./p-55a946f4.js";import"./p-453fa8b4.js";const s=":host{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;background-color:var(--road-info-surface);color:var(--road-on-info-surface);font-weight:700;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;outline:1px solid var(--road-info-outline)}.chip-description{display:inline-flex;align-items:center;padding:var(--road-spacing-01) var(--road-spacing-05) var(--road-spacing-01) var(--road-spacing-03)}.chip-icon{width:1rem;height:1rem;margin-right:var(--road-spacing-03);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.chip-md){height:2rem;font-size:var(--road-font-size-16)}:host(.chip-md) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-05) var(--road-spacing-02) var(--road-spacing-03)}:host(.chip-md) .chip-icon{width:1.25rem;height:1.25rem}:host(.chip-lg){height:2.5rem;font-size:var(--road-font-size-16)}:host(.chip-lg) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-06) var(--road-spacing-02) var(--road-spacing-04)}:host(.chip-lg) .chip-icon{width:1.5rem;height:1.5rem}:host(:hover){background:var(--road-info-90);outline:2px solid var(--road-info-outline)}:host(:focus-visible),:host(.focus-visible){background:var(--road-info-90);border-radius:1.625rem;width:fit-content;overflow:auto;outline:6px double var(--road-info-outline)}:host(:active){background:var(--road-info-80);outline:3px solid var(--road-info-outline)}";const n=s;const c=class{constructor(r){i(this,r);this.chipClick=o(this,"chipClick",7);this.size="sm";this.onActivate=()=>{this.chipClick.emit()};this.onKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.onActivate()}}}render(){return r(a,{key:"178e109ebeac6b66b105e3aa12cfc1cd942e83cc",class:`chip-${this.size}`,tabindex:"0",role:"button",onClick:this.onActivate,onKeyDown:this.onKeyDown},r("div",{key:"5904c24f62ed7636205a0bf05431f698930ae615",class:"chip-description"},r("road-icon",{key:"5a6767d216edc33ba42b6788102e90469c276a7e",class:"chip-icon",color:"info",icon:e}),r("slot",{key:"03dfda63fce2ecbfeac0b16e1f54157f75bbe156"})))}};c.style=n;export{c as road_status_chip};
-//# sourceMappingURL=p-187ab5f5.entry.js.map
+import{r as i,c as o,h as r,H as a}from"./p-d7aae05d.js";import{k as s}from"./p-55a946f4.js";import"./p-453fa8b4.js";const e=":host{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;background-color:var(--road-info-surface);color:var(--road-on-info-surface);font-weight:700;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;outline:1px solid var(--road-info-outline)}.chip-description{display:inline-flex;align-items:center;padding:var(--road-spacing-01) var(--road-spacing-05) var(--road-spacing-01) var(--road-spacing-03)}.chip-icon{width:1rem;height:1rem;margin-right:var(--road-spacing-03);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.chip-md){height:2rem;font-size:var(--road-font-size-16)}:host(.chip-md) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-05) var(--road-spacing-02) var(--road-spacing-03)}:host(.chip-md) .chip-icon{width:1.25rem;height:1.25rem}:host(.chip-lg){height:2.5rem;font-size:var(--road-font-size-16)}:host(.chip-lg) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-06) var(--road-spacing-02) var(--road-spacing-04)}:host(.chip-lg) .chip-icon{width:1.5rem;height:1.5rem}:host(:hover){background:var(--road-info-90);outline:2px solid var(--road-info-outline)}:host(:focus-visible),:host(.focus-visible){background:var(--road-info-90);border-radius:1.625rem;width:fit-content;overflow:auto;outline:6px double var(--road-info-outline)}:host(:active){background:var(--road-info-80);outline:3px solid var(--road-info-outline)}";const n=e;const t=class{constructor(r){i(this,r);this.chipClick=o(this,"chipClick",7);this.size="sm";this.onActivate=()=>{this.chipClick.emit()};this.onKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.onActivate()}}}render(){return r(a,{key:"f261ddcd3afd748b815d63d973724d0898b48cd7",class:`chip-${this.size}`,tabindex:"0",role:"button",onClick:this.onActivate,onKeyDown:this.onKeyDown},r("div",{key:"1a6fdaf843be1db93ee850456d662c98c6ab182b",class:"chip-description"},r("road-icon",{key:"169dc92bb2d1ef16083019799ba80573731464f4",class:"chip-icon",color:"info",icon:s}),r("slot",{key:"4e24bd7b4a140a532970959e5c2140a54910feb6"})))}};t.style=n;export{t as road_status_chip};
+//# sourceMappingURL=p-579fce4c.entry.js.map

package/dist/roadtrip/p-7563a0f9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r}from"./p-d7aae05d.js";const s=":host{display:flex}.spinner{transform-origin:center;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner.spinner--xl{width:8rem;height:8rem}.spinner-circle{animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.spinner-circle.spinner-circle--dark{stroke:var(--road-grey-0)}.spinner-circle.spinner-circle--light{stroke:var(--road-grey-90)}@keyframes road-rotate{100%{transform:rotate(360deg)}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";const n=s;const i=class{constructor(r){e(this,r);this.size="large";this.color="default"}render(){const e=this.size!==undefined?`spinner spinner--${this.size}`:"spinner";const s=this.size!==undefined?`spinner-circle spinner-circle--${this.color}`:"spinner-circle";return r("svg",{key:"eb559d1ad35ed62c6c4cb1e7280faf29e52fe2f6",class:`${e}`,viewBox:"25 25 50 50"},r("circle",{key:"8faa4a39732b5b882a2c76abed424d95846c3083",class:`${s}`,cx:"50",cy:"50",r:"20"}))}};i.style=n;export{i as road_spinner};
+//# sourceMappingURL=p-7563a0f9.entry.js.map

package/dist/roadtrip/{p-7aceed1a.entry.js.map → p-7563a0f9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spinnerCss","RoadSpinnerStyle0","Spinner","constructor","hostRef","this","size","color","render","sizeClass","undefined","colorClass","h","key","class","viewBox","cx","cy","r"],"sources":["src/components/spinner/spinner.css?tag=road-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * Spinner\n *\n * Index\n * - Spinner\n * - Circle\n * - Animation\n */\n\n:host {\n  display: flex;\n}\n\n/* SPINNER\n -------------------- */\n\n.spinner {\n  transform-origin: center;\n  animation: road-rotate 2s linear infinite;\n}\n\n.spinner.spinner--small{\n  width: 1rem;\n  height: 1rem;\n}\n\n.spinner.spinner--medium{\n  width: 2rem;\n  height: 2rem;\n}\n\n.spinner.spinner--large {\n  width: 3rem;\n  height: 3rem;\n}\n\n.spinner.spinner--xl {\n  width: 8rem;\n  height: 8rem;\n}\n\n/* CIRCLE\n -------------------- */\n\n.spinner-circle {\n  animation: road-dash 1.5s ease-in-out infinite;\n  fill: none;\n  stroke: var(--road-primary);\n  stroke-width: 3;\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n}\n\n.spinner-circle.spinner-circle--dark {\n  stroke: var(--road-grey-0);\n}\n\n.spinner-circle.spinner-circle--light {\n  stroke: var(--road-grey-90);\n}\n\n/* ANIMATION\n -------------------- */\n\n@keyframes road-rotate {\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes road-dash {\n\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 90, 200;\n    stroke-dashoffset: -35px;\n  }\n\n  100% {\n    stroke-dashoffset: -125px;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'road-spinner',\n  styleUrl: 'spinner.css',\n  shadow: true,\n})\nexport class Spinner {\n\n  /**\n    * The button size.\n    */\n   @Prop({ reflect: true }) size?: 'small' | 'medium' | 'large' | 'xl' = 'large';\n\n   /**\n    * The color spinner.\n    */\n    @Prop({ reflect: true }) color?: 'default' | 'light' | 'dark' = 'default';\n\n    render() {\n      const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';\n      const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';\n\n\n      return (\n        <svg class={`${sizeClass}`} viewBox=\"25 25 50 50\">\n          <circle class={`${colorClass}`} cx=\"50\" cy=\"50\" r=\"20\"></circle>\n        </svg>\n      );\n    }\n\n}\n"],"mappings":"sCAAA,MAAMA,EAAa,2xBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,MALpB,WAAAC,CAAAC,G,UAU4BC,KAAAC,KAA6C,QAK5CD,KAAAE,MAAuC,S,CAEhE,MAAAC,GACE,MAAMC,EAAYJ,KAAKC,OAASI,UAAY,oBAAoBL,KAAKC,OAAS,UAC9E,MAAMK,EAAaN,KAAKC,OAASI,UAAY,kCAAkCL,KAAKE,QAAU,iBAG9F,OACEK,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGL,IAAaM,QAAQ,eAClCH,EAAA,UAAAC,IAAA,2CAAQC,MAAO,GAAGH,IAAcK,GAAG,KAAKC,GAAG,KAAKC,EAAE,O","ignoreList":[]}
+{"version":3,"names":["spinnerCss","RoadSpinnerStyle0","Spinner","constructor","hostRef","this","size","color","render","sizeClass","undefined","colorClass","h","key","class","viewBox","cx","cy","r"],"sources":["src/components/spinner/spinner.css?tag=road-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * Spinner\n *\n * Index\n * - Spinner\n * - Circle\n * - Animation\n */\n\n:host {\n  display: flex;\n}\n\n/* SPINNER\n -------------------- */\n\n.spinner {\n  transform-origin: center;\n  animation: road-rotate 2s linear infinite;\n}\n\n.spinner.spinner--small{\n  width: 1rem;\n  height: 1rem;\n}\n\n.spinner.spinner--medium{\n  width: 2rem;\n  height: 2rem;\n}\n\n.spinner.spinner--large {\n  width: 3rem;\n  height: 3rem;\n}\n\n.spinner.spinner--xl {\n  width: 8rem;\n  height: 8rem;\n}\n\n/* CIRCLE\n -------------------- */\n\n.spinner-circle {\n  animation: road-dash 1.5s ease-in-out infinite;\n  fill: none;\n  stroke: var(--road-primary);\n  stroke-width: 3;\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n}\n\n.spinner-circle.spinner-circle--dark {\n  stroke: var(--road-grey-0);\n}\n\n.spinner-circle.spinner-circle--light {\n  stroke: var(--road-grey-90);\n}\n\n/* ANIMATION\n -------------------- */\n\n@keyframes road-rotate {\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes road-dash {\n\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 90, 200;\n    stroke-dashoffset: -35px;\n  }\n\n  100% {\n    stroke-dashoffset: -125px;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'road-spinner',\n  styleUrl: 'spinner.css',\n  shadow: true,\n})\nexport class Spinner {\n\n  /**\n    * The button size.\n    */\n   @Prop({ reflect: true }) size?: 'small' | 'medium' | 'large' | 'xl' = 'large';\n\n   /**\n    * The color spinner.\n    */\n    @Prop({ reflect: true }) color?: 'default' | 'light' | 'dark' = 'default';\n\n    render() {\n      const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';\n      const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';\n\n\n      return (\n        <svg class={`${sizeClass}`} viewBox=\"25 25 50 50\">\n          <circle class={`${colorClass}`} cx=\"50\" cy=\"50\" r=\"20\"></circle>\n        </svg>\n      );\n    }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,2xBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,MALpB,WAAAC,CAAAC,G,UAU4BC,KAAAC,KAA6C,QAK5CD,KAAAE,MAAuC,S,CAEhE,MAAAC,GACE,MAAMC,EAAYJ,KAAKC,OAASI,UAAY,oBAAoBL,KAAKC,OAAS,UAC9E,MAAMK,EAAaN,KAAKC,OAASI,UAAY,kCAAkCL,KAAKE,QAAU,iBAG9F,OACEK,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGL,IAAaM,QAAQ,eAClCH,EAAA,UAAAC,IAAA,2CAAQC,MAAO,GAAGH,IAAcK,GAAG,KAAKC,GAAG,KAAKC,EAAE,O","ignoreList":[]}

package/dist/roadtrip/{p-dbb675a2.entry.js → p-77578033.entry.js}

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

package/dist/roadtrip/{p-543ef281.entry.js → p-93ffbb6e.entry.js}

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

package/dist/roadtrip/{p-6311f3f0.entry.js → p-9ecf3634.entry.js}

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

package/dist/roadtrip/{p-718c6406.entry.js → p-a25cdb1f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as s,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{background-color:var(--road-surface);outline:1px solid var(--road-outline-weak);border-radius:12px;padding:var(--road-spacing-02);display:flex}";const o=r;const n=class{constructor(a){e(this,a);this.roadsegmentedbuttonbarchanged=t(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=t(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"9d6937fa6b2840970dd93648f1e79724562d91bf",role:"tablist"},a("slot",{key:"63de3253cb8eb6e9d4fa2374a1fab04ff64b174a"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=o;export{n as road_segmented_button_bar};
-//# sourceMappingURL=p-718c6406.entry.js.map
+import{r as a,c as t,h as e,H as s,a as r}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const d=":host{background-color:var(--road-surface);outline:1px solid var(--road-outline-weak);border-radius:12px;padding:var(--road-spacing-02);display:flex}";const o=d;const n=class{constructor(e){a(this,e);this.roadsegmentedbuttonbarchanged=t(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=t(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return e(s,{key:"76466abd7a912ac1a0df83853216c3f20ac3086a",role:"tablist"},e("slot",{key:"04290019d2aea356a7fd24739b68c371455e3b70"}))}get el(){return r(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=o;export{n as road_segmented_button_bar};
+//# sourceMappingURL=p-a25cdb1f.entry.js.map

package/dist/roadtrip/{p-83f9db8d.entry.js → p-ae250ecf.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const a='.sc-road-toggle-h{--toggle-lever-width:3.63rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:var(--road-label-medium);color:var(--road-on-surface)}.form-toggle-input.sc-road-toggle{position:absolute;z-index:-1;opacity:0}.form-toggle-label.sc-road-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-toggle-label.disabled.sc-road-toggle{cursor:not-allowed}.form-toggle-lever.sc-road-toggle{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--toggle-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-on-surface-extra-weak);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-toggle-lever.sc-road-toggle::before{font-size:0.625rem;font-weight:700;color:var(--road-surface);text-transform:uppercase;content:attr(data-off)}.form-toggle-lever.sc-road-toggle::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-on-success-surface-inverse);border-radius:50%;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out}.form-toggle-lever-close.sc-road-toggle{position:absolute;left:0.1rem;z-index:1;color:var(--road-on-surface-extra-weak)}.form-toggle-lever-check.sc-road-toggle{position:absolute;right:0.1rem;z-index:1;color:var(--road-success-icon)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{justify-content:flex-start;background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface);content:attr(data-on)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::after{content:\'\';transform:translateX(calc(var(--toggle-lever-width) - 2rem))}.form-toggle-input.focus-visible.sc-road-toggle~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-primary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-secondary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-right.sc-road-toggle{margin-right:0;margin-left:0.75rem}.form-toggle-spaced.sc-road-toggle{display:flex;justify-content:space-between}';const s=a;const l=class{constructor(r){e(this,r);this.roadchange=o(this,"roadchange",7);this.roadChange=o(this,"roadChange",7);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.toggleId=`road-toggle-${g++}`;this.name=this.toggleId;this.checked=false;this.disabled=false;this.label=`${this.toggleId}-label`;this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(e){this.roadchange.emit({checked:e,value:this.value});this.roadChange.emit({checked:e,value:this.value})}render(){const e=this.toggleId+"-label";const o=r("label",{key:"8cc1a41d36f0201ba392d57fc2424aa3026f5b9e",class:"form-toggle-label",id:e,htmlFor:this.toggleId},this.label);const a=this.isSpaced&&"form-toggle-spaced";const s=this.hasLeftLabel?"form-toggle-right":"";const l=this.disabled?"disabled":"";return r(t,{key:"babe45bd3028fdb56410decc3685ab608a5f73f1"},r("input",{key:"eb99e00634ede458e45553c629a693a9faa4583e",class:"form-toggle-input",type:"checkbox",id:this.toggleId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":e,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"523e11101552847180e7d9509345349940f449b0",class:`form-toggle-label ${a} ${l}`,htmlFor:this.toggleId},this.hasLeftLabel&&o,r("div",{key:"ffc04b50698e2a4cd7ac59c1d6dd18423e298e48",class:`form-toggle-lever ${s}`},this.checked?r("road-icon",{name:"check-small-solid",class:"form-toggle-lever-check",size:"md"}):r("road-icon",{name:"navigation-close-solid",class:"form-toggle-lever-close",size:"md"})),this.hasLeftLabel?"":o))}static get watchers(){return{checked:["checkedChanged"]}}};let g=0;l.style=s;export{l as road_toggle};
-//# sourceMappingURL=p-83f9db8d.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const s='.sc-road-toggle-h{--toggle-lever-width:3.63rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:var(--road-label-medium);color:var(--road-on-surface)}.form-toggle-input.sc-road-toggle{position:absolute;z-index:-1;opacity:0}.form-toggle-label.sc-road-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-toggle-label.disabled.sc-road-toggle{cursor:not-allowed}.form-toggle-lever.sc-road-toggle{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--toggle-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-on-surface-extra-weak);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-toggle-lever.sc-road-toggle::before{font-size:0.625rem;font-weight:700;color:var(--road-surface);text-transform:uppercase;content:attr(data-off)}.form-toggle-lever.sc-road-toggle::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-on-success-surface-inverse);border-radius:50%;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out}.form-toggle-lever-close.sc-road-toggle{position:absolute;left:0.1rem;z-index:1;color:var(--road-on-surface-extra-weak)}.form-toggle-lever-check.sc-road-toggle{position:absolute;right:0.1rem;z-index:1;color:var(--road-success-icon)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{justify-content:flex-start;background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface);content:attr(data-on)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::after{content:\'\';transform:translateX(calc(var(--toggle-lever-width) - 2rem))}.form-toggle-input.focus-visible.sc-road-toggle~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-primary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-secondary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-right.sc-road-toggle{margin-right:0;margin-left:0.75rem}.form-toggle-spaced.sc-road-toggle{display:flex;justify-content:space-between}';const a=s;const l=class{constructor(r){e(this,r);this.roadchange=o(this,"roadchange",7);this.roadChange=o(this,"roadChange",7);this.roadfocus=o(this,"roadfocus",7);this.roadFocus=o(this,"roadFocus",7);this.roadblur=o(this,"roadblur",7);this.roadBlur=o(this,"roadBlur",7);this.toggleId=`road-toggle-${g++}`;this.name=this.toggleId;this.checked=false;this.disabled=false;this.label=`${this.toggleId}-label`;this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(e){this.roadchange.emit({checked:e,value:this.value});this.roadChange.emit({checked:e,value:this.value})}render(){const e=this.toggleId+"-label";const o=r("label",{key:"688af16c9f4a539dd13c5bb98c0f2a731b492c06",class:"form-toggle-label",id:e,htmlFor:this.toggleId},this.label);const s=this.isSpaced&&"form-toggle-spaced";const a=this.hasLeftLabel?"form-toggle-right":"";const l=this.disabled?"disabled":"";return r(t,{key:"530c7052c4b2d783599f0e997954a368bc49be45"},r("input",{key:"669fb27728139752f1e63319b86e804e7cf91da5",class:"form-toggle-input",type:"checkbox",id:this.toggleId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":e,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"0f186f04ecd674c4c91458a1f6ef7aca63ee60cf",class:`form-toggle-label ${s} ${l}`,htmlFor:this.toggleId},this.hasLeftLabel&&o,r("div",{key:"b0df7532dea735dfbd25da5307ba27d77fb7b6cc",class:`form-toggle-lever ${a}`},this.checked?r("road-icon",{name:"check-small-solid",class:"form-toggle-lever-check",size:"md"}):r("road-icon",{name:"navigation-close-solid",class:"form-toggle-lever-close",size:"md"})),this.hasLeftLabel?"":o))}static get watchers(){return{checked:["checkedChanged"]}}};let g=0;l.style=a;export{l as road_toggle};
+//# sourceMappingURL=p-ae250ecf.entry.js.map

package/dist/roadtrip/{p-3d4cd373.entry.js → p-ae53bc43.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,H as a}from"./p-d7aae05d.js";const t=":host(.text-primary){color:var(--road-primary-10)}:host(.text-secondary){color:var(--road-secondary)}:host(.text-accent){color:var(--road-secondary-50)}:host(.text-info){color:var(--road-on-info-surface)}:host(.text-success){color:var(--road-on-success-surface)}:host(.text-warning){color:var(--road-on-warning-surface)}:host(.text-danger){color:var(--road-on-danger-surface)}:host(.text-default){color:var(--road-on-surface)}:host(.text-default-second){color:var(--road-grey-40)}:host(.text-disabled){color:var(--road-grey-60)}:host(.text-white){color:var(--road-grey-100-new)}";const e=t;const s=class{constructor(r){o(this,r);this.color="default"}render(){const o=this.color!==undefined?`text-${this.color}`:"";return r(a,{key:"0601af1046143f243308bb9923105842fe2c25ea",class:`${o}`},r("slot",{key:"7aa5402a3d3bbface4a39414a5415bce1b0ac878"}))}};s.style=e;export{s as road_text};
-//# sourceMappingURL=p-3d4cd373.entry.js.map
+import{r as o,h as r,H as t}from"./p-d7aae05d.js";const e=":host(.text-primary){color:var(--road-primary-10)}:host(.text-secondary){color:var(--road-secondary)}:host(.text-accent){color:var(--road-secondary-50)}:host(.text-info){color:var(--road-on-info-surface)}:host(.text-success){color:var(--road-on-success-surface)}:host(.text-warning){color:var(--road-on-warning-surface)}:host(.text-danger){color:var(--road-on-danger-surface)}:host(.text-default){color:var(--road-on-surface)}:host(.text-default-second){color:var(--road-grey-40)}:host(.text-disabled){color:var(--road-grey-60)}:host(.text-white){color:var(--road-grey-100-new)}";const a=e;const s=class{constructor(r){o(this,r);this.color="default"}render(){const o=this.color!==undefined?`text-${this.color}`:"";return r(t,{key:"727ee50da083fe2504862c80ed7aa5e5392e0226",class:`${o}`},r("slot",{key:"6e5322eed782d23164f11060a5be01a140182d5d"}))}};s.style=a;export{s as road_text};
+//# sourceMappingURL=p-ae53bc43.entry.js.map

package/dist/roadtrip/{p-61190b12.entry.js → p-bfc2379c.entry.js}

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

package/dist/roadtrip/{p-da0a75ff.entry.js → p-c6206416.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as o}from"./p-d7aae05d.js";const r=".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=r;const e=class{constructor(o){a(this,o)}render(){return o("slot",{key:"df60a444f486b688b982684f727e28468022b801"})}};e.style=t;export{e as road_table};
-//# sourceMappingURL=p-da0a75ff.entry.js.map
+import{r as a,h as o}from"./p-d7aae05d.js";const r=".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=r;const e=class{constructor(o){a(this,o)}render(){return o("slot",{key:"81dd5f1f536cbc1362baa3027bb76b8fa5a6022b"})}};e.style=t;export{e as road_table};
+//# sourceMappingURL=p-c6206416.entry.js.map

package/dist/roadtrip/{p-85e18b2f.entry.js → p-d42b2603.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;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-page{font-size:var(--road-font-size-20);text-align:center}}";const a=o;const i=class{constructor(e){t(this,e)}render(){return e("div",{key:"865af785629a79a7448df7721885cbe25eead4f1",class:"toolbar-title-page"},e("slot",{key:"a0778c790e42b8b54db2c5407d874d5e7924ab86"}))}};i.style=a;export{i as road_toolbar_title_page};
-//# sourceMappingURL=p-85e18b2f.entry.js.map
+import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;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-page{font-size:var(--road-font-size-20);text-align:center}}";const a=o;const i=class{constructor(e){t(this,e)}render(){return e("div",{key:"6523ca97a8377f6af5fd0800aa5543cbc316f13f",class:"toolbar-title-page"},e("slot",{key:"c5d3422ec09f1d54d24fb28cb2be7a84dd700703"}))}};i.style=a;export{i as road_toolbar_title_page};
+//# sourceMappingURL=p-d42b2603.entry.js.map

package/dist/roadtrip/{p-5381957c.entry.js → p-fb7caf90.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as r,H as c}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=i;const o=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${a++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"22fa2b6f8be006647d123f0fc8eb077afad13aca",class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const i=this.color!==undefined?"form-switch-"+this.color:"";const e=this.isSpaced&&"form-switch-spaced";const o=this.hasLeftLabel?"form-switch-right":"";return r(c,{key:"afcb3cea4c1ee2740769cc1364d9175d5a144ba7"},r("input",{key:"2dace2130557a4c73b79dcd494cc33a7541e6737",class:"form-switch-input",type:"checkbox",id:this.switchId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":s,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"81450123a463b3619774e65b7e49c3637b5d0037",class:`form-switch-label ${e} ${i}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{key:"4bf60bf353f80414ac1bba264966b0ca00405b07",class:`form-switch-lever ${o}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let a=0;o.style=e;export{o as road_switch};
-//# sourceMappingURL=p-5381957c.entry.js.map
+import{r as s,c as t,h as r,H as c}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=i;const o=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${a++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"c232e4f3505aa5d27a54077cf9883fef864efc4d",class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const i=this.color!==undefined?"form-switch-"+this.color:"";const e=this.isSpaced&&"form-switch-spaced";const o=this.hasLeftLabel?"form-switch-right":"";return r(c,{key:"3d93be9bb557c13028dabaef2e82a1e53b814c56"},r("input",{key:"9682f18c59fa23c8bdaeb30c27ea0aea4c37b2e2",class:"form-switch-input",type:"checkbox",id:this.switchId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":s,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"30340789f9d2d0182d478f7e840d705afcb4cf13",class:`form-switch-label ${e} ${i}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{key:"7dd93e85e3a444f92dbfb524e5ba401e1f5ecb7d",class:`form-switch-lever ${o}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let a=0;o.style=e;export{o as road_switch};
+//# sourceMappingURL=p-fb7caf90.entry.js.map

package/dist/roadtrip/{p-d1de4eb6.entry.js → p-fba1b425.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as l,H as t}from"./p-d7aae05d.js";const a='.sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:" *"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}.helper.sc-road-select{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}';const c=a;const r=class{constructor(l){e(this,l);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.roadfocus=s(this,"roadfocus",7);this.roadFocus=s(this,"roadFocus",7);this.roadblur=s(this,"roadblur",7);this.roadBlur=s(this,"roadBlur",7);this.selectId=`road-select-${o++}`;this.options=[];this.autofocus=false;this.disabled=false;this.name=this.selectId;this.required=false;this.size=0;this.sizes="xl";this.label=`${this.selectId}-label`;this.onChange=e=>{const s=e.target;if(s){this.value=s.value||null}};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){if(this.value===null){this.resetSelection()}else{this.addSelected()}this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}componentWillLoad(){if(this.value===null){this.resetSelection()}else{this.addSelected()}}addSelected(){this.options.forEach((e=>e.selected=false));const e=this.options.find((e=>e.value==this.value));if(e){e.selected=true}}resetSelection(){this.value=null;this.options.forEach((e=>e.selected=false))}render(){const e=this.selectId+"-label";const s=this.value&&this.value!==""?"has-value":"";const a=this.error!==undefined&&this.error!==""?"is-invalid":"";return l(t,{key:"e86d30d1fe1fd95d7b70140a57d76f3992cbc035",class:this.sizes&&`select-${this.sizes}`},l("select",{key:"9a438873eedc20213b7e6c8bae2c648c9c1e0ad1",class:`form-select ${s} ${a}`,id:this.selectId,"aria-disabled":this.disabled?"true":null,autoFocus:this.autofocus,disabled:this.disabled,name:this.name,required:this.required,size:this.size,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur},l("option",{key:"67d63f752f9f0fa2d48ee4ec07029c7e43706729",selected:!this.value,disabled:true,hidden:true,style:{display:"none"},value:""}),this.options&&this.options.map((e=>l("option",{value:e.value,selected:this.value!==null&&e.value==this.value},e.label)))),l("label",{key:"c07e091eb4b6da4ab793c2056131c16bf9ee4723",class:"form-select-label",id:e,htmlFor:this.selectId},this.label),this.error&&this.error!==""&&l("p",{key:"d01132cad717c35ca5a5afe2ad8effb697037a13",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&l("p",{key:"2f884ebd87cf990ab093ee5a023cd698c6883a8f",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let o=0;r.style=c;export{r as road_select};
-//# sourceMappingURL=p-d1de4eb6.entry.js.map
+import{r as e,c as s,h as l,H as t}from"./p-d7aae05d.js";const a='.sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:" *"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}.helper.sc-road-select{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}';const r=a;const c=class{constructor(l){e(this,l);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.roadfocus=s(this,"roadfocus",7);this.roadFocus=s(this,"roadFocus",7);this.roadblur=s(this,"roadblur",7);this.roadBlur=s(this,"roadBlur",7);this.selectId=`road-select-${o++}`;this.options=[];this.autofocus=false;this.disabled=false;this.name=this.selectId;this.required=false;this.size=0;this.sizes="xl";this.label=`${this.selectId}-label`;this.onChange=e=>{const s=e.target;if(s){this.value=s.value||null}};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){if(this.value===null){this.resetSelection()}else{this.addSelected()}this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}componentWillLoad(){if(this.value===null){this.resetSelection()}else{this.addSelected()}}addSelected(){this.options.forEach((e=>e.selected=false));const e=this.options.find((e=>e.value==this.value));if(e){e.selected=true}}resetSelection(){this.value=null;this.options.forEach((e=>e.selected=false))}render(){const e=this.selectId+"-label";const s=this.value&&this.value!==""?"has-value":"";const a=this.error!==undefined&&this.error!==""?"is-invalid":"";return l(t,{key:"5bb29d6c8e7ed03e244ec3fdd239589bab5cabe0",class:this.sizes&&`select-${this.sizes}`},l("select",{key:"2493089b1bb3c57c3af43ebbb5daff18ae4744e0",class:`form-select ${s} ${a}`,id:this.selectId,"aria-disabled":this.disabled?"true":null,autoFocus:this.autofocus,disabled:this.disabled,name:this.name,required:this.required,size:this.size,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur},l("option",{key:"e2bf03909eac53047f830ce9a655a643690f918e",selected:!this.value,disabled:true,hidden:true,style:{display:"none"},value:""}),this.options&&this.options.map((e=>l("option",{value:e.value,selected:this.value!==null&&e.value==this.value},e.label)))),l("label",{key:"8a8ad20b057bec306e122587b24f5ffbcb79a3de",class:"form-select-label",id:e,htmlFor:this.selectId},this.label),this.error&&this.error!==""&&l("p",{key:"1d5648a6e2fb46921900ff639b17ac5cc536350e",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&l("p",{key:"88a14e5d848bda00fea2088013037f37559387f0",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let o=0;c.style=r;export{c as road_select};
+//# sourceMappingURL=p-fba1b425.entry.js.map

package/dist/roadtrip/{p-ceb904c0.entry.js → p-fc261f58.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as i,H as r,a as t}from"./p-d7aae05d.js";const s='.required-indicator.sc-road-time-range-picker{color:var(--road-on-danger-surface);content:" *"}.time-range-picker-content.sc-road-time-range-picker road-input.sc-road-time-range-picker{margin-bottom:0}.time-range-picker.sc-road-time-range-picker .messages.sc-road-time-range-picker{display:flex;flex-direction:column}.invalid-feedback.sc-road-time-range-picker{font-size:var(--road-helper-medium);color:var(--road-on-danger-surface);display:flex;align-items:center;gap:4px}.invalid-feedback.sc-road-time-range-picker road-icon.sc-road-time-range-picker{color:var(--road-danger-icon)}.sc-road-time-range-picker-h road-input.error-border.sc-road-time-range-picker{border-radius:0.25rem;outline:1px solid var(--road-danger-outline);outline-offset:-1px}';const d=s;const n=class{constructor(i){e(this,i);this.roadChange=a(this,"roadChange",7);this.roadInput=a(this,"roadInput",7);this.roadFocus=a(this,"roadFocus",7);this.roadBlur=a(this,"roadBlur",7);this.disabled=false;this.required=false;this.sizes="lg";this.handleStartChange=e=>{var a;this.start=(a=e.detail.value)!==null&&a!==void 0?a:undefined;this.emitChange()};this.handleEndChange=e=>{var a;this.end=(a=e.detail.value)!==null&&a!==void 0?a:undefined;this.emitChange()}}get errorMessages(){if(!this.error)return[];if(Array.isArray(this.error))return this.error.flatMap((e=>typeof e==="string"?e.split(","):[e]));return this.error.split(",")}async updateInvalidClasses(){var e;const a=Array.from(this.hostEl.querySelectorAll('road-input[slot="start"], road-input[slot="end"]'));for(const i of a){await((e=i.componentOnReady)===null||e===void 0?void 0:e.call(i));if(this.errorMessages.length>0){i.style.borderRadius="0.25rem";i.style.outline=`1px solid var(--road-danger-outline)`;i.style.outlineOffset="-1px"}else{i.style.borderRadius="";i.style.outline="";i.style.outlineOffset=""}}}validateRange(){if(this.start&&this.end&&this.start>this.end){this.error="L’heure de début doit être inférieure à l’heure de fin."}else{this.error=undefined}}async emitChange(){this.validateRange();this.roadChange.emit({start:this.start,end:this.end});await this.updateInvalidClasses()}componentDidLoad(){const e=this.hostEl.querySelector('[slot="start"]');const a=this.hostEl.querySelector('[slot="end"]');if(e){e.addEventListener("roadChange",this.handleStartChange)}if(a){a.addEventListener("roadChange",this.handleEndChange)}this.updateInvalidClasses()}async getRange(){return{start:this.start,end:this.end}}render(){return i(r,{key:"f7a337665eb1016b95f56541fdf7b6cdcdc780c8",class:`time-range-picker input-${this.sizes}`},this.label&&i("p",{key:"772b61e54d0ca9502478ad77c187a5cc335428d4",class:"label m-0"},this.label,this.required&&i("span",{key:"efabe848fff7e3ce895912147f88f6761a771ab0",class:"required-indicator"}," *")),i("div",{key:"40b1b5929465e8535e228208c7296fa4deb3854f",class:"time-range-picker-content d-flex align-items-center my-4"},i("slot",{key:"b49add1d8f8b7ae6555313e2d5bc0f53a885d3aa",name:"start"}),i("span",{key:"2cdd55b31ddbe0d5746512ad1541caf98c5a63e2",class:"separator mx-12"},this.separator),i("slot",{key:"28b5151feb9c22781cb7c0a9f0896a5cd9138d92",name:"end"})),i("div",{key:"478b58bb644b82daa44f0ca9660a3f5c16b0515e",class:"messages mt-1"},this.errorMessages.map(((e,a)=>i("p",{key:a,class:"invalid-feedback m-0"},i("road-icon",{slot:"start",name:"alert-error-solid","aria-hidden":"true",size:"sm"}),e.trim())))),this.helper&&i("p",{key:"6fe2ec16f7f8094c8a023bba654252cc6f366cbc",class:"helper mt-1"},this.helper))}get hostEl(){return t(this)}};n.style=d;export{n as road_time_range_picker};
-//# sourceMappingURL=p-ceb904c0.entry.js.map
+import{r as e,c as a,h as i,H as r,a as t}from"./p-d7aae05d.js";const s='.required-indicator.sc-road-time-range-picker{color:var(--road-on-danger-surface);content:" *"}.time-range-picker-content.sc-road-time-range-picker road-input.sc-road-time-range-picker{margin-bottom:0}.time-range-picker.sc-road-time-range-picker .messages.sc-road-time-range-picker{display:flex;flex-direction:column}.invalid-feedback.sc-road-time-range-picker{font-size:var(--road-helper-medium);color:var(--road-on-danger-surface);display:flex;align-items:center;gap:4px}.invalid-feedback.sc-road-time-range-picker road-icon.sc-road-time-range-picker{color:var(--road-danger-icon)}.sc-road-time-range-picker-h road-input.error-border.sc-road-time-range-picker{border-radius:0.25rem;outline:1px solid var(--road-danger-outline);outline-offset:-1px}';const d=s;const n=class{constructor(i){e(this,i);this.roadChange=a(this,"roadChange",7);this.roadInput=a(this,"roadInput",7);this.roadFocus=a(this,"roadFocus",7);this.roadBlur=a(this,"roadBlur",7);this.disabled=false;this.required=false;this.sizes="lg";this.handleStartChange=e=>{var a;this.start=(a=e.detail.value)!==null&&a!==void 0?a:undefined;this.emitChange()};this.handleEndChange=e=>{var a;this.end=(a=e.detail.value)!==null&&a!==void 0?a:undefined;this.emitChange()}}get errorMessages(){if(!this.error)return[];if(Array.isArray(this.error))return this.error.flatMap((e=>typeof e==="string"?e.split(","):[e]));return this.error.split(",")}async updateInvalidClasses(){var e;const a=Array.from(this.hostEl.querySelectorAll('road-input[slot="start"], road-input[slot="end"]'));for(const i of a){await((e=i.componentOnReady)===null||e===void 0?void 0:e.call(i));if(this.errorMessages.length>0){i.style.borderRadius="0.25rem";i.style.outline=`1px solid var(--road-danger-outline)`;i.style.outlineOffset="-1px"}else{i.style.borderRadius="";i.style.outline="";i.style.outlineOffset=""}}}validateRange(){if(this.start&&this.end&&this.start>this.end){this.error="L’heure de début doit être inférieure à l’heure de fin."}else{this.error=undefined}}async emitChange(){this.validateRange();this.roadChange.emit({start:this.start,end:this.end});await this.updateInvalidClasses()}componentDidLoad(){const e=this.hostEl.querySelector('[slot="start"]');const a=this.hostEl.querySelector('[slot="end"]');if(e){e.addEventListener("roadChange",this.handleStartChange)}if(a){a.addEventListener("roadChange",this.handleEndChange)}this.updateInvalidClasses()}async getRange(){return{start:this.start,end:this.end}}render(){return i(r,{key:"4c05c2fcbbe5c0f7df1c3e9750873faad0fa7b5c",class:`time-range-picker input-${this.sizes}`},this.label&&i("p",{key:"2c963e240ae199d1eee6ba76d85013eac8ccfdb8",class:"label m-0"},this.label,this.required&&i("span",{key:"d8232329248063a4b3dc7b4ba746cb31d4e9f56e",class:"required-indicator"}," *")),i("div",{key:"a848889d0465791fb95ce1c8264212d681e60ae9",class:"time-range-picker-content d-flex align-items-center my-4"},i("slot",{key:"a4ded18bd9a179c34616e5a176c4c96189a99de8",name:"start"}),i("span",{key:"abd5e370b9ae64e5ce7f236017c0bf02a15ef8de",class:"separator mx-12"},this.separator),i("slot",{key:"a8445f25548d8580c6275860d330e189f64d1d4c",name:"end"})),i("div",{key:"26723daafbce66f009a0b3d2708a0fa47531947d",class:"messages mt-1"},this.errorMessages.map(((e,a)=>i("p",{key:a,class:"invalid-feedback m-0"},i("road-icon",{slot:"start",name:"alert-error-solid","aria-hidden":"true",size:"sm"}),e.trim())))),this.helper&&i("p",{key:"751b03bef9d11b330916ca30d431185034d65294",class:"helper mt-1"},this.helper))}get hostEl(){return t(this)}};n.style=d;export{n as road_time_range_picker};
+//# sourceMappingURL=p-fc261f58.entry.js.map