@roadtrip/components 3.39.2 → 3.41.0

package/dist/roadtrip/p-0c3acb06.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectCss","RoadSelectStyle0","Select","constructor","hostRef","this","selectId","selectIds","options","autofocus","disabled","name","required","size","sizes","label","onChange","ev","select","target","value","onBlur","roadblur","emit","roadBlur","onFocus","roadfocus","roadFocus","valueChanged","resetSelection","addSelected","roadchange","roadChange","componentWillLoad","forEach","option","selected","selectedOption","find","render","labelId","hasValueClass","isInvalidClass","error","undefined","h","Host","key","class","id","autoFocus","hidden","style","display","map","htmlFor"],"sources":["src/components/select/select.css?tag=road-select&encapsulation=scoped","src/components/select/select.tsx"],"sourcesContent":["/*\n * Select\n *\n * Index\n * - Select\n * - Label\n * - Sizes\n * - Error\n */\n\n\n:host {\n  position: relative;\n  display: block;\n  margin-bottom: 1rem;\n  font-family: var(--road-font, sans-serif);\n  color: var(--road-on-surface);\n}\n\n/* SELECT\n -------------------- */\n\n.form-select {\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n  height: auto;\n  padding: 0.75rem 3rem 0 1rem;\n  margin: 0;\n  font-size: var(--road-body-medium);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  background: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;\n  background-color: var(--road-surface);\n  border: 1px solid var(--road-input-outline);\n  border-radius: 0.25rem;\n  box-shadow: none;\n  appearance: none;\n}\n\n.form-select:-moz-focusring {\n  color: transparent;\n  text-shadow: 0 0 0 #000000;\n}\n\n.form-select::-ms-expand { /* IE fix remove native arrow */\n  display: none;\n}\n\n/**\n * Placeholder\n */\n\n.form-select::placeholder {\n  color: var(--road-on-surface-extra-weak);\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n  .form-select:not(:disabled):hover {\n    border-color: var(--road-input-outline-variant);\n  }\n}\n\n/**\n * Focus state\n */\n\n.form-select:focus ~ .form-select-label,\n.form-select[required]:valid ~ .form-select-label,\n.form-select.has-value ~ .form-select-label {\n  transform: scale(0.625) translateY(-0.625rem);\n}\n\n/**\n * Disabled state\n */\n\n.form-select:disabled,\n.form-select[readonly] {\n  color: var(--road-on-surface-disabled);\n  cursor: not-allowed;\n  background-color: var(--road-surface-disabled);\n  opacity: 1;\n}\n\n/* LABEL\n -------------------- */\n\n.form-select-label {\n  position: absolute;\n  top: 0.75rem;\n  left: 1rem;\n  display: block;\n  font-size: var(--road-label-medium);\n  line-height: 1.5;\n  color: var(--road-on-surface-weak);\n  pointer-events: none;\n  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  transform-origin: 0 0;\n}\n\n.form-select:required ~ .form-select-label::after{\n  color: var(--road-on-danger-surface);\n  content: \" *\";\n}\n\n/* SIZES\n -------------------- */\n\n:host(.select-xl) .form-select {\n  min-height: 3.5rem;\n  padding: 1rem 1rem 0;\n}\n\n:host(.select-xl) .form-select-label {\n  top: 1rem;\n}\n\n:host(.select-xl) .form-select:focus ~ .form-select-label,\n:host(.select-xl) .form-select[required]:valid ~ .form-select-label,\n:host(.select-xl) .form-select.has-value ~ .form-select-label,\n:host(.select-xl) .form-select[type=\"date\"] ~ .form-select-label,\n:host(.select-xl) .form-select[type=\"time\"] ~ .form-select-label {\n  transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-xl) .form-select:placeholder-shown ~ .form-select-label {\n  transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-lg) .form-select {\n  min-height: 3rem;\n}\n\n:host(.select-md) .form-select {\n  min-height: 2.5rem;\n  padding: 1rem 1rem 0;\n  font-size: var(--road-body-small);\n}\n\n:host(.select-md) .form-select-label {\n  top: 0.5rem;\n}\n\n:host(.select-md) .form-select:focus ~ .form-select-label,\n:host(.select-md) .form-select[required]:valid ~ .form-select-label,\n:host(.select-md) .form-select.has-value ~ .form-select-label,\n:host(.select-md) .form-select[type=\"date\"] ~ .form-select-label,\n:host(.select-md) .form-select[type=\"time\"] ~ .form-select-label {\n  transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-md) .form-select:placeholder-shown ~ .form-select-label {\n  transform: scale(0.75) translateY(-0.625rem);\n}\n\n/* ERROR\n -------------------- */\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0.5rem;\n  font-size: var(--road-body-small);\n  color: var(--road-on-danger-surface);\n}\n\n.form-select.is-invalid,\n.was-validated .form-select:invalid {\n  border-color: var(--road-on-danger-surface);\n}\n\n.form-select.is-invalid ~ .invalid-feedback,\n.was-validated .form-select:invalid ~ .invalid-feedback {\n  display: block;\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'road-select',\n  styleUrl: 'select.css',\n  scoped: true,\n})\nexport class Select {\n\n  /**\n   * The id of select\n   */\n  @Prop() selectId: string = `road-select-${selectIds++}`;\n\n  /**\n   * List of options of the select\n   */\n  @Prop() options: Array<{\n    value: string | number;\n    label: string;\n    selected?: boolean;\n  }> = [];\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n   */\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * If the control is presented as a scrolling list box (e.g. when multiple is specified),\n   * this attribute represents the number of rows in the list that should be visible at one time.\n   */\n  @Prop() size: number = 0;\n\n  /**\n   * The sizes of the input.\n   */\n  @Prop() sizes: 'md' | 'lg' | 'xl' = 'xl';\n\n  /**\n   * Label for the field\n   */\n  @Prop() label: string = `${this.selectId}-label`;\n\n  /**\n   * Error message for the field\n   */\n  @Prop() error?: string;\n\n  /**\n   * the value of the select.\n   */\n  @Prop({ mutable: true }) value?: any | null;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() roadchange!: EventEmitter<{\n    value: string | undefined | null;\n  }>;\n  /** @internal */\n  @Event() roadChange!: EventEmitter<{\n    value: string | undefined | null;\n  }>;\n\n  /**\n   * Emitted when the select has focus.\n   */\n  @Event() roadfocus!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() roadblur!: EventEmitter<void>;\n  /** @internal */\n  @Event() roadBlur!: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged() {\n    if (this.value === null) {\n      this.resetSelection();\n    } else {\n      this.addSelected();\n    }\n\n    this.roadchange.emit({\n      value: this.value,\n    });\n    this.roadChange.emit({\n      value: this.value,\n    });\n  }\n\n  componentWillLoad() {\n    if (this.value === null) {\n      this.resetSelection();\n    } else {\n      this.addSelected();\n    }\n  }\n\n  addSelected() {\n    // Désélection de toutes les options\n    this.options.forEach(option => option.selected = false);\n\n    // Sélection de la nouvelle option si elle correspond à la valeur actuelle\n    const selectedOption = this.options.find(option => option.value == this.value);\n    if (selectedOption) {\n      selectedOption.selected = true;\n    }\n  }\n\n  resetSelection() {\n    this.value = null;\n    this.options.forEach(option => option.selected = false);\n  }\n\n  private onChange = (ev: Event) => {\n    const select = ev.target as HTMLSelectElement | null;\n    if (select) {\n      this.value = select.value || null;\n    }\n  };\n\n  private onBlur = () => {\n    this.roadblur.emit();\n    this.roadBlur.emit();\n  };\n\n  private onFocus = () => {\n    this.roadfocus.emit();\n    this.roadFocus.emit();\n  };\n\n  render() {\n    const labelId = this.selectId + '-label';\n    const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';\n    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host class={this.sizes && `select-${this.sizes}`}>\n        <select\n        class={`form-select ${hasValueClass} ${isInvalidClass}`}\n        id={this.selectId}\n        aria-disabled={this.disabled ? 'true' : null}\n        autoFocus={this.autofocus}\n        disabled={this.disabled}\n        name={this.name}\n        required={this.required}\n        size={this.size}\n        onChange={this.onChange}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      >\n        <option\n          selected={!this.value} // sélectionné si this.value est null ou vide\n          disabled\n          hidden\n          style={{ display: 'none' }}\n          value=\"\"\n        >\n        </option>\n        {this.options && this.options.map(option => (\n          <option\n            value={option.value}\n            selected={this.value !== null && option.value == this.value}\n          >\n            {option.label}\n          </option>\n        ))}\n      </select>\n        <label class=\"form-select-label\" id={labelId} htmlFor={this.selectId}>{this.label}</label>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n      </Host>\n    );\n  }\n\n}\n\nlet selectIds = 0;\n"],"mappings":"yDAAA,MAAMA,EAAY,opIAClB,MAAAC,EAAeD,E,MCMFE,EAAM,MALnB,WAAAC,CAAAC,G,wOAUUC,KAAAC,SAAmB,eAAeC,MAKlCF,KAAAG,QAIH,GAKGH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,KAAeN,KAAKC,SAKpBD,KAAAO,SAAoB,MAMpBP,KAAAQ,KAAe,EAKfR,KAAAS,MAA4B,KAK5BT,KAAAU,MAAgB,GAAGV,KAAKC,iBA6ExBD,KAAAW,SAAYC,IAClB,MAAMC,EAASD,EAAGE,OAClB,GAAID,EAAQ,CACVb,KAAKe,MAAQF,EAAOE,OAAS,I,GAIzBf,KAAAgB,OAAS,KACfhB,KAAKiB,SAASC,OACdlB,KAAKmB,SAASD,MAAM,EAGdlB,KAAAoB,QAAU,KAChBpB,KAAKqB,UAAUH,OACflB,KAAKsB,UAAUJ,MAAM,C,CArDvB,YAAAK,GACE,GAAIvB,KAAKe,QAAU,KAAM,CACvBf,KAAKwB,gB,KACA,CACLxB,KAAKyB,a,CAGPzB,KAAK0B,WAAWR,KAAK,CACnBH,MAAOf,KAAKe,QAEdf,KAAK2B,WAAWT,KAAK,CACnBH,MAAOf,KAAKe,O,CAIhB,iBAAAa,GACE,GAAI5B,KAAKe,QAAU,KAAM,CACvBf,KAAKwB,gB,KACA,CACLxB,KAAKyB,a,EAIT,WAAAA,GAEEzB,KAAKG,QAAQ0B,SAAQC,GAAUA,EAAOC,SAAW,QAGjD,MAAMC,EAAiBhC,KAAKG,QAAQ8B,MAAKH,GAAUA,EAAOf,OAASf,KAAKe,QACxE,GAAIiB,EAAgB,CAClBA,EAAeD,SAAW,I,EAI9B,cAAAP,GACExB,KAAKe,MAAQ,KACbf,KAAKG,QAAQ0B,SAAQC,GAAUA,EAAOC,SAAW,O,CAoBnD,MAAAG,GACE,MAAMC,EAAUnC,KAAKC,SAAW,SAChC,MAAMmC,EAAgBpC,KAAKe,OAASf,KAAKe,QAAU,GAAK,YAAc,GACtE,MAAMsB,EAAiBrC,KAAKsC,QAAUC,WAAavC,KAAKsC,QAAU,GAAK,aAAe,GAEtF,OACEE,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3C,KAAKS,OAAS,UAAUT,KAAKS,SACxC+B,EAAA,UAAAE,IAAA,2CACAC,MAAO,eAAeP,KAAiBC,IACvCO,GAAI5C,KAAKC,SAAQ,gBACFD,KAAKK,SAAW,OAAS,KACxCwC,UAAW7C,KAAKI,UAChBC,SAAUL,KAAKK,SACfC,KAAMN,KAAKM,KACXC,SAAUP,KAAKO,SACfC,KAAMR,KAAKQ,KACXG,SAAUX,KAAKW,SACfS,QAASpB,KAAKoB,QACdJ,OAAQhB,KAAKgB,QAEbwB,EAAA,UAAAE,IAAA,2CACEX,UAAW/B,KAAKe,MAChBV,SAAQ,KACRyC,OAAM,KACNC,MAAO,CAAEC,QAAS,QAClBjC,MAAM,KAGPf,KAAKG,SAAWH,KAAKG,QAAQ8C,KAAInB,GAChCU,EAAA,UACEzB,MAAOe,EAAOf,MACdgB,SAAU/B,KAAKe,QAAU,MAAQe,EAAOf,OAASf,KAAKe,OAErDe,EAAOpB,UAIZ8B,EAAA,SAAAE,IAAA,2CAAOC,MAAM,oBAAoBC,GAAIT,EAASe,QAASlD,KAAKC,UAAWD,KAAKU,OAC3EV,KAAKsC,OAAStC,KAAKsC,QAAU,IAAME,EAAA,KAAAE,IAAA,2CAAGC,MAAM,oBAAoB3C,KAAKsC,O,wDAO9E,IAAIpC,EAAY,E","ignoreList":[]}

package/dist/roadtrip/p-1fe92473.entry.js

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

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as s}from"./p-d7aae05d.js";const t=":host{display:block}:host ul{padding-left:0}:host ul li{list-style:none}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const d=t;const o=class{constructor(a){e(this,a)}render(){return a(s,{key:"4b800c967f9856eb3f9300052bb2bf25923d89d2"},a("nav",{key:"3fb92e245b3e9e6b7fea1c32243a57abcbaa12e7"},a("ul",{key:"969719a6a169ab1746c651f8585d75ef3149adc3"},a("li",{key:"9f9a1f612e18de1589be43f60a1543288d100c02"},a("slot",{key:"ad39bd1a8e16ca349a2de0b100d5202130f0c362"})))))}};o.style=d;export{o as road_progress_tracker};
-//# sourceMappingURL=p-32685310.entry.js.map

package/dist/roadtrip/p-64d67d81.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as n,h as o,H as a}from"./p-d7aae05d.js";import{a as r}from"./p-db82e012.js";const s=":host{display:none}:host(.banner-open){position:relative;display:block;padding:1rem 2rem;font-size:var(--road-body-medium);text-align:center;background-color:var(--road-leading-banner)}.banner-close{position:absolute;top:0;right:0;padding:0.25rem;color:currentColor;cursor:pointer;background:none;border:0}.banner-close road-icon{color:currentColor}.banner-open-label{font-weight:700}.banner-open-link{display:block;margin:0.25rem 0.75rem;font-size:var(--road-font-size-14);color:currentColor}@media (min-width: 992px){.banner-close{right:0.25rem;bottom:0}.banner-open-link{display:initial}}";const t=s;const i=class{constructor(o){e(this,o);this.onClose=n(this,"close",7);this.isOpen=true;this.label="";this.onClick=e=>{e.stopPropagation();e.preventDefault();this.close()}}async close(){this.isOpen=false;this.onClose.emit()}render(){const e=this.isOpen?"banner-open":"";return o(a,{key:"4d49fae1622403ba54ebbc2eca8e07d56644fa03",class:e},o("div",{key:"f61d750fcb78721f8b8f420b77557393c660cb5d"},o("span",{key:"b4e13489b0556fa523c1ba3d07c479d8b6e26313",class:"banner-open-label"},this.label),this.link&&o("a",{key:"b1eeb51ac02e37aeda15c1bf263ed30b71d1fbd0",href:this.url,class:"banner-open-link"},this.link),o("button",{key:"57f443865461c27103bfbaea56bb7ce134f39b79",type:"button",class:"banner-close",onClick:this.onClick,"aria-label":"closed"},o("road-icon",{key:"adf3326dad26eb587666707695a0d82bd0f985e4",icon:r,size:"md"}))))}};i.style=t;export{i as road_banner};
-//# sourceMappingURL=p-64d67d81.entry.js.map

package/dist/roadtrip/p-6c43a952.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o,H as e}from"./p-d7aae05d.js";import{a as i}from"./p-db82e012.js";import"./p-453fa8b4.js";const a=":host{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;padding:0.25rem 0.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.chip-description{display:inline-flex;align-items:center;padding:0 0.5rem}:host(.chip-outline){border-style:solid;border-width:1px}::slotted(road-icon){width:1.25rem;height:1.25rem;margin-right:0.5rem;margin-left:-0.5rem}.chip-close{width:1rem;height:1rem;margin-right:-0.25rem;color:var(--road-surface);background:var(--road-on-surface-weak);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.chip-outline.chip-inverse) .chip-close{color:var(--road-icon);background:var(--road-surface)}:host(.chip-lg){height:2.5rem;padding:0 0.75rem;font-size:var(--road-font-size-16)}:host(.chip-lg) ::slotted(road-icon){width:1.5rem;height:1.5rem;margin-right:0.75rem;margin-left:-0.75rem}:host(.chip-lg) .chip-description{padding:0 0.75rem}:host(.chip-lg) .chip-close{width:1.5rem;height:1.5rem}:host(.chip-default){color:var(--road-on-surface);background:var(--road-grey-200)}:host(.chip-inverse){color:var(--road-on-primary);background:none}:host(.chip-outline.chip-default){background:var(--road-surface);border-color:var(--road-input-outline)}:host(.chip-outline.chip-inverse){border-color:var(--road-on-primary)}:host(.chip-secondary){color:var(--road-on-button-primary);background:var(--road-button-primary);border-color:transparent}:host(.chip-secondary) .chip-close{color:var(--road-primary);background:var(--road-surface)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:focus-visible){border-color:var(--road-outline-variant);outline:auto}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant);outline:auto}";const c=a;const t=class{constructor(o){r(this,o);this.color="default";this.outline=false;this.size="md";this.hasCloseIcon=false}render(){const r=this.outline?"chip-outline":"";return o(e,{key:"d62cb5ab9adddd6249a39b2f9e0aca4163fe2269",class:`${r} chip-${this.color} chip-${this.size}`,tabindex:"0"},o("div",{key:"30a200dc140ac7de7a7c38ec5f3c5aebcf30ec06",class:"chip-description"},o("slot",{key:"4e49f38d9ea9c4f5d7cc465473089b5fd3e2407e"})),this.hasCloseIcon&&o("road-icon",{key:"d04755df3acef36413f551ce3a76e3970be05205",class:"chip-close",icon:i}))}};t.style=c;export{t as road_chip};
-//# sourceMappingURL=p-6c43a952.entry.js.map

package/dist/roadtrip/p-6d7895b7.entry.js

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