@roadtrip/components 3.46.0 → 3.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.46.0",
+  "version": "3.47.0",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia/driverservices/experience-platform/roadtrip/components",

package/dist/roadtrip/p-294a4a83.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["alertCss","RoadAlertStyle0","Alert","constructor","hostRef","this","color","layout","hasCloseIcon","isOpen","onClick","ev","stopPropagation","preventDefault","close","open","el","addEventListener","onClose","emit","once","onEscape","event","key","componentDidLoad","querySelectorAll","forEach","item","render","colorClass","undefined","layoutClass","btnContainerClass","closeIconElement","h","type","class","icon","navigationClose","Host","role","name","label","link","href","url"],"sources":["src/components/alert/alert.css?tag=road-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["/*\n * Alert\n *\n * Index\n * - Alert\n * - Icon\n * - Description\n * - Feedback\n */\n\n\n/* ALERT\n -------------------- */\n\n:host {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  font-family: var(--road-font, sans-serif);\n  font-size: var(--road-body-medium);\n  line-height: 1.25;\n  color: var(--road-on-surface);\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n/* ICON\n -------------------- */\n\n.alert-icon {\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  margin-right: 0.5rem;\n}\n\n/* ALERT TITLE\n -------------------- */\n\n.alert-title {\n  margin: var(--road-spacing-02) 0 var(--road-spacing-03);\n  display: block;\n  font-weight: 700;\n}\n\n/* ALERT CONTAINER\n -------------------- */\n\n.alert-container {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: column;\n}\n\n.alert-container-horizontal {\n  position: relative;\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: row;\n}\n\n/* ALERT LINK\n -------------------- */\n\n.alert-link {\n  display: block;\n  margin: 0;\n  margin: var(--road-spacing-03) 0 0;\n  color: var(--road-on-surface);\n  text-decoration: underline;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.alert-description {\n  margin: 0;\n}\n\n/* BUTTON CONTAINER\n -------------------- */\n\n.btn-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  justify-content: center;\n  margin-top: var(--road-spacing-03);\n}\n\n.btn-container.justify-end {\n  padding-top: var(--road-spacing-07);\n  justify-content: end;\n}\n\n/* ALERT BUTTON\n -------------------- */\n\n.alert-button {\n  margin-left: var(--road-spacing-07);\n}\n\n/* ALERT CLOSE\n -------------------- */\n\n.alert-close {\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  font-weight: 700;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* FEEDBACK\n -------------------- */\n\n/**\n * Info\n */\n\n:host(.alert-info) {\n  color: var(--road-on-info-surface);\n  background: var(--road-info-surface);\n  border-color: var(--road-info-outline);\n}\n\n:host(.alert-info) ::slotted(road-icon) {\n  fill: var(--road-info-default);\n}\n\n:host(.alert-info) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-info-surface-inverse);\n  background: var(--road-info-surface-inverse);\n  fill: var(--road-on-info-surface-inverse);\n}\n\n:host(.alert-info) .alert-link {\n  color: var(--road-on-info-surface);\n}\n\n\n/**\n * Success\n */\n\n:host(.alert-success) {\n  color: var(--road-on-success-surface);\n  background: var(--road-success-surface);\n  border-color: var(--road-success-outline);\n}\n\n:host(.alert-success) ::slotted(road-icon) {\n  fill: var(--road-success-icon);\n}\n\n:host(.alert-success) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-success-surface-inverse);\n  background: var(--road-success-surface-inverse);\n  fill: var(--road-on-success-surface-inverse);\n}\n\n:host(.alert-success) .alert-link {\n  color: var(--road-on-success-surface);\n}\n\n/**\n * Warning\n */\n\n:host(.alert-warning) {\n  color: var(--road-on-warning-surface);\n  background: var(--road-warning-surface);\n  border-color: var(--road-warning-outline);\n}\n\n:host(.alert-warning) ::slotted(road-icon) {\n  fill: var(--road-warning-icon);\n}\n\n:host(.alert-warning) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-warning-surface-inverse);\n  background: var(--road-warning-surface-inverse);\n  fill: var(--road-on-warning-surface-inverse);\n}\n\n:host(.alert-warning) .alert-link {\n  color: var(--road-on-warning-surface);\n}\n\n/**\n * Danger\n */\n\n:host(.alert-danger) {\n  color: var(--road-on-danger-surface);\n  background: var(--road-danger-surface);\n  border-color: var(--road-danger-outline);\n}\n\n:host(.alert-danger) ::slotted(road-icon) {\n  fill: var(--road-danger-icon);\n}\n\n:host(.alert-danger) ::slotted(road-button) {\n  display: block;\n  margin: 0.375rem 0 0;\n  color: var(--road-on-danger-surface-inverse);\n  background: var(--road-danger-surface-inverse);\n  fill: var(--road-on-danger-surface-inverse);\n}\n\n:host(.alert-danger) .alert-link {\n  color: var(--road-on-danger-surface);\n}\n","import { Component, Host, Prop, h, Listen, Event, Method, EventEmitter, Element } from '@stencil/core';\nimport { navigationClose } from '../../../icons';\nimport { FeedbackColors } from '../../interface';\n\n/**\n * @slot icon - Icon of the alert, it should be a road-icon element.\n * @slot  - Message of the alert.\n */\n\n@Component({\n  tag: 'road-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n\n    /**\n     * Current reference of the modal\n     */\n    @Element() el!: HTMLRoadAlertElement;\n\n  /**\n   * Set the color of alert. e.g. info, success, warning, danger\n   */\n  @Prop() color: FeedbackColors = 'info';\n\n  /**\n   * position of the button \n   */\n    @Prop() layout?: 'horizontal' | 'vertical' |'default' = 'vertical';\n\n  /**\n   * Title display in the alert\n   */\n   @Prop() label?: string;\n\n   /**\n   * Button display in the alert\n   * `<road-button size=\"sm\">Label</road-button>`\n   */\n   @Prop() button?: string;\n\n   /**\n   * Text Link display in the alert\n   */\n   @Prop() link?: string;\n\n   /**\n    * url display in the link\n    */\n   @Prop() url?: string;\n\n  /**\n   * Show / hide close icon\n   */\n  @Prop() hasCloseIcon: boolean = false;\n\n  /**\n   * Set isOpen propertie to true to show the modal\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Indicate when closing the modal\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Open the modal\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the modal\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.el.addEventListener('transitionend', () => {\n      this.onClose.emit();\n    }, { once: true});\n  }\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the dialog when press Escape key\n   */\n  @Listen('keyup', { target: 'document' })\n  onEscape(event: KeyboardEvent) {\n    if (event.key === 'Escape' || event.key === \"Esc\") {\n      this.close();\n    }\n  }\n\n  /**\n   * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n   */\n  componentDidLoad() {\n    this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n      item.addEventListener('click', () => this.close());\n    });\n  }\n\nrender() {\n\n  const colorClass = this.color !== undefined ? `alert-${this.color}` : '';\n  let layoutClass = 'alert-container'; // valeur par défaut\n    if (this.layout === 'horizontal') {\n      layoutClass = 'alert-container-horizontal';\n    }\n  const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';\n  const closeIconElement = this.hasCloseIcon ? (\n    <button\n      type=\"button\"\n      class=\"alert-close\"\n      onClick={this.onClick}\n      aria-label=\"Close\"\n    >\n      <road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon>\n    </button>\n  ) : null;\n\n  return (\n    <Host class={colorClass} role=\"alert\">\n      <div class=\"alert-icon\">\n        <slot name=\"icon\"/>\n      </div>\n      <div class={layoutClass}>\n        <div class=\"alert-container-content\">\n          {this.label && <span class=\"alert-title d-block\">{this.label}</span>}\n          <p class=\"alert-description\">\n            <slot/>\n          </p>\n          {this.link && <a href={this.url} class=\"alert-link link link-default\">{this.link}</a>}\n        </div>\n        <div class={btnContainerClass}>\n          <slot name=\"button\"/>\n        </div>\n        {closeIconElement}\n      </div>\n    </Host>\n  );\n}\n\n}"],"mappings":"oGAAA,MAAMA,EAAW,iwGACjB,MAAAC,EAAeD,E,MCaFE,EAAK,MALlB,WAAAC,CAAAC,G,yCAeUC,KAAAC,MAAwB,OAKtBD,KAAAE,OAAgD,WA0BlDF,KAAAG,aAAwB,MAKPH,KAAAI,OAAkB,MA6BnCJ,KAAAK,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHR,KAAKS,OAAO,C,CAtBd,UAAMC,GACJV,KAAKI,OAAS,I,CAOhB,WAAMK,GACJT,KAAKI,OAAS,MACdJ,KAAKW,GAAGC,iBAAiB,iBAAiB,KACxCZ,KAAKa,QAAQC,MAAM,GAClB,CAAEC,KAAM,M,CAiBb,QAAAC,CAASC,GACP,GAAIA,EAAMC,MAAQ,UAAYD,EAAMC,MAAQ,MAAO,CACjDlB,KAAKS,O,EAOT,gBAAAU,GACEnB,KAAKW,GAAGS,iBAAiB,0BAA0BC,SAAQC,IACzDA,EAAKV,iBAAiB,SAAS,IAAMZ,KAAKS,SAAQ,G,CAIxD,MAAAc,GAEE,MAAMC,EAAaxB,KAAKC,QAAUwB,UAAY,SAASzB,KAAKC,QAAU,GACtE,IAAIyB,EAAc,kBAChB,GAAI1B,KAAKE,SAAW,aAAc,CAChCwB,EAAc,4B,CAElB,MAAMC,EAAoB3B,KAAKG,aAAe,4BAA8B,gBAC5E,MAAMyB,EAAmB5B,KAAKG,aAC5B0B,EAAA,UACEC,KAAK,SACLC,MAAM,cACN1B,QAASL,KAAKK,QAAO,aACV,SAEXwB,EAAA,aAAWG,KAAMC,EAAe,cAAc,UAE9C,KAEJ,OACEJ,EAACK,EAAI,CAAAhB,IAAA,2CAACa,MAAOP,EAAYW,KAAK,SAC5BN,EAAA,OAAAX,IAAA,2CAAKa,MAAM,cACTF,EAAA,QAAAX,IAAA,2CAAMkB,KAAK,UAEbP,EAAA,OAAAX,IAAA,2CAAKa,MAAOL,GACVG,EAAA,OAAAX,IAAA,2CAAKa,MAAM,2BACR/B,KAAKqC,OAASR,EAAA,QAAAX,IAAA,2CAAMa,MAAM,uBAAuB/B,KAAKqC,OACvDR,EAAA,KAAAX,IAAA,2CAAGa,MAAM,qBACPF,EAAA,QAAAX,IAAA,8CAEDlB,KAAKsC,MAAQT,EAAA,KAAAX,IAAA,2CAAGqB,KAAMvC,KAAKwC,IAAKT,MAAM,gCAAgC/B,KAAKsC,OAE9ET,EAAA,OAAAX,IAAA,2CAAKa,MAAOJ,GACVE,EAAA,QAAAX,IAAA,2CAAMkB,KAAK,YAEZR,G","ignoreList":[]}

package/dist/roadtrip/p-382828d4.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as a,a as o}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);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;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:o,href:r,rel:n,target:s,layout:d,selected:l,tab:b,disabled:h}=this;const c={download:this.download,href:!h?r:undefined,rel:n,target:s};return i(a,{key:"d10e81cf00ff7acb3888181bf7b60db6b7e24162",onClick:t=>!h&&this.onClick(t),onKeyup:t=>!h&&this.onKeyUp(t),role:"tab",tabindex:h?-1:o,"aria-selected":l?"true":"false","aria-disabled":h?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":l,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${d}`]:true,"tab-disabled":h}},i("a",Object.assign({key:"81f0045d7d4b05e70ddcbab15866ed09d70eff11"},c,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"f167d63f29af54aa2632a0e46ca64499a70b3a22",class:"button-inner"},i("slot",{key:"1b91f5ba629820ef6764eba4064d551ac8b6f820"}))))}get el(){return o(this)}};s.style=n;export{s as road_tab_button};
-//# sourceMappingURL=p-382828d4.entry.js.map

package/dist/roadtrip/p-382828d4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tabButtonCss","RoadTabButtonStyle0","TabButton","constructor","hostRef","this","layout","selected","disabled","onKeyUp","ev","key","selectTab","onClick","onTabBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","tab","detail","undefined","roadtabbuttonclick","emit","href","roadTabButtonClick","preventDefault","hasLabel","querySelector","hasIcon","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","rel","attrs","download","h","Host","onKeyup","role","tabindex","id","class","Object","assign","part"],"sources":["src/components/tab-button/tab-button.css?tag=road-tab-button&encapsulation=shadow","src/components/tab-button/tab-button.tsx"],"sourcesContent":["/*\n * Tab button\n *\n * Index\n * - Button\n * - Native\n * - Underline\n * - Inner\n * - Icon\n * - Label\n *\n */\n\n/**\n * @prop --padding-start: Left padding  of the button\n * @prop --padding-end: Right padding of the button\n * @prop --tab-color: Default color of the tab button text\n * @prop --tab-color-selected: Color of the tab button text when selected\n * @prop --tab-unerline-selected: Color of the tab button underline when selected\n * @prop --tab-background-hover: Color of the tab button when hover by a mouse\n * @prop --tab-background-focused: Color of the tab button when focused with the tab key\n */\n\n\n/* BUTTON\n -------------------- */\n\n:host {\n  box-sizing: border-box;\n  font-weight: 700;\n  color: var(--tab-color);\n  outline: 0;\n  transition: background 0.15s ease-in-out;\n}\n\n/**\n * Active state\n */\n\n:host(.tab-secondary) {\n  --tab-underline-selected: var(--road-secondary-600);\n}\n\n:host(.tab-selected) {\n  color: var(--tab-color-selected);\n}\n\n:host(.tab-selected) ::slotted(road-icon) {\n  color: var(--tab-color-selected);\n}\n\n:host(.tab-selected) .button-native::after {\n  height: 2px;\n  background: var(--tab-underline-selected);\n  opacity: 1;\n  transform: none;\n}\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n  background: var(--tab-background-hover);\n}\n\n/**\n * Focus state\n */\n\n:host(.focus-visible) {\n  background: var(--tab-background-focused);\n  outline: auto;\n}\n\n/**\n * Disabled\n */\n\n:host(.tab-disabled) {\n  background: var(--road-surface-disabled);\n}\n\n:host(.tab-disabled) .button-native{\n  cursor: not-allowed;\n}\n\n:host(.tab-disabled) ::slotted(road-label) {\n  color: var(--road-on-surface-disabled);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  height: 100%;\n  min-height: 3.5rem;\n  padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n  margin: 0;\n  overflow: hidden;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  color: inherit;\n  text-align: inherit;\n  text-decoration: none;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit;\n  cursor: pointer;\n  background: transparent;\n  -webkit-user-drag: none;\n  border-color: initial;\n  border-style: initial;\n  border-width: 0;\n  border-radius: inherit;\n  border-image: initial;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/* UNDERLINE\n -------------------- */\n\n.button-native::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 100%;\n  height: 0;\n  content: \"\";\n  background-color: var(--road-input-outline);\n  opacity: 1;\n  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  transform: none;\n  transform-origin: center;\n}\n\n/* INNER\n -------------------- */\n\n.button-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-flow: inherit;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n/* ICON\n -------------------- */\n\n:host ::slotted(road-icon) {\n  color: var(--tab-color);\n}\n\n:host(.tab-layout-icon-start) ::slotted(road-icon) {\n  margin-right: 0.5rem;\n}\n\n:host(.tab-layout-icon-top) .button-inner {\n  flex-direction: column;\n}\n\n/* LABEL\n -------------------- */\n\n:host ::slotted(road-label) {\n  display: -webkit-box;\n  max-width: 12.5rem;\n  overflow: hidden;\n  font-size: 1rem;\n  color: var(--road-on-surface);\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: inherit;\n}\n\n:host(.tab-layout-icon-top) ::slotted(road-label) {\n  margin-top: 0.25rem;\n  font-size: 1rem;\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n * @slot  - Content of the tab-button, it should be road-icon and road-label elements.\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n  tag: 'road-tab-button',\n  styleUrl: 'tab-button.css',\n  shadow: true,\n})\nexport class TabButton {\n\n  @Element() el!: HTMLRoadTabButtonElement;\n\n  /**\n   * This attribute instructs browsers to download a URL instead of navigating to\n   * it, so the user will be prompted to save it as a local file. If the attribute\n   * has a value, it is used as the pre-filled file name in the Save prompt\n   * (the user can still change the file name if they want).\n   */\n  @Prop() download: string | undefined;\n\n  /**\n   * Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, an anchor tag will be rendered.\n   */\n  @Prop() href: string | undefined;\n\n  /**\n   * Specifies the relationship of the target object to the link object.\n   * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\n   */\n  @Prop() rel: string | undefined;\n\n  /**\n   * Set the layout of the text and icon in the tab bar.\n   * It defaults to `'icon-start'`.\n   */\n  @Prop() layout?: 'icon-start' | 'icon-top' = 'icon-start';\n\n  /**\n   * The selected tab component\n   */\n  @Prop({ mutable: true }) selected = false;\n\n    /**\n   * The disabled tab \n   */\n    @Prop({ mutable: true }) disabled = false;\n\n  /**\n   * A tab id must be provided for each `road-tab`. It's used internally to reference\n   */\n  @Prop() tab?: string;\n\n  /**\n   * Specifies where to display the linked URL.\n   * Only applies when an `href` is provided.\n   * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.\n   */\n  @Prop() target: string | undefined;\n\n  /**\n   * Emitted when the tab bar is clicked\n   * @internal\n   */\n  @Event() roadtabbuttonclick!: EventEmitter;\n  /** @internal */\n  @Event() roadTabButtonClick!: EventEmitter;\n\n  @Listen('roadTabBarChanged', { target: 'window' })\n  @Listen('roadTabbarchanged', { target: 'window' })\n  onTabBarChanged(ev: CustomEvent) {\n    const dispatchedFrom = ev.target as HTMLElement;\n    const parent = this.el.parentElement as EventTarget;\n\n    if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n      this.selected = this.tab === ev.detail.tab;\n    }\n  }\n\n  private selectTab(ev: Event | KeyboardEvent) {\n    if (this.tab !== undefined) {\n      this.roadtabbuttonclick.emit({\n        tab: this.tab,\n        href: this.href,\n        selected: this.selected,\n      });\n      this.roadTabButtonClick.emit({\n        tab: this.tab,\n        href: this.href,\n        selected: this.selected,\n      });\n\n      ev.preventDefault();\n    }\n  }\n\n  private get hasLabel() {\n    return !!this.el.querySelector('road-label');\n  }\n\n  private get hasIcon() {\n    return !!this.el.querySelector('road-icon');\n  }\n\n  private get tabIndex() {\n    const hasTabIndex = this.el.hasAttribute('tabindex');\n\n    if (hasTabIndex) {\n      return this.el.getAttribute('tabindex');\n    }\n\n    return 0;\n  }\n\n  private onKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.selectTab(ev);\n    }\n  };\n\n  private onClick = (ev: Event) => {\n    this.selectTab(ev);\n  };\n\n  render() {\n    const { hasIcon, hasLabel, tabIndex, href, rel, target, layout, selected, tab, disabled } = this;\n    const attrs = {\n      download: this.download,\n      href: !disabled ? href : undefined, // Ne pas inclure le lien si désactivé\n      rel,\n      target,\n    };\n  \n    return (\n      <Host\n        onClick={(ev: Event) => !disabled && this.onClick(ev)} // Bloquer les clics si désactivé\n        onKeyup={(ev: KeyboardEvent) => !disabled && this.onKeyUp(ev)} // Bloquer les interactions clavier si désactivé\n        role=\"tab\"\n        tabindex={disabled ? -1 : tabIndex} // Désactiver le focus si désactivé\n        aria-selected={selected ? 'true' : 'false'}\n        aria-disabled={disabled ? 'true' : null} // Ajout pour l'accessibilité\n        id={tab !== undefined ? `tab-button-${tab}` : null}\n        class={{\n          'tab-selected': selected,\n          'tab-has-label': hasLabel,\n          'tab-has-icon': hasIcon,\n          'tab-has-label-only': hasLabel && !hasIcon,\n          'tab-has-icon-only': hasIcon && !hasLabel,\n          [`tab-layout-${layout}`]: true,\n          'tab-disabled': disabled, // Classe CSS pour les styles désactivés\n        }}\n      >\n        <a {...attrs} tabIndex={-1} class=\"button-native\" part=\"native\">\n          <span class=\"button-inner\">\n            <slot/>\n          </span>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAe,61EACrB,MAAAC,EAAeD,E,MCYFE,EAAS,MALtB,WAAAC,CAAAC,G,wHAiCUC,KAAAC,OAAqC,aAKpBD,KAAAE,SAAW,MAKTF,KAAAG,SAAW,MAoE9BH,KAAAI,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCN,KAAKO,UAAUF,E,GAIXL,KAAAQ,QAAWH,IACjBL,KAAKO,UAAUF,EAAG,C,CAnDpB,eAAAI,CAAgBJ,GACd,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAASZ,KAAKa,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAASjB,KAAKa,IAAM,CACnHb,KAAKE,SAAWF,KAAKkB,MAAQb,EAAGc,OAAOD,G,EAInC,SAAAX,CAAUF,GAChB,GAAIL,KAAKkB,MAAQE,UAAW,CAC1BpB,KAAKqB,mBAAmBC,KAAK,CAC3BJ,IAAKlB,KAAKkB,IACVK,KAAMvB,KAAKuB,KACXrB,SAAUF,KAAKE,WAEjBF,KAAKwB,mBAAmBF,KAAK,CAC3BJ,IAAKlB,KAAKkB,IACVK,KAAMvB,KAAKuB,KACXrB,SAAUF,KAAKE,WAGjBG,EAAGoB,gB,EAIP,YAAYC,GACV,QAAS1B,KAAKa,GAAGc,cAAc,a,CAGjC,WAAYC,GACV,QAAS5B,KAAKa,GAAGc,cAAc,Y,CAGjC,YAAYE,GACV,MAAMC,EAAc9B,KAAKa,GAAGkB,aAAa,YAEzC,GAAID,EAAa,CACf,OAAO9B,KAAKa,GAAGmB,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAML,QAAEA,EAAOF,SAAEA,EAAQG,SAAEA,EAAQN,KAAEA,EAAIW,IAAEA,EAAGvB,OAAEA,EAAMV,OAAEA,EAAMC,SAAEA,EAAQgB,IAAEA,EAAGf,SAAEA,GAAaH,KAC5F,MAAMmC,EAAQ,CACZC,SAAUpC,KAAKoC,SACfb,MAAOpB,EAAWoB,EAAOH,UACzBc,MACAvB,UAGF,OACE0B,EAACC,EAAI,CAAAhC,IAAA,2CACHE,QAAUH,IAAeF,GAAYH,KAAKQ,QAAQH,GAClDkC,QAAUlC,IAAuBF,GAAYH,KAAKI,QAAQC,GAC1DmC,KAAK,MACLC,SAAUtC,GAAY,EAAI0B,EAAQ,gBACnB3B,EAAW,OAAS,QAAO,gBAC3BC,EAAW,OAAS,KACnCuC,GAAIxB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CyB,MAAO,CACL,eAAgBzC,EAChB,gBAAiBwB,EACjB,eAAgBE,EAChB,qBAAsBF,IAAaE,EACnC,oBAAqBA,IAAYF,EACjC,CAAC,cAAczB,KAAW,KAC1B,eAAgBE,IAGlBkC,EAAA,IAAAO,OAAAC,OAAA,CAAAvC,IAAA,4CAAO6B,EAAK,CAAEN,UAAW,EAAGc,MAAM,gBAAgBG,KAAK,WACrDT,EAAA,QAAA/B,IAAA,2CAAMqC,MAAM,gBACVN,EAAA,QAAA/B,IAAA,+C","ignoreList":[]}

package/dist/roadtrip/p-47cef871.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as r,H as a}from"./p-d7aae05d.js";import{k as o}from"./p-55a946f4.js";import"./p-453fa8b4.js";const c=":host{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;background-color:var(--road-info-surface);color:var(--road-on-info-surface);font-weight:700;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.chip-description{display:inline-flex;align-items:center;padding:var(--road-spacing-01) var(--road-spacing-05) var(--road-spacing-01) var(--road-spacing-03)}.chip-icon{width:1rem;height:1rem;margin-right:var(--road-spacing-03);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.chip-md){height:2rem;font-size:var(--road-font-size-16)}:host(.chip-md) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-05) var(--road-spacing-02) var(--road-spacing-03)}:host(.chip-md) .chip-icon{width:1.25rem;height:1.25rem}:host(.chip-lg){height:2.5rem;font-size:var(--road-font-size-16)}:host(.chip-lg) .chip-description{padding:var(--road-spacing-02) var(--road-spacing-06) var(--road-spacing-02) var(--road-spacing-04)}:host(.chip-lg) .chip-icon{width:1.5rem;height:1.5rem}:host(:hover),:host(.focus-visible){background:var(--road-info-90)}:host(:active){background:var(--road-info-80)}";const s=c;const e=class{constructor(r){i(this,r);this.size="sm"}render(){return r(a,{key:"22343d5f99de6406223630ccc5ddc4c8363f87ff",class:`chip-${this.size}`,tabindex:"0"},r("div",{key:"53693f688a08c07d7c5c5c8f6f4ab6ecbad5c783",class:"chip-description"},r("road-icon",{key:"d66577297e5c33d7722c3026293830092e9f0239",class:"chip-icon",color:"info",icon:o}),r("slot",{key:"248ca83089bffdb3695d953cb14ac38a27e10b4d"})))}};e.style=s;export{e as road_status_chip};
-//# sourceMappingURL=p-47cef871.entry.js.map

package/dist/roadtrip/p-47cef871.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["statusChipCss","RoadStatusChipStyle0","Chip","constructor","hostRef","this","size","render","h","Host","key","class","tabindex","color","icon","alertInfoSolid"],"sources":["src/components/status-chip/status-chip.css?tag=road-status-chip&encapsulation=shadow","src/components/status-chip/status-chip.tsx"],"sourcesContent":["/*\n * Status Chip\n *\n * Index\n * - Icon\n * - Size\n */\n\n:host {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  height: 1.5rem;\n  margin-bottom: 0.5rem;\n  font-size: var(--road-font-size-14);\n  cursor: pointer;\n  border: 0;\n  border-radius: 1.625rem;\n  outline: 0;\n  background-color: var(--road-info-surface);\n  color: var(--road-on-info-surface);\n  font-weight: 700;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n.chip-description {\n  display: inline-flex;\n  align-items: center;\n  padding: var(--road-spacing-01) var(--road-spacing-05) var(--road-spacing-01) var(--road-spacing-03);\n}\n\n/* ICON\n -------------------- */\n\n.chip-icon {\n  width: 1rem;\n  height: 1rem;\n  margin-right: var(--road-spacing-03);\n  border-radius: 50%;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n/* SIZE\n -------------------- */\n\n\n:host(.chip-md) {\n  height: 2rem;\n  font-size: var(--road-font-size-16);\n}\n\n\n:host(.chip-md) .chip-description {\n  padding: var(--road-spacing-02) var(--road-spacing-05) var(--road-spacing-02) var(--road-spacing-03);\n}\n\n:host(.chip-md) .chip-icon {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n:host(.chip-lg) {\n  height: 2.5rem;\n  font-size: var(--road-font-size-16);\n}\n\n:host(.chip-lg) .chip-description {\n  padding: var(--road-spacing-02) var(--road-spacing-06) var(--road-spacing-02) var(--road-spacing-04);\n}\n\n:host(.chip-lg) .chip-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n/**\n * Hover state\n */\n\n\n:host(:hover),\n:host(.focus-visible)  {\n    background: var(--road-info-90);\n}\n\n\n/**\n * Active\n */\n\n:host(:active) {\n    background: var(--road-info-80);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { alertInfoSolid } from '../../../icons';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the chip.\n */\n\n@Component({\n  tag: 'road-status-chip',\n  styleUrl: 'status-chip.css',\n  shadow: true,\n})\nexport class Chip {\n\n  /**\n   * The chip size.\n   */\n  @Prop() size: 'sm' |  'md' | 'lg' = 'sm';\n\n  render() {\n\n    return (\n      <Host\n        class={`chip-${this.size}`} tabindex=\"0\"\n      >\n        <div class=\"chip-description\">\n          <road-icon class=\"chip-icon\" color=\"info\" icon={alertInfoSolid}></road-icon>\n          <slot/>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"8GAAA,MAAMA,EAAgB,0yCACtB,MAAAC,EAAeD,E,MCYFE,EAAI,MALjB,WAAAC,CAAAC,G,UAUUC,KAAAC,KAA4B,I,CAEpC,MAAAC,GAEE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,QAAQN,KAAKC,OAAQM,SAAS,KAErCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,aAAAE,IAAA,2CAAWC,MAAM,YAAYE,MAAM,OAAOC,KAAMC,IAChDP,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/roadtrip/p-48ceee77.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r}from"./p-d7aae05d.js";const s=":host{display:flex}.spinner{transform-origin:center;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner.spinner--xl{width:8rem;height:8rem}.spinner-circle{animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.spinner-circle.spinner-circle--dark{stroke:var(--road-grey-0)}.spinner-circle.spinner-circle--light{stroke:var(--road-grey-90)}@keyframes road-rotate{100%{transform:rotate(360deg)}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";const n=s;const i=class{constructor(r){e(this,r);this.size="large";this.color="default"}render(){const e=this.size!==undefined?`spinner spinner--${this.size}`:"spinner";const s=this.size!==undefined?`spinner-circle spinner-circle--${this.color}`:"spinner-circle";return r("svg",{key:"1465d5db948734bba9d01c1371fbe97fba33ccb5",class:`${e}`,viewBox:"25 25 50 50"},r("circle",{key:"f7dd929e5cdef073f60d8e6d651fc3e64e594ced",class:`${s}`,cx:"50",cy:"50",r:"20"}))}};i.style=n;export{i as road_spinner};
-//# sourceMappingURL=p-48ceee77.entry.js.map

package/dist/roadtrip/p-7bef34c4.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as a,H as r}from"./p-d7aae05d.js";import{s as t,j as i}from"./p-55a946f4.js";const e=":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-surface-disabled)}.rating-stars.rating-stars--small .icon-sm,.rating-stars.rating-stars--extra-small .icon-sm{width:1rem;height:1rem}.rating-number{margin-left:0.5rem;font-size:var(--road-link-medium);color:var(--road-on-surface);text-decoration:underline}.rating-number.rating-number--small{font-size:var(--road-link-small)}.rating-number.rating-number--extra-small{font-size:var(--road-link-extra-small)}.rating-number.readonly{text-decoration:none}";const n=e;const o=class{constructor(a){s(this,a);this.size="medium";this.rate=0;this.showreviews=true;this.readonly=false;this.reviews=0;this.reviewsText="reviews";this.url="#"}render(){const s=Math.floor(this.rate);const e=this.rate-Math.floor(this.rate)>0?1:0;const n=this.size!==undefined?`rating-stars rating-stars--${this.size}`:"rating-stars";const o=this.size!==undefined?`rating-number rating-number--${this.size}`:"rating-number";const c=this.readonly==true?`readonly`:"";return a(r,{key:"f3317daf4cdd2e6a539936c9dbe095c791ce883d"},a("div",{key:"fe4e3b262592ca714e26f7cc03ac9ba4435d0b51",class:`${n}`},[...Array(s)].map((()=>a("road-icon",{icon:t,size:"sm",color:"warning"}))),[...Array(e)].map((()=>a("road-icon",{icon:i,size:"sm",class:"rating-star"}))),[...Array(5-s-e)].map((()=>a("road-icon",{icon:t,size:"sm",class:"rating-star"})))),this.readonly==false&&this.showreviews&&a("a",{key:"17bd3fb3ecbbd6e040c3c9c70fb92b9af90ee6b1",class:`${o}`,href:this.url},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"),this.readonly==true&&this.showreviews&&a("road-label",{key:"5dba1d64ca367649797df7b872789e7cdc130e8c",class:`${o} ${c}`},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"))}};o.style=n;export{o as road_rating};
-//# sourceMappingURL=p-7bef34c4.entry.js.map

package/dist/roadtrip/p-7ed5616c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as c}from"./p-d7aae05d.js";const s=":host{display:block}:host ul li{list-style:none}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";const d=s;const t=class{constructor(a){e(this,a)}render(){return a(c,{key:"7cb6fe2a4a78937fc84bd9b0daf0c9445a051fc5"},a("nav",{key:"da179588065c7d0e9469a067eee27aeb7d497ab5"},a("ul",{key:"232392a6dc63b3923550dd58db7ba2eae621a79b"},a("li",{key:"7e545e5818a67bc4fce6b97b4d26191da6f58c4c"},a("slot",{key:"c815524158b6e599dfbbaaae21cee71abc33583a"})))))}};t.style=d;export{t as road_progress_indicator_vertical};
-//# sourceMappingURL=p-7ed5616c.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,h as c,H as a}from"./p-d7aae05d.js";const s=":host{display:block}:host ul{padding-left:0}:host ul li{list-style:none}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const d=s;const t=class{constructor(c){e(this,c)}render(){return c(a,{key:"32c91397fb443308453f8756ffbbb4b3aef1ac80"},c("nav",{key:"9eada9c4e79a0deddce2f431834e454bd184dc1e"},c("ul",{key:"9c51d05a05e3395ec75ee2ec99c466c545075719"},c("li",{key:"551f69d0d79aa99104e38d52b1b17686fc0bd82c"},c("slot",{key:"64c3a9c01936473628282b0caa49746bb97f1b78"})))))}};t.style=d;export{t as road_progress_tracker};
-//# sourceMappingURL=p-c1cd98dc.entry.js.map