@roadtrip/components 3.46.0 → 3.47.0

package/dist/html.html-data.json

@@ -497,6 +497,29 @@
         }
       ]
     },
+    {
+      "name": "road-button-carousel",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If `true`, the user cannot interact with the button."
+        },
+        {
+          "name": "outline",
+          "description": "Set to `false` for a ghost button, set to `true` for a default outline button"
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/gitlab.com/mobivia/driverservices/experience-platform/roadtrip/components/-/blob/master/src/components/button-carousel/button-carousel.tsx"
+        }
+      ]
+    },
     {
       "name": "road-button-floating",
       "description": {

package/dist/roadtrip/{p-351b3b04.entry.js → p-0c6ad72e.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:"0310697bbc0e468cfb7a7c2c2d1b6c7b00e5c8a1",class:`${r}`},o("slot",{key:"70eb0d5b559ca409cb1eae30a258fada641009d3"}))}};c.style=t;export{c as road_tag};
-//# sourceMappingURL=p-351b3b04.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 d=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:"e69d81ddb79dcbc736b38c9f7f0e15d5328444ee",class:`${r}`},o("slot",{key:"0dc393d2b05bb35d1d17696ea3771ad067a30962"}))}};d.style=t;export{d as road_tag};
+//# sourceMappingURL=p-0c6ad72e.entry.js.map

package/dist/roadtrip/p-0eba704f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as d,H as c}from"./p-d7aae05d.js";const s=":host{display:block}:host ul li{list-style:none}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";const a=s;const t=class{constructor(d){e(this,d)}render(){return d(c,{key:"4762ffd8a4fbf70b85dd9d21a370006e9c9f1dde"},d("nav",{key:"b5582b03ea6525acab65853e3d816b96d7e1fbfc"},d("ul",{key:"3e368e7204eb13839ceac853dbdbe5037c8c11a0"},d("li",{key:"3304843de4f5fdd4b66dd4539b536bc87b506187"},d("slot",{key:"bbbb9861ece279921924dc9fc04b8a9581783071"})))))}};t.style=a;export{t as road_progress_indicator_vertical};
+//# sourceMappingURL=p-0eba704f.entry.js.map

package/dist/roadtrip/{p-4798ebaa.entry.js → p-12e8e42a.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as a,h as o,H as i,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const e='.sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label-span.sc-road-radio{margin-left:var(--road-spacing-02);color:var(--road-on-surface-weak)}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}';const s=e;const t=class{constructor(o){r(this,o);this.roadfocus=a(this,"roadfocus",7);this.roadFocus=a(this,"roadFocus",7);this.roadblur=a(this,"roadblur",7);this.roadBlur=a(this,"roadBlur",7);this.radioGroup=null;this.radioId=`road-radio-${n++}`;this.checked=false;this.name=this.radioId;this.required=false;this.disabled=false;this.label=`${this.radioId}-label`;this.inverse=false;this.inline=true;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}connectedCallback(){if(this.value===undefined){this.value=this.radioId}const r=this.radioGroup=this.el.closest("road-radio-group");if(r){this.updateState()}}disconnectedCallback(){const r=this.radioGroup;if(r){this.radioGroup=null}}onRoadChangedChanged(){this.updateState()}render(){const r=this.radioId+"-label";const a=this.inverse&&"form-radio-inverse";const d=this.error?"is-invalid":"";const e=this.inline?"form-radio-inline":"";return o(i,{key:"8527b5ca6ed9c45a9fe7fc8dca12b6dafb159175",class:`form-radio ${e}`},o("input",{key:"82f44c9ebb76379f1c2ae8e7978b82167929729d",class:`form-radio-input ${d}`,type:"radio",id:this.radioId,name:this.name,required:this.required,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,checked:this.checked,"aria-checked":`${this.checked}`,"aria-labelledby":r,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur}),o("label",{key:"5e12d52490a2ae6cacf0eef9abb225626ec75a2c",class:`form-radio-label ${a}`,id:r,htmlFor:this.radioId},this.label," ",o("span",{key:"8c1c4c69075836741bbc89a0460fc47f8d4486e1",class:"form-radio-label-span"},this.secondaryLabel)))}get el(){return d(this)}};let n=0;t.style=s;export{t as road_radio};
-//# sourceMappingURL=p-4798ebaa.entry.js.map
+import{r,c as a,h as o,H as i,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const e='.sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label-span.sc-road-radio{margin-left:var(--road-spacing-02);color:var(--road-on-surface-weak)}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}';const s=e;const t=class{constructor(o){r(this,o);this.roadfocus=a(this,"roadfocus",7);this.roadFocus=a(this,"roadFocus",7);this.roadblur=a(this,"roadblur",7);this.roadBlur=a(this,"roadBlur",7);this.radioGroup=null;this.radioId=`road-radio-${n++}`;this.checked=false;this.name=this.radioId;this.required=false;this.disabled=false;this.label=`${this.radioId}-label`;this.inverse=false;this.inline=true;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()}}connectedCallback(){if(this.value===undefined){this.value=this.radioId}const r=this.radioGroup=this.el.closest("road-radio-group");if(r){this.updateState()}}disconnectedCallback(){const r=this.radioGroup;if(r){this.radioGroup=null}}onRoadChangedChanged(){this.updateState()}render(){const r=this.radioId+"-label";const a=this.inverse&&"form-radio-inverse";const d=this.error?"is-invalid":"";const e=this.inline?"form-radio-inline":"";return o(i,{key:"1b2343fc9a114afc9506ff040f28a6061a5c9f56",class:`form-radio ${e}`},o("input",{key:"ada87aa55c1d5a778e40fd25c103d0229ecfeec6",class:`form-radio-input ${d}`,type:"radio",id:this.radioId,name:this.name,required:this.required,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,checked:this.checked,"aria-checked":`${this.checked}`,"aria-labelledby":r,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur}),o("label",{key:"5690c2d0fc4a0c7b6e03c5fa3c1603a61a2a906f",class:`form-radio-label ${a}`,id:r,htmlFor:this.radioId},this.label," ",o("span",{key:"84ce9ad88d4a2612a176b0420ac114c1a648a5a8",class:"form-radio-label-span"},this.secondaryLabel)))}get el(){return d(this)}};let n=0;t.style=s;export{t as road_radio};
+//# sourceMappingURL=p-12e8e42a.entry.js.map

package/dist/roadtrip/{p-944ce861.entry.js → p-163df174.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as a}from"./p-d7aae05d.js";import{l as t}from"./p-55a946f4.js";const o=".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{outline:auto}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";const n=o;const l=class{constructor(a){e(this,a);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.countries=[{country:"FR",letter:"F",placeholder:"AT-857-YY"},{country:"BE",letter:"B",placeholder:"1-AAA-001"},{country:"IT",letter:"I",placeholder:"AT 814TX"},{country:"ES",letter:"E",placeholder:"9512 HVY"},{country:"PT",letter:"P",placeholder:"13 24 PZ"},{country:"PL",letter:"PL",placeholder:"GD 921KF"},{country:"AT",letter:"A",placeholder:"FF 10 FF"},{country:"DE",letter:"D",placeholder:"RA KL 8136"}];this.country="FR";this.disabled=false;this.readonly=false;this.value="";this.onInput=e=>{const r=e.target;if(r){r.value=r.value.toUpperCase()||""}this.roadinput.emit(e);this.roadInput.emit(e)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const e=this.getValue();const r=this.motorbike?"motorbike-plate":"";return a("road-input-group",{key:"078fe518c39b731041ebff1825b9119d0f0ceb94",class:`plate-number plate-number-${this.country.toLowerCase()} ${r}`},a("label",{key:"7eb5ad6dc9eaff3f22398d37fc0f352779aa70c7",slot:"prepend",class:"input-group-prepend"},a("div",{key:"1b40d4b4f5cafedbc76cf31441012a1c006d6afb",class:"plate-number-start"},a("road-icon",{key:"aacc90e679c24a386964d6d12088a1a4e499ac80",class:"plate-number-icon",icon:t}),a("div",{key:"bfc3dee0ba4400aed94e31f3bbb6ce0c716f15b4",class:"plate-number-location","aria-label":this.country,role:"img"},this.countries.filter((e=>e.country===this.country))[0].letter))),this.motorbike?a("textarea",{class:"form-control plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,maxlength:"9",rows:2,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}):a("input",{class:"plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,value:e,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),a("label",{key:"bbdbde5a98aec4e5d91b3c39af8f5e8d7141730d",slot:"append",class:"input-group-append"},a("div",{key:"506043ccefb71abc11caf7f0f865ca13d1cd2bdc",class:"plate-number-end"})))}static get watchers(){return{value:["valueChanged"]}}};l.style=n;export{l as road_plate_number};
-//# sourceMappingURL=p-944ce861.entry.js.map
+import{r as e,c as r,h as a}from"./p-d7aae05d.js";import{l as t}from"./p-55a946f4.js";const o=".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{outline:auto}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";const n=o;const l=class{constructor(a){e(this,a);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.countries=[{country:"FR",letter:"F",placeholder:"AT-857-YY"},{country:"BE",letter:"B",placeholder:"1-AAA-001"},{country:"IT",letter:"I",placeholder:"AT 814TX"},{country:"ES",letter:"E",placeholder:"9512 HVY"},{country:"PT",letter:"P",placeholder:"13 24 PZ"},{country:"PL",letter:"PL",placeholder:"GD 921KF"},{country:"AT",letter:"A",placeholder:"FF 10 FF"},{country:"DE",letter:"D",placeholder:"RA KL 8136"}];this.country="FR";this.disabled=false;this.readonly=false;this.value="";this.onInput=e=>{const r=e.target;if(r){r.value=r.value.toUpperCase()||""}this.roadinput.emit(e);this.roadInput.emit(e)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const e=this.getValue();const r=this.motorbike?"motorbike-plate":"";return a("road-input-group",{key:"edaa7cd8e513932287becfcc4af72d723d7b729f",class:`plate-number plate-number-${this.country.toLowerCase()} ${r}`},a("label",{key:"49d3b7bdb6c63adceab1b13ae16f2bff1903e84c",slot:"prepend",class:"input-group-prepend"},a("div",{key:"39760b0846d83e37e1f450819fe53e99650bab8b",class:"plate-number-start"},a("road-icon",{key:"1d08fc08600b06afa481cbd45df983591057a324",class:"plate-number-icon",icon:t}),a("div",{key:"d8644ec27f56eb9d75f67dff85e39bd17d4b4f6e",class:"plate-number-location","aria-label":this.country,role:"img"},this.countries.filter((e=>e.country===this.country))[0].letter))),this.motorbike?a("textarea",{class:"form-control plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,maxlength:"9",rows:2,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}):a("input",{class:"plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,value:e,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),a("label",{key:"06b33c03a7eabf6b591b35493e1135f2b5870aff",slot:"append",class:"input-group-append"},a("div",{key:"eedacf154846a5902aecca99a526c267c416eb35",class:"plate-number-end"})))}static get watchers(){return{value:["valueChanged"]}}};l.style=n;export{l as road_plate_number};
+//# sourceMappingURL=p-163df174.entry.js.map

package/dist/roadtrip/p-187ab5f5.entry.js

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

package/dist/roadtrip/p-187ab5f5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["statusChipCss","RoadStatusChipStyle0","StatusChip","constructor","hostRef","this","size","onActivate","chipClick","emit","onKeyDown","e","key","preventDefault","render","h","Host","class","tabindex","role","onClick","color","icon","alertInfoSolid"],"sources":["src/components/status-chip/status-chip.css?tag=road-status-chip&encapsulation=shadow","src/components/status-chip/status-chip.tsx"],"sourcesContent":["/*\n * Status Chip\n *\n * Index\n * - Icon\n * - Size\n */\n\n:host {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  height: 1.5rem;\n  margin-bottom: 0.5rem;\n  font-size: var(--road-font-size-14);\n  cursor: pointer;\n  border: 0;\n  border-radius: 1.625rem;\n  outline: 0;\n  background-color: var(--road-info-surface);\n  color: var(--road-on-info-surface);\n  font-weight: 700;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  outline: 1px solid var(--road-info-outline);\n}\n\n.chip-description {\n  display: inline-flex;\n  align-items: center;\n  padding: var(--road-spacing-01) var(--road-spacing-05) var(--road-spacing-01) var(--road-spacing-03);\n}\n\n/* ICON\n -------------------- */\n\n.chip-icon {\n  width: 1rem;\n  height: 1rem;\n  margin-right: var(--road-spacing-03);\n  border-radius: 50%;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n/* SIZE\n -------------------- */\n\n\n:host(.chip-md) {\n  height: 2rem;\n  font-size: var(--road-font-size-16);\n}\n\n\n:host(.chip-md) .chip-description {\n  padding: var(--road-spacing-02) var(--road-spacing-05) var(--road-spacing-02) var(--road-spacing-03);\n}\n\n:host(.chip-md) .chip-icon {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n:host(.chip-lg) {\n  height: 2.5rem;\n  font-size: var(--road-font-size-16);\n}\n\n:host(.chip-lg) .chip-description {\n  padding: var(--road-spacing-02) var(--road-spacing-06) var(--road-spacing-02) var(--road-spacing-04);\n}\n\n:host(.chip-lg) .chip-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n/**\n * Hover state\n */\n\n\n:host(:hover)  {\n    background: var(--road-info-90);\n    outline: 2px solid var(--road-info-outline);\n}\n\n:host(:focus-visible),\n:host(.focus-visible)   {\n    background: var(--road-info-90);\n    border-radius: 1.625rem;;\n    width: fit-content;\n    overflow: auto;\n    outline: 6px double var(--road-info-outline);\n}\n\n\n/**\n * Active\n */\n\n:host(:active) {\n    background: var(--road-info-80);\n    outline: 3px solid var(--road-info-outline);\n}\n","import { Component, Host, Prop, Event, EventEmitter, h } from '@stencil/core';\nimport { alertInfoSolid } from '../../../icons';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the chip.\n */\n\n@Component({\n  tag: 'road-status-chip',\n  styleUrl: 'status-chip.css',\n  shadow: true,\n})\nexport class StatusChip {\n\n  /**\n   * The chip size.\n   */\n  @Prop() size: 'sm' |  'md' | 'lg' = 'sm';\n\n  @Event() chipClick!: EventEmitter<void>;\n\n  private onActivate = () => {\n    this.chipClick.emit();\n  };\n\n  private onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.onActivate();\n    }\n  };\n\n  render() {\n\n    return (\n      <Host\n        class={`chip-${this.size}`} tabindex=\"0\"\n        role=\"button\" \n        onClick={this.onActivate}\n        onKeyDown={this.onKeyDown}\n      >\n        <div class=\"chip-description\">\n          <road-icon class=\"chip-icon\" color=\"info\" icon={alertInfoSolid}></road-icon>\n          <slot/>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"qHAAA,MAAMA,EAAgB,mkDACtB,MAAAC,EAAeD,E,MCYFE,EAAU,MALvB,WAAAC,CAAAC,G,+CAUUC,KAAAC,KAA4B,KAI5BD,KAAAE,WAAa,KACnBF,KAAKG,UAAUC,MAAM,EAGfJ,KAAAK,UAAaC,IACnB,GAAIA,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,IAAK,CACtCD,EAAEE,iBACFR,KAAKE,Y,GAIT,MAAAO,GAEE,OACEC,EAACC,EAAI,CAAAJ,IAAA,2CACHK,MAAO,QAAQZ,KAAKC,OAAQY,SAAS,IACrCC,KAAK,SACLC,QAASf,KAAKE,WACdG,UAAWL,KAAKK,WAEhBK,EAAA,OAAAH,IAAA,2CAAKK,MAAM,oBACTF,EAAA,aAAAH,IAAA,2CAAWK,MAAM,YAAYI,MAAM,OAAOC,KAAMC,IAChDR,EAAA,QAAAH,IAAA,8C","ignoreList":[]}

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

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

package/dist/roadtrip/{p-7f96eb76.entry.js → p-2301c9e2.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as o,H as i,a as t}from"./p-d7aae05d.js";import{a as d}from"./p-55a946f4.js";const r=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.modal-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.modal-open){visibility:visible !important;opacity:1}:host(.modal-open) .modal-dialog{transform:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}@media (min-width: 768px){.modal-content{height:auto;border-radius:0.25rem}}.modal-header{display:flex;align-items:center;justify-content:flex-end;color:var(--road-on-header-surface);background:var(--road-header-surface)}.modal-header road-icon{color:var(--road-header-icon)}@media (min-width: 768px){.modal-header{border-radius:0.25rem 0.25rem 0 0}}.modal-header-inverse{color:var(--road-on-surface);background:none}.modal-header-inverse road-icon{color:var(--road-icon)}.modal-action,.modal-close{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.modal-action~.modal-title,.modal-close~.modal-title{padding-left:0}.modal-action-left,.modal-close-left{margin-right:auto}.modal-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium);font-weight:400}.modal-body{padding:2.5rem 0.5rem;overflow-y:auto}.modal-header-inverse+.modal-body{padding-top:0}@media (min-width: 768px){.modal-body{max-height:86vh;padding-right:var(--road-spacing-06);padding-bottom:var(--road-spacing-06);padding-left:var(--road-spacing-06)}}";const n=r;const s=class{constructor(o){a(this,o);this.onClose=e(this,"close",7);this.maxWidth=696;this.isOpen=false;this.hasInverseHeader=false;this.hasCloseIcon=true;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.isOpen?"modal-open":"";const e=this.hasInverseHeader?"modal-header-inverse":"";const t=this.hasCloseIcon?o("button",{type:"button",class:"modal-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:d,"aria-hidden":"true"})):"";return o(i,{key:"230e6f6eaae339d5314c46db9fd0d67fc2d846fc",class:`modal ${a}`,tabindex:"-1",role:"dialog","aria-label":"modal"},o("div",{key:"2080e60ffe8a97a331f68f314d2aee59c7a86bf5",class:"modal-overlay",onClick:this.onClick,tabindex:"-1"}),o("div",{key:"47044cf9e0b9dd04550db1ec3a82c263b4c547ee",class:"modal-dialog",style:{maxWidth:`${this.maxWidth}px`},role:"document",tabindex:"0"},o("div",{key:"e6abe2cb25564e1aff45d1c4a29a8504224b4456",class:"modal-content"},o("header",{key:"6459cf83929bbf51b797bb636fd88369fabda3d3",class:`modal-header ${e}`},o("h2",{key:"050a8988f516aa9573f2d29b952dad3f52ead85e",class:"modal-title"},this.modalTitle),t),o("div",{key:"eed07ba054f757aeba4f676727c101dd12c94a7d",class:"modal-body"},o("slot",{key:"221f6df6bf95583b4edd0d1dfe3a2eaec3fe7dae"})))))}get el(){return t(this)}};s.style=n;export{s as road_modal};
-//# sourceMappingURL=p-7f96eb76.entry.js.map
+import{r as a,c as e,h as o,H as i,a as t}from"./p-d7aae05d.js";import{a as d}from"./p-55a946f4.js";const r=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.modal-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.modal-open){visibility:visible !important;opacity:1}:host(.modal-open) .modal-dialog{transform:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}@media (min-width: 768px){.modal-content{height:auto;border-radius:0.25rem}}.modal-header{display:flex;align-items:center;justify-content:flex-end;color:var(--road-on-header-surface);background:var(--road-header-surface)}.modal-header road-icon{color:var(--road-header-icon)}@media (min-width: 768px){.modal-header{border-radius:0.25rem 0.25rem 0 0}}.modal-header-inverse{color:var(--road-on-surface);background:none}.modal-header-inverse road-icon{color:var(--road-icon)}.modal-action,.modal-close{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.modal-action~.modal-title,.modal-close~.modal-title{padding-left:0}.modal-action-left,.modal-close-left{margin-right:auto}.modal-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium);font-weight:400}.modal-body{padding:2.5rem 0.5rem;overflow-y:auto}.modal-header-inverse+.modal-body{padding-top:0}@media (min-width: 768px){.modal-body{max-height:86vh;padding-right:var(--road-spacing-06);padding-bottom:var(--road-spacing-06);padding-left:var(--road-spacing-06)}}";const n=r;const s=class{constructor(o){a(this,o);this.onClose=e(this,"close",7);this.maxWidth=696;this.isOpen=false;this.hasInverseHeader=false;this.hasCloseIcon=true;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.isOpen?"modal-open":"";const e=this.hasInverseHeader?"modal-header-inverse":"";const t=this.hasCloseIcon?o("button",{type:"button",class:"modal-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:d,"aria-hidden":"true"})):"";return o(i,{key:"6c244ce1b24c5bf03510f660f15875f0447971b5",class:`modal ${a}`,tabindex:"-1",role:"dialog","aria-label":"modal"},o("div",{key:"8e8dbb9998bac59c729f1aada64bc5b992f61df8",class:"modal-overlay",onClick:this.onClick,tabindex:"-1"}),o("div",{key:"44d711823586fe5ba41e188401d80f50013b0c13",class:"modal-dialog",style:{maxWidth:`${this.maxWidth}px`},role:"document",tabindex:"0"},o("div",{key:"419db268697ee725be611f58a60fabd0c00885c5",class:"modal-content"},o("header",{key:"7c827e7599d584cdd3cf32bea76f4f0eb7f28b92",class:`modal-header ${e}`},o("h2",{key:"13c09b08282b8cd1194de014f4ce8d6729adb367",class:"modal-title"},this.modalTitle),t),o("div",{key:"7b876b870d1ca06b42af0bc62c778c23da78d6c4",class:"modal-body"},o("slot",{key:"5c1caff28e65e3a9bd256fd583857c590d805184"})))))}get el(){return t(this)}};s.style=n;export{s as road_modal};
+//# sourceMappingURL=p-2301c9e2.entry.js.map

package/dist/roadtrip/{p-294a4a83.entry.js → p-23b0d708.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as r,h as e,H as o,a as t}from"./p-d7aae05d.js";import{a as n}from"./p-55a946f4.js";const s=":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:var(--road-spacing-02) 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";const i=s;const c=class{constructor(e){a(this,e);this.onClose=r(this,"close",7);this.color="info";this.layout="vertical";this.hasCloseIcon=false;this.isOpen=false;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.color!==undefined?`alert-${this.color}`:"";let r="alert-container";if(this.layout==="horizontal"){r="alert-container-horizontal"}const t=this.hasCloseIcon?"btn-container justify-end":"btn-container";const s=this.hasCloseIcon?e("button",{type:"button",class:"alert-close",onClick:this.onClick,"aria-label":"Close"},e("road-icon",{icon:n,"aria-hidden":"true"})):null;return e(o,{key:"358c0b9ba649dc7f2a04f7cf1973fc8136e55d8d",class:a,role:"alert"},e("div",{key:"08a81f21c4f8a773fca419c2ced43fb0fbd9c34f",class:"alert-icon"},e("slot",{key:"677101a86efc495b8001d13170c2b88b35a3b59b",name:"icon"})),e("div",{key:"150ee6c4569c39ae1a76a4b560957fba71e06658",class:r},e("div",{key:"a5989623d9b6a2147e76359ddab2a3d052859695",class:"alert-container-content"},this.label&&e("span",{key:"165687f382f202899d8991a1dea3984a6b13a1bb",class:"alert-title d-block"},this.label),e("p",{key:"ae7a4dcd6b3f6e68dfe7493175ceeca56be2ac99",class:"alert-description"},e("slot",{key:"b6514df3aa0793ed4296856292860e9baf10caec"})),this.link&&e("a",{key:"c8db33f73ca8585369a7edfe91d92af9219d0bd4",href:this.url,class:"alert-link link link-default"},this.link)),e("div",{key:"43f6da1950628cf9304f0e501c5cb2ce67bf203c",class:t},e("slot",{key:"c5b94ccd205912f8a23ddd0397483c370444e5ec",name:"button"})),s))}get el(){return t(this)}};c.style=i;export{c as road_alert};
-//# sourceMappingURL=p-294a4a83.entry.js.map
+import{r as a,c as r,h as e,H as o,a as t}from"./p-d7aae05d.js";import{a as n}from"./p-55a946f4.js";const s=":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:var(--road-spacing-02) 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";const i=s;const c=class{constructor(e){a(this,e);this.onClose=r(this,"close",7);this.color="info";this.layout="vertical";this.hasCloseIcon=false;this.isOpen=false;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){var a;const r=this.color!==undefined?`alert-${this.color}`:"";let t="alert-container";if(this.layout==="horizontal"){t="alert-container-horizontal"}const s=this.hasCloseIcon?"btn-container justify-end":"btn-container";const i=!!((a=this.el)===null||a===void 0?void 0:a.querySelector('[slot="button"]'));const c=this.hasCloseIcon?e("button",{type:"button",class:"alert-close",onClick:this.onClick,"aria-label":"Close"},e("road-icon",{icon:n,"aria-hidden":"true"})):null;return e(o,{key:"e65caafc704e899307609c0d5ca8cd357463e497",class:r,role:"alert"},e("div",{key:"5afa6c90fcc5d808995473f06f6971227b093129",class:"alert-icon"},e("slot",{key:"1268585d0e458a97a7ad249c8866b48a7876cf23",name:"icon"})),e("div",{key:"e4faacf17350bbda2a4f93fabbb0392d80917d9d",class:t},e("div",{key:"d239178710d974b139b4eaad165a952953ee6d45",class:"alert-container-content"},this.label&&e("span",{key:"bf22f3bc13c592bbffc2aa5a64ffbc639cb3574d",class:"alert-title d-block"},this.label),e("p",{key:"9f7ac0175f98860b820c4d625818b4a500eb2489",class:"alert-description"},e("slot",{key:"05d56a7d011695020127342e8d9f6fde4d0315aa"})),this.link&&e("a",{key:"247fd1e098fb2d2425d2151c1573c516ab3b830b",href:this.url,class:"alert-link link link-default"},this.link)),i&&e("div",{key:"534bfb647ab7d1b1e17521bec005f3a4ad6eb26a",class:s},e("slot",{key:"1c1bce38ae3c54ee5fcbc2afec51605b0ac486af",name:"button"})),c))}get el(){return t(this)}};c.style=i;export{c as road_alert};
+//# sourceMappingURL=p-23b0d708.entry.js.map

package/dist/roadtrip/p-23b0d708.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alertCss","RoadAlertStyle0","Alert","constructor","hostRef","this","color","layout","hasCloseIcon","isOpen","onClick","ev","stopPropagation","preventDefault","close","open","el","addEventListener","onClose","emit","once","onEscape","event","key","componentDidLoad","querySelectorAll","forEach","item","render","colorClass","undefined","layoutClass","btnContainerClass","hasButtonSlot","_a","querySelector","closeIconElement","h","type","class","icon","navigationClose","Host","role","name","label","link","href","url"],"sources":["src/components/alert/alert.css?tag=road-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["/*\n * Alert\n *\n * Index\n * - Alert\n * - Icon\n * - Description\n * - Feedback\n */\n\n\n/* ALERT\n -------------------- */\n\n:host {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-body-medium);\n  line-height: 1.25;\n  color: var(--road-on-surface);\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n/* ICON\n -------------------- */\n\n.alert-icon {\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  margin-right: 0.5rem;\n}\n\n/* ALERT TITLE\n -------------------- */\n\n.alert-title {\n  margin: var(--road-spacing-02) 0 var(--road-spacing-03);\n  display: block;\n  font-weight: 700;\n}\n\n/* ALERT CONTAINER\n -------------------- */\n\n.alert-container {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: column;\n}\n\n.alert-container-horizontal {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: row;\n}\n\n/* ALERT LINK\n -------------------- */\n\n.alert-link {\n  display: block;\n  margin: 0;\n  margin: var(--road-spacing-03) 0 0;\n  color: var(--road-on-surface);\n  text-decoration: underline;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.alert-description {\n  margin: 0;\n}\n\n/* BUTTON CONTAINER\n -------------------- */\n\n.btn-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  justify-content: center;\n  margin-top: var(--road-spacing-03);\n}\n\n.btn-container.justify-end {\n  padding-top: var(--road-spacing-07);\n  justify-content: end;\n}\n\n/* ALERT BUTTON\n -------------------- */\n\n.alert-button {\n  margin-left: var(--road-spacing-07);\n}\n\n/* ALERT CLOSE\n -------------------- */\n\n.alert-close {\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  font-weight: 700;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* FEEDBACK\n -------------------- */\n\n/**\n * Info\n */\n\n:host(.alert-info) {\n  color: var(--road-on-info-surface);\n  background: var(--road-info-surface);\n  border-color: var(--road-info-outline);\n}\n\n:host(.alert-info) ::slotted(road-icon) {\n  fill: var(--road-info-default);\n}\n\n:host(.alert-info) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-info-surface-inverse);\n  background: var(--road-info-surface-inverse);\n  fill: var(--road-on-info-surface-inverse);\n}\n\n:host(.alert-info) .alert-link {\n  color: var(--road-on-info-surface);\n}\n\n\n/**\n * Success\n */\n\n:host(.alert-success) {\n  color: var(--road-on-success-surface);\n  background: var(--road-success-surface);\n  border-color: var(--road-success-outline);\n}\n\n:host(.alert-success) ::slotted(road-icon) {\n  fill: var(--road-success-icon);\n}\n\n:host(.alert-success) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-success-surface-inverse);\n  background: var(--road-success-surface-inverse);\n  fill: var(--road-on-success-surface-inverse);\n}\n\n:host(.alert-success) .alert-link {\n  color: var(--road-on-success-surface);\n}\n\n/**\n * Warning\n */\n\n:host(.alert-warning) {\n  color: var(--road-on-warning-surface);\n  background: var(--road-warning-surface);\n  border-color: var(--road-warning-outline);\n}\n\n:host(.alert-warning) ::slotted(road-icon) {\n  fill: var(--road-warning-icon);\n}\n\n:host(.alert-warning) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-warning-surface-inverse);\n  background: var(--road-warning-surface-inverse);\n  fill: var(--road-on-warning-surface-inverse);\n}\n\n:host(.alert-warning) .alert-link {\n  color: var(--road-on-warning-surface);\n}\n\n/**\n * Danger\n */\n\n:host(.alert-danger) {\n  color: var(--road-on-danger-surface);\n  background: var(--road-danger-surface);\n  border-color: var(--road-danger-outline);\n}\n\n:host(.alert-danger) ::slotted(road-icon) {\n  fill: var(--road-danger-icon);\n}\n\n:host(.alert-danger) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-danger-surface-inverse);\n  background: var(--road-danger-surface-inverse);\n  fill: var(--road-on-danger-surface-inverse);\n}\n\n:host(.alert-danger) .alert-link {\n  color: var(--road-on-danger-surface);\n}\n","import { Component, Host, Prop, h, Listen, Event, Method, EventEmitter, Element } from '@stencil/core';\nimport { navigationClose } from '../../../icons';\nimport { FeedbackColors } from '../../interface';\n\n/**\n * @slot icon - Icon of the alert, it should be a road-icon element.\n * @slot  - Message of the alert.\n */\n\n@Component({\n  tag: 'road-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n\n    /**\n     * Current reference of the modal\n     */\n    @Element() el!: HTMLRoadAlertElement;\n\n  /**\n   * Set the color of alert. e.g. info, success, warning, danger\n   */\n  @Prop() color: FeedbackColors = 'info';\n\n  /**\n   * position of the button \n   */\n    @Prop() layout?: 'horizontal' | 'vertical' |'default' = 'vertical';\n\n  /**\n   * Title display in the alert\n   */\n   @Prop() label?: string;\n\n   /**\n   * Button display in the alert\n   * `<road-button size=\"sm\">Label</road-button>`\n   */\n   @Prop() button?: string;\n\n   /**\n   * Text Link display in the alert\n   */\n   @Prop() link?: string;\n\n   /**\n    * url display in the link\n    */\n   @Prop() url?: string;\n\n  /**\n   * Show / hide close icon\n   */\n  @Prop() hasCloseIcon: boolean = false;\n\n  /**\n   * Set isOpen propertie to true to show the modal\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Indicate when closing the modal\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Open the modal\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the modal\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.el.addEventListener('transitionend', () => {\n      this.onClose.emit();\n    }, { once: true});\n  }\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the dialog when press Escape key\n   */\n  @Listen('keyup', { target: 'document' })\n  onEscape(event: KeyboardEvent) {\n    if (event.key === 'Escape' || event.key === \"Esc\") {\n      this.close();\n    }\n  }\n\n  /**\n   * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n   */\n  componentDidLoad() {\n    this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n      item.addEventListener('click', () => this.close());\n    });\n  }\n\nrender() {\n\n  const colorClass = this.color !== undefined ? `alert-${this.color}` : '';\n  let layoutClass = 'alert-container'; // valeur par défaut\n    if (this.layout === 'horizontal') {\n      layoutClass = 'alert-container-horizontal';\n    }\n  const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';\n  const hasButtonSlot = !!this.el?.querySelector('[slot=\"button\"]');\n  const closeIconElement = this.hasCloseIcon ? (\n    <button\n      type=\"button\"\n      class=\"alert-close\"\n      onClick={this.onClick}\n      aria-label=\"Close\"\n    >\n      <road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon>\n    </button>\n  ) : null;\n\n  return (\n    <Host class={colorClass} role=\"alert\">\n      <div class=\"alert-icon\">\n        <slot name=\"icon\"/>\n      </div>\n      <div class={layoutClass}>\n        <div class=\"alert-container-content\">\n          {this.label && <span class=\"alert-title d-block\">{this.label}</span>}\n          <p class=\"alert-description\">\n            <slot/>\n          </p>\n          {this.link && <a href={this.url} class=\"alert-link link link-default\">{this.link}</a>}\n        </div>\n        {hasButtonSlot && (\n          <div class={btnContainerClass}>\n            <slot name=\"button\"/>\n          </div>\n        )}\n        {closeIconElement}\n      </div>\n    </Host>\n  );\n}\n\n}"],"mappings":"oGAAA,MAAMA,EAAW,iwGACjB,MAAAC,EAAeD,E,MCaFE,EAAK,MALlB,WAAAC,CAAAC,G,yCAeUC,KAAAC,MAAwB,OAKtBD,KAAAE,OAAgD,WA0BlDF,KAAAG,aAAwB,MAKPH,KAAAI,OAAkB,MA6BnCJ,KAAAK,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHR,KAAKS,OAAO,C,CAtBd,UAAMC,GACJV,KAAKI,OAAS,I,CAOhB,WAAMK,GACJT,KAAKI,OAAS,MACdJ,KAAKW,GAAGC,iBAAiB,iBAAiB,KACxCZ,KAAKa,QAAQC,MAAM,GAClB,CAAEC,KAAM,M,CAiBb,QAAAC,CAASC,GACP,GAAIA,EAAMC,MAAQ,UAAYD,EAAMC,MAAQ,MAAO,CACjDlB,KAAKS,O,EAOT,gBAAAU,GACEnB,KAAKW,GAAGS,iBAAiB,0BAA0BC,SAAQC,IACzDA,EAAKV,iBAAiB,SAAS,IAAMZ,KAAKS,SAAQ,G,CAIxD,MAAAc,G,MAEE,MAAMC,EAAaxB,KAAKC,QAAUwB,UAAY,SAASzB,KAAKC,QAAU,GACtE,IAAIyB,EAAc,kBAChB,GAAI1B,KAAKE,SAAW,aAAc,CAChCwB,EAAc,4B,CAElB,MAAMC,EAAoB3B,KAAKG,aAAe,4BAA8B,gBAC5E,MAAMyB,MAAkBC,EAAA7B,KAAKW,MAAE,MAAAkB,SAAA,SAAAA,EAAEC,cAAc,oBAC/C,MAAMC,EAAmB/B,KAAKG,aAC5B6B,EAAA,UACEC,KAAK,SACLC,MAAM,cACN7B,QAASL,KAAKK,QAAO,aACV,SAEX2B,EAAA,aAAWG,KAAMC,EAAe,cAAc,UAE9C,KAEJ,OACEJ,EAACK,EAAI,CAAAnB,IAAA,2CAACgB,MAAOV,EAAYc,KAAK,SAC5BN,EAAA,OAAAd,IAAA,2CAAKgB,MAAM,cACTF,EAAA,QAAAd,IAAA,2CAAMqB,KAAK,UAEbP,EAAA,OAAAd,IAAA,2CAAKgB,MAAOR,GACVM,EAAA,OAAAd,IAAA,2CAAKgB,MAAM,2BACRlC,KAAKwC,OAASR,EAAA,QAAAd,IAAA,2CAAMgB,MAAM,uBAAuBlC,KAAKwC,OACvDR,EAAA,KAAAd,IAAA,2CAAGgB,MAAM,qBACPF,EAAA,QAAAd,IAAA,8CAEDlB,KAAKyC,MAAQT,EAAA,KAAAd,IAAA,2CAAGwB,KAAM1C,KAAK2C,IAAKT,MAAM,gCAAgClC,KAAKyC,OAE7Eb,GACCI,EAAA,OAAAd,IAAA,2CAAKgB,MAAOP,GACVK,EAAA,QAAAd,IAAA,2CAAMqB,KAAK,YAGdR,G","ignoreList":[]}

package/dist/roadtrip/p-249b8592.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as s,a as e}from"./p-d7aae05d.js";const d=":host{display:block}:host(.tab-hidden){display:none}";const i=d;const n=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:e}=this;return a(s,{key:"1f2746fc33e9b879bc8558f18685bdf2f243fdf1",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${t}`,class:{"tab-hidden":!e}},a("slot",{key:"38d4df4049aa57b8160855d33990f1b2db21d259"}))}get el(){return e(this)}};n.style=i;export{n as road_tab};
+//# sourceMappingURL=p-249b8592.entry.js.map