@roadtrip/components 3.11.0 → 3.11.1

package/dist/roadtrip/{p-e68a3ae5.entry.js → p-785bcbdf.entry.js}

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

package/dist/roadtrip/p-785bcbdf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["carouselItemCss","CarouselItem","render","h","Host","class"],"sources":["src/components/carousel-item/carousel-item.css?tag=road-carousel-item","src/components/carousel-item/carousel-item.tsx"],"sourcesContent":["/*\n * Carousel Item\n *\n * Index\n * - Slide\n * - Image\n */\n\nroad-carousel-item {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n}\n\n/* SLIDE\n -------------------- */\n\n.slide-zoom {\n  display: block;\n  width: 100%;\n  text-align: center;\n}\n\n.swiper-slide {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 18px;\n  text-align: center;\n}\n\n/* IMAGE\n -------------------- */\n\n.swiper-slide road-img {\n  pointer-events: none;\n}\n\n.swiper-slide img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 100%;\n  pointer-events: none;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot - Content of the carousel item, it should be road-img or road-card.\n */\n\n@Component({\n  tag: 'road-carousel-item',\n  styleUrl: 'carousel-item.css',\n})\nexport class CarouselItem {\n\n  render() {\n    return (\n      <Host\n        class={{\n          'swiper-slide': true,\n          'swiper-zoom-container': true,\n        }}\n      >\n        <slot/>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,4a,MCUXC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,eAAgB,KAChB,wBAAyB,OAG3BF,EAAA,a"}

package/dist/roadtrip/{p-ee0196ea.entry.js → p-7ac13838.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,e as t,h as r,H as i}from"./p-abdbf6ac.js";import"./p-e8c090a5.js";const c='.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 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.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()};this.switchId=`road-switch-${e++}`;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"}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",{class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const c=this.color!==undefined?"form-switch-"+this.color:"";const o=this.isSpaced&&"form-switch-spaced";const e=this.hasLeftLabel?"form-switch-right":"";return r(i,null,r("input",{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",{class:`form-switch-label ${o} ${c}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{class:`form-switch-lever ${e}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let e=0;o.style=c;export{o as road_switch};
-//# sourceMappingURL=p-ee0196ea.entry.js.map
+import{r as s,c as t,h as r,H as i}from"./p-6475c1af.js";import"./p-1ccae339.js";const c='.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 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.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()};this.switchId=`road-switch-${e++}`;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"}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",{class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const c=this.color!==undefined?"form-switch-"+this.color:"";const o=this.isSpaced&&"form-switch-spaced";const e=this.hasLeftLabel?"form-switch-right":"";return r(i,null,r("input",{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",{class:`form-switch-label ${o} ${c}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{class:`form-switch-lever ${e}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let e=0;o.style=c;export{o as road_switch};
+//# sourceMappingURL=p-7ac13838.entry.js.map

package/dist/roadtrip/p-7ac13838.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["switchCss","Switch","this","onClick","checked","onFocus","roadfocus","emit","roadFocus","onBlur","roadBlur","roadblur","switchIds","switchId","checkedChanged","isChecked","roadchange","value","roadChange","render","labelId","textLabel","h","class","id","htmlFor","label","colorClass","color","undefined","isSpacedClass","isSpaced","rightSwitchClass","hasLeftLabel","Host","type","name","disabled","off","on"],"sources":["src/components/switch/switch.css?tag=road-switch&encapsulation=scoped","src/components/switch/switch.tsx"],"sourcesContent":["/*\n * Switch\n *\n * For accessibility, we provide a style for focus only on Tab,\n * for that add the javascript polyfill for focus-visible\n * (https://github.com/WICG/focus-visible).\n *\n * Index\n * - Switch\n * - Label\n * - Lever\n * - Feedback\n * - Position\n */\n\n/**\n * @prop --switch-lever-width: width of the lever\n */\n\n/* SWITCH\n -------------------- */\n\n:host {\n  --switch-lever-width: 4.5rem;\n\n  position: relative;\n  display: block;\n  margin-bottom: 1rem;\n  font-family: var(--road-font, sans-serif);\n  font-size: 1rem;\n  color: var(--road-grey-900);\n}\n\n/**\n * Hide input\n */\n\n.form-switch-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n/* LABEL\n -------------------- */\n\n.form-switch-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* LEVER\n -------------------- */\n\n.form-switch-lever {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: flex-end;\n  width: var(--switch-lever-width);\n  height: 2rem;\n  padding: 0.5rem 0.625rem;\n  margin-right: 0.75rem;\n  font-size: 0.625rem;\n  font-weight: 700;\n  line-height: 1.6;\n  content: \"\";\n  background: var(--road-grey-400);\n  border: 0.125rem solid transparent;\n  border-radius: 1.125rem;\n  transition: background 0.2s ease-in-out;\n}\n\n/**\n * Text in the switch widget\n */\n\n.form-switch-lever::before {\n  font-size: 0.625rem;\n  font-weight: 700;\n  color: var(--road-grey-000);\n  text-transform: uppercase;\n  content: attr(data-off);\n}\n\n/**\n * Round lever in the widget\n */\n\n.form-switch-lever::after {\n  position: absolute;\n  top: 0.0625rem;\n  left: 0.0625rem;\n  display: block;\n  width: 1.625rem;\n  height: 1.625rem;\n  content: \"\";\n  background: var(--road-grey-000);\n  border-radius: 50%;\n  box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);\n  transition: transform 0.2s ease-in-out;\n}\n\n/**\n * Checked state\n */\n\n.form-switch-input:checked ~ .form-switch-label .form-switch-lever {\n  justify-content: flex-start;\n}\n\n.form-switch-input:checked ~ .form-switch-label .form-switch-lever::before {\n  content: attr(data-on);\n}\n\n.form-switch-input:checked ~ .form-switch-label .form-switch-lever::after {\n  transform: translateX(calc(var(--switch-lever-width) - 2rem));\n}\n\n/**\n * Focus on Tab\n */\n\n.form-switch-input.focus-visible ~ .form-switch-label .form-switch-lever {\n  box-shadow: 0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700);\n}\n\n/* FEEDBACK\n -------------------- */\n\n/**\n * Secondary\n */\n\n.form-switch-input:checked ~ .form-switch-secondary .form-switch-lever {\n  background: var(--road-primary-500);\n}\n\n.form-switch-input:checked ~ .form-switch-secondary .form-switch-lever::before {\n  color: var(--road-primary-contrast);\n}\n\n/**\n * Info\n */\n\n.form-switch-input:checked ~ .form-switch-info .form-switch-lever {\n  background: var(--road-info-default);\n}\n\n.form-switch-input:checked ~ .form-switch-info .form-switch-lever::before {\n  color: var(--road-info-contrast);\n}\n\n/**\n * Success\n */\n\n.form-switch-input:checked ~ .form-switch-success .form-switch-lever {\n  background: var(--road-success-default);\n}\n\n.form-switch-input:checked ~ .form-switch-success .form-switch-lever::before {\n  color: var(--road-success-contrast);\n}\n\n/**\n * Warning\n */\n\n.form-switch-input:checked ~ .form-switch-warning .form-switch-lever {\n  background: var(--road-warning-default);\n}\n\n.form-switch-input:checked ~ .form-switch-warning .form-switch-lever::before {\n  color: var(--road-warning-contrast);\n}\n\n/**\n * Danger\n */\n\n.form-switch-input:checked ~ .form-switch-danger .form-switch-lever {\n  background: var(--road-danger-default);\n}\n\n.form-switch-input:checked ~ .form-switch-danger .form-switch-lever::before {\n  color: var(--road-danger-contrast);\n}\n\n/* POSITION\n -------------------- */\n\n.form-switch-right {\n  margin-right: 0;\n  margin-left: 0.75rem;\n}\n\n.form-switch-spaced {\n  display: flex;\n  justify-content: space-between;\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport './../../utils/polyfill';\n\nimport { FeedbackColors } from '../../interface';\n\n@Component({\n  tag: 'road-switch',\n  styleUrl: 'switch.css',\n  scoped: true,\n})\nexport class Switch {\n\n  /**\n   * The id of switch\n   */\n  @Prop() switchId: string = `road-switch-${switchIds++}`;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.switchId;\n\n  /**\n   * If `true`, the switch is checked.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * If `true`, the user cannot interact with the switch.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Label for the field\n   */\n  @Prop() label: string = `${this.switchId}-label`;\n\n  /**\n   * Set the color of alert. e.g. info, success, warning, danger\n   */\n  @Prop() color?: 'secondary' | FeedbackColors = 'secondary';\n\n  /**\n   * If `true`, the label is at left of the switch\n   */\n  @Prop() hasLeftLabel: boolean = false;\n\n  /**\n   * Add space between label and switch element\n   */\n  @Prop() isSpaced: boolean = false;\n\n  /**\n   * Value the form will get\n   */\n  @Prop() value: string = 'on';\n\n  /**\n   * Text display for \"`on`\" state in the switch lever\n   */\n  @Prop() on: string = \"yes\";\n\n  /**\n   * Text display for \"`off`\" state in the switch lever\n   */\n  @Prop() off: string = \"no\";\n\n  /**\n   * Emitted when the checked property has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    checked: boolean;\n    value: string | undefined | null\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    checked: boolean;\n    value: string | undefined | null\n  }>;\n\n  /**\n   * Emitted when the switch has focus.\n   */\n  @Event() roadfocus!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the switch loses focus.\n   */\n  @Event() roadblur!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadBlur!: EventEmitter<void>;\n\n  @Watch('checked')\n  checkedChanged(isChecked: boolean) {\n    this.roadchange.emit({\n      checked: isChecked,\n      value: this.value,\n    });\n    this.roadChange.emit({\n      checked: isChecked,\n      value: this.value,\n    });\n  }\n\n  private onClick = () => {\n    this.checked = !this.checked;\n  };\n\n  private onFocus = () => {\n    this.roadfocus.emit();\n    this.roadFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.roadBlur.emit();\n    this.roadblur.emit();\n  };\n\n  render() {\n    const labelId = this.switchId + '-label';\n    const textLabel = <label class=\"form-switch-label\" id={labelId} htmlFor={this.switchId}>{this.label}</label>;\n    const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';\n    const isSpacedClass = this.isSpaced && 'form-switch-spaced';\n    const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';\n\n    return (\n      <Host>\n        <input\n          class=\"form-switch-input\"\n          type=\"checkbox\"\n          id={this.switchId}\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          value={this.value}\n          aria-checked={`${this.checked}`}\n          aria-disabled={this.disabled ? 'true' : null}\n          aria-labelledby={labelId}\n          onClick={this.onClick}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n        />\n        <label class={`form-switch-label ${isSpacedClass} ${colorClass}`} htmlFor={this.switchId}>\n          {this.hasLeftLabel && textLabel}\n          <div class={`form-switch-lever ${rightSwitchClass}`} data-off={this.off} data-on={this.on}></div>\n          {this.hasLeftLabel ? '' : textLabel}\n        </label>\n      </Host>\n    );\n  }\n}\n\nlet switchIds = 0;\n"],"mappings":"iFAAA,MAAMA,EAAY,++G,MCULC,EAAM,M,uPAgGTC,KAAAC,QAAU,KAChBD,KAAKE,SAAWF,KAAKE,OAAO,EAGtBF,KAAAG,QAAU,KAChBH,KAAKI,UAAUC,OACfL,KAAKM,UAAUD,MAAM,EAGfL,KAAAO,OAAS,KACfP,KAAKQ,SAASH,OACdL,KAAKS,SAASJ,MAAM,E,cAtGK,eAAeK,M,UAKnBV,KAAKW,S,aAKO,M,cAKhB,M,WAKK,GAAGX,KAAKW,iB,WAKe,Y,kBAKf,M,cAKJ,M,WAKJ,K,QAKH,M,SAKC,I,CA8BtB,cAAAC,CAAeC,GACbb,KAAKc,WAAWT,KAAK,CACnBH,QAASW,EACTE,MAAOf,KAAKe,QAEdf,KAAKgB,WAAWX,KAAK,CACnBH,QAASW,EACTE,MAAOf,KAAKe,O,CAkBhB,MAAAE,GACE,MAAMC,EAAUlB,KAAKW,SAAW,SAChC,MAAMQ,EAAYC,EAAA,SAAOC,MAAM,oBAAoBC,GAAIJ,EAASK,QAASvB,KAAKW,UAAWX,KAAKwB,OAC9F,MAAMC,EAAazB,KAAK0B,QAAUC,UAAY,eAAiB3B,KAAK0B,MAAQ,GAC5E,MAAME,EAAgB5B,KAAK6B,UAAY,qBACvC,MAAMC,EAAmB9B,KAAK+B,aAAe,oBAAsB,GAEnE,OACEX,EAACY,EAAI,KACHZ,EAAA,SACEC,MAAM,oBACNY,KAAK,WACLX,GAAItB,KAAKW,SACTuB,KAAMlC,KAAKkC,KACXhC,QAASF,KAAKE,QACdiC,SAAUnC,KAAKmC,SACfpB,MAAOf,KAAKe,MAAK,eACH,GAAGf,KAAKE,UAAS,gBAChBF,KAAKmC,SAAW,OAAS,KAAI,kBAC3BjB,EACjBjB,QAASD,KAAKC,QACdE,QAASH,KAAKG,QACdI,OAAQP,KAAKO,SAEfa,EAAA,SAAOC,MAAO,qBAAqBO,KAAiBH,IAAcF,QAASvB,KAAKW,UAC7EX,KAAK+B,cAAgBZ,EACtBC,EAAA,OAAKC,MAAO,qBAAqBS,IAAkB,WAAY9B,KAAKoC,IAAG,UAAWpC,KAAKqC,KACtFrC,KAAK+B,aAAe,GAAKZ,G,4DAOpC,IAAIT,EAAY,E"}

package/dist/roadtrip/{p-9432708d.entry.js → p-7d6a3545.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s,H as e}from"./p-abdbf6ac.js";const a=".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load 5s normal forwards}@keyframes load{0%{width:0}100%{width:100%}}";const o=class{constructor(s){r(this,s);this.value=0;this.numbersteps="4";this.label="";this.showstep=false;this.animation=false;this.light=false;this.fullwidth=false;this.color="primary"}render(){const r=Math.round(this.value/5/5);const a=this.fullwidth?"progress-element-info-full-width":"progress-element-info";const o=this.light?"progress progress-light":"progress";const i=this.animation?"animation":"";return s(e,{class:"progress-element"},s("div",{class:`${o} progress-${this.color} ${i}`},s("div",{class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100"})),s("div",{class:`${a}`},s("span",{class:"progress-element-label"},this.label),this.showstep&&s("span",{class:"progress-element-step"},r,"/",this.numbersteps)))}};o.style=a;export{o as road_progress};
-//# sourceMappingURL=p-9432708d.entry.js.map
+import{r,h as s,H as e}from"./p-6475c1af.js";const a=".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load 5s normal forwards}@keyframes load{0%{width:0}100%{width:100%}}";const o=class{constructor(s){r(this,s);this.value=0;this.numbersteps="4";this.label="";this.showstep=false;this.animation=false;this.light=false;this.fullwidth=false;this.color="primary"}render(){const r=Math.round(this.value/5/5);const a=this.fullwidth?"progress-element-info-full-width":"progress-element-info";const o=this.light?"progress progress-light":"progress";const i=this.animation?"animation":"";return s(e,{class:"progress-element"},s("div",{class:`${o} progress-${this.color} ${i}`},s("div",{class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100"})),s("div",{class:`${a}`},s("span",{class:"progress-element-label"},this.label),this.showstep&&s("span",{class:"progress-element-step"},r,"/",this.numbersteps)))}};o.style=a;export{o as road_progress};
+//# sourceMappingURL=p-7d6a3545.entry.js.map

package/dist/roadtrip/p-7d6a3545.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressCss","ProgressBar","render","valueRound","Math","round","this","value","fullwidth","light","animation","h","Host","class","color","role","style","width","label","showstep","numbersteps"],"sources":["src/components/progress/progress.css?tag=road-progress&encapsulation=shadow","src/components/progress/progress.tsx"],"sourcesContent":["/*\n * Progress\n *\n * Index\n * - Progress\n * - Progress Bar\n * - Colors\n */\n\n/**\n * @prop --border-radius: Border radius of the progress\n */\n\n/* PROGRESS\n -------------------- */\n\n.progress{\n  --border-radius: 0.25rem;\n\n  display: flex;\n  height: 0.25rem;\n  overflow: hidden;\n  font-size: var(--road-label-small);\n  background-color: var(--road-surface-disabled);\n  border-radius: var(--border-radius);\n}\n\n.progress-light{\n  background-color: var(--road-overlay-inverse);\n}\n\n\n.progress-element-info {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n}\n\n.progress-element-info-full-width {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 1rem;\n  margin-top: 0.5rem;\n}\n\n.progress-element-label {\n  font-size: var(--road-label-medium);\n  text-align: left;\n}\n\n.progress-element-step {\n  font-size: var(--road-label-medium);\n  text-align: right;\n}\n\n/* PROGRESS BAR\n -------------------- */\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  text-align: center;\n  white-space: nowrap;\n  transition: width 0.6s ease;\n}\n\n/* COLORS\n -------------------- */\n\n.progress.progress-primary .progress-bar {\n  background: var(--road-primary);\n}\n\n.progress.progress-secondary .progress-bar {\n  background: var(--road-secondary);\n}\n\n.progress.progress-info .progress-bar {\n  background: var(--road-info-surface-inverse);\n}\n\n.progress.progress-success .progress-bar {\n  background: var(--road-success-surface-inverse);\n}\n\n.progress.progress-warning .progress-bar {\n  background: var(--road-warning-surface-inverse);\n}\n\n.progress.progress-danger .progress-bar {\n  background: var(--road-danger-surface-inverse);\n}\n\n.progress.progress-rating .progress-bar {\n  background: var(--road-rating);\n}\n\n\n/* ANIMATION\n -------------------- */\n\n.animation .progress-bar{\n  animation: load 5s normal forwards;\n}\n\n@keyframes load {\n\n  0% {\n    width: 0;\n  }\n\n  100% {\n    width: 100%;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'road-progress',\n  styleUrl: 'progress.css',\n  shadow: true,\n})\nexport class ProgressBar {\n\n  /**\n   * The value determines how much of the active bar should display.\n   * The value should be between [0, 100].\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The number of steps should be 4 or 5.\n   */\n   @Prop() numbersteps?: '4' | '5' | 'default' = '4';\n\n  /**\n   * Label display in progress bar\n   */\n     @Prop() label: string = '';\n\n  /**\n   * Show step\n   */\n  @Prop() showstep: boolean = false;\n\n  /**\n   * Animation progress bar\n   */\n    @Prop() animation: boolean = false;\n\n  /**\n   * Light progress background\n   */\n  @Prop() light: boolean = false;\n\n  /**\n   * Add padding if the progress is full width\n   */\n   @Prop() fullwidth: boolean = false;\n\n  /**\n   * The color to use from your application's color palette.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating' = 'primary';\n\n  render() {\n\n    const valueRound = Math.round(this.value/5/5);\n    const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';\n    const light = this.light ? 'progress progress-light' : 'progress';\n    const animation = this.animation ? 'animation' : '';\n\n    return (\n      <Host class=\"progress-element\">\n        <div class={`${light} progress-${this.color} ${animation}`}>\n          <div class=\"progress-bar\" role=\"progressbar\" style={{ width: `${this.value}%` }} aria-valuenow={this.value} aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n        </div>\n        <div class={`${fullwidth}`}>\n          <span class=\"progress-element-label\">{this.label}</span>\n          {this.showstep && <span class=\"progress-element-step\">{valueRound}/{this.numbersteps}</span>}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,04C,MCOPC,EAAW,M,oCAME,E,iBAKuB,I,WAKpB,G,cAKC,M,eAKG,M,WAKN,M,eAKK,M,WAKkE,S,CAEhG,MAAAC,GAEE,MAAMC,EAAaC,KAAKC,MAAMC,KAAKC,MAAM,EAAE,GAC3C,MAAMC,EAAYF,KAAKE,UAAY,mCAAqC,wBACxE,MAAMC,EAAQH,KAAKG,MAAQ,0BAA4B,WACvD,MAAMC,EAAYJ,KAAKI,UAAY,YAAc,GAEjD,OACEC,EAACC,EAAI,CAACC,MAAM,oBACVF,EAAA,OAAKE,MAAO,GAAGJ,cAAkBH,KAAKQ,SAASJ,KAC7CC,EAAA,OAAKE,MAAM,eAAeE,KAAK,cAAcC,MAAO,CAAEC,MAAO,GAAGX,KAAKC,UAAU,gBAAiBD,KAAKC,MAAK,gBAAgB,IAAG,gBAAe,SAE9II,EAAA,OAAKE,MAAO,GAAGL,KACbG,EAAA,QAAME,MAAM,0BAA0BP,KAAKY,OAC1CZ,KAAKa,UAAYR,EAAA,QAAME,MAAM,yBAAyBV,EAAU,IAAGG,KAAKc,c"}

package/dist/roadtrip/{p-b7d3dc1a.entry.js → p-7efd47c7.entry.js}

@@ -1,2 +1,2 @@
-import{r as l,h as s,H as r}from"./p-abdbf6ac.js";const t=":host{display:block}:host ul{padding-left:0}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const o=class{constructor(s){l(this,s)}render(){return s(r,null,s("nav",null,s("ul",null,s("slot",null))))}};o.style=t;export{o as road_progress_tracker};
-//# sourceMappingURL=p-b7d3dc1a.entry.js.map
+import{r as l,h as s,H as r}from"./p-6475c1af.js";const t=":host{display:block}:host ul{padding-left:0}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const o=class{constructor(s){l(this,s)}render(){return s(r,null,s("nav",null,s("ul",null,s("slot",null))))}};o.style=t;export{o as road_progress_tracker};
+//# sourceMappingURL=p-7efd47c7.entry.js.map

package/dist/roadtrip/p-7efd47c7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressTrackerCss","ProgressTracker","render","h","Host"],"sources":["src/components/progress-tracker/progress-tracker.css?tag=road-progress-tracker&encapsulation=shadow","src/components/progress-tracker/progress-tracker.tsx"],"sourcesContent":["/*\n * Progress tracker\n *\n * Index\n * - Item\n * - Link\n * - Icon\n * - Title\n * - Completed\n */\n\n:host {\n  display: block;\n}\n\n:host ul{\n  padding-left: 0;\n}\n\n/* PROGRESS TRACKER\n -------------------- */\n\n.progress-tracker {\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  list-style: none;\n}\n\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot  - content of the progress stepper tracker item, it should be road-progress-tracker-item elements.\n * \n * if the state of the step is completed add the class `completed` on the road-progress-tracker-item\n * if the state of the step is in progress add the class `in-progress` on the road-progress-tracker-item\n * if the state of the step is current add the class `current` on the road-progress-tracker-item\n\n */\n\n@Component({\n  tag: 'road-progress-tracker',\n  styleUrl: 'progress-tracker.css',\n  shadow: true,\n})\nexport class ProgressTracker {\n\n     render() {\n\n       return (\n         <Host>\n           <nav>\n             <ul>\n               <slot/>\n             </ul>\n           </nav>\n         </Host>\n       );\n     }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,mI,MCgBdC,EAAe,M,yBAEvB,MAAAC,GAEE,OACEC,EAACC,EAAI,KACHD,EAAA,WACEA,EAAA,UACEA,EAAA,e"}

package/dist/roadtrip/p-80f116bd.entry.js

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

package/dist/roadtrip/p-80f116bd.entry.js.map

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

package/dist/roadtrip/{p-0d99a5e7.entry.js → p-8359b71f.entry.js}

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

package/dist/roadtrip/p-8359b71f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toolbarTitlePageCss","ToolbarAppName","render","h","class"],"sources":["src/components/toolbar-title-page/toolbar-title-page.css?tag=road-toolbar-title-page&encapsulation=shadow","src/components/toolbar-title-page/toolbar-title-page.tsx"],"sourcesContent":["/*\n * Toolbar Title Page\n *\n */\n\n:host {\n  position: absolute;\n  top: 30px;\n  left: 0.8rem;\n}\n\n@media (min-width: 1200px) {\n\n  :host {\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    padding: 0 3.5rem;\n    text-align: center;\n  }\n}\n\n.toolbar-title-page {\n  display: block;\n  width: 100%;\n  font-size: var(--road-font-size-18);\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  pointer-events: auto;\n}\n\n@media (min-width: 1200px) {\n\n  .toolbar-title-page {\n    font-size: var(--road-font-size-20);\n    text-align: center;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @slot - Name of the app.\n */\n\n@Component({\n  tag: 'road-toolbar-title-page',\n  styleUrl: 'toolbar-title-page.css',\n  shadow: true,\n})\nexport class ToolbarAppName {\n\n  render() {\n    return (\n      <div class=\"toolbar-title-page\">\n        <slot/>\n      </div>\n    );\n  }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,kd,MCWfC,EAAc,M,yBAEzB,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAM,sBACTD,EAAA,a"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i}from"./p-6475c1af.js";import"./p-1ccae339.js";const a=":host{--z-index:3;position:fixed;bottom:0;left:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;width:100%;height:5.125rem;padding-left:0;margin:0;text-align:center;-webkit-user-select:none;user-select:none;background-color:var(--road-surface);border-top:1px solid var(--road-outline)}@media (max-width: 576px){:host{overflow-x:auto}}@media (min-width: 1200px){:host{bottom:auto;flex-direction:column;width:104px;height:100%;border-top:0;border-right:1px solid var(--road-outline)}}::slotted(.drawer-button-save){position:absolute;bottom:0;width:100%}";const r=class{constructor(o){t(this,o);this.roadnavbarchanged=e(this,"roadnavbarchanged",7);this.roadNavbarChanged=e(this,"roadNavbarChanged",7);this.selectedTab=undefined}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(t){this.selectedTab=t.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return o(i,{role:"tablist"},o("slot",null))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};r.style=a;export{r as road_navbar};
+//# sourceMappingURL=p-86219824.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["navbarCss","Navbar","selectedTabChanged","this","selectedTab","undefined","roadnavbarchanged","emit","tab","roadNavbarChanged","onNavbarChanged","ev","detail","componentWillLoad","render","h","Host","role"],"sources":["src/components/navbar/navbar.css?tag=road-navbar&encapsulation=shadow","src/components/navbar/navbar.tsx"],"sourcesContent":["/*\n * Navbar\n *\n */\n\n/**\n * @prop --z-index: The z-index of the Navbar.\n */\n\n:host {\n  --z-index: 3;\n\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: var(--z-index);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 5.125rem;\n  padding-left: 0;\n  margin: 0;\n  text-align: center;\n  user-select: none;\n  background-color: var(--road-surface);\n  border-top: 1px solid var(--road-outline);\n}\n\n@media (max-width: 576px) {\n\n  :host {\n    overflow-x: auto;\n  }\n}\n\n@media (min-width: 1200px) {\n\n  :host {\n    bottom: auto;\n    flex-direction: column;\n    width: 104px;\n    height: 100%;\n    border-top: 0;\n    border-right: 1px solid var(--road-outline);\n  }\n}\n\n/**\n * Button save drawer.\n */\n\n::slotted(.drawer-button-save) {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n","import { Component, Host, h, Prop, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/**\n * @slot  - Content of the navbar, it should be road-navbar-item elements. Max 5 items on Mobile\n */\n\n@Component({\n  tag: 'road-navbar',\n  styleUrl: 'navbar.css',\n  shadow: true,\n})\nexport class Navbar {\n\n  /**\n   * The selected tab component\n   */\n  @Prop() selectedTab?: string;\n  @Watch('selectedTab')\n  selectedTabChanged() {\n    if (this.selectedTab !== undefined) {\n      this.roadnavbarchanged.emit({\n        tab: this.selectedTab,\n      });\n      this.roadNavbarChanged.emit({\n        tab: this.selectedTab,\n      });\n    }\n  }\n\n  /** @internal */\n  @Event() roadnavbarchanged!: EventEmitter;\n  /** @internal */\n  @Event() roadNavbarChanged!: EventEmitter;\n\n  @Listen('roadNavbarItemClick')\n  @Listen('roadnavbaritemclick')\n  onNavbarChanged(ev: CustomEvent) {\n    this.selectedTab = ev.detail.tab;\n  }\n\n  componentWillLoad() {\n    this.selectedTabChanged();\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"tablist\"\n      >\n        <slot/>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"iFAAA,MAAMA,EAAY,wkB,MCYLC,EAAM,M,8JAOjB,kBAAAC,GACE,GAAIC,KAAKC,cAAgBC,UAAW,CAClCF,KAAKG,kBAAkBC,KAAK,CAC1BC,IAAKL,KAAKC,cAEZD,KAAKM,kBAAkBF,KAAK,CAC1BC,IAAKL,KAAKC,a,EAYhB,eAAAM,CAAgBC,GACdR,KAAKC,YAAcO,EAAGC,OAAOJ,G,CAG/B,iBAAAK,GACEV,KAAKD,oB,CAGP,MAAAY,GACE,OACEC,EAACC,EAAI,CACHC,KAAK,WAELF,EAAA,a"}

package/dist/roadtrip/{p-5a4f9085.entry.js → p-8f19a8a3.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e}from"./p-abdbf6ac.js";const s=":host{display:block}.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=class{constructor(e){r(this,e);this.size="large";this.color="default"}render(){const r=this.size!==undefined?`spinner spinner--${this.size}`:"spinner";const s=this.size!==undefined?`spinner-circle spinner-circle--${this.color}`:"spinner-circle";return e("svg",{class:`${r}`,viewBox:"25 25 50 50"},e("circle",{class:`${s}`,cx:"50",cy:"50",r:"20"}))}};n.style=s;export{n as road_spinner};
-//# sourceMappingURL=p-5a4f9085.entry.js.map
+import{r,h as e}from"./p-6475c1af.js";const s=":host{display:block}.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=class{constructor(e){r(this,e);this.size="large";this.color="default"}render(){const r=this.size!==undefined?`spinner spinner--${this.size}`:"spinner";const s=this.size!==undefined?`spinner-circle spinner-circle--${this.color}`:"spinner-circle";return e("svg",{class:`${r}`,viewBox:"25 25 50 50"},e("circle",{class:`${s}`,cx:"50",cy:"50",r:"20"}))}};n.style=s;export{n as road_spinner};
+//# sourceMappingURL=p-8f19a8a3.entry.js.map

package/dist/roadtrip/p-8f19a8a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","Spinner","render","sizeClass","this","size","undefined","colorClass","color","h","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: block;\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,4xB,MCONC,EAAO,M,mCAKqD,Q,WAKL,S,CAEhE,MAAAC,GACE,MAAMC,EAAYC,KAAKC,OAASC,UAAY,oBAAoBF,KAAKC,OAAS,UAC9E,MAAME,EAAaH,KAAKC,OAASC,UAAY,kCAAkCF,KAAKI,QAAU,iBAG9F,OACEC,EAAA,OAAKC,MAAO,GAAGP,IAAaQ,QAAQ,eAClCF,EAAA,UAAQC,MAAO,GAAGH,IAAcK,GAAG,KAAKC,GAAG,KAAKC,EAAE,O"}

package/dist/roadtrip/{p-b4dc061d.entry.js → p-9896b270.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r}from"./p-abdbf6ac.js";const e=":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";const a=class{constructor(r){o(this,r);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false}render(){return r("details",{class:"dropdown",open:this.isOpen},r("summary",{"aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},r("div",{class:`d-flex`},r("div",null,r("road-avatar",null,r("slot",{name:"avatar"}))))),r("div",{class:`dropdown-menu`},r("div",{class:"profil-item"},r("road-avatar",{size:"sm"},r("slot",{name:"avatarItem"})),r("div",{class:"profil-item-info"},r("span",{class:"profil-item-info-name"},r("slot",{name:"name"})),r("road-label",null,r("slot",{name:"email"})))),r("slot",{name:"list"})))}};a.style=e;export{a as road_profil_dropdown};
-//# sourceMappingURL=p-b4dc061d.entry.js.map
+import{r as o,h as r}from"./p-6475c1af.js";const e=":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";const a=class{constructor(r){o(this,r);this.onClick=()=>{this.isOpen=!this.isOpen};this.isOpen=false}render(){return r("details",{class:"dropdown",open:this.isOpen},r("summary",{"aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},r("div",{class:`d-flex`},r("div",null,r("road-avatar",null,r("slot",{name:"avatar"}))))),r("div",{class:`dropdown-menu`},r("div",{class:"profil-item"},r("road-avatar",{size:"sm"},r("slot",{name:"avatarItem"})),r("div",{class:"profil-item-info"},r("span",{class:"profil-item-info-name"},r("slot",{name:"name"})),r("road-label",null,r("slot",{name:"email"})))),r("slot",{name:"list"})))}};a.style=e;export{a as road_profil_dropdown};
+//# sourceMappingURL=p-9896b270.entry.js.map

package/dist/roadtrip/p-9896b270.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["profilDropdownCss","Dropdown","this","onClick","isOpen","render","h","class","open","tabindex","role","name","size"],"sources":["src/components/profil-dropdown/profil-dropdown.css?tag=road-profil-dropdown&encapsulation=shadow","src/components/profil-dropdown/profil-dropdown.tsx"],"sourcesContent":["/*\n * Profil Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* PROFIL DROPDOWN\n -------------------- */\n\n:host {\n  --margin-top: 0.5rem;\n  display: block;\n  font-size: var(--road-font-size-16);\n}\n\n.dropdown {\n  position: relative;\n  width: max-content;\n  font-family: var(--road-font);\n}\n\n.dropdown summary {\n  display: block;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n  display: none;\n}\n\n.dropdown-button{\n  position: relative;\n  z-index: 1;\n  height: 3.5rem;\n  cursor: pointer;\n  border-radius: 0.25rem;\n}\n\n.dropdown-button:hover{\n  background: var(--road-grey-200);\n}\n\n/**\n * Open state\n */\n\n.dropdown[open] .dropdown-menu {\n  transform: scaleY(1);\n}\n\n.dropdown[open] .dropdown-menu.direction-top {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  transform: translate3d(0, -56px, 0);\n  will-change: transform;\n}\n\n/* MENU\n-------------------- */\n\n.dropdown-menu {\n  position: absolute;\n  top: 0;\n  left: 5.5rem;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  min-width: 16.875rem;\n  padding: 0.5rem 0;\n  color: var(--road-on-surface);\n  background: var(--road-surface);\n  border: 1px solid;\n  border-color: var(--road-outline-weak);\n  border-radius: 0.25rem;\n  box-shadow: var(--road-elevation-low);\n  transition: transform 0.2s ease-in-out;\n  transform: scaleY(0);\n  transform-origin: 0 0;\n}\n\n/* ITEM\n -------------------- */\n\nroad-item {\n  font-size: var(--road-button-medium);\n}\n\n.profil-item {\n  display: flex;\n  padding-bottom: 1rem;\n  margin: 1rem;\n  cursor: auto;\n  border-bottom: 1px solid var(--road-outline);\n}\n\n.profil-item-info {\n  display: flex;\n  flex-direction: column;\n  margin-left: 1rem;\n  text-align: left;\n}\n\n.profil-item-info-name {\n  font-weight: 700;\n}\n\n\n.profil-item road-avatar:hover{\n  box-shadow: none;\n}\n\n.dropdown-item {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  padding: 0 1rem;\n  font-size: var(--road-button-medium);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  text-align: left;\n  text-decoration: none;\n  cursor: pointer;\n  background: var(--road-surface);\n  border: none;\n  outline: none;\n}\n\n.dropdown-item-border {\n  border-color: var(--road-outline);\n  border-bottom: 1px solid;\n}\n\n.dropdown-item road-icon{\n  margin-right: 0.7rem;\n}\n\n/**\n * Hover state\n */\n\nroad-item:hover:first-child,\nroad-item.focus-visible:first-child {\n  background: none;\n}\n\nroad-item:hover,\nroad-item.focus-visible {\n  background: var(--road-surface-inverse);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @slot  - Element how will open the dropdown when clicked\n * @slot list - List of item values (you can add border with lines=`full` but not on the last item)\n * @slot avatar - Content of the avatar (img or First letter) <road-img> or <road-label>.\n * @slot avatarItem - Content of the avatar item (img or First letter) <road-img> or <road-label>.\n * @slot name - Content First and Last Name.\n * @slot email - Content email.\n\n\n */\n\n@Component({\n  tag: 'road-profil-dropdown',\n  styleUrl: 'profil-dropdown.css',\n  shadow: true,\n})\nexport class Dropdown {\n\n  /**\n   * Set to `true` to open the dropdown menu and to `false` to close it.\n   */\n  @Prop({ mutable: true }) isOpen : boolean = false;\n\n  /**\n   * Toggle the display when clicking element in slot\n   */\n  private onClick = () => {\n    this.isOpen = !this.isOpen;\n  };\n\n  render() {\n\n    return (\n      <details class=\"dropdown\" open={this.isOpen}>\n        <summary aria-expanded={`${this.isOpen}`} tabindex=\"0\" role=\"button\" onClick={this.onClick}>\n          <div class={`d-flex`}>\n            <div>\n              <road-avatar>\n                <slot name=\"avatar\"/>\n              </road-avatar>\n            </div>\n          </div>\n        </summary>\n        <div class={`dropdown-menu`}>\n          <div class=\"profil-item\">\n            <road-avatar size=\"sm\">\n              <slot name=\"avatarItem\"/>\n            </road-avatar>\n            <div class=\"profil-item-info\">\n              <span class=\"profil-item-info-name\">\n                <slot name=\"name\"/>\n              </span>\n              <road-label>\n                <slot name=\"email\"/>\n              </road-label>\n            </div>\n          </div>\n          <slot name=\"list\"/>\n        </div>\n      </details>\n    );\n  }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,k1D,MCkBbC,EAAQ,M,yBAUXC,KAAAC,QAAU,KAChBD,KAAKE,QAAUF,KAAKE,MAAM,E,YANgB,K,CAS5C,MAAAC,GAEE,OACEC,EAAA,WAASC,MAAM,WAAWC,KAAMN,KAAKE,QACnCE,EAAA,2BAAwB,GAAGJ,KAAKE,SAAUK,SAAS,IAAIC,KAAK,SAASP,QAASD,KAAKC,SACjFG,EAAA,OAAKC,MAAO,UACVD,EAAA,WACEA,EAAA,mBACEA,EAAA,QAAMK,KAAK,eAKnBL,EAAA,OAAKC,MAAO,iBACVD,EAAA,OAAKC,MAAM,eACTD,EAAA,eAAaM,KAAK,MAChBN,EAAA,QAAMK,KAAK,gBAEbL,EAAA,OAAKC,MAAM,oBACTD,EAAA,QAAMC,MAAM,yBACVD,EAAA,QAAMK,KAAK,UAEbL,EAAA,kBACEA,EAAA,QAAMK,KAAK,aAIjBL,EAAA,QAAMK,KAAK,U"}

package/dist/roadtrip/p-9c86d7cd.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as e,c as r,d as i}from"./p-6475c1af.js";import"./p-1ccae339.js";import{n,a}from"./p-73fe2357.js";import{i as s,g as d,b as l}from"./p-5b56c57a.js";const h=":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1rem;min-height:1rem;padding:0 0.3125rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-10);font-weight:700;white-space:nowrap;border-radius:1rem}:host(.badge-bubble){min-width:0.25rem;min-height:0.25rem;padding:0}:host(.badge-primary){color:var(--road-on-primary);background-color:var(--road-primary)}:host(.badge-secondary){color:var(--road-on-secondary);background-color:var(--road-secondary)}:host(.badge-accent){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-info){color:var(--road-on-info-surface-inverse);background-color:var(--road-info-surface-inverse)}:host(.badge-success){color:var(--road-on-success-surface-inverse);background-color:var(--road-success-surface-inverse)}:host(.badge-warning){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-danger){color:var(--road-on-danger-surface-inverse);background-color:var(--road-danger-surface-inverse)}";const c=class{constructor(o){t(this,o);this.color="secondary";this.bubble=false}render(){const t=this.color!==undefined?`badge-${this.color}`:"";const r=this.bubble?"badge-bubble":"";return o(e,{class:`${t} ${r}`},o("slot",null))}};c.style=h;const f=':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;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){color:var(--road-on-surface-disabled);pointer-events:none;background-color:var(--road-surface-disabled)}:host([aria-disabled]) ::slotted(road-icon){color:var(--road-on-surface-disabled)}.button-native:disabled{cursor:not-allowed}::slotted([slot="start"]){margin-right:0.5rem}::slotted([slot="end"]){margin-left:0.5rem}:host(.btn-xl){height:3.5rem}:host(.btn-xl) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-icon.btn-xl){width:56px}:host(.btn-lg){height:3rem}:host(.btn-lg) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-icon.btn-lg){width:48px}:host(.btn-md){--font-size:var(--road-font-size-14);height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-icon.btn-md){width:40px}:host(.btn-sm){--font-size:var(--road-font-size-14);height:2rem}:host(.btn-sm) ::slotted(road-icon){width:1.25rem;height:1.25rem}:host(.btn-icon.btn-sm){width:32px}:host(.btn-block){width:100%}:host(.btn-icon) .button-native{padding:0}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}';const u=class{constructor(o){t(this,o);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.onClick=t=>{if(this.el.shadowRoot&&this.el.attachShadow){const o=this.el.closest("form");if(o){t.preventDefault();const e=document.createElement("button");e.type=this.buttonType;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.color="default";this.size="lg";this.buttonType="button";this.iconOnly=false;this.disabled=false;this.expand=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.target=undefined;this.outline=false}render(){const{buttonType:t,disabled:r,href:i,rel:n,target:a,color:s}=this;const d=this.href===undefined?"button":"a";const l=d==="button"?{type:t}:{download:this.download,href:i,rel:n,target:a};const h=this.outline?`btn-outline-${s}`:`btn-${s}`;const c=this.size!==undefined?`btn-${this.size}`:"";const f=this.expand?"btn-block":"";const u=this.iconOnly?"btn-icon":"";return o(e,{class:`${h} ${c} ${f} ${u}`,onClick:this.onClick,"aria-disabled":r?"true":null},o(d,Object.assign({},l,{class:"button-native",part:"native",disabled:r,onFocus:this.onFocus,onBlur:this.onBlur}),o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})))}get el(){return i(this)}};u.style=f;const m=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding-right:8px;padding-left:8px}:host(.col-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-3){flex:0 0 25%;max-width:25%}:host(.col-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-6){flex:0 0 50%;max-width:50%}:host(.col-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-9){flex:0 0 75%;max-width:75%}:host(.col-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-12){flex:0 0 100%;max-width:100%}:host(.offset-1){margin-left:8.3333%}:host(.offset-2){margin-left:16.6667%}:host(.offset-3){margin-left:25%}:host(.offset-4){margin-left:33.3333%}:host(.offset-5){margin-left:41.6667%}:host(.offset-6){margin-left:50%}:host(.offset-7){margin-left:58.3333%}:host(.offset-8){margin-left:66.6667%}:host(.offset-9){margin-left:75%}:host(.offset-10){margin-left:83.3333%}:host(.offset-11){margin-left:91.6667%}@media (min-width: 576px){:host(.col-sm){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-sm-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-sm-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-sm-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-sm-3){flex:0 0 25%;max-width:25%}:host(.col-sm-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-sm-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-sm-6){flex:0 0 50%;max-width:50%}:host(.col-sm-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-sm-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-sm-9){flex:0 0 75%;max-width:75%}:host(.col-sm-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-sm-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-sm-12){flex:0 0 100%;max-width:100%}:host(.offset-sm-0){margin-left:0}:host(.offset-sm-1){margin-left:8.3333%}:host(.offset-sm-2){margin-left:16.6667%}:host(.offset-sm-3){margin-left:25%}:host(.offset-sm-4){margin-left:33.3333%}:host(.offset-sm-5){margin-left:41.6667%}:host(.offset-sm-6){margin-left:50%}:host(.offset-sm-7){margin-left:58.3333%}:host(.offset-sm-8){margin-left:66.6667%}:host(.offset-sm-9){margin-left:75%}:host(.offset-sm-10){margin-left:83.3333%}:host(.offset-sm-11){margin-left:91.6667%}}@media (min-width: 768px){:host(.col-md){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-md-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-md-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-md-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-md-3){flex:0 0 25%;max-width:25%}:host(.col-md-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-md-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-md-6){flex:0 0 50%;max-width:50%}:host(.col-md-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-md-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-md-9){flex:0 0 75%;max-width:75%}:host(.col-md-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-md-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-md-12){flex:0 0 100%;max-width:100%}:host(.offset-md-0){margin-left:0}:host(.offset-md-1){margin-left:8.3333%}:host(.offset-md-2){margin-left:16.6667%}:host(.offset-md-3){margin-left:25%}:host(.offset-md-4){margin-left:33.3333%}:host(.offset-md-5){margin-left:41.6667%}:host(.offset-md-6){margin-left:50%}:host(.offset-md-7){margin-left:58.3333%}:host(.offset-md-8){margin-left:66.6667%}:host(.offset-md-9){margin-left:75%}:host(.offset-md-10){margin-left:83.3333%}:host(.offset-md-11){margin-left:91.6667%}}@media (min-width: 992px){:host(.col-lg){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-lg-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-lg-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-lg-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-lg-3){flex:0 0 25%;max-width:25%}:host(.col-lg-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-lg-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-lg-6){flex:0 0 50%;max-width:50%}:host(.col-lg-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-lg-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-lg-9){flex:0 0 75%;max-width:75%}:host(.col-lg-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-lg-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-lg-12){flex:0 0 100%;max-width:100%}:host(.offset-lg-0){margin-left:0}:host(.offset-lg-1){margin-left:8.3333%}:host(.offset-lg-2){margin-left:16.6667%}:host(.offset-lg-3){margin-left:25%}:host(.offset-lg-4){margin-left:33.3333%}:host(.offset-lg-5){margin-left:41.6667%}:host(.offset-lg-6){margin-left:50%}:host(.offset-lg-7){margin-left:58.3333%}:host(.offset-lg-8){margin-left:66.6667%}:host(.offset-lg-9){margin-left:75%}:host(.offset-lg-10){margin-left:83.3333%}:host(.offset-lg-11){margin-left:91.6667%}}@media (min-width: 1200px){:host(.col-xl){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-xl-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-xl-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-xl-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-xl-3){flex:0 0 25%;max-width:25%}:host(.col-xl-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-xl-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-xl-6){flex:0 0 50%;max-width:50%}:host(.col-xl-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-xl-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-xl-9){flex:0 0 75%;max-width:75%}:host(.col-xl-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-xl-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-xl-12){flex:0 0 100%;max-width:100%}:host(.offset-xl-0){margin-left:0}:host(.offset-xl-1){margin-left:8.3333%}:host(.offset-xl-2){margin-left:16.6667%}:host(.offset-xl-3){margin-left:25%}:host(.offset-xl-4){margin-left:33.3333%}:host(.offset-xl-5){margin-left:41.6667%}:host(.offset-xl-6){margin-left:50%}:host(.offset-xl-7){margin-left:58.3333%}:host(.offset-xl-8){margin-left:66.6667%}:host(.offset-xl-9){margin-left:75%}:host(.offset-xl-10){margin-left:83.3333%}:host(.offset-xl-11){margin-left:91.6667%}}";const p=class{constructor(o){t(this,o)}render(){return o("slot",null)}};p.style=m;const g=".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";const b=class{constructor(o){t(this,o);this.roadIncrease=r(this,"roadIncrease",7);this.roadDecrease=r(this,"roadDecrease",7);this.roadChange=r(this,"roadChange",7);this.roadDustbinClick=r(this,"roadDustbinClick",7);this.setIsDustbinVisible=t=>{if(t>this.min){this.isDustbinVisible=false}else if(this.dustbin){this.isDustbinVisible=true}else{this.isDustbinVisible=false}};this.increase=()=>{this.inputElement.querySelector("input").stepUp();let t=parseInt(this.inputElement.querySelector("input").value);if(!t){t=this.min}this.onValueChange(t);this.roadIncrease.emit({value:t})};this.decrease=()=>{if(this.isDustbinVisible){this.roadDustbinClick.emit();return}this.inputElement.querySelector("input").stepDown();let t=parseInt(this.inputElement.querySelector("input").value);if(!t){t=this.min}this.onValueChange(t);this.roadDecrease.emit({value:t})};this.checkValue=t=>{const o=t.target;const e=o.value&&parseInt(o.value);if(e==null||e==="")return;if(e<this.min){o.value=this.min.toString()}else if(this.max&&e>this.max){o.value=this.max.toString()}this.onValueChange(parseInt(o.value))};this.onRoadChange=t=>{t.stopPropagation();const o=t.target;const e=o.value&&parseInt(o.value);if(e!==null&&e!==""){if(e<this.min){this.roadChange.emit({value:this.min})}else if(this.max&&e>this.max){this.roadChange.emit({value:this.max})}else{this.roadChange.emit({value:parseInt(o.value)})}}else{this.roadChange.emit({value:null})}};this.leftIconClasses="";this.rightIconClasses="";this.isDustbinVisible=false;this.inputId=`road-counter-${x++}`;this.min=0;this.max=undefined;this.step=undefined;this.value=1;this.size="lg";this.dustbin=false}onValueChange(t){this.setIsDustbinVisible(t);this.setIconsClasses(t)}setIconsClasses(t){t=t!==null&&t!==void 0?t:parseInt(this.inputElement.querySelector("input").value);this.leftIconClasses=t<=this.min&&!this.dustbin?"disabled":"";this.rightIconClasses=this.max&&t>=this.max?"disabled":""}componentWillLoad(){this.onValueChange(this.value)}render(){const t=this.isDustbinVisible?"road-dustbin":"";return o("road-input-group",{class:this.size&&`counter-${this.size}`},o("road-button",{slot:"prepend",size:this.size,onClick:this.decrease,class:this.leftIconClasses,"data-cy":"road-decrease"},o("road-icon",{name:this.isDustbinVisible?"delete-forever":"navigation-add-less",ref:t=>this.iconCounterLess=t,size:this.size,"data-cy":t})),o("road-input",{ref:t=>this.inputElement=t,type:"number",min:this.min.toString(),max:this.max&&this.max.toString(),step:this.step,value:this.value,onRoadChange:this.onRoadChange,onKeyUp:this.checkValue,"data-cy":"road-input-counter"}),o("road-button",{slot:"append",size:this.size,onClick:this.increase,class:this.rightIconClasses,"data-cy":"road-increase"},o("road-icon",{name:"navigation-add-more",size:this.size})))}get el(){return i(this)}static get watchers(){return{value:["onValueChange"]}}};let x=0;b.style=g;const v=":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}:host{--background:var(--road-grey-999);--color:var(--road-grey-000);--header-icon:var(--road-grey-000)}";const w=":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";const y=class{constructor(o){t(this,o);this.onOpen=r(this,"open",7);this.onClose=r(this,"close",7);this.onBack=r(this,"back",7);this.onClick=t=>{t.stopPropagation();t.preventDefault();this.close()};this.onClickBack=t=>{t.stopPropagation();t.preventDefault();this.back()};this.isOpen=false;this.position="left";this.drawerWidth=480;this.hasInverseHeader=false;this.hasBackIcon=false;this.backText=undefined;this.drawerTitle=undefined;this.hasCloseIcon=true}async open(){this.isOpen=true}async close(){this.isOpen=false}async back(){this.onBack.emit()}handleOpen(t){if(t===true){this.onOpen.emit()}else{this.el.addEventListener("transitionend",(()=>{this.onClose.emit();this.el.shadowRoot&&(this.el.shadowRoot.querySelector(".drawer-body").scrollTop=0)}),{once:true})}}onEscape(t){if(t.key==="Escape"||t.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((t=>{t.addEventListener("click",(()=>this.close()))}))}render(){const t=this.isOpen?"drawer-open":"";const r=this.hasInverseHeader?"drawer-header-inverse":"";const i=this.drawerTitle!==undefined&&!this.hasInverseHeader?"drawer-delimiter":"";const s=this.hasBackIcon?o("button",{type:"button",class:"drawer-action","aria-label":"Back",onClick:this.onClickBack},o("road-icon",{icon:n,rotate:"180"}),this.backText):"";const d=this.hasCloseIcon?o("button",{type:"button",class:"drawer-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:a,"aria-hidden":"true"})):"";const l=this.position==="bottom"?"100%":this.drawerWidth+"px";return o(e,{class:`${t} drawer-${this.position}`,tabindex:"-1",role:"dialog"},o("div",{class:"drawer-overlay",onClick:this.onClick,tabindex:"-1"}),o("div",{class:"drawer-dialog",style:{maxWidth:`${l}`},role:"document",tabindex:"0"},o("div",{class:"drawer-content"},o("header",{class:`drawer-header ${r} ${i}`},s,this.drawerTitle!==undefined?o("h2",{class:"drawer-title"},this.drawerTitle):o("div",{class:"drawer-title"},o("slot",{name:"title"})),d),o("div",{class:"drawer-body"},o("slot",null)))))}get el(){return i(this)}static get watchers(){return{isOpen:["handleOpen"]}}};y.style={dark:v,light:w};const k=":host{box-sizing:border-box;display:block;width:100%;padding-right:8px;padding-left:8px;margin-right:auto;margin-left:auto}@media (min-width: 768px){:host{padding-right:24px;padding-left:24px}}";const z=class{constructor(o){t(this,o)}render(){return o("slot",null)}};z.style=k;const j=t=>{const o=document.createElement("div");o.innerHTML=t;for(let t=o.childNodes.length-1;t>=0;t--){if(o.childNodes[t].nodeName.toLowerCase()!=="svg"){o.removeChild(o.childNodes[t])}}const e=o.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){const t=e.getAttribute("class")||"";e.setAttribute("class",(t+" s-ion-icon").trim());if($(e)){return o.innerHTML}}return""};const $=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let o=0;o<t.attributes.length;o++){const e=t.attributes[o].value;if(s(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(let o=0;o<t.childNodes.length;o++){if(!$(t.childNodes[o])){return false}}}return true};const C=new Map;const I=new Map;const _=(t,o)=>{let e=I.get(t);if(!e){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){e=fetch(t).then((e=>{if(e.ok){return e.text().then((e=>{if(e&&o!==false){e=j(e)}C.set(t,e||"")}))}C.set(t,"")}));I.set(t,e)}else{C.set(t,"");return Promise.resolve()}}return e};const L=":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-50);fill:currentColor}:host(.icon-secondary){color:var(--road-secondary-50);fill:currentColor}:host(.icon-accent){color:var(--road-secondary-50);fill:currentColor}:host(.icon-info){color:var(--road-info-default);fill:currentColor}:host(.icon-success){color:var(--road-success-default);fill:currentColor}:host(.icon-warning){color:var(--road-warning-default);fill:currentColor}:host(.icon-danger){color:var(--road-danger-default);fill:currentColor}:host(.icon-default){color:var(--road-icon);fill:currentColor}:host(.icon-white){color:var(--road-icon-inverse);fill:currentColor}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";const Y=class{constructor(o){t(this,o);this.svgContent=undefined;this.isVisible=false;this.color=undefined;this.ariaLabel=undefined;this.ariaHidden=undefined;this.name=undefined;this.src=undefined;this.icon=undefined;this.size="lg";this.rotate=undefined;this.lazy=false;this.sanitize=true}componentWillLoad(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(t,o,e){if(this.lazy&&window.IntersectionObserver){const r=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){r.disconnect();this.io=undefined;e()}}),{rootMargin:o});r.observe(t)}else{e()}}loadIcon(){if(this.isVisible){const t=d(this);if(t){if(C.has(t)){this.svgContent=C.get(t)}else{_(t,this.sanitize).then((()=>this.svgContent=C.get(t)))}}}if(!this.ariaLabel&&this.ariaHidden!=="true"){const t=l(this.name,this.icon);if(t){this.ariaLabel=t.replace(/-/g," ")}}}render(){const t=this.color!==undefined?`icon-${this.color}`:"";const r=this.size!==undefined?`icon-${this.size}`:"";const i=this.rotate!==undefined?`icon-rotate-${this.rotate}`:"";return o(e,{class:`${t} ${r} ${i}`,"aria-hidden":"true"},this.svgContent!==""?o("div",{class:"icon-inner",innerHTML:this.svgContent}):o("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return i(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};Y.style=L;const F='.sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control[type="number"].sc-road-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type="date"].sc-road-input~.form-label.sc-road-input,.form-control[type="time"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:" *"}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="date"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="time"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{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-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:block}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type="password"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}';const O=(t,o)=>{const e=t._original||t;return{_original:t,emit:B(e.emit.bind(e),o)}};const B=(t,o=0)=>{let e;return(...r)=>{clearTimeout(e);e=setTimeout(t,o,...r)}};const D=class{constructor(o){t(this,o);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.onInput=t=>{const o=t.target;if(o){this.value=o.value||""}this.roadinput.emit(t);this.roadInput.emit(t)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.inputId=`road-input-${M++}`;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.enterkeyhint=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=this.inputId;this.pattern=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.step=undefined;this.size=undefined;this.sizes="lg";this.type="text";this.value="";this.label="";this.error=undefined;this.helper=undefined;this.debounce=0}debounceChanged(){this.roadchange=O(this.roadchange,this.debounce);this.roadChange=O(this.roadChange,this.debounce)}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue();const r=this.inputId+"-label";const i=this.value!==""?"has-value":"";const n=this.label!==""?"":"less-label";const a=this.error!==undefined&&this.error!==""?"is-invalid":"";return o(e,{"aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},o("input",{class:`form-control ${i} ${a} ${n}`,id:this.inputId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,enterKeyHint:this.enterkeyhint,autoFocus:this.autofocus,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"data-cy":"road-input"}),o("label",{class:"form-label",id:r,htmlFor:this.inputId},this.label),this.error&&this.error!==""&&o("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&o("p",{class:"helper"},this.helper),this.type&&this.type=="password"&&o("slot",{name:"checklistPassword"}))}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let M=0;D.style=F;const q=':host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot="prepend"]){margin-right:-3px;border-color:var(--road-input-outline);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}::slotted([slot="append"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot="append"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}:host(.phone-number-group) .input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:focus-within ::slotted([slot="append"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}.input-group-prepend{z-index:1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot="append"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot="prepend"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot="prepend"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append ::slotted(road-button){background-color:var(--road-surface)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot="append"]),.input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-outline)}.input-group.is-disabled ::slotted([slot="append"]),.input-group.is-disabled ::slotted([slot="prepend"]){cursor:not-allowed;background:#e4e5e9}.is-disabled ::slotted(road-button){opacity:1}';const T=class{constructor(o){t(this,o)}componentDidLoad(){var t;if(this.el.querySelector("road-input[disabled]")){(t=this.el.querySelector("road-button"))===null||t===void 0?void 0:t.setAttribute("disabled","")}}render(){const t=this.el.querySelector("road-input[error]")?"is-invalid":"";const e=this.el.querySelector("road-input[disabled]")?"is-disabled":"";const r=this.el.querySelector("road-input[sizes]")?`size-${this.el.querySelector("road-input").sizes}`:"";return o("div",{class:`input-group ${t} ${e} ${r}`},o("slot",null),o("div",{class:"input-group-prepend"},o("slot",{name:"prepend"})),o("div",{class:"input-group-append"},o("slot",{name:"append"})))}get el(){return i(this)}};T.style=q;const V=":host{--border-radius:0.25rem;--background-color:transparent;--detail-color:var(--road-icon);--inner-padding:1rem 0.5rem 1rem 0;--min-height:3.5rem;--padding-left:1rem;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-decoration:none;outline:none}.item-native{position:relative;z-index:1;box-sizing:border-box;display:flex;align-items:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);padding:0 0 0 var(--padding-left);margin:0;overflow:inherit;font-family:inherit;font-size:inherit;color:var(--road-on-surface);background-color:var(--background-color);border-color:var(--road-grey-70);border-style:solid;border-width:var(--border-width, 0);border-radius:var(--border-radius);outline:none;transition:background 0.15s ease-in-out;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.item-active{background-color:var(--road-grey-90)}button.item-native:not(:disabled):not(.item-active):hover,button.item-native:not(:disabled):not(.item-active):focus{background-color:var(--road-grey-90)}.item-native::-moz-focus-inner{border:0}button,a{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:inherit;align-items:center;align-self:stretch;width:100%;min-height:inherit;padding:var(--inner-padding);overflow:inherit;text-align:inherit;text-decoration:none;border-color:var(--road-grey-70);border-style:solid;border-width:var(--inner-border-width, 0);outline:0}.input-wrapper{box-sizing:border-box;display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;overflow:inherit;text-overflow:ellipsis}.item-detail-icon{color:var(--detail-color)}::slotted(road-icon){flex-shrink:0;margin-right:0.5rem}::slotted(road-img){flex-shrink:0;width:3rem;height:3rem;object-fit:cover;min-height:inherit;margin-right:1rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;--margin-bottom:0}:host(.item-lines-none){--border-width:0 !important;--inner-border-width:0 !important}:host(.item-lines-full){--border-width:0 0 1px 0 !important;--inner-border-width:0 !important}:host(.item-lines-inset){--inner-border-width:0 0 1px 0 !important}";const X=class{constructor(o){t(this,o);this.multipleInputs=false;this.button=false;this.detail=undefined;this.active=undefined;this.detailIcon=n;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.lines=undefined;this.target=undefined;this.type="button"}isClickable(){return this.href!==undefined||this.button}render(){const{detail:t,detailIcon:r,download:i,lines:n,disabled:a,href:s,rel:d,target:l}=this;const h=this.isClickable();const c=h?s===undefined?"button":"a":"div";const f=c==="button"?{type:this.type}:{download:i,href:s,rel:d,target:l};const u=t!==undefined&&t;return o(e,{"aria-disabled":a?"true":null,class:{[`item-lines-${n}`]:n!==undefined}},o(c,Object.assign({},f,{class:{"item-native":true,"item-active":this.active},part:"native",disabled:a}),o("slot",{name:"start"}),o("div",{class:"item-inner"},o("div",{class:"input-wrapper"},o("slot",null)),o("slot",{name:"end"}),u&&o("road-icon",{icon:r,lazy:false,class:"item-detail-icon"}))))}get el(){return i(this)}};X.style=V;const E=":host{box-sizing:border-box;display:block;overflow:hidden;font-size:var(--road-font-size-14);color:currentColor;text-overflow:ellipsis;white-space:nowrap}";const H=class{constructor(o){t(this,o)}render(){return o("slot",null)}};H.style=E;const W=":host{display:block;contain:content;list-style-type:none}:host(.list-lines-none) ::slotted(road-item){--border-width:0;--inner-border-width:0}:host(.list-lines-full){border:1px solid var(--road-outline);border-bottom:0}:host(.list-lines-full),:host(.list-lines-full) ::slotted(road-item){--border-width:0 0 1px 0;--inner-border-width:0}:host(.item-lines-inset),:host(.list-lines-inset) ::slotted(road-item){--inner-border-width:0 0 1px 0}";const K=class{constructor(o){t(this,o);this.lines=undefined}render(){const{lines:t}=this;return o(e,{class:{[`list-lines-${t}`]:t!==undefined}},o("slot",null))}};K.style=W;const P=":host{display:flex;flex-wrap:wrap;max-width:1440px;margin-right:-8px;margin-left:-8px}@media (min-width: 1440px){:host{margin-right:auto;margin-left:auto}}:host(.flex-wrap){flex-wrap:wrap}:host(.flex-nowrap){flex-wrap:nowrap}:host(.justify-content-start){justify-content:flex-start}:host(.justify-content-end){justify-content:flex-end}:host(.justify-content-center){justify-content:center}:host(.justify-content-between){justify-content:space-between}:host(.justify-content-around){justify-content:space-around}:host(.align-items-start){align-items:flex-start}:host(.align-items-end){align-items:flex-end}:host(.align-items-center){align-items:center}:host(.align-items-baseline){align-items:baseline}:host(.align-items-stretch){align-items:stretch}@media (min-width: 576px){:host(.flex-sm-wrap){flex-wrap:wrap}:host(.flex-sm-nowrap){flex-wrap:nowrap}:host(.justify-content-sm-start){justify-content:flex-start}:host(.justify-content-sm-end){justify-content:flex-end}:host(.justify-content-sm-center){justify-content:center}:host(.justify-content-sm-between){justify-content:space-between}:host(.justify-content-sm-around){justify-content:space-around}:host(.align-items-sm-start){align-items:flex-start}:host(.align-items-sm-end){align-items:flex-end}:host(.align-items-sm-center){align-items:center}:host(.align-items-sm-baseline){align-items:baseline}:host(.align-items-sm-stretch){align-items:stretch}}@media (min-width: 768px){:host(.flex-md-wrap){flex-wrap:wrap}:host(.flex-md-nowrap){flex-wrap:nowrap}:host(.justify-content-md-start){justify-content:flex-start}:host(.justify-content-md-end){justify-content:flex-end}:host(.justify-content-md-center){justify-content:center}:host(.justify-content-md-between){justify-content:space-between}:host(.justify-content-md-around){justify-content:space-around}:host(.align-items-md-start){align-items:flex-start}:host(.align-items-md-end){align-items:flex-end}:host(.align-items-md-center){align-items:center}:host(.align-items-md-baseline){align-items:baseline}:host(.align-items-md-stretch){align-items:stretch}}@media (min-width: 992px){:host(.flex-lg-wrap){flex-wrap:wrap}:host(.flex-lg-nowrap){flex-wrap:nowrap}:host(.justify-content-lg-start){justify-content:flex-start}:host(.justify-content-lg-end){justify-content:flex-end}:host(.justify-content-lg-center){justify-content:center}:host(.justify-content-lg-between){justify-content:space-between}:host(.justify-content-lg-around){justify-content:space-around}:host(.align-items-lg-start){align-items:flex-start}:host(.align-items-lg-end){align-items:flex-end}:host(.align-items-lg-center){align-items:center}:host(.align-items-lg-baseline){align-items:baseline}:host(.align-items-lg-stretch){align-items:stretch}}@media (min-width: 1200px){:host(.flex-xl-wrap){flex-wrap:wrap}:host(.flex-xl-nowrap){flex-wrap:nowrap}:host(.justify-content-xl-start){justify-content:flex-start}:host(.justify-content-xl-end){justify-content:flex-end}:host(.justify-content-xl-center){justify-content:center}:host(.justify-content-xl-between){justify-content:space-between}:host(.justify-content-xl-around){justify-content:space-around}:host(.align-items-xl-start){align-items:flex-start}:host(.align-items-xl-end){align-items:flex-end}:host(.align-items-xl-center){align-items:center}:host(.align-items-xl-baseline){align-items:baseline}:host(.align-items-xl-stretch){align-items:stretch}}:host(.align-content-start){align-content:flex-start}:host(.align-content-end){align-content:flex-end}:host(.align-content-center){align-content:center}:host(.align-content-between){align-content:space-between}:host(.align-content-around){align-content:space-around}:host(.align-content-stretch){align-content:stretch}:host(.align-self-auto){align-self:auto}:host(.align-self-start){align-self:flex-start}:host(.align-self-end){align-self:flex-end}:host(.align-self-center){align-self:center}:host(.align-self-baseline){align-self:baseline}:host(.align-self-stretch){align-self:stretch}";const U=class{constructor(o){t(this,o)}render(){return o(e,null,o("slot",null))}};U.style=P;const R=':host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline)}.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-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){.toolbar-title{font-size:var(--road-font-size-21);text-align:center}}.toolbar-content{flex:1 1 0%;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;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-right:1px solid var(--road-outline);border-radius:0}::slotted([slot="end"]),::slotted([slot="secondary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-left:1px solid var(--road-outline);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 A=class{constructor(o){t(this,o);this.color=undefined}render(){const t=this.color!==undefined?`toolbar-${this.color}`:"";return o(e,{class:t},o("div",{class:"toolbar-container"},o("slot",{name:"start"}),o("slot",{name:"primary"}),o("div",{class:"toolbar-content"},o("slot",null)),o("slot",{name:"secondary"}),o("slot",{name:"end"})))}};A.style=R;export{c as road_badge,u as road_button,p as road_col,b as road_counter,y as road_drawer,z as road_grid,Y as road_icon,D as road_input,T as road_input_group,X as road_item,H as road_label,K as road_list,U as road_row,A as road_toolbar};
+//# sourceMappingURL=p-9c86d7cd.entry.js.map