@roadtrip/components 2.49.1 → 2.50.0

package/dist/types/components.d.ts

@@ -509,6 +509,12 @@ export namespace Components {
          */
         "size": 'sm' | 'md';
     }
+    interface RoadGlobalNavigation {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadGrid {
     }
     interface RoadIcon {
@@ -1423,6 +1429,8 @@ export namespace Components {
     }
     interface RoadToolbarTitle {
     }
+    interface RoadToolbarTitlePage {
+    }
     interface RoadTooltip {
         /**
           * Close the tooltip.
@@ -1506,6 +1514,10 @@ export interface RoadDurationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadDurationElement;
 }
+export interface RoadGlobalNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRoadGlobalNavigationElement;
+}
 export interface RoadImgCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRoadImgElement;
@@ -1711,6 +1723,12 @@ declare global {
         prototype: HTMLRoadFlapElement;
         new (): HTMLRoadFlapElement;
     };
+    interface HTMLRoadGlobalNavigationElement extends Components.RoadGlobalNavigation, HTMLStencilElement {
+    }
+    var HTMLRoadGlobalNavigationElement: {
+        prototype: HTMLRoadGlobalNavigationElement;
+        new (): HTMLRoadGlobalNavigationElement;
+    };
     interface HTMLRoadGridElement extends Components.RoadGrid, HTMLStencilElement {
     }
     var HTMLRoadGridElement: {
@@ -1945,6 +1963,12 @@ declare global {
         prototype: HTMLRoadToolbarTitleElement;
         new (): HTMLRoadToolbarTitleElement;
     };
+    interface HTMLRoadToolbarTitlePageElement extends Components.RoadToolbarTitlePage, HTMLStencilElement {
+    }
+    var HTMLRoadToolbarTitlePageElement: {
+        prototype: HTMLRoadToolbarTitlePageElement;
+        new (): HTMLRoadToolbarTitlePageElement;
+    };
     interface HTMLRoadTooltipElement extends Components.RoadTooltip, HTMLStencilElement {
     }
     var HTMLRoadTooltipElement: {
@@ -1984,6 +2008,7 @@ declare global {
         "road-dropdown": HTMLRoadDropdownElement;
         "road-duration": HTMLRoadDurationElement;
         "road-flap": HTMLRoadFlapElement;
+        "road-global-navigation": HTMLRoadGlobalNavigationElement;
         "road-grid": HTMLRoadGridElement;
         "road-icon": HTMLRoadIconElement;
         "road-img": HTMLRoadImgElement;
@@ -2023,6 +2048,7 @@ declare global {
         "road-toggle": HTMLRoadToggleElement;
         "road-toolbar": HTMLRoadToolbarElement;
         "road-toolbar-title": HTMLRoadToolbarTitleElement;
+        "road-toolbar-title-page": HTMLRoadToolbarTitlePageElement;
         "road-tooltip": HTMLRoadTooltipElement;
         "road-vertical-stepper": HTMLRoadVerticalStepperElement;
         "road-vertical-stepper-item": HTMLRoadVerticalStepperItemElement;
@@ -2574,6 +2600,12 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md';
     }
+    interface RoadGlobalNavigation {
+        /**
+          * The selected tab component
+         */
+        "selectedTab"?: string;
+    }
     interface RoadGrid {
     }
     interface RoadIcon {
@@ -3600,6 +3632,8 @@ declare namespace LocalJSX {
     }
     interface RoadToolbarTitle {
     }
+    interface RoadToolbarTitlePage {
+    }
     interface RoadTooltip {
         /**
           * The tooltip's content.
@@ -3655,6 +3689,7 @@ declare namespace LocalJSX {
         "road-dropdown": RoadDropdown;
         "road-duration": RoadDuration;
         "road-flap": RoadFlap;
+        "road-global-navigation": RoadGlobalNavigation;
         "road-grid": RoadGrid;
         "road-icon": RoadIcon;
         "road-img": RoadImg;
@@ -3694,6 +3729,7 @@ declare namespace LocalJSX {
         "road-toggle": RoadToggle;
         "road-toolbar": RoadToolbar;
         "road-toolbar-title": RoadToolbarTitle;
+        "road-toolbar-title-page": RoadToolbarTitlePage;
         "road-tooltip": RoadTooltip;
         "road-vertical-stepper": RoadVerticalStepper;
         "road-vertical-stepper-item": RoadVerticalStepperItem;
@@ -3723,6 +3759,7 @@ declare module "@stencil/core" {
             "road-dropdown": LocalJSX.RoadDropdown & JSXBase.HTMLAttributes<HTMLRoadDropdownElement>;
             "road-duration": LocalJSX.RoadDuration & JSXBase.HTMLAttributes<HTMLRoadDurationElement>;
             "road-flap": LocalJSX.RoadFlap & JSXBase.HTMLAttributes<HTMLRoadFlapElement>;
+            "road-global-navigation": LocalJSX.RoadGlobalNavigation & JSXBase.HTMLAttributes<HTMLRoadGlobalNavigationElement>;
             "road-grid": LocalJSX.RoadGrid & JSXBase.HTMLAttributes<HTMLRoadGridElement>;
             "road-icon": LocalJSX.RoadIcon & JSXBase.HTMLAttributes<HTMLRoadIconElement>;
             "road-img": LocalJSX.RoadImg & JSXBase.HTMLAttributes<HTMLRoadImgElement>;
@@ -3762,6 +3799,7 @@ declare module "@stencil/core" {
             "road-toggle": LocalJSX.RoadToggle & JSXBase.HTMLAttributes<HTMLRoadToggleElement>;
             "road-toolbar": LocalJSX.RoadToolbar & JSXBase.HTMLAttributes<HTMLRoadToolbarElement>;
             "road-toolbar-title": LocalJSX.RoadToolbarTitle & JSXBase.HTMLAttributes<HTMLRoadToolbarTitleElement>;
+            "road-toolbar-title-page": LocalJSX.RoadToolbarTitlePage & JSXBase.HTMLAttributes<HTMLRoadToolbarTitlePageElement>;
             "road-tooltip": LocalJSX.RoadTooltip & JSXBase.HTMLAttributes<HTMLRoadTooltipElement>;
             "road-vertical-stepper": LocalJSX.RoadVerticalStepper & JSXBase.HTMLAttributes<HTMLRoadVerticalStepperElement>;
             "road-vertical-stepper-item": LocalJSX.RoadVerticalStepperItem & JSXBase.HTMLAttributes<HTMLRoadVerticalStepperItemElement>;

package/package.json

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

package/dist/roadtrip/p-4354fc7f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,H as s}from"./p-cdc666bc.js";import"./p-12fd8791.js";const a=class{constructor(r){t(this,r),this.roadnavbarchanged=e(this,"roadnavbarchanged",7),this.roadNavbarChanged=e(this,"roadNavbarChanged",7)}selectedTabChanged(){void 0!==this.selectedTab&&(this.roadnavbarchanged.emit({tab:this.selectedTab}),this.roadNavbarChanged.emit({tab:this.selectedTab}))}onNavbarChanged(t){this.selectedTab=t.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){return r(s,{role:"tablist"},r("slot",null))}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};a.style=":host{--z-index:10;position:fixed;bottom:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:3.5rem;text-align:center;contain:strict;-webkit-user-select:none;user-select:none;background-color:var(--road-grey-000);border-top:1px solid var(--road-grey-300)}";export{a as road_navbar}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as r,e as o}from"./p-cdc666bc.js";const n=class{constructor(e){t(this,e),this.roadnavbaritemclick=i(this,"roadnavbaritemclick",7),this.roadNavbarItemClick=i(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:i,target:o,selected:n,tab:s}=this;return e(r,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:"0","aria-selected":n?"true":null,id:void 0!==s?`navbar-item-${s}`:null,class:{"navbar-item":!0,"tab-selected":n}},e("a",Object.assign({},{download:this.download,href:t,rel:i,target:o},{tabIndex:-1,class:"button-native",part:"native"}),e("span",{class:"button-inner"},e("slot",null))))}get el(){return o(this)}};n.style=":host{flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;height:100%;outline:0}:host(.tab-selected){color:var(--road-primary-500)}:host(.tab-selected) ::slotted(road-icon){color:var(--road-primary-500)}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-label),:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-label){color:var(--road-primary-700)}.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){width:1.5rem;height:1.5rem}::slotted(road-label){font-size:0.75rem}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:0.625rem;font-weight:400}";export{n as road_navbar_item}

package/dist/roadtrip/p-edc33971.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:1rem;line-height:1.5;color:var(--road-grey-900)}.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;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 0.75rem 0 0;content:"";background:var(--road-grey-000);border:1px solid var(--road-grey-500);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label.sc-road-radio::after{position:absolute;top:0.1875rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-grey-400);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-primary-700)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-primary-700)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-500);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-000), 0 0 0 0.1875rem var(--road-primary-700)}.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-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-400)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-default)}.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}