@roadtrip/components 3.33.7 → 3.35.0

package/dist/roadtrip/{p-c465f551.entry.js → p-a406a342.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as o}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":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-weak)}@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-weak)}}::slotted(.drawer-button-save){position:absolute;bottom:0;width:100%}";const r=i;const d=class{constructor(a){e(this,a);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(e){this.selectedTab=e.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return a(o,{key:"1413fa96200fad5a83abd97f951c46b6a6a25777",role:"menubar"},a("slot",{key:"c6f91f0af00788a5708cb95f44789938c7d6eeda"}))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=r;export{d as road_navbar};
-//# sourceMappingURL=p-c465f551.entry.js.map
+import{r as e,c as t,h as o,H as a}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i=":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-weak)}@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-weak)}}::slotted(.drawer-button-save){position:absolute;bottom:0;width:100%}";const r=i;const d=class{constructor(o){e(this,o);this.roadnavbarchanged=t(this,"roadnavbarchanged",7);this.roadNavbarChanged=t(this,"roadNavbarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadnavbarchanged.emit({tab:this.selectedTab});this.roadNavbarChanged.emit({tab:this.selectedTab})}}onNavbarChanged(e){this.selectedTab=e.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return o(a,{key:"188151d4f107e38799301e254fef5cb36b77f427",role:"menubar"},o("slot",{key:"7ed62f55bd9828c04a28f4090b6563dbc7cbd741"}))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=r;export{d as road_navbar};
+//# sourceMappingURL=p-a406a342.entry.js.map

package/dist/roadtrip/{p-e6e9882b.entry.js → p-a5c363f2.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s,H as e}from"./p-d7aae05d.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=a;const i=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,{key:"6c93b381f40367646f5ccb653a9062c7ac342679",class:"progress-element"},s("div",{key:"cb975e51bd98f03fa7d52bd3f20af7b5f8f25379",class:`${o} progress-${this.color} ${i}`},s("div",{key:"33b21314f01938916afaea7a58e0425b03616d06",class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100","aria-label":"progress bar"})),s("div",{key:"3d31e5265359ddb21a8517ccdb6408c3a0503478",class:`${a}`},s("span",{key:"0965abaec5dc0737d04ddc05da7b4a6423fe6bb1",class:"progress-element-label"},this.label),this.showstep&&s("span",{key:"1f8b48a83db7c3d70f4a7756a43969d0782ee35a",class:"progress-element-step"},r,"/",this.numbersteps)))}};i.style=o;export{i as road_progress};
-//# sourceMappingURL=p-e6e9882b.entry.js.map
+import{r,h as s,H as e}from"./p-d7aae05d.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=a;const i=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,{key:"029ef77c8c30790505626a065e0382fd96de48f3",class:"progress-element"},s("div",{key:"6abaec562d06e1550cc4a81708625a298b701a58",class:`${o} progress-${this.color} ${i}`},s("div",{key:"155e66309824c5cf5af2bab1b8c5984d7ad69e24",class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100","aria-label":"progress bar"})),s("div",{key:"6054fb408c776fb258c7889bab50b8d0c4cb158f",class:`${a}`},s("span",{key:"90dc79f84351f7845dd17a8c2024d42f12ca6585",class:"progress-element-label"},this.label),this.showstep&&s("span",{key:"d316a662a44d0c44250c26a1ae81d106f8914d43",class:"progress-element-step"},r,"/",this.numbersteps)))}};i.style=o;export{i as road_progress};
+//# sourceMappingURL=p-a5c363f2.entry.js.map

package/dist/roadtrip/{p-5fea6a74.entry.js → p-ad9055c1.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"d3ba92c8ba422c910a790c232cc6c43acf21a316"},e("slot",{key:"471a58e0dbbcad1601c6bfec7e90cc4ced55f172"}))}};t.style=a;export{t as road_progress_indicator_vertical_item};
-//# sourceMappingURL=p-5fea6a74.entry.js.map
+import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"681a6c70caee4d2b12dfe5cb85faa3240da79261"},e("slot",{key:"edbc178bba91172a49760d40b55e55b56634dea1"}))}};t.style=a;export{t as road_progress_indicator_vertical_item};
+//# sourceMappingURL=p-ad9055c1.entry.js.map

package/dist/roadtrip/{p-37430583.entry.js → p-b0203787.entry.js}

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

package/dist/roadtrip/{p-3dcaa947.entry.js → p-c01aaf61.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:d,selected:l,tab:b,disabled:c}=this;const h={download:this.download,href:!c?r:undefined,rel:n,target:s};return i(o,{key:"1bf7c7301f66cecd4bfbf5cb332fb443dbd17a73",onClick:t=>!c&&this.onClick(t),onKeyup:t=>!c&&this.onKeyUp(t),role:"tab",tabindex:c?-1:a,"aria-selected":l?"true":"false","aria-disabled":c?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":l,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${d}`]:true,"tab-disabled":c}},i("a",Object.assign({key:"c15a1634befc28787a96baa630bcb65bfac9dcc7"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"8f1f273aea98fd8680b5787223f8fe730055d9c3",class:"button-inner"},i("slot",{key:"24f7dceead533f266dcdd4cb80f792b2ae85db2c"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
-//# sourceMappingURL=p-3dcaa947.entry.js.map
+import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:b,disabled:h}=this;const c={download:this.download,href:!h?r:undefined,rel:n,target:s};return i(o,{key:"4766bf5988d063443b6a7958fe1c18ab20b4392d",onClick:t=>!h&&this.onClick(t),onKeyup:t=>!h&&this.onKeyUp(t),role:"tab",tabindex:h?-1:a,"aria-selected":d?"true":"false","aria-disabled":h?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":h}},i("a",Object.assign({key:"f11c00761d9057129770874f321f3afaa18a53e0"},c,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"51c886bf60aa0544124c0e2cb19b20d9e0bb720e",class:"button-inner"},i("slot",{key:"6f7d6d16789eb4db922fd3b49cbbe2df68fc71a1"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
+//# sourceMappingURL=p-c01aaf61.entry.js.map

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

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

package/dist/roadtrip/{p-8b04fc62.entry.js → p-cd1e078c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,H as s,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{display:flex;max-width:500px}";const n=r;const i=class{constructor(a){t(this,a);this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"cbe94587012819876109399d72bb1715ac334a9f",role:"tablist"},a("slot",{key:"a1ba2feec5c649ea44f6b534a10a18fc738fede5"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=n;export{i as road_segmented_button_bar};
-//# sourceMappingURL=p-8b04fc62.entry.js.map
+import{r as t,c as e,h as a,H as s,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{display:flex;max-width:500px}";const n=r;const i=class{constructor(a){t(this,a);this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"afd642615f117aadf941aa07e1006b87bc7af6ee",role:"tablist"},a("slot",{key:"331b574bb64568dc247cd9789232d4dffebec937"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=n;export{i as road_segmented_button_bar};
+//# sourceMappingURL=p-cd1e078c.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r,c as a,h as e,H as o,a as s}from"./p-d7aae05d.js";import{h as n,i}from"./p-db82e012.js";const d='.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 t=d;const c=class{constructor(e){r(this,e);this.roadchange=a(this,"roadchange",7);this.roadChange=a(this,"roadChange",7);this.rangeId=`road-range-${l++}`;this.value="";this.showValue=false;this.showTick=false;this.showLabels=false;this.disabled=false;this.onInput=r=>{const a=r.target;if(a){this.value=a.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 r=this.el.querySelector(".form-label");const a=this.el.querySelector(".form-control.sc-road-input");if(r){r.style.clip="rect(0 0 0 0)";r.style.border="0";r.style.height="1px";r.style.left="0";r.style.margin="-1px";r.style.overflow="hidden";r.style.padding="0";r.style.position="absolute";r.style.top="0";r.style.width="1px";a.style.padding="0 1rem 0"}}render(){const r=this.getValue();const a=this.showLabels!==undefined?`tickmarks`:"";return e(o,{key:"f1486d106b3d7013b3e6b1d99d646c70127dbbdd",tabindex:"0",class:{disabled:this.disabled}},e("div",{key:"fd44d0ce903ba469fc2142a19b049676fddd2005",class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{key:"723c5da5321440524ffb5cf69ed2d71196996541",icon:n,class:"mr-8",size:"sm"}),e("div",{key:"4653394e0dcfa7d452236f57bd2052ac9928007f",class:"form-range",style:{"--min":this.min,"--max":this.max,"--value":r,"--background-color":this.disabled?"var(--road-surface-disabled)":"initial"}},this.showValue&&e("output",{key:"2d3504f149aeba0bca77b7a7d03ac3fb9f3267b1"}),this.showLabels&&e("slot",{key:"45c91307a659459919e67f022766bf98189a4511",name:"datalist"}),e("input",{key:"0cc864289e5c44b2dac2521af90b00dfa1d0625c",type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput,list:a,"aria-label":"Valeur",tabindex:"0",disabled:this.disabled}),e("label",{key:"97c50d5a81be438d34f23223ef1e5acdafcbc1b2",class:"form-range-label"},"Valeur"),e("div",{key:"92568d77bdbb044f66f0f5557ba81673836bd433",class:"form-range-progress"})),this.showTick&&e("road-icon",{key:"2587580ec2c19de6d2cf799e4a39bd02c555d19a",icon:i,class:"ml-8",size:"sm"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};let l=0;c.style=t;export{c as road_range};
+//# sourceMappingURL=p-cd436a46.entry.js.map

package/dist/roadtrip/{p-b8c5d292.entry.js.map → p-cd436a46.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["rangeCss","RoadRangeStyle0","Range","constructor","hostRef","this","rangeId","rangeIds","value","showValue","showTick","showLabels","disabled","onInput","ev","input","target","undefined","el","style","setProperty","valueChanged","roadchange","emit","toString","roadChange","getValue","handleFocus","classList","add","handleBlur","remove","componentDidLoad","label","querySelector","clip","border","height","left","margin","overflow","padding","position","top","width","render","datalist","h","Host","key","tabindex","class","icon","navigationAddLessSolid","size","min","max","name","type","id","list","navigationAddMoreSolid"],"sources":["src/components/range/range.css?tag=road-range&encapsulation=scoped","src/components/range/range.tsx"],"sourcesContent":["/*\n * Range\n *\n *\n * Index\n * - Input\n * - Value\n * - Slider\n * - Progress\n * - Cursor\n */\n\n:host {\n  display: block;\n}\n\n.form-group{\n  width: 100%;\n}\n\n.form-range {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 6px;\n}\n\n/* INPUT\n -------------------- */\n\n.form-range-input {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background: transparent;\n  outline: 0;\n  appearance: none;\n}\n\n/* VALUE\n -------------------- */\n\n.form-range > output::after {\n  display: block;\n  font-size: var(--road-label-medium);\n  text-align: right;\n  content: counter(variable);\n  counter-reset: variable var(--value);\n}\n\n/* SLIDER\n -------------------- */\n\n.form-range-label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n}\n\n.form-range-progress {\n  position: relative;\n  z-index: 0;\n  display: block;\n  width: 100%;\n  margin-top: -1rem;\n}\n\n.form-range-input::-webkit-slider-runnable-track {\n  border: 0;\n  appearance: none;\n}\n\n.form-range-input::-moz-range-track {\n  height: 0.5rem;\n  border: 0;\n  appearance: none;\n}\n\n.form-range-progress::before {\n  display: block;\n  height: 0.5rem;\n  content: \"\";\n  background-color: var(--road-on-surface-disabled);\n  border: 0;\n  border-radius: 1.125rem;\n}\n\n/* PROGRESS\n -------------------- */\n\n.form-range-progress.sc-road-range::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: block;\n  width: calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));\n  height: 0.5rem;\n  content: \"\";\n  background: var(--road-primary);\n  border-radius: 1.125rem;\n}\n\n:host(.disabled) .form-range-progress.sc-road-range::after {\n  background: var(--road-surface-disabled);\n}\n\n/* CURSOR\n-------------------- */\n\n.form-range-input::-webkit-slider-thumb {\n  position: relative;\n  z-index: 1;\n  width: 1.625rem;\n  height: 1.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n.form-range-input::-moz-range-thumb {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  width: 1.625rem;\n  height: 1.625rem;\n  margin-top: -0.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n/* Styles for disabled state */\n:host(.disabled) .form-range-input::-webkit-slider-thumb,\n:host(.disabled) .form-range-input::-moz-range-thumb {\n  cursor: not-allowed;\n  background: var(--road-on-surface-disabled);\n  box-shadow: none;\n}\n\n:host(.disabled) .form-range-input {\n  pointer-events: none;\n}\n\n:host(.disabled) {\n  cursor: not-allowed;\n}\n\n/**\n *  Focus state\n */\n\n:host(:not(.disabled).focus-visible) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):active) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):focus) .form-range-input::-webkit-slider-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n:host(:not(.disabled).focus-visible) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):active) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):focus) .form-range-input::-moz-range-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n/* DATALIST\n -------------------- */\n\n::slotted(datalist) {\n  display: flex;\n  justify-content: space-between;\n}\n\n::slotted(datalist) option {\n  width: 32px;\n  margin: 0;\n  font-size: var(--road-label-medium);\n  text-align: center;\n}\n\n","import {\n  Component,\n  h,\n  Element,\n  Prop,\n  Event,\n  Host,\n  EventEmitter,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\nimport { navigationAddLessSolid, navigationAddMoreSolid } from \"../../../icons\";\n\n/**\n * @slot datalist - list of labels. also put show-labels=\"true\" and max=\"10\" for this exemple\n * `<datalist id=\"tickmarks\" slot=\"datalist\" class=\"tickmarks\">`\n      `<option value=\"0\" label=\"0%\"></option>`\n      `<option value=\"10\" label=\"10%\"></option>`\n      `<option value=\"20\" label=\"20%\"></option>`\n      `<option value=\"30\" label=\"30%\"></option>`\n      `<option value=\"40\" label=\"40%\"></option>`\n      `<option value=\"50\" label=\"50%\"></option>`\n      `<option value=\"60\" label=\"60%\"></option>`\n     `<option value=\"70\" label=\"70%\"></option>`\n     `<option value=\"80\" label=\"80%\"></option>`\n      `<option value=\"90\" label=\"90%\"></option>`\n      `<option value=\"100\" label=\"100%\"></option>`\n    `</datalist>`\n */\n\n@Component({\n  tag: \"road-range\",\n  styleUrl: \"range.css\",\n  scoped: true,\n})\nexport class Range {\n  @Element() el!: HTMLRoadRangeElement;\n\n  /**\n   * The id of range\n   */\n  @Prop() rangeId: string = `road-range-${rangeIds++}`;\n\n  /**\n   * The value of the range.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = \"\";\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min!: string;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max!: string;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Display the current value of the range\n   */\n  @Prop() showValue: boolean = false;\n\n  /**\n   * Display Tick of the range\n   */\n  @Prop() showTick: boolean = false;\n\n  /**\n   * Display labels of the range\n   */\n  @Prop() showLabels: boolean = false;\n\n  /**\n   * If true, the range will be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch(\"value\")\n  protected valueChanged() {\n    this.roadchange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\n    this.roadChange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\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 getValue(): string {\n    return typeof this.value === \"number\"\n      ? this.value.toString()\n      : (this.value || \"\").toString();\n  }\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || \"\";\n    }\n    if (this.value !== null && this.value !== undefined) {\n      this.el.style.setProperty(\"--value\", `${this.value}`);\n    }\n  };\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus() {\n    this.el.classList.add(\"focus-visible\");\n  }\n\n  @Listen(\"blur\", { capture: true })\n  handleBlur() {\n    this.el.classList.remove(\"focus-visible\");\n  }\n\n  componentDidLoad() {\n    // Cacher le label pour accessibilité\n\n    const label = this.el.querySelector(\".form-label\") as HTMLElement;\n    const input = this.el.querySelector(\n      \".form-control.sc-road-input\"\n    ) as HTMLElement;\n    if (label) {\n      label.style.clip = \"rect(0 0 0 0)\";\n      label.style.border = \"0\";\n      label.style.height = \"1px\";\n      label.style.left = \"0\";\n      label.style.margin = \"-1px\";\n      label.style.overflow = \"hidden\";\n      label.style.padding = \"0\";\n      label.style.position = \"absolute\";\n      label.style.top = \"0\";\n      label.style.width = \"1px\";\n\n      input.style.padding = \"0 1rem 0\";\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const datalist = this.showLabels !== undefined ? `tickmarks` : \"\";\n\n    return (\n      <Host tabindex=\"0\" class={{ disabled: this.disabled }}>\n        <div class=\"form-group d-flex align-items-end\">\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddLessSolid}\n              class=\"mr-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n          <div\n            class=\"form-range\"\n            style={{\n              \"--min\": this.min,\n              \"--max\": this.max,\n              \"--value\": value,\n              \"--background-color\": this.disabled\n                ? \"var(--road-surface-disabled)\"\n                : \"initial\",\n            }}\n          >\n            {this.showValue && <output></output>}\n            {this.showLabels && <slot name=\"datalist\" />}\n            <input\n              type=\"range\"\n              class=\"form-range-input\"\n              id={this.rangeId}\n              min={this.min}\n              max={this.max}\n              value={value}\n              onInput={this.onInput}\n              list={datalist}\n              aria-label=\"Valeur\"\n              tabindex=\"0\"\n              disabled={this.disabled}\n            />\n            <label class=\"form-range-label\">Valeur</label>\n            <div class=\"form-range-progress\"></div>\n          </div>\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddMoreSolid}\n              class=\"ml-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet rangeIds = 0;\n"],"mappings":"sGAAA,MAAMA,EAAW,0tGACjB,MAAAC,EAAeD,E,MCkCFE,EAAK,MALlB,WAAAC,CAAAC,G,wFAWUC,KAAAC,QAAkB,cAAcC,MAKfF,KAAAG,MAAiC,GAqBlDH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,WAAsB,MAKtBN,KAAAO,SAAoB,MAgCpBP,KAAAQ,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTV,KAAKG,MAAQO,EAAMP,OAAS,E,CAE9B,GAAIH,KAAKG,QAAU,MAAQH,KAAKG,QAAUS,UAAW,CACnDZ,KAAKa,GAAGC,MAAMC,YAAY,UAAW,GAAGf,KAAKG,Q,GAhCvC,YAAAa,GACRhB,KAAKiB,WAAWC,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,aAEtDnB,KAAKoB,WAAWF,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,Y,CAehD,QAAAE,GACN,cAAcrB,KAAKG,QAAU,SACzBH,KAAKG,MAAMgB,YACVnB,KAAKG,OAAS,IAAIgB,U,CAczB,WAAAG,GACEtB,KAAKa,GAAGU,UAAUC,IAAI,gB,CAIxB,UAAAC,GACEzB,KAAKa,GAAGU,UAAUG,OAAO,gB,CAG3B,gBAAAC,GAGE,MAAMC,EAAQ5B,KAAKa,GAAGgB,cAAc,eACpC,MAAMnB,EAAQV,KAAKa,GAAGgB,cACpB,+BAEF,GAAID,EAAO,CACTA,EAAMd,MAAMgB,KAAO,gBACnBF,EAAMd,MAAMiB,OAAS,IACrBH,EAAMd,MAAMkB,OAAS,MACrBJ,EAAMd,MAAMmB,KAAO,IACnBL,EAAMd,MAAMoB,OAAS,OACrBN,EAAMd,MAAMqB,SAAW,SACvBP,EAAMd,MAAMsB,QAAU,IACtBR,EAAMd,MAAMuB,SAAW,WACvBT,EAAMd,MAAMwB,IAAM,IAClBV,EAAMd,MAAMyB,MAAQ,MAEpB7B,EAAMI,MAAMsB,QAAU,U,EAI1B,MAAAI,GACE,MAAMrC,EAAQH,KAAKqB,WACnB,MAAMoB,EAAWzC,KAAKM,aAAeM,UAAY,YAAc,GAE/D,OACE8B,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAS,IAAIC,MAAO,CAAEvC,SAAUP,KAAKO,WACzCmC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qCACR9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EACNF,MAAM,OACNG,KAAK,OAGTP,EAAA,OAAAE,IAAA,2CACEE,MAAM,aACNhC,MAAO,CACL,QAASd,KAAKkD,IACd,QAASlD,KAAKmD,IACd,UAAWhD,EACX,qBAAsBH,KAAKO,SACvB,+BACA,YAGLP,KAAKI,WAAasC,EAAA,UAAAE,IAAA,6CAClB5C,KAAKM,YAAcoC,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aAC/BV,EAAA,SAAAE,IAAA,2CACES,KAAK,QACLP,MAAM,mBACNQ,GAAItD,KAAKC,QACTiD,IAAKlD,KAAKkD,IACVC,IAAKnD,KAAKmD,IACVhD,MAAOA,EACPK,QAASR,KAAKQ,QACd+C,KAAMd,EAAQ,aACH,SACXI,SAAS,IACTtC,SAAUP,KAAKO,WAEjBmC,EAAA,SAAAE,IAAA,2CAAOE,MAAM,oBAAkB,UAC/BJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBAEZ9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMS,EACNV,MAAM,OACNG,KAAK,Q,gFASnB,IAAI/C,EAAW,E","ignoreList":[]}
+{"version":3,"names":["rangeCss","RoadRangeStyle0","Range","constructor","hostRef","this","rangeId","rangeIds","value","showValue","showTick","showLabels","disabled","onInput","ev","input","target","undefined","el","style","setProperty","valueChanged","roadchange","emit","toString","roadChange","getValue","handleFocus","classList","add","handleBlur","remove","componentDidLoad","label","querySelector","clip","border","height","left","margin","overflow","padding","position","top","width","render","datalist","h","Host","key","tabindex","class","icon","navigationAddLessSolid","size","min","max","name","type","id","list","navigationAddMoreSolid"],"sources":["src/components/range/range.css?tag=road-range&encapsulation=scoped","src/components/range/range.tsx"],"sourcesContent":["/*\n * Range\n *\n *\n * Index\n * - Input\n * - Value\n * - Slider\n * - Progress\n * - Cursor\n */\n\n:host {\n  display: block;\n}\n\n.form-group{\n  width: 100%;\n}\n\n.form-range {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 6px;\n}\n\n/* INPUT\n -------------------- */\n\n.form-range-input {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background: transparent;\n  outline: 0;\n  appearance: none;\n}\n\n/* VALUE\n -------------------- */\n\n.form-range > output::after {\n  display: block;\n  font-size: var(--road-label-medium);\n  text-align: right;\n  content: counter(variable);\n  counter-reset: variable var(--value);\n}\n\n/* SLIDER\n -------------------- */\n\n.form-range-label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n}\n\n.form-range-progress {\n  position: relative;\n  z-index: 0;\n  display: block;\n  width: 100%;\n  margin-top: -1rem;\n}\n\n.form-range-input::-webkit-slider-runnable-track {\n  border: 0;\n  appearance: none;\n}\n\n.form-range-input::-moz-range-track {\n  height: 0.5rem;\n  border: 0;\n  appearance: none;\n}\n\n.form-range-progress::before {\n  display: block;\n  height: 0.5rem;\n  content: \"\";\n  background-color: var(--road-on-surface-disabled);\n  border: 0;\n  border-radius: 1.125rem;\n}\n\n/* PROGRESS\n -------------------- */\n\n.form-range-progress.sc-road-range::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: block;\n  width: calc(((var(--value) - var(--min)) * 100%) / (var(--max) - var(--min)));\n  height: 0.5rem;\n  content: \"\";\n  background: var(--road-primary);\n  border-radius: 1.125rem;\n}\n\n:host(.disabled) .form-range-progress.sc-road-range::after {\n  background: var(--road-surface-disabled);\n}\n\n/* CURSOR\n-------------------- */\n\n.form-range-input::-webkit-slider-thumb {\n  position: relative;\n  z-index: 1;\n  width: 1.625rem;\n  height: 1.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n.form-range-input::-moz-range-thumb {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  width: 1.625rem;\n  height: 1.625rem;\n  margin-top: -0.625rem;\n  cursor: grab;\n  background: var(--road-surface);\n  border: none;\n  border-radius: 1.625rem;\n  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);\n  appearance: none;\n}\n\n/* Styles for disabled state */\n:host(.disabled) .form-range-input::-webkit-slider-thumb,\n:host(.disabled) .form-range-input::-moz-range-thumb {\n  cursor: not-allowed;\n  background: var(--road-on-surface-disabled);\n  box-shadow: none;\n}\n\n:host(.disabled) .form-range-input {\n  pointer-events: none;\n}\n\n:host(.disabled) {\n  cursor: not-allowed;\n}\n\n/**\n *  Focus state\n */\n\n:host(:not(.disabled).focus-visible) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):active) .form-range-input::-webkit-slider-thumb,\n:host(:not(.disabled):focus) .form-range-input::-webkit-slider-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n:host(:not(.disabled).focus-visible) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):active) .form-range-input::-moz-range-thumb,\n:host(:not(.disabled):focus) .form-range-input::-moz-range-thumb {\n  background: var(--road-input-surface-variant);\n  border: 0.5rem solid var(--road-grey-100-new);\n}\n\n/* DATALIST\n -------------------- */\n\n::slotted(datalist) {\n  display: flex;\n  justify-content: space-between;\n}\n\n::slotted(datalist) option {\n  width: 32px;\n  margin: 0;\n  font-size: var(--road-label-medium);\n  text-align: center;\n}\n\n","import {\n  Component,\n  h,\n  Element,\n  Prop,\n  Event,\n  Host,\n  EventEmitter,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\nimport { navigationAddLessSolid, navigationAddMoreSolid } from \"../../../icons\";\n\n/**\n * @slot datalist - list of labels. also put show-labels=\"true\" and max=\"10\" for this exemple\n * `<datalist id=\"tickmarks\" slot=\"datalist\" class=\"tickmarks\">`\n      `<option value=\"0\" label=\"0%\"></option>`\n      `<option value=\"10\" label=\"10%\"></option>`\n      `<option value=\"20\" label=\"20%\"></option>`\n      `<option value=\"30\" label=\"30%\"></option>`\n      `<option value=\"40\" label=\"40%\"></option>`\n      `<option value=\"50\" label=\"50%\"></option>`\n      `<option value=\"60\" label=\"60%\"></option>`\n     `<option value=\"70\" label=\"70%\"></option>`\n     `<option value=\"80\" label=\"80%\"></option>`\n      `<option value=\"90\" label=\"90%\"></option>`\n      `<option value=\"100\" label=\"100%\"></option>`\n    `</datalist>`\n */\n\n@Component({\n  tag: \"road-range\",\n  styleUrl: \"range.css\",\n  scoped: true,\n})\nexport class Range {\n  @Element() el!: HTMLRoadRangeElement;\n\n  /**\n   * The id of range\n   */\n  @Prop() rangeId: string = `road-range-${rangeIds++}`;\n\n  /**\n   * The value of the range.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = \"\";\n\n  /**\n   * The minimum value, which must not be greater than its maximum (max attribute) value.\n   */\n  @Prop() min!: string;\n\n  /**\n   * The maximum value, which must not be less than its minimum (min attribute) value.\n   */\n  @Prop() max!: string;\n\n  /**\n   * Works with the min and max attributes to limit the increments at which a value can be set.\n   * Possible values are: `\"any\"` or a positive floating point number.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Display the current value of the range\n   */\n  @Prop() showValue: boolean = false;\n\n  /**\n   * Display Tick of the range\n   */\n  @Prop() showTick: boolean = false;\n\n  /**\n   * Display labels of the range\n   */\n  @Prop() showLabels: boolean = false;\n\n  /**\n   * If true, the range will be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch(\"value\")\n  protected valueChanged() {\n    this.roadchange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\n    this.roadChange.emit({\n      value: this.value == null ? this.value : this.value.toString(),\n    });\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 getValue(): string {\n    return typeof this.value === \"number\"\n      ? this.value.toString()\n      : (this.value || \"\").toString();\n  }\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || \"\";\n    }\n    if (this.value !== null && this.value !== undefined) {\n      this.el.style.setProperty(\"--value\", `${this.value}`);\n    }\n  };\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus() {\n    this.el.classList.add(\"focus-visible\");\n  }\n\n  @Listen(\"blur\", { capture: true })\n  handleBlur() {\n    this.el.classList.remove(\"focus-visible\");\n  }\n\n  componentDidLoad() {\n    // Cacher le label pour accessibilité\n\n    const label = this.el.querySelector(\".form-label\") as HTMLElement;\n    const input = this.el.querySelector(\n      \".form-control.sc-road-input\"\n    ) as HTMLElement;\n    if (label) {\n      label.style.clip = \"rect(0 0 0 0)\";\n      label.style.border = \"0\";\n      label.style.height = \"1px\";\n      label.style.left = \"0\";\n      label.style.margin = \"-1px\";\n      label.style.overflow = \"hidden\";\n      label.style.padding = \"0\";\n      label.style.position = \"absolute\";\n      label.style.top = \"0\";\n      label.style.width = \"1px\";\n\n      input.style.padding = \"0 1rem 0\";\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n    const datalist = this.showLabels !== undefined ? `tickmarks` : \"\";\n\n    return (\n      <Host tabindex=\"0\" class={{ disabled: this.disabled }}>\n        <div class=\"form-group d-flex align-items-end\">\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddLessSolid}\n              class=\"mr-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n          <div\n            class=\"form-range\"\n            style={{\n              \"--min\": this.min,\n              \"--max\": this.max,\n              \"--value\": value,\n              \"--background-color\": this.disabled\n                ? \"var(--road-surface-disabled)\"\n                : \"initial\",\n            }}\n          >\n            {this.showValue && <output></output>}\n            {this.showLabels && <slot name=\"datalist\" />}\n            <input\n              type=\"range\"\n              class=\"form-range-input\"\n              id={this.rangeId}\n              min={this.min}\n              max={this.max}\n              value={value}\n              onInput={this.onInput}\n              list={datalist}\n              aria-label=\"Valeur\"\n              tabindex=\"0\"\n              disabled={this.disabled}\n            />\n            <label class=\"form-range-label\">Valeur</label>\n            <div class=\"form-range-progress\"></div>\n          </div>\n          {this.showTick && (\n            <road-icon\n              icon={navigationAddMoreSolid}\n              class=\"ml-8\"\n              size=\"sm\"\n            ></road-icon>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet rangeIds = 0;\n"],"mappings":"iGAAA,MAAMA,EAAW,0tGACjB,MAAAC,EAAeD,E,MCkCFE,EAAK,MALlB,WAAAC,CAAAC,G,wFAWUC,KAAAC,QAAkB,cAAcC,MAKfF,KAAAG,MAAiC,GAqBlDH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,WAAsB,MAKtBN,KAAAO,SAAoB,MAgCpBP,KAAAQ,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTV,KAAKG,MAAQO,EAAMP,OAAS,E,CAE9B,GAAIH,KAAKG,QAAU,MAAQH,KAAKG,QAAUS,UAAW,CACnDZ,KAAKa,GAAGC,MAAMC,YAAY,UAAW,GAAGf,KAAKG,Q,GAhCvC,YAAAa,GACRhB,KAAKiB,WAAWC,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,aAEtDnB,KAAKoB,WAAWF,KAAK,CACnBf,MAAOH,KAAKG,OAAS,KAAOH,KAAKG,MAAQH,KAAKG,MAAMgB,Y,CAehD,QAAAE,GACN,cAAcrB,KAAKG,QAAU,SACzBH,KAAKG,MAAMgB,YACVnB,KAAKG,OAAS,IAAIgB,U,CAczB,WAAAG,GACEtB,KAAKa,GAAGU,UAAUC,IAAI,gB,CAIxB,UAAAC,GACEzB,KAAKa,GAAGU,UAAUG,OAAO,gB,CAG3B,gBAAAC,GAGE,MAAMC,EAAQ5B,KAAKa,GAAGgB,cAAc,eACpC,MAAMnB,EAAQV,KAAKa,GAAGgB,cACpB,+BAEF,GAAID,EAAO,CACTA,EAAMd,MAAMgB,KAAO,gBACnBF,EAAMd,MAAMiB,OAAS,IACrBH,EAAMd,MAAMkB,OAAS,MACrBJ,EAAMd,MAAMmB,KAAO,IACnBL,EAAMd,MAAMoB,OAAS,OACrBN,EAAMd,MAAMqB,SAAW,SACvBP,EAAMd,MAAMsB,QAAU,IACtBR,EAAMd,MAAMuB,SAAW,WACvBT,EAAMd,MAAMwB,IAAM,IAClBV,EAAMd,MAAMyB,MAAQ,MAEpB7B,EAAMI,MAAMsB,QAAU,U,EAI1B,MAAAI,GACE,MAAMrC,EAAQH,KAAKqB,WACnB,MAAMoB,EAAWzC,KAAKM,aAAeM,UAAY,YAAc,GAE/D,OACE8B,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAS,IAAIC,MAAO,CAAEvC,SAAUP,KAAKO,WACzCmC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qCACR9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EACNF,MAAM,OACNG,KAAK,OAGTP,EAAA,OAAAE,IAAA,2CACEE,MAAM,aACNhC,MAAO,CACL,QAASd,KAAKkD,IACd,QAASlD,KAAKmD,IACd,UAAWhD,EACX,qBAAsBH,KAAKO,SACvB,+BACA,YAGLP,KAAKI,WAAasC,EAAA,UAAAE,IAAA,6CAClB5C,KAAKM,YAAcoC,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aAC/BV,EAAA,SAAAE,IAAA,2CACES,KAAK,QACLP,MAAM,mBACNQ,GAAItD,KAAKC,QACTiD,IAAKlD,KAAKkD,IACVC,IAAKnD,KAAKmD,IACVhD,MAAOA,EACPK,QAASR,KAAKQ,QACd+C,KAAMd,EAAQ,aACH,SACXI,SAAS,IACTtC,SAAUP,KAAKO,WAEjBmC,EAAA,SAAAE,IAAA,2CAAOE,MAAM,oBAAkB,UAC/BJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBAEZ9C,KAAKK,UACJqC,EAAA,aAAAE,IAAA,2CACEG,KAAMS,EACNV,MAAM,OACNG,KAAK,Q,gFASnB,IAAI/C,EAAW,E","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as a,c as s,h as i,H as r,a as e}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(i){a(this,i);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.radioGroupId=`road-radio-group-${c++}`;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 i=s.value;if(i!==a){this.value=i}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}}}valueChanged(a){this.updateRadios();this.roadchange.emit({value:a});this.roadChange.emit({value:a})}updateRadios(){const a=this.el.querySelectorAll("road-radio-card");a.forEach((a=>{a.checked=a.getAttribute("value")===this.value}))}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 i(r,{key:"c0b1fc909fda6bc68c01adf993b30807f18a0486",role:"radiogroup",class:`form-group ${s}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&i("p",{key:"f23d2998fd001549361d2540a9af9fac62e0754e",class:"text-content",id:a},this.label," ",this.asterisk&&i("span",{key:"299ccd95c783db7768589f92db60ba14b3c1026e",class:"asterisk"},"*")),i("slot",{key:"8ab9f52912fab8c99c610b4ffb2f7f316d9c8e21"}),this.error&&this.error!==""&&i("p",{key:"9ff0060878567d4b45487f5986e46d57a11c2876",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&i("p",{key:"d081883688e4279ec03663cf595a555f7e9e8304",class:"helper"},this.helper))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let c=0;d.style=t;export{d as road_radio_group};
+//# sourceMappingURL=p-d9cbd0b9.entry.js.map

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

@@ -0,0 +1 @@
+{"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","updateRadios","roadchange","emit","roadChange","radios","el","querySelectorAll","forEach","radio","checked","getAttribute","errorChanged","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.updateRadios();\n    this.roadchange.emit({ value });\n    this.roadChange.emit({ value });\n  }\n  \n  private updateRadios() {\n    const radios = this.el.querySelectorAll('road-radio-card');\n    radios.forEach(radio => {\n      (radio as any).checked = (radio.getAttribute('value') === this.value);\n    });\n  }\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,qBAsC3CD,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,GAnCjB,YAAAE,CAAaJ,GACXb,KAAKkB,eACLlB,KAAKmB,WAAWC,KAAK,CAAEP,UACvBb,KAAKqB,WAAWD,KAAK,CAAEP,S,CAGjB,YAAAK,GACN,MAAMI,EAAStB,KAAKuB,GAAGC,iBAAiB,mBACxCF,EAAOG,SAAQC,IACZA,EAAcC,QAAWD,EAAME,aAAa,WAAa5B,KAAKa,KAAM,G,CA+BzE,YAAAgB,GACE,GAAI7B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKuB,GAAGC,iBAAiB,cAAcC,SAAQK,GAAQA,EAAKd,MAAQ,M,KAC/D,CACLhB,KAAKuB,GAAGC,iBAAiB,cAAcC,SAAQK,GAAQA,EAAKd,MAAQ,O,EAIxE,iBAAAe,GACE,GAAI/B,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAI,CACjDhB,KAAKuB,GAAGC,iBAAiB,cAAcC,SAAQK,GAAQA,EAAKd,MAAQ,M,EAIxE,MAAAgB,GACE,MAAMC,EAAU,GAAGjC,KAAKC,qBACxB,MAAMiC,EAAiBlC,KAAKgB,QAAUD,WAAaf,KAAKgB,QAAU,GAAK,aAAe,GAEtF,OACEmB,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,aACLC,MAAO,cAAcL,IAAgB,aACzBlC,KAAKM,UACjBC,QAASP,KAAKO,SAEbP,KAAKwC,OAASL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,eAAeE,GAAIR,GAAUjC,KAAKwC,MAAK,IAAGxC,KAAKK,UAAY8B,EAAA,QAAAE,IAAA,2CAAME,MAAM,YAAU,MACzGJ,EAAA,QAAAE,IAAA,6CACCrC,KAAKgB,OAAShB,KAAKgB,QAAU,IAAMmB,EAAA,KAAAE,IAAA,2CAAGE,MAAM,oBAAoBvC,KAAKgB,OACrEhB,KAAK0C,QAAU1C,KAAK0C,SAAW,IAAMP,EAAA,KAAAE,IAAA,2CAAGE,MAAM,UAAUvC,KAAK0C,Q,uGAMtE,IAAIxC,EAAgB,E","ignoreList":[]}

package/dist/roadtrip/{p-eac313e4.entry.js → p-da0e9f4e.entry.js}

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

package/dist/roadtrip/{p-ea1a175d.entry.js → p-df2f066e.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="top-end"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-end"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-end"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position="bottom-end"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;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:"2645780b6948b64ee79bebba713a1bc96bf3edc9",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:"968912545c373f15578acfa6d251393f9713beea","aria-describedby":this.tooltipId}),o("div",{key:"a64601f45c06e1087e0f955dc6dd958fcec40268",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:"a0cd1d74da1cd571bb847b04ae609dd3a3cc281d",name:"tooltip-content"})))}get el(){return a(this)}};let r=0;n.style=e;export{n as road_tooltip};
+//# sourceMappingURL=p-dfc0d1c5.entry.js.map

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

@@ -0,0 +1 @@
+{"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 * Top end\n */\n\n :host([data-tooltip-position=\"top-end\"]) .tooltip {\n  left: auto;\n  right: 0%;\n  transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-end\"]) .tooltip-open {\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/**\n * Bottom end\n */\n\n :host([data-tooltip-position=\"bottom-end\"]) .tooltip {\n  margin-top: 0.5rem;\n  left: auto;\n  top: 100%;\n  right: 0;\n  transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-end\"]) .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    | 'top-start'\n    | 'top-end'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-start'\n    | 'bottom-end'\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,g3FACnB,MAAAC,EAAeD,E,MCYFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYUC,KAAAC,UAAoB,kBAAkBC,IAKtCF,KAAAG,QAAU,GAKVH,KAAAI,SAYK,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":[]}

package/dist/roadtrip/{p-c47ccbf2.entry.js → p-edfb6a90.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,a}from"./p-d7aae05d.js";const n=":host{position:relative;display:block}";const r=n;const o=class{constructor(i){t(this,i);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;const s=this.el.querySelector("road-tab-bar");const i=s?s.getAttribute("selected-tab"):null;if(t.length>0){if(i){const s=t.find((t=>t.tab===i));if(s){await this.select(s)}else{await this.select(t[0])}}else{await this.select(t[0])}}}componentWillRender(){const t=this.el.querySelector("road-tab-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return i(e,{key:"bc3d78f5653f637d9b0c23a732cfb715a0490e09",onRoadTabButtonClick:this.onTabClicked},i("slot",{key:"be1082d53eb88ff1e0aa1222dbea8a5bcc65c77a",name:"top"}),i("div",{key:"4e29d83d3f1473b27b720a049c7201f632fbe11b",class:"tabs-inner"},i("slot",{key:"d9ed82d2d6cb976d65c9349e286190033f859ebd"})))}get el(){return a(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};o.style=r;export{o as road_tabs};
-//# sourceMappingURL=p-c47ccbf2.entry.js.map
+import{r as t,c as s,h as i,H as e,a}from"./p-d7aae05d.js";const n=":host{position:relative;display:block}";const r=n;const o=class{constructor(i){t(this,i);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;const s=this.el.querySelector("road-tab-bar");const i=s?s.getAttribute("selected-tab"):null;if(t.length>0){if(i){const s=t.find((t=>t.tab===i));if(s){await this.select(s)}else{await this.select(t[0])}}else{await this.select(t[0])}}}componentWillRender(){const t=this.el.querySelector("road-tab-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return i(e,{key:"156304acaa7819f6a6420cc16ef1610e3ac3c729",onRoadTabButtonClick:this.onTabClicked},i("slot",{key:"d955421ac3b039e41c557ca80f02e9dba4c8bae1",name:"top"}),i("div",{key:"a44620d8828baeeb94eee27d59a598de1ae6c723",class:"tabs-inner"},i("slot",{key:"493a7741ad834c244c4c01ac7875b94a0e698b20"})))}get el(){return a(this)}};const h=(t,s)=>{const i=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!i){console.error(`tab with id: "${i}" does not exist`)}return i};o.style=r;export{o as road_tabs};
+//# sourceMappingURL=p-edfb6a90.entry.js.map