@roadtrip/components 3.8.0 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/cjs/{index-0fd360a4.js → index-0af42552.js} +4 -2
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/road-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/road-alert.cjs.entry.js +1 -1
  5. package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
  6. package/dist/cjs/road-banner.cjs.entry.js +1 -1
  7. package/dist/cjs/road-carousel.cjs.entry.js +1 -1
  8. package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
  9. package/dist/cjs/road-chip.cjs.entry.js +1 -1
  10. package/dist/cjs/road-dialog.cjs.entry.js +1 -1
  11. package/dist/cjs/road-flap.cjs.entry.js +6 -2
  12. package/dist/cjs/road-modal.cjs.entry.js +1 -1
  13. package/dist/cjs/road-plate-number.cjs.entry.js +1 -1
  14. package/dist/cjs/road-range.cjs.entry.js +2 -2
  15. package/dist/cjs/road-rating.cjs.entry.js +1 -1
  16. package/dist/cjs/road-toast.cjs.entry.js +1 -1
  17. package/dist/cjs/roadtrip.cjs.js +1 -1
  18. package/dist/collection/components/alert/alert.css +32 -0
  19. package/dist/collection/components/alert/alert.js +17 -0
  20. package/dist/collection/components/alert/alert.stories.js +5 -0
  21. package/dist/collection/components/flap/flap.css +25 -0
  22. package/dist/collection/components/flap/flap.js +23 -1
  23. package/dist/collection/components/flap/flap.stories.js +11 -1
  24. package/dist/collection/components/range/range.js +2 -2
  25. package/dist/esm/{index-5d7ae00a.js → index-52fb599a.js} +3 -2
  26. package/dist/esm/loader.js +1 -1
  27. package/dist/esm/road-accordion.entry.js +1 -1
  28. package/dist/esm/road-alert.entry.js +1 -1
  29. package/dist/esm/road-badge_14.entry.js +1 -1
  30. package/dist/esm/road-banner.entry.js +1 -1
  31. package/dist/esm/road-carousel.entry.js +1 -1
  32. package/dist/esm/road-checkbox.entry.js +1 -1
  33. package/dist/esm/road-chip.entry.js +1 -1
  34. package/dist/esm/road-dialog.entry.js +1 -1
  35. package/dist/esm/road-flap.entry.js +6 -2
  36. package/dist/esm/road-modal.entry.js +1 -1
  37. package/dist/esm/road-plate-number.entry.js +1 -1
  38. package/dist/esm/road-range.entry.js +2 -2
  39. package/dist/esm/road-rating.entry.js +1 -1
  40. package/dist/esm/road-toast.entry.js +1 -1
  41. package/dist/esm/roadtrip.js +1 -1
  42. package/dist/html.html-data.json +8 -0
  43. package/dist/roadtrip/{p-4694f970.entry.js → p-0c010bfa.entry.js} +1 -1
  44. package/dist/roadtrip/{p-c07004df.entry.js → p-0e3ddc55.entry.js} +1 -1
  45. package/dist/roadtrip/{p-f5e78215.entry.js → p-12cc1603.entry.js} +1 -1
  46. package/dist/roadtrip/{p-7a5882c0.entry.js → p-247f519f.entry.js} +1 -1
  47. package/dist/roadtrip/{p-eb83cab4.entry.js → p-34e47a2e.entry.js} +1 -1
  48. package/dist/roadtrip/{p-d437641f.entry.js → p-37fef0ce.entry.js} +1 -1
  49. package/dist/roadtrip/p-3d287144.entry.js +1 -0
  50. package/dist/roadtrip/{p-4530a324.entry.js → p-5afa0ba1.entry.js} +1 -1
  51. package/dist/roadtrip/{p-3f9914a0.entry.js → p-790cca6f.entry.js} +1 -1
  52. package/dist/roadtrip/p-96780406.entry.js +1 -0
  53. package/dist/roadtrip/{p-87259af5.js → p-9b88b63f.js} +1 -1
  54. package/dist/roadtrip/{p-aff2ba21.entry.js → p-c2caf196.entry.js} +1 -1
  55. package/dist/roadtrip/{p-bf731c34.entry.js → p-dc5d0fd4.entry.js} +1 -1
  56. package/dist/roadtrip/{p-bb114085.entry.js → p-e5e38580.entry.js} +1 -1
  57. package/dist/roadtrip/{p-89d61829.entry.js → p-f331165e.entry.js} +1 -1
  58. package/dist/roadtrip/roadtrip.esm.js +1 -1
  59. package/dist/types/components/alert/alert.d.ts +5 -0
  60. package/dist/types/components/flap/flap.d.ts +4 -0
  61. package/dist/types/components.d.ts +16 -0
  62. package/hydrate/index.js +12 -5
  63. package/package.json +2 -2
  64. package/dist/roadtrip/p-c91a0dce.entry.js +0 -1
  65. package/dist/roadtrip/p-d9b5400f.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as c,c as o,h as e,H as r}from"./p-9b0bc49b.js";import{c as a,b as i}from"./p-87259af5.js";import"./p-12fd8791.js";const s=class{constructor(e){c(this,e),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.checkboxId="road-checkbox-"+h++,this.name=this.checkboxId,this.required=!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.value="on",this.label=`${this.checkboxId}-label`,this.inverse=!1,this.onClick=()=>{this.checked=!this.checked,this.indeterminate=!1},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()}}checkedChanged(c){this.roadchange.emit({checked:c,value:this.value}),this.roadChange.emit({checked:c,value:this.value})}render(){const c=this.checkboxId+"-label",o=this.inverse&&"form-checkbox-inverse";return e(r,null,e("input",{class:"form-check-input "+(void 0===this.error||this.checked||""===this.error?"":"is-invalid"),type:"checkbox",id:this.checkboxId,name:this.name,required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":c,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),e("label",{class:`form-check-label ${o}`,id:c,htmlFor:this.checkboxId},e("div",null,this.label,e("slot",null)),this.checked&&!this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:a}),this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:i})),this.error&&""!==this.error&&e("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&e("p",{class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let h=0;s.style='.sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-16);line-height:1.5;color:var(--road-on-surface)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-input-surface-variant)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface);border-color:var(--road-input-surface)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface-variant);border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-surface-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-on-surface-disabled)}.invalid-feedback.sc-road-checkbox{display:none;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-outline)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}';export{s as road_checkbox}
1
+ import{r as c,c as o,h as e,H as r}from"./p-9b0bc49b.js";import{c as a,b as i}from"./p-9b88b63f.js";import"./p-12fd8791.js";const s=class{constructor(e){c(this,e),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.checkboxId="road-checkbox-"+h++,this.name=this.checkboxId,this.required=!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.value="on",this.label=`${this.checkboxId}-label`,this.inverse=!1,this.onClick=()=>{this.checked=!this.checked,this.indeterminate=!1},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()}}checkedChanged(c){this.roadchange.emit({checked:c,value:this.value}),this.roadChange.emit({checked:c,value:this.value})}render(){const c=this.checkboxId+"-label",o=this.inverse&&"form-checkbox-inverse";return e(r,null,e("input",{class:"form-check-input "+(void 0===this.error||this.checked||""===this.error?"":"is-invalid"),type:"checkbox",id:this.checkboxId,name:this.name,required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":c,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),e("label",{class:`form-check-label ${o}`,id:c,htmlFor:this.checkboxId},e("div",null,this.label,e("slot",null)),this.checked&&!this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:a}),this.indeterminate&&e("road-icon",{class:"form-check-icon",icon:i})),this.error&&""!==this.error&&e("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&e("p",{class:"helper"},this.helper))}static get watchers(){return{checked:["checkedChanged"]}}};let h=0;s.style='.sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-16);line-height:1.5;color:var(--road-on-surface)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:inline-flex;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-check-label.sc-road-checkbox::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;transition:border 0.2s ease-in-out, background 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;color:var(--road-primary-contrast);opacity:0;transition:opacity 0.2s ease-in-out}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:disabled)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:not(:disabled):checked~.form-check-label.sc-road-checkbox:hover::before,.form-check-input.sc-road-checkbox:not(:disabled):indeterminate~.form-check-label.sc-road-checkbox:hover::before{background:var(--road-input-surface-variant)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface);border-color:var(--road-input-surface)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-check-input.focus-visible.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before,.form-check-input.focus-visible.sc-road-checkbox:indeterminate~.form-check-label.sc-road-checkbox::before{background:var(--road-input-surface-variant);border-color:var(--road-input-surface-variant)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--road-surface-disabled);border:none}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{fill:var(--road-on-surface-disabled)}.invalid-feedback.sc-road-checkbox{display:none;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-danger-default)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--road-danger-outline)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}.helper.sc-road-checkbox{margin-top:0.5rem;font-size:0.75rem;color:var(--road-grey-500)}';export{s as road_checkbox}
@@ -1 +1 @@
1
- import{r,c as a,h as e,e as n}from"./p-9b0bc49b.js";import{h as o,b as t}from"./p-87259af5.js";const i=class{constructor(e){r(this,e),this.roadchange=a(this,"roadchange",7),this.roadChange=a(this,"roadChange",7),this.rangeId="road-range-"+s++,this.value="",this.showValue=!1,this.showTick=!1,this.showLabels=!1,this.onInput=r=>{const a=r.target;a&&(this.value=a.value||""),null!=this.value&&this.el.style.setProperty("--value",`${this.value}`)}}valueChanged(){this.roadchange.emit({value:null==this.value?this.value:this.value.toString()}),this.roadChange.emit({value:null==this.value?this.value:this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const r=this.getValue(),a=void 0!==this.showLabels?"tickmarks":"";return e("div",{class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{icon:t,class:"mr-8",size:"sm"}),e("div",{class:"form-range",style:{"--min:":this.min,"--max":this.max,"--value":r}},this.showValue&&e("output",null),this.showLabels&&e("slot",{name:"datalist"}),e("input",{type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput,list:a}),e("div",{class:"form-range-progress"})),this.showTick&&e("road-icon",{icon:o,class:"ml-8",size:"sm"}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};let s=0;i.style='.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;-webkit-appearance:none;-moz-appearance:none;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-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;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;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::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:"";background:var(--road-primary);border-radius:1.125rem}.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);-webkit-appearance:none;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);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .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}';export{i as road_range}
1
+ import{r,c as a,h as e,e as n}from"./p-9b0bc49b.js";import{h as o,i as t}from"./p-9b88b63f.js";const i=class{constructor(e){r(this,e),this.roadchange=a(this,"roadchange",7),this.roadChange=a(this,"roadChange",7),this.rangeId="road-range-"+s++,this.value="",this.showValue=!1,this.showTick=!1,this.showLabels=!1,this.onInput=r=>{const a=r.target;a&&(this.value=a.value||""),null!=this.value&&this.el.style.setProperty("--value",`${this.value}`)}}valueChanged(){this.roadchange.emit({value:null==this.value?this.value:this.value.toString()}),this.roadChange.emit({value:null==this.value?this.value:this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const r=this.getValue(),a=void 0!==this.showLabels?"tickmarks":"";return e("div",{class:"form-group d-flex align-items-end"},this.showTick&&e("road-icon",{icon:t,class:"mr-8",size:"sm"}),e("div",{class:"form-range",style:{"--min:":this.min,"--max":this.max,"--value":r}},this.showValue&&e("output",null),this.showLabels&&e("slot",{name:"datalist"}),e("input",{type:"range",class:"form-range-input",id:this.rangeId,min:this.min,max:this.max,value:r,onInput:this.onInput,list:a}),e("div",{class:"form-range-progress"})),this.showTick&&e("road-icon",{icon:o,class:"ml-8",size:"sm"}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};let s=0;i.style='.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;-webkit-appearance:none;-moz-appearance:none;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-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;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;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::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:"";background:var(--road-primary);border-radius:1.125rem}.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);-webkit-appearance:none;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);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .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}';export{i as road_range}
@@ -1 +1 @@
1
- import{p as e,w as a,d as o,N as r,a as t,b as d}from"./p-9b0bc49b.js";import"./p-66507c19.js";(()=>{e.o=a.__cssshim;const d=Array.from(o.querySelectorAll("script")).find((e=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===r)),l={};return"onbeforeload"in d&&!history.scrollRestoration?{then(){}}:(l.resourcesUrl=new URL(".",new URL(d.getAttribute("data-resources-url")||d.src,a.location.href)).href,((e,t)=>{const d=`__sc_import_${r.replace(/\s|-/g,"_")}`;try{a[d]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const r=new Map;a[d]=l=>{const s=new URL(l,e).href;let i=r.get(s);if(!i){const e=o.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${d}.m = m;`],{type:"application/javascript"})),i=new Promise((o=>{e.onload=()=>{o(a[d].m),e.remove()}})),r.set(s,i),o.head.appendChild(e)}return i}}})(l.resourcesUrl,d),a.customElements?t(l):__sc_import_roadtrip("./p-62b28500.js").then((()=>l)))})().then((e=>d([["p-aff2ba21",[[2,"road-counter",{inputId:[1,"input-id"],min:[2],max:[2],step:[1],value:[2],size:[1],dustbin:[4],leftIconClasses:[32],rightIconClasses:[32],isDustbinVisible:[32]}],[1,"road-item",{button:[4],detail:[4],active:[4],detailIcon:[1,"detail-icon"],disabled:[4],download:[1],href:[1],rel:[1],lines:[1],target:[1],type:[1],multipleInputs:[32]}],[1,"road-badge",{color:[1],bubble:[4]}],[1,"road-list",{lines:[1]}],[1,"road-toolbar",{color:[1]}],[33,"road-drawer",{isOpen:[1028,"is-open"],position:[1],drawerWidth:[2,"drawer-width"],hasInverseHeader:[4,"has-inverse-header"],hasBackIcon:[4,"has-back-icon"],backText:[1,"back-text"],drawerTitle:[1,"drawer-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64],back:[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{inputId:[1,"input-id"],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],disabled:[4],enterkeyhint:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],step:[1],size:[2],sizes:[1],type:[1],value:[1032],label:[1],error:[1],helper:[1],debounce:[2]}],[1,"road-row"],[1,"road-button",{color:[1],size:[513],buttonType:[1,"button-type"],disabled:[516],expand:[516],download:[1],href:[1],rel:[1],target:[1],outline:[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{color:[1],ariaLabel:[1537,"aria-label"],ariaHidden:[513,"aria-hidden"],name:[1],src:[1],icon:[8],size:[1],rotate:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32]}]]],["p-e4423dbb",[[1,"road-duration",{isOpen:[1028,"is-open"],header:[1],min:[2],max:[2],step:[2],open:[64],close:[64]},[[0,"roadcardclick","handleClick"]]]]],["p-4530a324",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["p-4977f51b",[[1,"road-profil-dropdown",{isOpen:[1028,"is-open"]}]]],["p-d437641f",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],isLightSeparator:[4,"is-light-separator"],isSmall:[4,"is-small"]}]]],["p-3f9914a0",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["p-bf731c34",[[1,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["p-bb114085",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["p-c07004df",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["p-c4365897",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["p-eb83cab4",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-69bd9471",[[1,"road-dropdown",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],isMedium:[4,"is-medium"],position:[513],direction:[513]}]]],["p-4694f970",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-89d61829",[[6,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"],showLabels:[4,"show-labels"]}]]],["p-f5e78215",[[1,"road-rating",{size:[513],rate:[2],showreviews:[4],reviews:[2],reviewsText:[1,"reviews-text"]}]]],["p-7a5882c0",[[1,"road-toast",{isOpen:[1028,"is-open"],color:[1],label:[1],timeout:[2],open:[64],close:[64]}]]],["p-d9b5400f",[[1,"road-alert",{color:[1],label:[1],link:[1],url:[1]}]]],["p-d018d6d2",[[6,"road-autocomplete",{options:[16],visible:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-6e6ebf56",[[1,"road-button-floating",{position:[513],href:[1],rel:[1],target:[1]},[[9,"scroll","onScroll"]]]]],["p-8ee48870",[[4,"road-carousel-item"]]],["p-c91a0dce",[[1,"road-flap",{color:[1],size:[513]}]]],["p-f38dbbb7",[[1,"road-global-navigation",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-11198399",[[1,"road-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]}]]],["p-5cd99182",[[1,"road-navbar",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-3ca57e80",[[1,"road-navbar-item",{disabled:[4],download:[1],href:[1],rel:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-8de8c288",[[1,"road-progress",{value:[2],numbersteps:[1],label:[1],showstep:[4],animation:[4],light:[4],fullwidth:[4],color:[1]}]]],["p-66bb99b9",[[1,"road-progress-indicator-horizontal",{color:[513],stateFirstStep:[1,"state-first-step"],stateSecondStep:[1,"state-second-step"],stateThirdStep:[1,"state-third-step"],urlStep1:[1,"url-step-1"],urlStep2:[1,"url-step-2"],urlStep3:[1,"url-step-3"]}]]],["p-af65ced2",[[1,"road-progress-indicator-vertical"]]],["p-5a19ef74",[[4,"road-progress-indicator-vertical-item"]]],["p-028fbc98",[[1,"road-progress-tracker"]]],["p-25dbf5ae",[[4,"road-progress-tracker-item"]]],["p-e7686dab",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-11e8b7d8",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["p-9a95dd74",[[1,"road-segmented-button",{size:[1],selected:[1028],tab:[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-b5d485a2",[[1,"road-segmented-button-bar",{selectedTab:[1,"selected-tab"]}]]],["p-6aef81aa",[[1,"road-segmented-buttons",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-5901cc95",[[2,"road-select",{selectId:[1,"select-id"],options:[16],autofocus:[4],disabled:[4],name:[1],required:[4],size:[2],sizes:[1],label:[1],error:[1],value:[1032]}]]],["p-0ecd9c44",[[6,"road-select-filter",{options:[16],parameters:[8],isActive:[4,"is-active"],onlySelect:[4,"only-select"],isOpen:[32],currentValue:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-2c70343a",[[1,"road-skeleton"]]],["p-e2120e8f",[[1,"road-spinner",{size:[513],color:[513]}]]],["p-fa38ac58",[[2,"road-switch",{switchId:[1,"switch-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-047f9d06",[[1,"road-tab",{active:[1028],tab:[1],setActive:[64]}]]],["p-52fb41ab",[[1,"road-tab-bar",{secondary:[4],expand:[4],center:[4],selectedTab:[1,"selected-tab"]}]]],["p-eb8f7fc4",[[1,"road-tab-button",{download:[1],href:[1],rel:[1],layout:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-479f7ce5",[[6,"road-table"]]],["p-6663a74c",[[1,"road-tabs",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-5b4962a5",[[1,"road-tag",{color:[1],contrast:[4]}]]],["p-9ec3e9c2",[[1,"road-text",{color:[1]}]]],["p-95c62aad",[[2,"road-textarea",{textareaId:[1,"textarea-id"],autocapitalize:[1],autofocus:[4],disabled:[4],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],sizes:[1],readonly:[4],required:[4],spellcheck:[4],resize:[4],cols:[2],rows:[2],wrap:[1],value:[1025],label:[1],error:[1],helper:[1]}]]],["p-60a3cc90",[[2,"road-toggle",{toggleId:[1,"toggle-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-1aa14002",[[1,"road-toolbar-title"]]],["p-17019ebc",[[1,"road-toolbar-title-page"]]],["p-70c75b69",[[1,"road-tooltip",{tooltipId:[1,"tooltip-id"],content:[1],position:[1],contentAlign:[1,"content-align"],isOpen:[1028,"is-open"],trigger:[1],open:[64],close:[64]}]]],["p-20474fa0",[[1,"road-avatar",{size:[513]}]]],["p-635ee169",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]]],e)));
1
+ import{p as e,w as a,d as o,N as r,a as t,b as d}from"./p-9b0bc49b.js";import"./p-66507c19.js";(()=>{e.o=a.__cssshim;const d=Array.from(o.querySelectorAll("script")).find((e=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===r)),l={};return"onbeforeload"in d&&!history.scrollRestoration?{then(){}}:(l.resourcesUrl=new URL(".",new URL(d.getAttribute("data-resources-url")||d.src,a.location.href)).href,((e,t)=>{const d=`__sc_import_${r.replace(/\s|-/g,"_")}`;try{a[d]=new Function("w",`return import(w);//${Math.random()}`)}catch(l){const r=new Map;a[d]=l=>{const i=new URL(l,e).href;let s=r.get(i);if(!s){const e=o.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${i}'; window.${d}.m = m;`],{type:"application/javascript"})),s=new Promise((o=>{e.onload=()=>{o(a[d].m),e.remove()}})),r.set(i,s),o.head.appendChild(e)}return s}}})(l.resourcesUrl,d),a.customElements?t(l):__sc_import_roadtrip("./p-62b28500.js").then((()=>l)))})().then((e=>d([["p-c2caf196",[[2,"road-counter",{inputId:[1,"input-id"],min:[2],max:[2],step:[1],value:[2],size:[1],dustbin:[4],leftIconClasses:[32],rightIconClasses:[32],isDustbinVisible:[32]}],[1,"road-item",{button:[4],detail:[4],active:[4],detailIcon:[1,"detail-icon"],disabled:[4],download:[1],href:[1],rel:[1],lines:[1],target:[1],type:[1],multipleInputs:[32]}],[1,"road-badge",{color:[1],bubble:[4]}],[1,"road-list",{lines:[1]}],[1,"road-toolbar",{color:[1]}],[33,"road-drawer",{isOpen:[1028,"is-open"],position:[1],drawerWidth:[2,"drawer-width"],hasInverseHeader:[4,"has-inverse-header"],hasBackIcon:[4,"has-back-icon"],backText:[1,"back-text"],drawerTitle:[1,"drawer-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64],back:[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{inputId:[1,"input-id"],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],disabled:[4],enterkeyhint:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],step:[1],size:[2],sizes:[1],type:[1],value:[1032],label:[1],error:[1],helper:[1],debounce:[2]}],[1,"road-row"],[1,"road-button",{color:[1],size:[513],buttonType:[1,"button-type"],disabled:[516],expand:[516],download:[1],href:[1],rel:[1],target:[1],outline:[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{color:[1],ariaLabel:[1537,"aria-label"],ariaHidden:[513,"aria-hidden"],name:[1],src:[1],icon:[8],size:[1],rotate:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32]}]]],["p-e4423dbb",[[1,"road-duration",{isOpen:[1028,"is-open"],header:[1],min:[2],max:[2],step:[2],open:[64],close:[64]},[[0,"roadcardclick","handleClick"]]]]],["p-5afa0ba1",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["p-4977f51b",[[1,"road-profil-dropdown",{isOpen:[1028,"is-open"]}]]],["p-37fef0ce",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],isLightSeparator:[4,"is-light-separator"],isSmall:[4,"is-small"]}]]],["p-790cca6f",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["p-dc5d0fd4",[[1,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["p-e5e38580",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["p-0e3ddc55",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["p-c4365897",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["p-34e47a2e",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-69bd9471",[[1,"road-dropdown",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],isMedium:[4,"is-medium"],position:[513],direction:[513]}]]],["p-0c010bfa",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["p-f331165e",[[6,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"],showLabels:[4,"show-labels"]}]]],["p-12cc1603",[[1,"road-rating",{size:[513],rate:[2],showreviews:[4],reviews:[2],reviewsText:[1,"reviews-text"]}]]],["p-247f519f",[[1,"road-toast",{isOpen:[1028,"is-open"],color:[1],label:[1],timeout:[2],open:[64],close:[64]}]]],["p-3d287144",[[1,"road-alert",{color:[1],label:[1],button:[1],link:[1],url:[1]}]]],["p-d018d6d2",[[6,"road-autocomplete",{options:[16],visible:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-6e6ebf56",[[1,"road-button-floating",{position:[513],href:[1],rel:[1],target:[1]},[[9,"scroll","onScroll"]]]]],["p-8ee48870",[[4,"road-carousel-item"]]],["p-96780406",[[1,"road-flap",{color:[1],filled:[4],size:[513]}]]],["p-f38dbbb7",[[1,"road-global-navigation",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-11198399",[[1,"road-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]}]]],["p-5cd99182",[[1,"road-navbar",{selectedTab:[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["p-3ca57e80",[[1,"road-navbar-item",{disabled:[4],download:[1],href:[1],rel:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["p-8de8c288",[[1,"road-progress",{value:[2],numbersteps:[1],label:[1],showstep:[4],animation:[4],light:[4],fullwidth:[4],color:[1]}]]],["p-66bb99b9",[[1,"road-progress-indicator-horizontal",{color:[513],stateFirstStep:[1,"state-first-step"],stateSecondStep:[1,"state-second-step"],stateThirdStep:[1,"state-third-step"],urlStep1:[1,"url-step-1"],urlStep2:[1,"url-step-2"],urlStep3:[1,"url-step-3"]}]]],["p-af65ced2",[[1,"road-progress-indicator-vertical"]]],["p-5a19ef74",[[4,"road-progress-indicator-vertical-item"]]],["p-028fbc98",[[1,"road-progress-tracker"]]],["p-25dbf5ae",[[4,"road-progress-tracker-item"]]],["p-e7686dab",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-11e8b7d8",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["p-9a95dd74",[[1,"road-segmented-button",{size:[1],selected:[1028],tab:[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-b5d485a2",[[1,"road-segmented-button-bar",{selectedTab:[1,"selected-tab"]}]]],["p-6aef81aa",[[1,"road-segmented-buttons",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-5901cc95",[[2,"road-select",{selectId:[1,"select-id"],options:[16],autofocus:[4],disabled:[4],name:[1],required:[4],size:[2],sizes:[1],label:[1],error:[1],value:[1032]}]]],["p-0ecd9c44",[[6,"road-select-filter",{options:[16],parameters:[8],isActive:[4,"is-active"],onlySelect:[4,"only-select"],isOpen:[32],currentValue:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["p-2c70343a",[[1,"road-skeleton"]]],["p-e2120e8f",[[1,"road-spinner",{size:[513],color:[513]}]]],["p-fa38ac58",[[2,"road-switch",{switchId:[1,"switch-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-047f9d06",[[1,"road-tab",{active:[1028],tab:[1],setActive:[64]}]]],["p-52fb41ab",[[1,"road-tab-bar",{secondary:[4],expand:[4],center:[4],selectedTab:[1,"selected-tab"]}]]],["p-eb8f7fc4",[[1,"road-tab-button",{download:[1],href:[1],rel:[1],layout:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-479f7ce5",[[6,"road-table"]]],["p-6663a74c",[[1,"road-tabs",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["p-5b4962a5",[[1,"road-tag",{color:[1],contrast:[4]}]]],["p-9ec3e9c2",[[1,"road-text",{color:[1]}]]],["p-95c62aad",[[2,"road-textarea",{textareaId:[1,"textarea-id"],autocapitalize:[1],autofocus:[4],disabled:[4],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],sizes:[1],readonly:[4],required:[4],spellcheck:[4],resize:[4],cols:[2],rows:[2],wrap:[1],value:[1025],label:[1],error:[1],helper:[1]}]]],["p-60a3cc90",[[2,"road-toggle",{toggleId:[1,"toggle-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["p-1aa14002",[[1,"road-toolbar-title"]]],["p-17019ebc",[[1,"road-toolbar-title-page"]]],["p-70c75b69",[[1,"road-tooltip",{tooltipId:[1,"tooltip-id"],content:[1],position:[1],contentAlign:[1,"content-align"],isOpen:[1028,"is-open"],trigger:[1],open:[64],close:[64]}]]],["p-20474fa0",[[1,"road-avatar",{size:[513]}]]],["p-635ee169",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]]],e)));
@@ -13,6 +13,11 @@ export declare class Alert {
13
13
  */
14
14
  label?: string;
15
15
  /**
16
+ * Button display in the alert
17
+ * `<road-button size="sm">Label</road-button>`
18
+ */
19
+ button?: string;
20
+ /**
16
21
  * Text Link display in the alert
17
22
  */
18
23
  link?: string;
@@ -6,6 +6,10 @@ export declare class Flap {
6
6
  * Set the color of the flap.
7
7
  */
8
8
  color: 'promo' | 'exclu' | 'info' | 'ecology' | 'blackfriday';
9
+ /**
10
+ * Set to `true` for a filled flap
11
+ */
12
+ filled: boolean;
9
13
  /**
10
14
  * The button size.
11
15
  */
@@ -26,6 +26,10 @@ export namespace Components {
26
26
  "isSmall": boolean;
27
27
  }
28
28
  interface RoadAlert {
29
+ /**
30
+ * Button display in the alert `<road-button size="sm">Label</road-button>`
31
+ */
32
+ "button"?: string;
29
33
  /**
30
34
  * Set the color of alert. e.g. info, success, warning, danger
31
35
  */
@@ -526,6 +530,10 @@ export namespace Components {
526
530
  * Set the color of the flap.
527
531
  */
528
532
  "color": 'promo' | 'exclu' | 'info' | 'ecology' | 'blackfriday';
533
+ /**
534
+ * Set to `true` for a filled flap
535
+ */
536
+ "filled": boolean;
529
537
  /**
530
538
  * The button size.
531
539
  */
@@ -2166,6 +2174,10 @@ declare namespace LocalJSX {
2166
2174
  "isSmall"?: boolean;
2167
2175
  }
2168
2176
  interface RoadAlert {
2177
+ /**
2178
+ * Button display in the alert `<road-button size="sm">Label</road-button>`
2179
+ */
2180
+ "button"?: string;
2169
2181
  /**
2170
2182
  * Set the color of alert. e.g. info, success, warning, danger
2171
2183
  */
@@ -2717,6 +2729,10 @@ declare namespace LocalJSX {
2717
2729
  * Set the color of the flap.
2718
2730
  */
2719
2731
  "color"?: 'promo' | 'exclu' | 'info' | 'ecology' | 'blackfriday';
2732
+ /**
2733
+ * Set to `true` for a filled flap
2734
+ */
2735
+ "filled"?: boolean;
2720
2736
  /**
2721
2737
  * The button size.
2722
2738
  */
package/hydrate/index.js CHANGED
@@ -5749,8 +5749,9 @@ const alertSuccessOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><p
5749
5749
  const alertWarningOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M34.295 23.155h-3v14.003h3V23.155Zm0 18.435h-3v3.329h3V41.59Z"/><path d="M53.334 53.074H12.256a4.206 4.206 0 0 1-3.68-2.125 4.21 4.21 0 0 1 0-4.25l20.539-35.574A4.208 4.208 0 0 1 32.795 9a4.208 4.208 0 0 1 3.681 2.125L57.015 46.7a4.21 4.21 0 0 1 0 4.25 4.208 4.208 0 0 1-3.681 2.125ZM32.795 11.5a1.73 1.73 0 0 0-1.515.875L10.741 47.95a1.734 1.734 0 0 0 0 1.75 1.734 1.734 0 0 0 1.515.875h41.078a1.733 1.733 0 0 0 1.516-.875 1.734 1.734 0 0 0 0-1.75L34.311 12.375a1.733 1.733 0 0 0-1.516-.875Z"/></svg>';
5750
5750
  const checkWide = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m25.59 39.75-8.34-8.34-2.84 2.82 11.18 11.18 24-24-2.82-2.82Z"/></svg>';
5751
5751
  const licensePlateStarEu = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m22.457 49.187-.774-2.406-.773 2.406h-2.523l2.013 1.489-.774 2.406 2.038-1.482 2.046 1.474-.773-2.407 2.042-1.481ZM19.66 17.173l2.058-1.493 2.042 1.481-.773-2.406 2.042-1.482h-2.522l-.774-2.406-.773 2.406-2.569.012 2.043 1.482Zm-5.66.99-.774 2.406H10.7l2.023 1.482-.774 2.406L14 22.975l2.027 1.466-.774-2.406 2.047-1.466h-2.529ZM32.743 52.1l-.774-2.406-.774 2.406H28.65l2.043 1.482-.774 2.406 2.042-1.488L34 55.984l-.774-2.406 2.047-1.478Zm-2.735-37.79 2.042-1.481 2.043 1.481-.774-2.41 2.043-1.481h-2.523l-.773-2.407-.774 2.407h-2.553l2.042 1.481ZM14.647 41.644l-.774-2.406-.773 2.406h-2.523l2.043 1.481-.774 2.406 2.043-1.481 2.042 1.481-.8-2.406 2.043-1.481Zm-3.613-8.139 2.042 1.481-.776-2.406 2.045-1.48h-2.514l-.774-2.406-.774 2.406H7.761l2 1.481-.774 2.406Zm37.004-8.982 2.039-1.49 2.042 1.482-.774-2.406 2.043-1.482h-2.522l-.774-2.406-.774 2.406-2.549.008 2.043 1.481Zm2.828 17.194-.774-2.406-.774 2.406H46.8l2.039 1.483-.774 2.4 2.043-1.482L52.15 45.6l-.785-2.4 2.042-1.482Zm5.373-10.529h-2.522l-.774-2.406-.774 2.406h-2.522l2.043 1.481-.774 2.406 2.043-1.481L55 35.075l-.8-2.406ZM42.367 10.9l-.774 2.407h-2.522l2.047 1.493-.774 2.4 2.042-1.482 2.043 1.482-.774-2.406 2.062-1.489h-2.576Zm.642 38.329-.773-2.406-.774 2.406h-2.5L41 50.711l-.774 2.406 2.042-1.481 2.043 1.481-.824-2.406 2.042-1.482Z"/></svg>';
5752
+ const navigationAddLessSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M49.87 30.19H14.51v4h35.36v-4Z"/></svg>';
5752
5753
  const navigationAddLess = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M14.706 31.135h35.355v2.5H14.706z"/></svg>';
5753
- const navigationAddMore = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M31.135 14.707h2.5v35.355h-2.5z"/><path d="M14.706 31.135h35.355v2.5H14.706z"/></svg>';
5754
+ const navigationAddMoreSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M49.87 30.19H34.19V14.51h-4v15.68H14.51v4h15.68v15.68h4V34.19h15.68v-4Z"/></svg>';
5754
5755
  const navigationChevron = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M28.121 46.121 26 44l11.44-11.44L26 21.121 28.121 19l13.561 13.56Z"/></svg>';
5755
5756
  const navigationClose = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m19 20.767 1.768-1.768 25 25L44 45.767z"/><path d="m19 44 25-25 1.768 1.768-25 25z"/></svg>';
5756
5757
  const starHalfColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32 47.425V6.5l7.514 17.755 19.17 1.637L44.152 38.61l4.384 18.89Z"/><path d="M32 47.425 15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z" fill="var(--warning, rgb(252, 183, 49))"/></svg>';
@@ -5821,7 +5822,7 @@ class Accordion {
5821
5822
  }; }
5822
5823
  }
5823
5824
 
5824
- const alertCss = "/*!@:host*/.sc-road-alert-h{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*/.alert-icon.sc-road-alert{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}/*!@.alert-title*/.alert-title.sc-road-alert{padding:0.375rem 0 0;font-weight:700}/*!@.alert-link*/.alert-link.sc-road-alert{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}/*!@.alert-description*/.alert-description.sc-road-alert{padding:0.375rem 0;margin:0}/*!@:host(.alert-info)*/.alert-info.sc-road-alert-h{color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}/*!@:host(.alert-info) ::slotted(road-icon)*/.sc-road-alert-h.alert-info .sc-road-alert-s>road-icon{fill:var(--road-info-default)}/*!@:host(.alert-success)*/.alert-success.sc-road-alert-h{color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}/*!@:host(.alert-success) ::slotted(road-icon)*/.sc-road-alert-h.alert-success .sc-road-alert-s>road-icon{fill:var(--road-success-icon)}/*!@:host(.alert-warning)*/.alert-warning.sc-road-alert-h{color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}/*!@:host(.alert-warning) ::slotted(road-icon)*/.sc-road-alert-h.alert-warning .sc-road-alert-s>road-icon{fill:var(--road-warning-icon)}/*!@:host(.alert-danger)*/.alert-danger.sc-road-alert-h{color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}/*!@:host(.alert-danger) ::slotted(road-icon)*/.sc-road-alert-h.alert-danger .sc-road-alert-s>road-icon{fill:var(--road-danger-icon)}";
5825
+ const alertCss = "/*!@:host*/.sc-road-alert-h{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*/.alert-icon.sc-road-alert{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}/*!@.alert-title*/.alert-title.sc-road-alert{padding:0.375rem 0 0;font-weight:700}/*!@.alert-link*/.alert-link.sc-road-alert{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}/*!@.alert-description*/.alert-description.sc-road-alert{padding:0.375rem 0;margin:0}/*!@:host(.alert-info)*/.alert-info.sc-road-alert-h{color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}/*!@:host(.alert-info) ::slotted(road-icon)*/.sc-road-alert-h.alert-info .sc-road-alert-s>road-icon{fill:var(--road-info-default)}/*!@:host(.alert-info) ::slotted(road-button)*/.sc-road-alert-h.alert-info .sc-road-alert-s>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-success)*/.alert-success.sc-road-alert-h{color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}/*!@:host(.alert-success) ::slotted(road-icon)*/.sc-road-alert-h.alert-success .sc-road-alert-s>road-icon{fill:var(--road-success-icon)}/*!@:host(.alert-success) ::slotted(road-button)*/.sc-road-alert-h.alert-success .sc-road-alert-s>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-warning)*/.alert-warning.sc-road-alert-h{color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}/*!@:host(.alert-warning) ::slotted(road-icon)*/.sc-road-alert-h.alert-warning .sc-road-alert-s>road-icon{fill:var(--road-warning-icon)}/*!@:host(.alert-warning) ::slotted(road-button)*/.sc-road-alert-h.alert-warning .sc-road-alert-s>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-danger)*/.alert-danger.sc-road-alert-h{color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}/*!@:host(.alert-danger) ::slotted(road-icon)*/.sc-road-alert-h.alert-danger .sc-road-alert-s>road-icon{fill:var(--road-danger-icon)}/*!@:host(.alert-danger) ::slotted(road-button)*/.sc-road-alert-h.alert-danger .sc-road-alert-s>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)}";
5825
5826
 
5826
5827
  /**
5827
5828
  * @slot icon - Icon of the alert, it should be a road-icon element.
@@ -5846,6 +5847,7 @@ class Alert {
5846
5847
  "$members$": {
5847
5848
  "color": [1],
5848
5849
  "label": [1],
5850
+ "button": [1],
5849
5851
  "link": [1],
5850
5852
  "url": [1]
5851
5853
  },
@@ -14008,7 +14010,7 @@ class Duration {
14008
14010
  }; }
14009
14011
  }
14010
14012
 
14011
- const flapCss = "/*!@:host*/.sc-road-flap-h{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 0.75rem;font-size:var(--road-font-size-14);font-weight:700;background:var(--road-grey-000);border:1px solid transparent;border-radius:1.5rem}/*!@:host(.flap-promo)*/.flap-promo.sc-road-flap-h{color:var(--road-tag-offer);border-color:var(--road-tag-offer)}/*!@:host(.flap-exclu)*/.flap-exclu.sc-road-flap-h{color:var(--road-tag-exclusivity);border-color:var(--road-tag-exclusivity)}/*!@:host(.flap-info)*/.flap-info.sc-road-flap-h{color:var(--road-tag-default);border-color:var(--road-tag-default)}/*!@:host(.flap-ecology)*/.flap-ecology.sc-road-flap-h{color:var(--road-tag-ecology);border-color:var(--road-tag-ecology)}/*!@:host(.flap-blackfriday)*/.flap-blackfriday.sc-road-flap-h{color:var(--road-tag-black-friday);border-color:var(--road-tag-black-friday)}/*!@:host(.flap-md)*/.flap-md.sc-road-flap-h{height:2rem;padding:0 1rem;font-size:var(--road-font-size-16)}";
14013
+ const flapCss = "/*!@:host*/.sc-road-flap-h{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 0.75rem;font-size:var(--road-font-size-14);font-weight:700;background:var(--road-grey-000);border:1px solid transparent;border-radius:1.5rem}/*!@:host(.flap-promo)*/.flap-promo.sc-road-flap-h{color:var(--road-tag-offer);border-color:var(--road-tag-offer)}/*!@:host(.flap-exclu)*/.flap-exclu.sc-road-flap-h{color:var(--road-tag-exclusivity);border-color:var(--road-tag-exclusivity)}/*!@:host(.flap-info)*/.flap-info.sc-road-flap-h{color:var(--road-tag-default);border-color:var(--road-tag-default)}/*!@:host(.flap-ecology)*/.flap-ecology.sc-road-flap-h{color:var(--road-tag-ecology);border-color:var(--road-tag-ecology)}/*!@:host(.flap-blackfriday)*/.flap-blackfriday.sc-road-flap-h{color:var(--road-tag-black-friday);border-color:var(--road-tag-black-friday)}/*!@:host(.flap-promo-filled)*/.flap-promo-filled.sc-road-flap-h{color:var(--road-on-primary);background-color:var(--road-tag-offer)}/*!@:host(.flap-exclu-filled)*/.flap-exclu-filled.sc-road-flap-h{color:var(--road-on-primary);background-color:var(--road-tag-exclusivity)}/*!@:host(.flap-info-filled)*/.flap-info-filled.sc-road-flap-h{color:var(--road-on-primary);background-color:var(--road-tag-default)}/*!@:host(.flap-ecology-filled)*/.flap-ecology-filled.sc-road-flap-h{color:var(--road-on-primary);background-color:var(--road-tag-ecology)}/*!@:host(.flap-blackfriday-filled)*/.flap-blackfriday-filled.sc-road-flap-h{color:var(--road-on-primary);background-color:var(--road-tag-black-friday)}/*!@:host(.flap-md)*/.flap-md.sc-road-flap-h{height:2rem;padding:0 1rem;font-size:var(--road-font-size-16)}";
14012
14014
 
14013
14015
  /**
14014
14016
  * @slot - Content of the flap.
@@ -14020,13 +14022,17 @@ class Flap {
14020
14022
  * Set the color of the flap.
14021
14023
  */
14022
14024
  this.color = 'promo';
14025
+ /**
14026
+ * Set to `true` for a filled flap
14027
+ */
14028
+ this.filled = false;
14023
14029
  /**
14024
14030
  * The button size.
14025
14031
  */
14026
14032
  this.size = 'sm';
14027
14033
  }
14028
14034
  render() {
14029
- const colorClass = `flap-${this.color}`;
14035
+ const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
14030
14036
  return (hAsync(Host, { class: `${colorClass} flap-${this.size}` }, hAsync("slot", null)));
14031
14037
  }
14032
14038
  static get style() { return flapCss; }
@@ -14035,6 +14041,7 @@ class Flap {
14035
14041
  "$tagName$": "road-flap",
14036
14042
  "$members$": {
14037
14043
  "color": [1],
14044
+ "filled": [4],
14038
14045
  "size": [513]
14039
14046
  },
14040
14047
  "$listeners$": undefined,
@@ -15473,7 +15480,7 @@ class Range {
15473
15480
  render() {
15474
15481
  const value = this.getValue();
15475
15482
  const datalist = this.showLabels !== undefined ? `tickmarks` : '';
15476
- return (hAsync("div", { class: "form-group d-flex align-items-end" }, this.showTick && hAsync("road-icon", { icon: navigationAddLess, class: "mr-8", size: 'sm' }), hAsync("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && hAsync("output", null), this.showLabels && hAsync("slot", { name: "datalist" }), hAsync("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist }), hAsync("div", { class: "form-range-progress" })), this.showTick && hAsync("road-icon", { icon: navigationAddMore, class: "ml-8", size: 'sm' })));
15483
+ return (hAsync("div", { class: "form-group d-flex align-items-end" }, this.showTick && hAsync("road-icon", { icon: navigationAddLessSolid, class: "mr-8", size: 'sm' }), hAsync("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && hAsync("output", null), this.showLabels && hAsync("slot", { name: "datalist" }), hAsync("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist }), hAsync("div", { class: "form-range-progress" })), this.showTick && hAsync("road-icon", { icon: navigationAddMoreSolid, class: "ml-8", size: 'sm' })));
15477
15484
  }
15478
15485
  get el() { return getElement(this); }
15479
15486
  static get watchers() { return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@roadtrip/components",
3
- "version": "3.8.0",
3
+ "version": "3.9.0",
4
4
  "description": "Web Component library for Roadtrip Design System",
5
5
  "license": "Apache-2.0",
6
6
  "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -38,7 +38,7 @@
38
38
  "test:e2e": "stencil test --e2e --watch",
39
39
  "test:watch": "stencil test --e2e --watchAll",
40
40
  "generate": "stencil generate",
41
- "icons": "npm run svgo && node ./scripts/sprite-svg.mjs && node ./scripts/icons.mjs",
41
+ "icons": "npm run svgo && node ./scripts/refacto-icon-svg.mjs && node ./scripts/sprite-svg.mjs && node ./scripts/icons.mjs && node ./scripts/optimize-svg.mjs",
42
42
  "lint.ts": "eslint src/**/*{.ts,.tsx}",
43
43
  "storybook": "start-storybook -p 6006 -s dist/",
44
44
  "build-storybook": "build-storybook -s dist/ -o public/",
@@ -1 +0,0 @@
1
- import{r,h as o,H as a}from"./p-9b0bc49b.js";const t=class{constructor(o){r(this,o),this.color="promo",this.size="sm"}render(){return o(a,{class:`flap-${this.color} flap-${this.size}`},o("slot",null))}};t.style=":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 0.75rem;font-size:var(--road-font-size-14);font-weight:700;background:var(--road-grey-000);border:1px solid transparent;border-radius:1.5rem}:host(.flap-promo){color:var(--road-tag-offer);border-color:var(--road-tag-offer)}:host(.flap-exclu){color:var(--road-tag-exclusivity);border-color:var(--road-tag-exclusivity)}:host(.flap-info){color:var(--road-tag-default);border-color:var(--road-tag-default)}:host(.flap-ecology){color:var(--road-tag-ecology);border-color:var(--road-tag-ecology)}:host(.flap-blackfriday){color:var(--road-tag-black-friday);border-color:var(--road-tag-black-friday)}:host(.flap-md){height:2rem;padding:0 1rem;font-size:var(--road-font-size-16)}";export{t as road_flap}
@@ -1 +0,0 @@
1
- import{r,h as a,H as o}from"./p-9b0bc49b.js";const e=class{constructor(a){r(this,a),this.color="info"}render(){return a(o,{class:void 0!==this.color?`alert-${this.color}`:"",role:"alert"},a("div",{class:"alert-icon"},a("slot",{name:"icon"})),a("div",null,this.label&&a("span",{class:"alert-title d-block"},this.label),a("p",{class:"alert-description"},a("slot",null),this.link&&a("a",{href:this.url,class:"alert-link link link-default"},this.link))))}};e.style=":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{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}.alert-description{padding:0.375rem 0;margin: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-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-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-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)}";export{e as road_alert}