@roadtrip/components 2.49.1 → 2.50.0

package/dist/collection/components/navbar-item/navbar-item.css

@@ -10,35 +10,76 @@
 
 
 :host {
-  flex: 1 1 0%;
+  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;
-  height: 100%;
-  outline: 0;
+  font-weight: 700;
+  text-align: center;
+  white-space: nowrap;
+}
+
+@media (min-width: 1200px) {
+
+  :host {
+    flex-grow: inherit;
+    width: 100%;
+    padding: 0.5rem;
+  }
+
 }
 
 /**
  * Selected state
  */
 
-:host(.tab-selected) {
+:host(.tab-selected),
+:host(.tab-selected) ::slotted(road-icon) {
   color: var(--road-primary-500);
 }
 
-:host(.tab-selected) ::slotted(road-icon) {
+:host(.tab-selected)::after {
+  position: absolute;
+  bottom: -12px;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 4px;
   color: var(--road-primary-500);
+  content: "";
+  background-color: var(--road-primary-500);
 }
 
+@media (min-width: 1200px) {
+
+  :host(.tab-selected)::after {
+    bottom: auto;
+    left: 0;
+    width: 4px;
+    height: 100%;
+  }
+
+}
+
+
 /**
  * Focus on Tab state
  */
 
 :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-label) {
-  color: var(--road-primary-700);
+:host(:hover) ::slotted(road-icon)::after,
+:host(:hover) ::slotted(road-label),
+:host(:hover) ::slotted(road-label)::after {
+  color: var(--road-primary-500);
 }
 
 
@@ -97,15 +138,35 @@
  -------------------- */
 
 ::slotted(road-icon) {
-  width: 1.5rem;
-  height: 1.5rem;
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  margin-right: auto;
+  margin-bottom: 0.25rem;
+  margin-left: auto;
+  fill: currentColor;
 }
 
 /* LABEL
  -------------------- */
 
 ::slotted(road-label) {
-  font-size: 0.75rem;
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  font-size: 0.875rem;
+  font-weight: 700;
+  text-align: center;
+  white-space: nowrap;
+}
+
+@media (min-width: 1200px) {
+
+  ::slotted(road-label)  {
+    display: block;
+  }
 }
 
 /* BADGE

package/dist/collection/components/profil-dropdown/profil-dropdown.css

@@ -76,7 +76,7 @@
   min-width: 16.875rem;
   padding: 0.5rem 0;
   color: var(--road-grey-900);
-  background: var(--road-test);
+  background: var(--road-grey-000);
   border: 1px solid;
   border-color: var(--road-grey-200);
   border-radius: 0.25rem;
@@ -105,6 +105,7 @@ road-item {
   display: flex;
   flex-direction: column;
   margin-left: 1rem;
+  text-align: left;
 }
 
 .profil-item-info-name {

package/dist/collection/components/profil-dropdown/profil-dropdown.stories.js

@@ -43,7 +43,7 @@ export default {
     avatar: `<road-img slot="avatar" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="avatar" title="Person name"></road-img>`,
     avatarItem: `<road-img slot="avatarItem" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="avatar" title="Person name"></road-img>`,
     list: `<road-list slot="list">
-    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
+    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;" class="edit-profil">
       <road-icon slot="start" name="edit-outline" size="md"></road-icon>
       <road-label style="font-size: 1rem">
         Edit profile
@@ -55,7 +55,10 @@ export default {
         Log out
       </road-label>
     </road-item>
-  </road-list>`,
+  </road-list>
+  
+  
+  `,
   },
 };
 
@@ -63,6 +66,6 @@ export const Playground = (args) => html`
 <road-profil-dropdown is-open=${ifDefined(args['is-open'])}>
   ${unsafeHTML(args.list)}
   ${unsafeHTML(args.avatar)}
-  ${unsafeHTML(args.avatarItem)}
+  ${unsafeHTML(args.avatarItem)} 
 </road-profil-dropdown>
 `;

package/dist/collection/components/radio/radio.css

@@ -53,6 +53,7 @@
 .form-radio-label {
   position: relative;
   display: inline-flex;
+  align-items: flex-start;
   margin: 0;
   cursor: pointer;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -64,7 +65,7 @@
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
-  margin: 0 0.75rem 0 0;
+  margin: 0.1rem 0.75rem 0 0;
   content: "";
   background: var(--road-grey-000);
   border: 1px solid var(--road-grey-500);
@@ -74,7 +75,7 @@
 
 .form-radio-label::after {
   position: absolute;
-  top: 0.1875rem;
+  top: 0.285rem;
   left: 0.1875rem;
   box-sizing: border-box;
   display: block;

package/dist/collection/components/toolbar/toolbar.css

@@ -30,11 +30,49 @@
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  min-height: 3.5rem;
+  min-height: 3.73rem;
   contain: content;
   overflow: hidden;
 }
 
+/* TOOLBAR TITLE CONTAINER
+ -------------------- */
+
+.toolbar-title-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 0 3.5rem;
+  text-align: center;
+}
+
+/* TOOLBAR TITLE
+ -------------------- */
+
+.toolbar-title {
+  display: block;
+  width: 100%;
+  font-size: 1.125rem;
+  font-weight: 700;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: auto;
+}
+
+@media (min-width: 1200px) {
+
+  .toolbar-title {
+    font-size: 1.25rem;
+    text-align: center;
+  }
+}
+
 /* CONTENT
  -------------------- */
 
@@ -44,17 +82,51 @@
   max-width: 100%;
 }
 
+/* TOOLBAR LOGO
+ -------------------- */
+
+.toolbar .logo {
+  position: relative;
+  z-index: 1;
+  padding-left: 1rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  font-weight: 400;
+}
+
+.toolbar .app-name {
+  margin-left: 1rem;
+  font-size: 1.25rem;
+  font-weight: 700;
+}
+
 /* BUTTONS
  -------------------- */
 
-::slotted(road-button) {
+::slotted([slot="start"]) {
   --margin-bottom: 0;
   --padding-start: 0.5rem;
   --padding-end: 0.5rem;
-  --border-radius: 1.5rem;
 
+  align-self: auto;
   font-size: 0.875rem;
   font-weight: 400;
+  background: var(--road-grey-000);
+  border-left: 1px solid var(--road-grey-500);
+  border-radius: 0;
+}
+
+::slotted([slot="end"]),
+::slotted([slot="secondary"]) {
+  --margin-bottom: 0;
+  --padding-start: 0.5rem;
+  --padding-end: 0.5rem;
+
+  font-size: 0.875rem;
+  font-weight: 400;
+  background: var(--road-grey-000);
+  border-left: 1px solid var(--road-grey-500);
+  border-radius: 0;
 }
 
 /* COLORS

package/dist/collection/components/toolbar/toolbar.stories.js

@@ -61,10 +61,42 @@ export const Playground = Template.bind({});
 
 export const withButtons = Template.bind({});
 withButtons.args = {
-  start: `<road-button slot="start">
+  start: `<road-button slot="start" class="border-0">
     <road-icon name="navigation-chevron" rotate="180"></road-icon>
   </road-button>`,
   end: `<road-button slot="end">
     <road-icon name="more-horizontal"></road-icon>
   </road-button>`,
 };
+
+
+export const headerHomeApp = Template.bind({});
+headerHomeApp.args = {
+  ' ': ``,
+  start: `<road-button slot="start" class="border-0 align-self-auto">
+    <road-icon name="pass-maintain-logo-solid-color"></road-icon> <road-label class="font-weight-bold h6 mb-0 ml-8">App Name</road-label>
+  </road-button>`,
+  secondary: `<road-button class="border-0 align-items-center" slot="secondary">
+    <road-icon name="alert-question-outline"></road-icon><road-label class="d-none d-xl-block mx-8">Help</road-label>
+  </road-button>`,
+  end: `<road-button class="d-none d-xl-flex align-items-center" slot="end">
+    <road-icon name="speak-advice-outline"></road-icon><road-label class="d-none d-xl-block mx-8">Feedback</road-label>
+  </road-button>
+  </div>`,
+};
+
+
+export const headerApp = Template.bind({});
+headerApp.args = {
+  ' ': `<road-toolbar-title>Title</road-toolbar-title>`,
+  start: `<road-button slot="start" class="border-0">
+    <road-icon name="navigation-chevron" rotate="180" size="sm"></road-icon>Back
+  </road-button>`,
+  secondary: `<road-button class="border-0 align-items-center" slot="secondary">
+    <road-icon name="alert-question-outline"></road-icon><road-label class="d-none d-xl-block mx-8">Help</road-label>
+  </road-button>`,
+  end: `<road-button class="d-none d-xl-flex align-items-center" slot="end">
+    <road-icon name="speak-advice-outline"></road-icon><road-label class="d-none d-xl-block mx-8">Feedback</road-label>
+  </road-button>
+  </div>`,
+};

package/dist/collection/components/toolbar-title/toolbar-title.css

@@ -20,7 +20,7 @@
   display: block;
   width: 100%;
   overflow: hidden;
-  font-size: 1rem;
+  font-size: 1.3125rem;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/collection/components/toolbar-title-page/toolbar-title-page.css

@@ -0,0 +1,44 @@
+/*
+ * Toolbar Title Page
+ *
+ */
+
+:host {
+  position: absolute;
+  top: 30px;
+  left: 0.8rem;
+}
+
+@media (min-width: 1200px) {
+
+  :host {
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 3.5rem;
+    text-align: center;
+  }
+}
+
+.toolbar-title-page {
+  display: block;
+  width: 100%;
+  font-size: 1.125rem;
+  font-weight: 700;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: auto;
+}
+
+@media (min-width: 1200px) {
+
+  .toolbar-title-page {
+    font-size: 1.25rem;
+    text-align: center;
+  }
+}

package/dist/collection/components/toolbar-title-page/toolbar-title-page.js

@@ -0,0 +1,21 @@
+import { h } from '@stencil/core';
+/**
+ * @slot - Name of the app.
+ */
+export class ToolbarAppName {
+  render() {
+    return (h("div", { class: "toolbar-title-page" }, h("slot", null)));
+  }
+  static get is() { return "road-toolbar-title-page"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["toolbar-title-page.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["toolbar-title-page.css"]
+    };
+  }
+}

package/dist/esm/index-a99a5e7b.js

@@ -2015,6 +2015,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './road-flap.entry.js').then(processMod, consoleError);
+        case 'road-global-navigation':
+          return import(
+            /* webpackMode: "lazy" */
+            './road-global-navigation.entry.js').then(processMod, consoleError);
         case 'road-img':
           return import(
             /* webpackMode: "lazy" */
@@ -2135,6 +2139,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './road-toolbar-title.entry.js').then(processMod, consoleError);
+        case 'road-toolbar-title-page':
+          return import(
+            /* webpackMode: "lazy" */
+            './road-toolbar-title-page.entry.js').then(processMod, consoleError);
         case 'road-tooltip':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -25,7 +25,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["road-badge_14",[[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]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[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]}]]],["road-checkbox",[[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]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[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"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[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"]]]]],["road-range",[[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"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio",[[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"]]]]],["road-radio-group",[[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]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[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]}]]],["road-select-filter",[[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"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[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]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[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],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[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]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-tooltip",[[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]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
+  return bootstrapLazy([["road-badge_14",[[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]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[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]}]]],["road-checkbox",[[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]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[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"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[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"]]]]],["road-range",[[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"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio",[[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"]]]]],["road-radio-group",[[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]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[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]}]]],["road-select-filter",[[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"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[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]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[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],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[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]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-toolbar-title-page",[[1,"road-toolbar-title-page"]]],["road-tooltip",[[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]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
   });
 };
 

package/dist/esm/road-badge_14.entry.js

@@ -783,7 +783,7 @@ const Row = class {
 };
 Row.style = rowCss;
 
-const toolbarCss = ":host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-grey-900);background:var(--road-grey-000);border-bottom:1px solid var(--road-grey-300)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.5rem;contain:content;overflow:hidden}.toolbar-content{flex:1 1 0%;min-width:0;max-width:100%}::slotted(road-button){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;--border-radius:1.5rem;font-size:0.875rem;font-weight:400}:host(.toolbar-primary){color:var(--road-primary-contrast);background:var(--road-primary-900)}:host(.toolbar-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}";
+const toolbarCss = ":host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-grey-900);background:var(--road-grey-000);border-bottom:1px solid var(--road-grey-300)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}.toolbar-title-container{position:absolute;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;font-size:1.125rem;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:1.25rem;text-align:center}}.toolbar-content{flex:1 1 0%;min-width:0;max-width:100%}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:0.875rem;font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:1.25rem;font-weight:700}::slotted([slot=\"start\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-left:1px solid var(--road-grey-500);border-radius:0}::slotted([slot=\"end\"]),::slotted([slot=\"secondary\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-left:1px solid var(--road-grey-500);border-radius:0}:host(.toolbar-primary){color:var(--road-primary-contrast);background:var(--road-primary-900)}:host(.toolbar-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}";
 
 const Toolbar = class {
   constructor(hostRef) {

package/dist/esm/road-global-navigation.entry.js

@@ -0,0 +1,37 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-a99a5e7b.js';
+import './polyfill-2b159e86.js';
+
+const globalNavigationCss = "";
+
+const GlobalNavigation = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.roadnavbarchanged = createEvent(this, "roadnavbarchanged", 7);
+    this.roadNavbarChanged = createEvent(this, "roadNavbarChanged", 7);
+  }
+  selectedTabChanged() {
+    if (this.selectedTab !== undefined) {
+      this.roadnavbarchanged.emit({
+        tab: this.selectedTab,
+      });
+      this.roadNavbarChanged.emit({
+        tab: this.selectedTab,
+      });
+    }
+  }
+  onNavbarChanged(ev) {
+    this.selectedTab = ev.detail.tab;
+  }
+  componentWillLoad() {
+    this.selectedTabChanged();
+  }
+  render() {
+    return (h(Host, { role: "tablist" }, h("slot", null)));
+  }
+  static get watchers() { return {
+    "selectedTab": ["selectedTabChanged"]
+  }; }
+};
+GlobalNavigation.style = globalNavigationCss;
+
+export { GlobalNavigation as road_global_navigation };

package/dist/esm/road-navbar-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-a99a5e7b.js';
 
-const navbarItemCss = ":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}";
+const navbarItemCss = ":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-500)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-primary-500);content:\"\";background-color:var(--road-primary-500)}@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-500)}.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:0.875rem;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:0.625rem;font-weight:400}";
 
 const NavbarItem = class {
   constructor(hostRef) {

package/dist/esm/road-navbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-a99a5e7b.js';
 import './polyfill-2b159e86.js';
 
-const navbarCss = ":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)}";
+const navbarCss = ":host{--z-index:10;position:fixed;bottom:0;left:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;width:100%;height:5.125rem;padding-left:0;margin:0;text-align:center;-webkit-user-select:none;user-select:none;background-color:var(--road-grey-000);border-top:1px solid var(--road-grey-300)}@media (max-width: 576px){:host{overflow-x:auto}}@media (min-width: 1200px){:host{bottom:auto;flex-direction:column;width:104px;height:100%;border-top:0;border-right:1px solid var(--road-grey-300)}}::slotted(.drawer-button-save){position:absolute;bottom:0;width:100%}";
 
 const Navbar = class {
   constructor(hostRef) {

package/dist/esm/road-profil-dropdown.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-a99a5e7b.js';
 
-const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:1rem}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-grey-900);background:var(--road-test);border:1px solid;border-color:var(--road-grey-200);border-radius:0.25rem;box-shadow:0 0.375rem 0.375rem rgba(41, 44, 51, 0.24);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:1rem}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-grey-200)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:1rem;line-height:1.5;color:var(--road-grey-900);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-grey-000);border:none;outline:none}.dropdown-item-border{border-color:var(--road-grey-200);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-grey-100)}";
+const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:1rem}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-grey-900);background:var(--road-grey-000);border:1px solid;border-color:var(--road-grey-200);border-radius:0.25rem;box-shadow:0 0.375rem 0.375rem rgba(41, 44, 51, 0.24);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:1rem}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-grey-200)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:1rem;line-height:1.5;color:var(--road-grey-900);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-grey-000);border:none;outline:none}.dropdown-item-border{border-color:var(--road-grey-200);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-grey-100)}";
 
 const Dropdown = class {
   constructor(hostRef) {

package/dist/esm/road-radio.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-a99a5e7b.js';
 import './polyfill-2b159e86.js';
 
-const radioCss = ".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}";
+const radioCss = ".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;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-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.285rem;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}";
 
 const Radio = class {
   constructor(hostRef) {

package/dist/esm/road-toolbar-title-page.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-a99a5e7b.js';
+
+const toolbarTitlePageCss = ":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:1.125rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title-page{font-size:1.25rem;text-align:center}}";
+
+const ToolbarAppName = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { class: "toolbar-title-page" }, h("slot", null)));
+  }
+};
+ToolbarAppName.style = toolbarTitlePageCss;
+
+export { ToolbarAppName as road_toolbar_title_page };