@roadtrip/components 3.0.1 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.0.1",
+  "version": "3.1.2",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",

package/dist/roadtrip/p-5807b1ed.entry.js

@@ -1 +0,0 @@
-import{r as o,c as s,h as i,H as t}from"./p-cdc666bc.js";import{a,j as r,k as e,m as n,o as c}from"./p-5c45952d.js";const d=class{constructor(i){o(this,i),this.onClose=s(this,"close",7),this.isOpen=!1,this.color="info",this.timeout=8e3,this.onClick=o=>{o.stopPropagation(),o.preventDefault(),this.close()}}isOpenChanged(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}async open(){this.isOpen=!0,this.timeout>0&&setTimeout((()=>{this.close()}),this.timeout)}async close(){this.isOpen=!1,this.onClose.emit()}componentDidLoad(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}render(){const o=this.isOpen?"toast-open":"";let s;switch(this.color){case"info":s=r;break;case"success":s=c;break;case"warning":s=n;break;case"danger":s=e;break;default:s=r}return i(t,{class:`${o}`,role:"alert"},i("div",{class:`toast toast-${this.color}`},i("road-icon",{class:"toast-icon",icon:s,"aria-hidden":"true"}),this.label,i("button",{type:"button",class:"toast-close","aria-label":"Close",onClick:this.onClick},i("road-icon",{icon:a,size:"md"}))))}static get watchers(){return{isOpen:["isOpenChanged"]}}};d.style=":host{position:fixed;top:0;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transform:translateY(-100%)}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.4;text-align:left;border-radius:0 0 0.25rem 0.25rem}@media (min-width: 575px){.toast{flex:0 0 83.3333%;justify-content:center;max-width:83.3333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{position:absolute;top:auto;left:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}";export{d as road_toast}

package/dist/roadtrip/p-5c45952d.js

@@ -1 +0,0 @@
-const a='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M40.115 55.5h-15.74a4.222 4.222 0 0 1-3.005-1.245l-11.13-11.13a4.222 4.222 0 0 1-1.245-3.005V24.38a4.222 4.222 0 0 1 1.245-3l11.13-11.13a4.222 4.222 0 0 1 3.005-1.245h15.74a4.222 4.222 0 0 1 3.005 1.245l11.13 11.13a4.222 4.222 0 0 1 1.245 3v15.74a4.222 4.222 0 0 1-1.245 3.005l-11.13 11.13a4.222 4.222 0 0 1-3.005 1.245Zm-15.74-44a1.738 1.738 0 0 0-1.237.513l-11.13 11.13a1.738 1.738 0 0 0-.513 1.237v15.74a1.742 1.742 0 0 0 .513 1.238l11.13 11.129a1.738 1.738 0 0 0 1.237.513h15.74a1.738 1.738 0 0 0 1.237-.513l11.13-11.129a1.742 1.742 0 0 0 .513-1.238V24.38a1.738 1.738 0 0 0-.513-1.237l-11.13-11.13a1.738 1.738 0 0 0-1.237-.513Z"/><path d="M30.75 21.368h3v14.003h-3zm0 18.435h3v3.329h-3z"/></svg>',v='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m54.255 21.375-11.13-11.13A4.222 4.222 0 0 0 40.12 9H24.38a4.222 4.222 0 0 0-3 1.245l-11.135 11.13a4.222 4.222 0 0 0-1.245 3V40.12a4.222 4.222 0 0 0 1.245 3.005l11.13 11.13a4.222 4.222 0 0 0 3 1.245H40.12a4.222 4.222 0 0 0 3.005-1.245l11.13-11.13A4.222 4.222 0 0 0 55.5 40.12V24.38a4.222 4.222 0 0 0-1.245-3.005ZM33.75 43.132h-3v-3.329h3Zm0-7.761h-3v-14h3Z"/></svg>',h='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M33.75 29.128h-3v14.004h3V29.128Zm0-7.76h-3v3.328h3v-3.328Z"/><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.773 20.773 0 0 0 32.25 53 20.774 20.774 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/></svg>',g='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32.25 9A23.25 23.25 0 1 0 55.5 32.25 23.276 23.276 0 0 0 32.25 9Zm1.5 34.132h-3v-14h3Zm0-18.436h-3v-3.328h3Z"/></svg>',s='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.774 20.774 0 0 0 32.25 53 20.773 20.773 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/><path d="m29.53 40.779-6.964-6.963 1.768-1.768 5.2 5.2 12.637-12.64 1.768 1.768Z"/></svg>',l='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M32.25 9A23.25 23.25 0 1 0 55.5 32.25 23.276 23.276 0 0 0 32.25 9Zm-2.721 31.779-6.963-6.962 1.767-1.767 5.2 5.195 12.633-12.64 1.768 1.767Z"/></svg>',m='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>',t='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="m57.016 46.699-20.54-35.574A4.205 4.205 0 0 0 32.796 9a4.208 4.208 0 0 0-3.68 2.125L8.576 46.699a4.251 4.251 0 0 0 3.681 6.375h41.078a4.25 4.25 0 0 0 3.681-6.375Zm-22.72-1.78h-3V41.59h3Zm0-7.761h-3v-14h3Z"/></svg>',Z='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>',d='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>',i='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"><path d="M14.706 31.135h35.355v2.5H14.706z"/></svg>',e='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>',x='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>',p='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>',M='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>',o='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.89Zm0 0L15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z"/></svg>';export{p as a,i as b,Z as c,h as d,a as e,m as f,s as g,e as h,M as i,g as j,v as k,d as l,t as m,x as n,l as o,o as s}

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

@@ -1 +0,0 @@
-import{r,c as o,h as a,H as i,e as d}from"./p-cdc666bc.js";import"./p-12fd8791.js";const e=class{constructor(a){r(this,a),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.radioGroup=null,this.radioId="road-radio-"+s++,this.checked=!1,this.name=this.radioId,this.required=!1,this.disabled=!1,this.label=`${this.radioId}-label`,this.inverse=!1,this.inline=!0,this.updateState=()=>{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(){void 0===this.value&&(this.value=this.radioId),(this.radioGroup=this.el.closest("road-radio-group"))&&this.updateState()}disconnectedCallback(){this.radioGroup&&(this.radioGroup=null)}onRoadChangedChanged(){this.updateState()}render(){const r=this.radioId+"-label",o=this.inverse&&"form-radio-inverse";return a(i,{class:"form-radio "+(this.inline?"form-radio-inline":"")},a("input",{class:"form-radio-input "+(this.error?"is-invalid":""),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}),a("label",{class:`form-radio-label ${o}`,id:r,htmlFor:this.radioId},this.label))}get el(){return d(this)}};let s=0;e.style='.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;opacity:0}.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.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}';export{e as road_radio}

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

@@ -1 +0,0 @@
-import{r,h as s,H as e}from"./p-cdc666bc.js";const a=class{constructor(s){r(this,s),this.value=0,this.numbersteps="4",this.label="",this.showstep=!1,this.fullwidth=!1,this.color="primary"}render(){const r=Math.round(this.value/5/5),a=this.fullwidth?"progress-element-info-full-width":"progress-element-info";return s(e,{class:"progress-element"},s("div",{class:`progress progress-${this.color}`},s("div",{class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100"})),s("div",{class:`${a}`},s("span",{class:"progress-element-label"},this.label),this.showstep&&s("span",{class:"progress-element-step"},r,"/",this.numbersteps)))}};a.style=".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-on-surface-disabled);border-radius:var(--border-radius)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}";export{a as road_progress}