@roadtrip/components 3.33.7 → 3.35.0

package/dist/roadtrip/p-b8c5d292.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:"b2c9aa060ae841e99ba5751c128e8df1fa257277",tabindex:"0",class:{disabled:this.disabled}},e("div",{key:"b7696f36afd6083f61b0498ff80b911743f6713e",class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{key:"9c09977ad8ea7b60380cd0b245b2b78df75a851e",icon:n,class:"mr-8",size:"sm"}),e("div",{key:"dbcf378a5ce259394cc0ed12f6437100292aa015",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:"11fbbec081e1ae2b86a5ad5d387b91f26104d6e8"}),this.showLabels&&e("slot",{key:"1dd932c4e17968e794370c5468e13fed1b84df25",name:"datalist"}),e("input",{key:"afe1c2ef6f8006e2c0dcbd3cbe14103393a57a4a",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:"6f2bca3f10bdc5dcadf6756bfe953afffe4bf2c7",class:"form-range-label"},"Valeur"),e("div",{key:"065f974aa51980322402a0c3d0c168a96c076ecf",class:"form-range-progress"})),this.showTick&&e("road-icon",{key:"283d46c77a585064840ee91a861fbd2c0bdaa5aa",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-b8c5d292.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,c as s,h as e,H as i,a as r}from"./p-d7aae05d.js";const o=".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";const t=o;const d=class{constructor(e){a(this,e);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.radioGroupId=`road-radio-group-${h++}`;this.allowEmptySelection=false;this.name=this.radioGroupId;this.asterisk=false;this.ariaLabel=`${this.radioGroupId}-label`;this.onClick=a=>{const s=a.target&&a.target.closest("road-radio");if(s){const a=this.value;const e=s.value;if(e!==a){this.value=e}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}}}valueChanged(a){this.roadchange.emit({value:a});this.roadChange.emit({value:a})}errorChanged(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}else{this.el.querySelectorAll("road-radio").forEach((a=>a.error=false))}}componentWillLoad(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}}render(){const a=`${this.radioGroupId}-label`;const s=this.error!==undefined&&this.error!==""?"is-invalid":"";return e(i,{key:"6c3948ad9428d3ae8aeb411a776419784831c714",role:"radiogroup",class:`form-group ${s}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&e("p",{key:"943199c6a4eda68c82245660e81ba04032a62209",class:"text-content",id:a},this.label," ",this.asterisk&&e("span",{key:"772ae18837d54d6aa313e3a8791bc715f66c183d",class:"asterisk"},"*")),e("slot",{key:"7f4a8c9ec3a201f695a6731467c138abf587e52f"}),this.error&&this.error!==""&&e("p",{key:"9149bc1981323584219a13a392e77c8313f7fd58",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&e("p",{key:"a662d0e810e27d6392750d778e13573ed365e358",class:"helper"},this.helper))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let h=0;d.style=t;export{d as road_radio_group};
-//# sourceMappingURL=p-cfd2919e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["radioGroupCss","RoadRadioGroupStyle0","RadioGroup","constructor","hostRef","this","radioGroupId","radioGroupIds","allowEmptySelection","name","asterisk","ariaLabel","onClick","ev","selectedRadio","target","closest","currentValue","value","newValue","undefined","error","valueChanged","roadchange","emit","roadChange","errorChanged","el","querySelectorAll","forEach","item","componentWillLoad","render","labelId","isInvalidClass","h","Host","key","role","class","label","id","helper"],"sources":["src/components/radio-group/radio-group.css?tag=road-radio-group&encapsulation=scoped","src/components/radio-group/radio-group.tsx"],"sourcesContent":["/*\n * Radio Group\n *\n * Index\n * - Radio Group\n * - Asterisk\n * - Error\n */\n\n/**\n * Error message for inline radio can only\n * be provided by adding a class\n * .is-invalid on the .form-group of this radio\n */\n\n/**\n * @prop --asterisk-color: color of the asterisk\n */\n\n/* RADIO\n -------------------- */\n\n:host {\n  --asterisk-color: var(--road-on-surface);\n\n  position: relative;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n\n/* ASTERISK\n-------------------- */\n\n.asterisk {\n  color: var(--asterisk-color);\n}\n\n/* ERROR\n-------------------- */\n\n:host(.is-invalid) .invalid-feedback {\n  display: block;\n}\n\n.invalid-feedback {\n  display: none;\n  flex: 0 0 100%;\n  width: 100%;\n  margin: 0.5rem 0 0;\n  font-size: var(--road-font-size-12);\n  color: var(--road-on-danger-surface);\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n  margin-top: 0.5rem;\n  font-size: var(--road-font-size-12);\n  color: var(--road-on-surface-weak);\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n/**\n * @slot  - Used to add multiple radio components.\n */\n\n@Component({\n  tag: 'road-radio-group',\n  styleUrl: 'radio-group.css',\n  scoped: true,\n})\nexport class RadioGroup {\n\n  @Element() el!: HTMLRoadRadioGroupElement;\n\n  /**\n   * The id of checkbox\n   */\n  @Prop() radioGroupId: string = `road-radio-group-${radioGroupIds++}`;\n\n  /**\n   * If `true`, the radios can be deselected.\n   */\n  @Prop() allowEmptySelection = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.radioGroupId;\n\n  /**\n   * the value of the radio group.\n   */\n  @Prop({ mutable: true }) value?: any | null;\n\n  /**\n   * Label for the field\n   */\n  @Prop() label?: string;\n\n  /**\n   * add an asterisk to the label of the field\n   */\n   @Prop() asterisk?: boolean = false;\n\n  /**\n   * Label for the field\n   */\n  @Prop({reflect: true}) ariaLabel: string = `${this.radioGroupId}-label`;\n\n  /**\n   * Error message for the radio group\n   */\n  @Prop({ mutable: true }) error?: string;\n\n  /**\n   * Helper message for the radio group\n   */\n  @Prop() helper?: string;\n\n  @Watch('value')\n  valueChanged(value: any | undefined) {\n    this.roadchange.emit({ value });\n    this.roadChange.emit({ value });\n  }\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  private onClick = (ev: Event) => {\n    const selectedRadio = ev.target && (ev.target as HTMLElement).closest('road-radio');\n    if (selectedRadio) {\n      const currentValue = this.value;\n      const newValue = (selectedRadio as HTMLRoadRadioElement).value;\n      if (newValue !== currentValue) {\n        this.value = newValue;\n      } else if (this.allowEmptySelection) {\n        this.value = undefined;\n      }\n      this.error = undefined;\n    }\n  };\n\n  @Watch('error')\n  errorChanged() {\n    if (this.error !== undefined && this.error !== '') {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n    } else {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = false);\n    }\n  }\n\n  componentWillLoad() {\n    if (this.error !== undefined && this.error !== '') {\n      this.el.querySelectorAll('road-radio').forEach(item => item.error = true);\n    }\n  }\n\n  render() {\n    const labelId = `${this.radioGroupId}-label`;\n    const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n    return (\n      <Host\n        role=\"radiogroup\"\n        class={`form-group ${isInvalidClass}`}\n        aria-label={this.ariaLabel}\n        onClick={this.onClick}\n      >\n        {this.label && <p class=\"text-content\" id={labelId}>{this.label} {this.asterisk && <span class=\"asterisk\">*</span>}</p>}\n        <slot/>\n        {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n        {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n      </Host>\n    );\n  }\n}\n\nlet radioGroupIds = 0;\n"],"mappings":"gEAAA,MAAMA,EAAgB,6hBACtB,MAAAC,EAAeD,E,MCUFE,EAAU,MALvB,WAAAC,CAAAC,G,wFAYUC,KAAAC,aAAuB,oBAAoBC,MAK3CF,KAAAG,oBAAsB,MAKtBH,KAAAI,KAAeJ,KAAKC,aAenBD,KAAAK,SAAqB,MAKPL,KAAAM,UAAoB,GAAGN,KAAKC,qBA6B3CD,KAAAO,QAAWC,IACjB,MAAMC,EAAgBD,EAAGE,QAAWF,EAAGE,OAAuBC,QAAQ,cACtE,GAAIF,EAAe,CACjB,MAAMG,EAAeZ,KAAKa,MAC1B,MAAMC,EAAYL,EAAuCI,MACzD,GAAIC,IAAaF,EAAc,CAC7BZ,KAAKa,MAAQC,C,MACR,GAAId,KAAKG,oBAAqB,CACnCH,KAAKa,MAAQE,S,CAEff,KAAKgB,MAAQD,S,GA1BjB,YAAAE,CAAaJ,GACXb,KAAKkB,WAAWC,KAAK,CAAEN,UACvBb,KAAKoB,WAAWD,KAAK,CAAEN,S,CA6BzB,YAAAQ,GACE,GAAIrB,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,M,KAC/D,CACLhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,O,EAIxE,iBAAAU,GACE,GAAI1B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKsB,GAAGC,iBAAiB,cAAcC,SAAQC,GAAQA,EAAKT,MAAQ,M,EAIxE,MAAAW,GACE,MAAMC,EAAU,GAAG5B,KAAKC,qBACxB,MAAM4B,EAAiB7B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAK,aAAe,GAEtF,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,aACLC,MAAO,cAAcL,IAAgB,aACzB7B,KAAKM,UACjBC,QAASP,KAAKO,SAEbP,KAAKmC,OAASL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,eAAeE,GAAIR,GAAU5B,KAAKmC,MAAK,IAAGnC,KAAKK,UAAYyB,EAAA,QAAAE,IAAA,2CAAME,MAAM,YAAU,MACzGJ,EAAA,QAAAE,IAAA,6CACChC,KAAKgB,OAAShB,KAAKgB,QAAU,IAAMc,EAAA,KAAAE,IAAA,2CAAGE,MAAM,oBAAoBlC,KAAKgB,OACrEhB,KAAKqC,QAAUrC,KAAKqC,SAAW,IAAMP,EAAA,KAAAE,IAAA,2CAAGE,MAAM,UAAUlC,KAAKqC,Q,uGAMtE,IAAInC,EAAgB,E","ignoreList":[]}

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

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

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

@@ -1,2 +0,0 @@
-import{r as e,h as o,a}from"./p-d7aae05d.js";const r=":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;width:3.5rem;cursor:pointer;border-radius:3rem;outline:none}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{box-shadow:0 0 0 4px var(--road-primary-80)}.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 d=r;const i=class{constructor(o){e(this,o);this.isOpen=false;this.onClick=()=>{this.isOpen=!this.isOpen}}handleDocumentClick(e){if(e.target.closest("road-profil-dropdown")===this.el){return}this.isOpen=false}render(){return o("details",{key:"1ea3c85ea39041b51cd7b87e5e3bf8457d04d8d2",class:"dropdown",open:this.isOpen},o("summary",{key:"31722222765df7c7fb7716f1d28c719e71e3c50b","aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},o("div",{key:"e395e588854018e3aa01a535df994281a17e76e7",class:`d-flex`},o("div",{key:"8bb2ba7393ad71a0fb01bfaae2626cddff73b974"},o("road-avatar",{key:"6d05a101ce8015714a85fea57c583f8cf20e8ce4"},o("slot",{key:"c1a1408aa8e9eafedb2f3cb1791dcc02a2aba504",name:"avatar"}))))),o("div",{key:"31b4b8e31798cdbba1f144cd7c75417e5aed1dcc",class:`dropdown-menu`},o("div",{key:"daaa7e6156bd9e4cf093dcd895aabc58a5a75835",class:"profil-item"},o("road-avatar",{key:"efe9b628482a2f27c8224e5a836677e55aab0a53",size:"sm"},o("slot",{key:"b9def88d2732c0ff87353e163437f303bf921175",name:"avatarItem"})),o("div",{key:"de3f1acfabff5c15cb409ff32c9f3d03ff80b256",class:"profil-item-info"},o("span",{key:"01909017ffda821626024a5db9c77b5a5fa79988",class:"profil-item-info-name"},o("slot",{key:"e7ecab682533008f8aa41deb00a30a80ba027c09",name:"name"})),o("road-label",{key:"e23ae331f406c69d5702055a31f8445518983fbc"},o("slot",{key:"4ee00896125440f2f3a904516052edecc3ccaefc",name:"email"})))),o("slot",{key:"51a8603e7be8c8df634d69fe74a34845b75aff2f",name:"list"})))}get el(){return a(this)}};i.style=d;export{i as road_profil_dropdown};
-//# sourceMappingURL=p-db77c354.entry.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipCss","RoadTooltipStyle0","Tooltip","constructor","hostRef","this","tooltipId","tooltipIds","content","position","contentAlign","isOpen","trigger","onClick","hasTrigger","close","open","onMouseOver","onMouseOut","isKeyboardNavigation","handleKeyDown","handleMouseDown","onFocus","onBlur","componentDidMount","document","addEventListener","componentDidLoad","componentWillUnmount","removeEventListener","triggerType","triggers","split","includes","render","h","Host","key","tabindex","part","id","class","tooltip","role","name"],"sources":["src/components/tooltip/tooltip.css?tag=road-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * Tooltip\n *\n * Index\n * - Tooltip\n * - Position\n */\n\n/**\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --z-index: The z-index of the tooltip.\n * @prop --width: width of the tooltip.\n */\n\n/* TOOLTIP\n -------------------- */\n\n:host {\n  --max-width: 85vw;\n  --z-index: 1;\n  --width: max-content;\n\n  position: relative;\n  display: inline-block;\n}\n\n:host(:hover) {\n  cursor: pointer;\n}\n\n\n:host([trigger=\"hover\"]) .tooltip {\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.tooltip {\n  position: absolute;\n  top: -0.5rem;\n  left: 50%;\n  z-index: 1;\n  width: var(--width);\n  min-width: 100%;\n  max-width: var(--max-width);\n  padding: 0.5rem;\n  font-family: var(--road-font);\n  font-size: var(--road-body-small);\n  color: var(--road-on-surface);\n  text-align: center;\n  pointer-events: none;\n  visibility: hidden;\n  background: var(--road-surface);\n  border: 1px solid var(--road-outline-weak);\n  border-radius: 0.25rem;\n  box-shadow: var(--road-elevation-low);\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  transform: translateX(-50%) translateY(-100%);\n}\n\n:host([contentalign=\"left\"]) .tooltip {\n  text-align: left;\n}\n\n.tooltip.tooltip-text-left::after {\n  text-align: left;\n}\n\n.tooltip-open {\n  visibility: visible;\n  opacity: 1;\n}\n\n\n/* POSITION\n -------------------- */\n\n/**\n * Top\n */\n\n:host([data-tooltip-position=\"top\"]) .tooltip {\n  left: 50%;\n  transform: translateX(-50%) translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top\"]) .tooltip-open {\n  left: 50%;\n  transform: translateX(-50%) translateY(-100%);\n}\n\n/**\n * Top Left\n */\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip {\n  left: 0%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip-open {\n  transform: translateY(-100%);\n}\n\n/**\n * Top Right\n */\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip {\n  left: 50%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip-open {\n  left: 100%;\n  transform: translateY(-100%);\n}\n\n/**\n * Left\n */\n\n:host([data-tooltip-position=\"left\"]) .tooltip {\n  top: 50%;\n  left: 0%;\n  margin-right: 0.5rem;\n  transform: translateX(-94%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"left\"]) .tooltip-open {\n  transform: translateX(-103%) translateY(-55%);\n}\n\n/**\n * Bottom\n */\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip {\n  top: 100%;\n  left: 50%;\n  margin-top: 0.5rem;\n  transform: translateX(-50%) translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip-open {\n  transform: translateX(-50%) translateY(-6%);\n}\n\n/**\n * Bottom Left\n */\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip {\n  top: 100%;\n  left: 0;\n  margin-top: 0.5rem;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open {\n  transform: translateY(-6%);\n}\n\n/**\n * Bottom Right\n */\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip {\n  top: 100%;\n  left: 100%;\n  margin-top: 0.5rem;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open {\n  transform: translateY(-6%);\n}\n\n/**\n * Right\n */\n\n:host([data-tooltip-position=\"right\"]) .tooltip {\n  top: 50%;\n  left: 100%;\n  margin-left: 0.5rem;\n  transform: translateX(-14%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"right\"]) .tooltip-open {\n  transform: translateX(-4%) translateY(-55%);\n}\n","import { Component, Host, h, Prop, Method, Element } from '@stencil/core';\n\n/**\n * @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.\n *\n * @part tooltip - tooltip container\n */\n\n@Component({\n  tag: 'road-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n\n  @Element() el!: HTMLRoadTooltipElement;\n\n  /**\n   * The id of tooltip\n   */\n  @Prop() tooltipId: string = `road-tooltip-${++tooltipIds}`;\n\n  /**\n   * The tooltip's content.\n   */\n  @Prop() content = '';\n\n  /**\n   * The position of the tooltip.\n   */\n  @Prop() position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'left' = 'top';\n\n  /**\n   * The content align of the tooltip.\n   */\n  @Prop() contentAlign:\n    | 'center'\n    | 'left' = 'center';\n\n  /**\n   * Indicates whether or not the tooltip is open. You can use this or the open/close methods.\n   */\n  @Prop({ mutable: true }) isOpen = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = 'hover';\n\n  /**\n   * Open the tooltip.\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the tooltip.\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n  }\n\n  private onClick = () => {\n    if (this.hasTrigger('click')) {\n      this.isOpen ? this.close() : this.open();\n    }\n  };\n\n  private onMouseOver = () => {\n    if (this.hasTrigger('hover')) {\n      this.open();\n    }\n  };\n\n  private onMouseOut = () => {\n    if (this.hasTrigger('hover')) {\n      this.close();\n    }\n  };\n\nprivate isKeyboardNavigation = false;\n\n// Écoute les événements pour détecter le mode d'interaction\ncomponentDidMount() {\n  document.addEventListener('keydown', this.handleKeyDown);\n  document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentDidLoad() {\n  document.addEventListener('keydown', this.handleKeyDown);\n  document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentWillUnmount() {\n  document.removeEventListener('keydown', this.handleKeyDown);\n  document.removeEventListener('mousedown', this.handleMouseDown);\n}\n\n\nprivate handleKeyDown = () => {\n  this.isKeyboardNavigation = true;\n};\n\nprivate handleMouseDown = () => {\n  this.isKeyboardNavigation = false;\n};\n\nprivate onFocus = () => {\n  if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n    this.open();\n  }\n};\n\n\n  private onBlur = () => {\n    if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n      this.close();\n    }\n  };\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  render() {\n    return (\n      <Host\n        onMouseOver={this.onMouseOver}\n        onMouseOut={this.onMouseOut}\n        onClick={this.onClick}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n        tabindex=\"0\"  // Makes the element focusable\n        data-tooltip-position={this.position}\n      >\n        <slot aria-describedby={this.tooltipId} />\n\n        <div\n          part=\"tooltip\"\n          id={this.tooltipId}\n          class={{\n            tooltip: true,\n            'tooltip-open': this.isOpen,\n          }}\n          role=\"tooltip\"\n          aria-hidden={!this.isOpen ? 'true' : 'false'}\n        >\n          {this.content}\n          <slot name=\"tooltip-content\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet tooltipIds = 0;\n"],"mappings":"oDAAA,MAAMA,EAAa,4+EACnB,MAAAC,EAAeD,E,MCYFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYUC,KAAAC,UAAoB,kBAAkBC,IAKtCF,KAAAG,QAAU,GAKVH,KAAAI,SAQK,MAKLJ,KAAAK,aAEK,SAKYL,KAAAM,OAAS,MAO1BN,KAAAO,QAAkB,QAkBlBP,KAAAQ,QAAU,KAChB,GAAIR,KAAKS,WAAW,SAAU,CAC5BT,KAAKM,OAASN,KAAKU,QAAUV,KAAKW,M,GAI9BX,KAAAY,YAAc,KACpB,GAAIZ,KAAKS,WAAW,SAAU,CAC5BT,KAAKW,M,GAIDX,KAAAa,WAAa,KACnB,GAAIb,KAAKS,WAAW,SAAU,CAC5BT,KAAKU,O,GAIHV,KAAAc,qBAAuB,MAmBvBd,KAAAe,cAAgB,KACtBf,KAAKc,qBAAuB,IAAI,EAG1Bd,KAAAgB,gBAAkB,KACxBhB,KAAKc,qBAAuB,KAAK,EAG3Bd,KAAAiB,QAAU,KAChB,GAAIjB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKW,M,GAKCX,KAAAkB,OAAS,KACf,GAAIlB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKU,O,GAlET,UAAMC,GACJX,KAAKM,OAAS,I,CAOhB,WAAMI,GACJV,KAAKM,OAAS,K,CAwBlB,iBAAAa,GACEC,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,gBAAAM,GACEF,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,oBAAAO,GACEH,SAASI,oBAAoB,UAAWxB,KAAKe,eAC7CK,SAASI,oBAAoB,YAAaxB,KAAKgB,gB,CAyBvC,UAAAP,CAAWgB,GACjB,MAAMC,EAAW1B,KAAKO,QAAQoB,MAAM,KACpC,OAAOD,EAASE,SAASH,E,CAG3B,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHpB,YAAaZ,KAAKY,YAClBC,WAAYb,KAAKa,WACjBL,QAASR,KAAKQ,QACdS,QAASjB,KAAKiB,QACdC,OAAQlB,KAAKkB,OACbe,SAAS,I,wBACcjC,KAAKI,UAE5B0B,EAAA,QAAAE,IAAA,8DAAwBhC,KAAKC,YAE7B6B,EAAA,OAAAE,IAAA,2CACEE,KAAK,UACLC,GAAInC,KAAKC,UACTmC,MAAO,CACLC,QAAS,KACT,eAAgBrC,KAAKM,QAEvBgC,KAAK,UAAS,eACAtC,KAAKM,OAAS,OAAS,SAEpCN,KAAKG,QACN2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,qB,2BAOrB,IAAIrC,EAAa,E","ignoreList":[]}