@roadtrip/components 3.0.0 → 3.1.1

package/loader/index.js

@@ -1,4 +1,4 @@
 
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -57,15 +57,15 @@
   },
   "devDependencies": {
     "@babel/core": "^7.14.8",
-    "@geometricpanda/storybook-addon-badges": "^0.2.2",
+    "@geometricpanda/storybook-addon-badges": "^1.1.1",
     "@nrk/svg-to-js": "^2.1.3",
     "@stencil/core": "2.18.1",
     "@stencil/eslint-plugin": "^0.4.0",
     "@stencil/postcss": "^2.0.0",
-    "@storybook/addon-a11y": "^6.5.12",
-    "@storybook/addon-docs": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/web-components": "^6.5.12",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/web-components": "^6.5.16",
     "@types/jest": "^26.0.23",
     "@types/puppeteer": "^5.4.3",
     "autoprefixer": "^10.2.6",
@@ -76,6 +76,8 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.5",
     "puppeteer": "^10.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-is": "^17.0.2",
     "standard-version": "^9.3.1",
     "storybook-addon-themes": "^6.1.0",

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-b3fdf765.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as i,e as a}from"./p-cdc666bc.js";const s=class{constructor(o){t(this,o),this.tooltipId="road-tooltip-"+ ++r,this.content="",this.position="top",this.contentAlign="center",this.isOpen=!1,this.trigger="hover",this.onClick=()=>{this.hasTrigger("click")&&(this.isOpen?this.close():this.open())},this.onMouseOver=()=>{this.hasTrigger("hover")&&this.open()},this.onMouseOut=()=>{this.hasTrigger("hover")&&this.close()}}async open(){this.isOpen=!0}async close(){this.isOpen=!1}hasTrigger(t){return this.trigger.split(" ").includes(t)}render(){return o(i,{onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,"data-tooltip-position":this.position},o("slot",{"aria-describedby":this.tooltipId}),o("div",{part:"tooltip",id:this.tooltipId,class:{tooltip:!0,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen},this.content,o("slot",{name:"tooltip-content"})))}get el(){return a(this)}};let r=0;s.style=':host{--max-width:16rem;--z-index:1;--width:auto;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:6rem;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';export{s as road_tooltip}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as o,e as r}from"./p-cdc666bc.js";const a=class{constructor(i){t(this,i),this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7),this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7),this.disabled=!1,this.selected=!1,this.onKeyUp=t=>{"Enter"!==t.key&&" "!==t.key||this.selectTab(t)},this.onClick=t=>{this.selectTab(t)}}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}selectTab(t){void 0!==this.tab&&(this.disabled||(this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected}),this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})),void 0===this.href&&t.preventDefault())}render(){const{href:t,rel:e,target:r,selected:a,tab:s}=this;return i(o,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:"0","aria-selected":a?"true":null,id:void 0!==s?`navbar-item-${s}`:null,class:{"navbar-item":!0,"tab-selected":a}},i("a",Object.assign({},{download:this.download,href:t,rel:e,target:r},{tabIndex:-1,class:"button-native",part:"native"}),i("span",{class:"button-inner"},i("slot",null))))}get el(){return r(this)}};a.style=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected) ::slotted(road-icon){color:var(--road-primary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-primary);content:"";background-color:var(--road-primary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-primary)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-button-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';export{a as road_navbar_item}

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}