@roadtrip/components 3.42.1 → 3.44.0

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

@@ -0,0 +1,2 @@
+import{r,h as s,H as e}from"./p-d7aae05d.js";const a=".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load 5s normal forwards}@keyframes load{0%{width:0}100%{width:100%}}";const o=a;const i=class{constructor(s){r(this,s);this.value=0;this.numbersteps=0;this.label="";this.showstep=false;this.animation=false;this.light=false;this.fullwidth=false;this.color="primary";this.progresscalculationbase="current"}render(){const r=this.fullwidth?"progress-element-info-full-width":"progress-element-info";const a=this.light?"progress progress-light":"progress";const o=this.animation?"animation":"";const i=this.progresscalculationbase==="current"?0:-1;const t=100/this.numbersteps;const n=this.value+(this.numbersteps?t*i:0);let d=Math.ceil(this.value/100*this.numbersteps);d=Math.min(d,this.numbersteps);d=Math.max(d,0);return s(e,{key:"b95f31407c58d8d7d6a25044b76c8f2f233d74d1",class:"progress-element"},s("div",{key:"dfa03b1cbb5e4c417eed00d25b394fd7208e0f14",class:`${a} progress-${this.color} ${o}`},s("div",{key:"7f0ca4d17c77c88d24457ac9b5a5112ff11ddbf2",class:"progress-bar",role:"progressbar",style:{width:`${n}%`},"aria-valuenow":n,"aria-valuemin":"0","aria-valuemax":"100","aria-labelledby":"loadinglabel","aria-label":"progress bar"})),s("div",{key:"45cc2ee26a70152ada39408101f675ffb3470fc2",class:`${r}`},s("span",{key:"545f2ab462c04d2f3b38b0c2de1b067f639e864a",id:"loadinglabel",class:"progress-element-label"},this.label),this.showstep&&s("span",{key:"2d79c6432b78f9f4cbb2ae4c4afcf2a4de9c0a3a",class:"progress-element-step"},d,"/",this.numbersteps)))}};i.style=o;export{i as road_progress};
+//# sourceMappingURL=p-f89e588a.entry.js.map

package/dist/roadtrip/p-f89e588a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressCss","RoadProgressStyle0","ProgressBar","constructor","hostRef","this","value","numbersteps","label","showstep","animation","light","fullwidth","color","progresscalculationbase","render","offset","percentagePerStep","progressBarFilledPercentage","step","Math","ceil","min","max","h","Host","key","class","role","style","width","id"],"sources":["src/components/progress/progress.css?tag=road-progress&encapsulation=shadow","src/components/progress/progress.tsx"],"sourcesContent":["/*\n * Progress\n *\n * Index\n * - Progress\n * - Progress Bar\n * - Colors\n */\n\n/**\n * @prop --border-radius: Border radius of the progress\n */\n\n/* PROGRESS\n -------------------- */\n\n.progress{\n  --border-radius: 0.25rem;\n\n  display: flex;\n  height: 0.25rem;\n  overflow: hidden;\n  font-size: var(--road-label-small);\n  background-color: var(--road-surface-disabled);\n  border-radius: var(--border-radius);\n}\n\n.progress-light{\n  background-color: var(--road-overlay-inverse);\n}\n\n\n.progress-element-info {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n}\n\n.progress-element-info-full-width {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 1rem;\n  margin-top: 0.5rem;\n}\n\n.progress-element-label {\n  font-size: var(--road-label-medium);\n  text-align: left;\n}\n\n.progress-element-step {\n  font-size: var(--road-label-medium);\n  text-align: right;\n}\n\n/* PROGRESS BAR\n -------------------- */\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  text-align: center;\n  white-space: nowrap;\n  transition: width 0.6s ease;\n}\n\n/* COLORS\n -------------------- */\n\n.progress.progress-primary .progress-bar {\n  background: var(--road-primary);\n}\n\n.progress.progress-secondary .progress-bar {\n  background: var(--road-secondary);\n}\n\n.progress.progress-info .progress-bar {\n  background: var(--road-info-surface-inverse);\n}\n\n.progress.progress-success .progress-bar {\n  background: var(--road-success-surface-inverse);\n}\n\n.progress.progress-warning .progress-bar {\n  background: var(--road-warning-surface-inverse);\n}\n\n.progress.progress-danger .progress-bar {\n  background: var(--road-danger-surface-inverse);\n}\n\n.progress.progress-rating .progress-bar {\n  background: var(--road-rating);\n}\n\n\n/* ANIMATION\n -------------------- */\n\n.animation .progress-bar{\n  animation: load 5s normal forwards;\n}\n\n@keyframes load {\n\n  0% {\n    width: 0;\n  }\n\n  100% {\n    width: 100%;\n  }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"road-progress\",\n  styleUrl: \"progress.css\",\n  shadow: true,\n})\nexport class ProgressBar {\n  /**\n   * The value determines how much of the active bar should display.\n   * The value should be between [0, 100].\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The number of steps.\n   */\n  @Prop() numbersteps: number = 0;\n\n  /**\n   * Label display in progress bar\n   */\n  @Prop() label: string = \"\";\n\n  /**\n   * Show step\n   */\n  @Prop() showstep: boolean = false;\n\n  /**\n   * Animation progress bar\n   */\n  @Prop() animation: boolean = false;\n\n  /**\n   * Light progress background\n   */\n  @Prop() light: boolean = false;\n\n  /**\n   * Add padding if the progress is full width\n   */\n  @Prop() fullwidth: boolean = false;\n\n  /**\n   * The color to use from your application's color palette.\n   */\n  @Prop() color:\n    | \"primary\"\n    | \"secondary\"\n    | \"info\"\n    | \"success\"\n    | \"warning\"\n    | \"danger\"\n    | \"rating\" = \"primary\";\n\n  /**\n   * Progress calculation base for step display\n   * - previous: step is calculated based on the previous completed step\n   * - current: step is calculated based on the current progress\n   * Default is 'current'\n   */\n  @Prop() progresscalculationbase: \"previous\" | \"current\" = \"current\";\n\n  render() {\n    const fullwidth = this.fullwidth\n      ? \"progress-element-info-full-width\"\n      : \"progress-element-info\";\n    const light = this.light ? \"progress progress-light\" : \"progress\";\n    const animation = this.animation ? \"animation\" : \"\";\n\n    const offset: number = this.progresscalculationbase === \"current\" ? 0 : -1;\n    const percentagePerStep = 100 / this.numbersteps;\n    const progressBarFilledPercentage =\n      this.value + (this.numbersteps ? percentagePerStep * offset : 0);\n\n    let step = Math.ceil((this.value / 100) * this.numbersteps);\n    step = Math.min(step, this.numbersteps);\n    step = Math.max(step, 0);\n\n    return (\n      <Host class=\"progress-element\">\n        <div class={`${light} progress-${this.color} ${animation}`}>\n          <div\n            class=\"progress-bar\"\n            role=\"progressbar\"\n            style={{ width: `${progressBarFilledPercentage}%` }}\n            aria-valuenow={progressBarFilledPercentage}\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            aria-labelledby=\"loadinglabel\"\n            aria-label=\"progress bar\"\n          ></div>\n        </div>\n        <div class={`${fullwidth}`}>\n          <span id=\"loadinglabel\" class=\"progress-element-label\">\n            {this.label}\n          </span>\n          {this.showstep && (\n            <span class=\"progress-element-step\">\n              {step}/{this.numbersteps}\n            </span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,04CACpB,MAAAC,EAAeD,E,MCMFE,EAAW,MALxB,WAAAC,CAAAC,G,UAUUC,KAAAC,MAAgB,EAKhBD,KAAAE,YAAsB,EAKtBF,KAAAG,MAAgB,GAKhBH,KAAAI,SAAoB,MAKpBJ,KAAAK,UAAqB,MAKrBL,KAAAM,MAAiB,MAKjBN,KAAAO,UAAqB,MAKrBP,KAAAQ,MAOO,UAQPR,KAAAS,wBAAkD,S,CAE1D,MAAAC,GACE,MAAMH,EAAYP,KAAKO,UACnB,mCACA,wBACJ,MAAMD,EAAQN,KAAKM,MAAQ,0BAA4B,WACvD,MAAMD,EAAYL,KAAKK,UAAY,YAAc,GAEjD,MAAMM,EAAiBX,KAAKS,0BAA4B,UAAY,GAAK,EACzE,MAAMG,EAAoB,IAAMZ,KAAKE,YACrC,MAAMW,EACJb,KAAKC,OAASD,KAAKE,YAAcU,EAAoBD,EAAS,GAEhE,IAAIG,EAAOC,KAAKC,KAAMhB,KAAKC,MAAQ,IAAOD,KAAKE,aAC/CY,EAAOC,KAAKE,IAAIH,EAAMd,KAAKE,aAC3BY,EAAOC,KAAKG,IAAIJ,EAAM,GAEtB,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGhB,cAAkBN,KAAKQ,SAASH,KAC7Cc,EAAA,OAAAE,IAAA,2CACEC,MAAM,eACNC,KAAK,cACLC,MAAO,CAAEC,MAAO,GAAGZ,MAAgC,gBACpCA,EAA2B,gBAC5B,IAAG,gBACH,MAAK,kBACH,eAAc,aACnB,kBAGfM,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGf,KACbY,EAAA,QAAAE,IAAA,2CAAMK,GAAG,eAAeJ,MAAM,0BAC3BtB,KAAKG,OAEPH,KAAKI,UACJe,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yBACTR,EAAI,IAAGd,KAAKE,c","ignoreList":[]}

package/dist/roadtrip/roadtrip.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-d7aae05d.js";export{s as setNonce}from"./p-d7aae05d.js";import{g as o}from"./p-06bfef98.js";var d=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};d().then((async e=>{await o();return a(JSON.parse('[["p-f46b6488",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"readonly":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]},null,{"value":["onValueChange"]}],[1,"road-item",{"titleItem":[1,"title-item"],"text":[1],"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"layout":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4],"size":[513]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[1,"road-drawer",{"isOpen":[1028,"is-open"],"removePadding":[1028,"remove-padding"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"ariaLabel":[1,"aria-label"],"ariaLabelBack":[1,"aria-label-back"],"ariaLabelClose":[1,"aria-label-close"],"hasCloseIcon":[4,"has-close-icon"],"focusTrap":[32],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]],{"isOpen":["handleOpen"]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"blockdecimal":[4],"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],"success":[4],"helper":[1],"debounce":[2],"enforceMinMaxValue":[64],"focus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}],[1,"road-col"],[1,"road-grid"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"inverse":[4],"iconOnly":[516,"icon-only"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group",{"disabled":[4]},null,{"disabled":["handleDisabledChange"]}],[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]],["p-9cbd5ae9",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-f58f43d0",[[1,"road-content-card",{"insetImage":[4,"inset-image"]}]]],["p-d1517c27",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]},null,{"value":["valueChanged"]}]]],["p-a264377a",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]},[[4,"click","handleDocumentClick"]]]]],["p-927cf307",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"readonly":[4],"reviews":[2],"reviewsText":[1,"reviews-text"],"url":[1]}]]],["p-df4cf8bb",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-294a4a83",[[1,"road-alert",{"color":[1],"layout":[1],"label":[1],"button":[1],"link":[1],"url":[1],"hasCloseIcon":[4,"has-close-icon"],"isOpen":[1028,"is-open"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-e2ba76f7",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-3dc22d00",[[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]},null,{"options":["optionsChanged"]}]]],["p-45cabcdf",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[1],"helper":[1]},null,{"checked":["checkedChanged"]}]]],["p-eca24e7d",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-5f6771e5",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-f30f96c2",[[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"]]]]],["p-b8132587",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]},[[4,"click","handleDocumentClick"]]]]],["p-d881a66c",[[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"]]]]],["p-c28fbcc0",[[2,"road-phone-number-input",{"disabled":[4],"countryData":[16],"language":[1],"codeLabel":[1,"code-label"],"phoneLabel":[1,"phone-label"],"phoneValue":[1,"phone-value"],"countryCode":[1,"country-code"],"errorMessage":[1,"error-message"],"required":[4],"selectedCountry":[32],"selectedCountryCode":[32],"phoneNumber":[32],"countryOptions":[32],"returnObject":[32]}]]],["p-61191773",[[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"],"disabled":[4]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"]],{"value":["valueChanged"]}]]],["p-d6a7644e",[[1,"road-status-chip",{"size":[1]}]]],["p-24196fd2",[[6,"road-time-range-picker",{"start":[1025],"end":[1025],"disabled":[4],"helper":[1],"separator":[1],"required":[4],"label":[1],"sizes":[1],"error":[1],"getRange":[64]}]]],["p-75ebf102",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]},null,{"isOpen":["isOpenChanged"]}]]],["p-11d896b1",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-e97c8d7f",[[2,"road-area-code",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1025],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-ef883f08",[[1,"road-aspect-ratio",{"ratio":[1]}]]],["p-14e42c8d",[[1,"road-asset",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"asset":[8],"lazy":[4],"sanitize":[4],"assetSvgContent":[32],"isVisible":[32]},null,{"name":["loadAsset"],"src":["loadAsset"],"asset":["loadAsset"]}]]],["p-edf07985",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-58b20099",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-509ba166",[[4,"road-carousel-item"]]],["p-b5b2e36c",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-5b738d24",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-70f4387a",[[1,"road-global-navigation-v2",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"],[8,"click","onButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-abe3e334",[[1,"road-illustration",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"illustration":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"illustrationSvgContent":[32],"isVisible":[32]},null,{"name":["loadIllustration"],"src":["loadIllustration"],"illustration":["loadIllustration"]}]]],["p-26b852e2",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-79c3152e",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-1449b7c8",[[1,"road-navbar-item-v2",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-fdcebcc3",[[1,"road-navbar-v2",{"compact":[516],"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-ca3460a4",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["p-65dfd1e8",[[1,"road-progress-indicator-horizontal",{"color":[513],"numberStep":[2,"number-step"],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"],"urlStep1":[1,"url-step-1"],"urlStep2":[1,"url-step-2"],"urlStep3":[1,"url-step-3"]}]]],["p-4334d85b",[[1,"road-progress-indicator-vertical"]]],["p-7e0bdcf9",[[4,"road-progress-indicator-vertical-item"]]],["p-2ae82371",[[1,"road-progress-tracker"]]],["p-7955499d",[[4,"road-progress-tracker-item"]]],["p-45b9521f",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-c7dd579d",[[6,"road-radio-card",{"name":[1],"disabled":[4],"selected":[4],"value":[8],"label":[1],"inline":[4],"isSelected":[32],"radioId":[32]},[[8,"road-radio-selected","handleRadioSelected"]]]]],["p-302f51c6",[[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]},null,{"value":["valueChanged"],"error":["errorChanged"]}]]],["p-c4550384",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-ff189f73",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-6e9fac54",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-39173ac2",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"helper":[1],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]},null,{"value":["valueChanged"]}]]],["p-8cd69117",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"loading":[4],"isOpen":[32],"currentValue":[32],"activeIndex":[32],"wasFocusedBeforeLoading":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[5,"mousedown","onClickOutside"],[8,"keydown","handleKeydown"]],{"loading":["loadingChanged"],"options":["onOptionsChange"]}]]],["p-29ac611e",[[1,"road-skeleton"]]],["p-2797e2f2",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-c9527301",[[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]},null,{"checked":["checkedChanged"]}]]],["p-8753beba",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]},[[8,"roadtabbarchanged","onTabBarChanged"]]]]],["p-de35fded",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1537,"selected-tab"]},[[0,"roadTabButtonClick","onTabButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-e56c84ec",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"disabled":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-b61abebd",[[6,"road-table"]]],["p-e7b4f257",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-3a310d3d",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-b292d3fc",[[1,"road-text",{"color":[1]}]]],["p-52d56ed2",[[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],"resize":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]},null,{"value":["valueChanged"]}]]],["p-4e3cc7e9",[[1,"road-toolbar-title"]]],["p-36288d23",[[1,"road-toolbar-title-page"]]],["p-377d6b5b",[[1,"road-toolbar-v2"]]],["p-4bb49a92",[[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]}]]],["p-a4e45088",[[1,"road-avatar",{"size":[513]}]]],["p-d89d49b2",[[1,"road-card",{"elevation":[1],"button":[4],"value":[1],"selected":[516],"disabled":[516],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["p-875b5999",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]]]'),e)}));
+import{p as e,b as a}from"./p-d7aae05d.js";export{s as setNonce}from"./p-d7aae05d.js";import{g as o}from"./p-06bfef98.js";var d=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};d().then((async e=>{await o();return a(JSON.parse('[["p-0bfff77d",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"readonly":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]},null,{"value":["onValueChange"]}],[1,"road-item",{"titleItem":[1,"title-item"],"text":[1],"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"layout":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4],"size":[513]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[1,"road-drawer",{"isOpen":[1028,"is-open"],"removePadding":[1028,"remove-padding"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"ariaLabel":[1,"aria-label"],"ariaLabelBack":[1,"aria-label-back"],"ariaLabelClose":[1,"aria-label-close"],"hasCloseIcon":[4,"has-close-icon"],"focusTrap":[32],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]],{"isOpen":["handleOpen"]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"blockdecimal":[4],"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],"success":[4],"helper":[1],"list":[1],"debounce":[2],"enforceMinMaxValue":[64],"focus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}],[1,"road-col"],[1,"road-grid"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"inverse":[4],"iconOnly":[516,"icon-only"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group",{"disabled":[4]},null,{"disabled":["handleDisabledChange"]}],[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]],["p-9cbd5ae9",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-f58f43d0",[[1,"road-content-card",{"insetImage":[4,"inset-image"]}]]],["p-d1517c27",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]},null,{"value":["valueChanged"]}]]],["p-a264377a",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]},[[4,"click","handleDocumentClick"]]]]],["p-927cf307",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"readonly":[4],"reviews":[2],"reviewsText":[1,"reviews-text"],"url":[1]}]]],["p-df4cf8bb",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-294a4a83",[[1,"road-alert",{"color":[1],"layout":[1],"label":[1],"button":[1],"link":[1],"url":[1],"hasCloseIcon":[4,"has-close-icon"],"isOpen":[1028,"is-open"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["p-e2ba76f7",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-3dc22d00",[[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]},null,{"options":["optionsChanged"]}]]],["p-45cabcdf",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[1],"helper":[1]},null,{"checked":["checkedChanged"]}]]],["p-eca24e7d",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-5f6771e5",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-f30f96c2",[[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"]]]]],["p-b8132587",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]},[[4,"click","handleDocumentClick"]]]]],["p-d881a66c",[[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"]]]]],["p-c28fbcc0",[[2,"road-phone-number-input",{"disabled":[4],"countryData":[16],"language":[1],"codeLabel":[1,"code-label"],"phoneLabel":[1,"phone-label"],"phoneValue":[1,"phone-value"],"countryCode":[1,"country-code"],"errorMessage":[1,"error-message"],"required":[4],"selectedCountry":[32],"selectedCountryCode":[32],"phoneNumber":[32],"countryOptions":[32],"returnObject":[32]}]]],["p-61191773",[[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"],"disabled":[4]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"]],{"value":["valueChanged"]}]]],["p-d6a7644e",[[1,"road-status-chip",{"size":[1]}]]],["p-24196fd2",[[6,"road-time-range-picker",{"start":[1025],"end":[1025],"disabled":[4],"helper":[1],"separator":[1],"required":[4],"label":[1],"sizes":[1],"error":[1],"getRange":[64]}]]],["p-75ebf102",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]},null,{"isOpen":["isOpenChanged"]}]]],["p-11d896b1",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-e97c8d7f",[[2,"road-area-code",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1025],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-ef883f08",[[1,"road-aspect-ratio",{"ratio":[1]}]]],["p-14e42c8d",[[1,"road-asset",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"asset":[8],"lazy":[4],"sanitize":[4],"assetSvgContent":[32],"isVisible":[32]},null,{"name":["loadAsset"],"src":["loadAsset"],"asset":["loadAsset"]}]]],["p-edf07985",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-58b20099",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-509ba166",[[4,"road-carousel-item"]]],["p-b5b2e36c",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-5b738d24",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-70f4387a",[[1,"road-global-navigation-v2",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"],[8,"click","onButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-abe3e334",[[1,"road-illustration",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"illustration":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"illustrationSvgContent":[32],"isVisible":[32]},null,{"name":["loadIllustration"],"src":["loadIllustration"],"illustration":["loadIllustration"]}]]],["p-26b852e2",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-79c3152e",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-1449b7c8",[[1,"road-navbar-item-v2",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-fdcebcc3",[[1,"road-navbar-v2",{"compact":[516],"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-f89e588a",[[1,"road-progress",{"value":[2],"numbersteps":[2],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1],"progresscalculationbase":[1]}]]],["p-65dfd1e8",[[1,"road-progress-indicator-horizontal",{"color":[513],"numberStep":[2,"number-step"],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"],"urlStep1":[1,"url-step-1"],"urlStep2":[1,"url-step-2"],"urlStep3":[1,"url-step-3"]}]]],["p-4334d85b",[[1,"road-progress-indicator-vertical"]]],["p-7e0bdcf9",[[4,"road-progress-indicator-vertical-item"]]],["p-2ae82371",[[1,"road-progress-tracker"]]],["p-7955499d",[[4,"road-progress-tracker-item"]]],["p-45b9521f",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-c7dd579d",[[6,"road-radio-card",{"name":[1],"disabled":[4],"selected":[4],"value":[8],"label":[1],"inline":[4],"isSelected":[32],"radioId":[32]},[[8,"road-radio-selected","handleRadioSelected"]]]]],["p-302f51c6",[[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]},null,{"value":["valueChanged"],"error":["errorChanged"]}]]],["p-c4550384",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-ff189f73",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-6e9fac54",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-39173ac2",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"helper":[1],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]},null,{"value":["valueChanged"]}]]],["p-8cd69117",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"loading":[4],"isOpen":[32],"currentValue":[32],"activeIndex":[32],"wasFocusedBeforeLoading":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[5,"mousedown","onClickOutside"],[8,"keydown","handleKeydown"]],{"loading":["loadingChanged"],"options":["onOptionsChange"]}]]],["p-29ac611e",[[1,"road-skeleton"]]],["p-2797e2f2",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-c9527301",[[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]},null,{"checked":["checkedChanged"]}]]],["p-8753beba",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]},[[8,"roadtabbarchanged","onTabBarChanged"]]]]],["p-de35fded",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1537,"selected-tab"]},[[0,"roadTabButtonClick","onTabButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-e56c84ec",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"disabled":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-b61abebd",[[6,"road-table"]]],["p-e7b4f257",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-3a310d3d",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-b292d3fc",[[1,"road-text",{"color":[1]}]]],["p-52d56ed2",[[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],"resize":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]},null,{"value":["valueChanged"]}]]],["p-4e3cc7e9",[[1,"road-toolbar-title"]]],["p-36288d23",[[1,"road-toolbar-title-page"]]],["p-377d6b5b",[[1,"road-toolbar-v2"]]],["p-4bb49a92",[[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]}]]],["p-a4e45088",[[1,"road-avatar",{"size":[513]}]]],["p-d89d49b2",[[1,"road-card",{"elevation":[1],"button":[4],"value":[1],"selected":[516],"disabled":[516],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["p-875b5999",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]]]'),e)}));
 //# sourceMappingURL=roadtrip.esm.js.map

package/dist/roadtrip/roadtrip.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,0vbAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,mybAAuCJ,EAAA","ignoreList":[]}

package/dist/types/components/input/input.d.ts

@@ -130,6 +130,10 @@ export declare class Input {
      * Helper message for the field
      */
     helper?: string;
+    /**
+     * id of the linked datalist
+     */
+    list?: string;
     /**
      * Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.
      */

package/dist/types/components/progress/progress.d.ts

@@ -5,9 +5,9 @@ export declare class ProgressBar {
      */
     value: number;
     /**
-     * The number of steps should be 4 or 5.
+     * The number of steps.
      */
-    numbersteps?: '4' | '5' | 'default';
+    numbersteps: number;
     /**
      * Label display in progress bar
      */
@@ -31,6 +31,13 @@ export declare class ProgressBar {
     /**
      * The color to use from your application's color palette.
      */
-    color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating';
+    color: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "rating";
+    /**
+     * Progress calculation base for step display
+     * - previous: step is calculated based on the previous completed step
+     * - current: step is calculated based on the current progress
+     * Default is 'current'
+     */
+    progresscalculationbase: "previous" | "current";
     render(): any;
 }

package/dist/types/components.d.ts

@@ -958,6 +958,10 @@ export namespace Components {
           * Label for the field
          */
         "label"?: string;
+        /**
+          * id of the linked datalist
+         */
+        "list"?: string;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
@@ -1339,7 +1343,13 @@ export namespace Components {
         /**
           * The color to use from your application's color palette.
          */
-        "color": 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating';
+        "color": | "primary"
+    | "secondary"
+    | "info"
+    | "success"
+    | "warning"
+    | "danger"
+    | "rating";
         /**
           * Add padding if the progress is full width
          */
@@ -1353,9 +1363,13 @@ export namespace Components {
          */
         "light": boolean;
         /**
-          * The number of steps should be 4 or 5.
+          * The number of steps.
+         */
+        "numbersteps": number;
+        /**
+          * Progress calculation base for step display - previous: step is calculated based on the previous completed step - current: step is calculated based on the current progress Default is 'current'
          */
-        "numbersteps"?: '4' | '5' | 'default';
+        "progresscalculationbase": "previous" | "current";
         /**
           * Show step
          */
@@ -4601,6 +4615,10 @@ declare namespace LocalJSX {
           * Label for the field
          */
         "label"?: string;
+        /**
+          * id of the linked datalist
+         */
+        "list"?: string;
         /**
           * The maximum value, which must not be less than its minimum (min attribute) value.
          */
@@ -5009,7 +5027,13 @@ declare namespace LocalJSX {
         /**
           * The color to use from your application's color palette.
          */
-        "color"?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating';
+        "color"?: | "primary"
+    | "secondary"
+    | "info"
+    | "success"
+    | "warning"
+    | "danger"
+    | "rating";
         /**
           * Add padding if the progress is full width
          */
@@ -5023,9 +5047,13 @@ declare namespace LocalJSX {
          */
         "light"?: boolean;
         /**
-          * The number of steps should be 4 or 5.
+          * The number of steps.
+         */
+        "numbersteps"?: number;
+        /**
+          * Progress calculation base for step display - previous: step is calculated based on the previous completed step - current: step is calculated based on the current progress Default is 'current'
          */
-        "numbersteps"?: '4' | '5' | 'default';
+        "progresscalculationbase"?: "previous" | "current";
         /**
           * Show step
          */

package/hydrate/index.js

@@ -31344,11 +31344,11 @@ class Input {
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
         const isValidClass = this.success == true ? 'is-valid' : '';
-        return (hAsync(Host, { key: 'e1c39fcb1d557fa2317201767d3d8ab78f9d3a49', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '5ae23298f7781fa0480e1d34d50add334f1ab10f', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'd6f5b0aa7e14eb4c06fb3af037f9bda656a98282', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
+        return (hAsync(Host, { key: '1c2b16f760683ce47bd7ec2d2fe09519468e8dd6', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '8293d0b76bcdc9e71d10245e4beeefe6b643351a', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, list: this.list, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'e83de93fce5a18eaff5e7431abe53c56e3dc1860', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
             ? // Si error est un tableau, on itère et génère un <p> pour chaque élément
                 this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
             : // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
-                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '049438b598d8a81b1d8bdadfbd615f66914db3e1', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'f804b3b5727fa91623defc4f5209d865bc461f21', name: "checklistPassword" })));
+                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '1d2f2cccf78bacd0aabdb4049a0852b0a8ef56d2', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '2b9de94c0d1011f97e037ba8657257509c883986', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -31387,6 +31387,7 @@ class Input {
             "error": [1],
             "success": [4],
             "helper": [1],
+            "list": [1],
             "debounce": [2],
             "enforceMinMaxValue": [64],
             "focus": [64]
@@ -32158,13 +32159,13 @@ class ProgressBar {
          */
         this.value = 0;
         /**
-         * The number of steps should be 4 or 5.
+         * The number of steps.
          */
-        this.numbersteps = '4';
+        this.numbersteps = 0;
         /**
          * Label display in progress bar
          */
-        this.label = '';
+        this.label = "";
         /**
          * Show step
          */
@@ -32184,14 +32185,28 @@ class ProgressBar {
         /**
          * The color to use from your application's color palette.
          */
-        this.color = 'primary';
+        this.color = "primary";
+        /**
+         * Progress calculation base for step display
+         * - previous: step is calculated based on the previous completed step
+         * - current: step is calculated based on the current progress
+         * Default is 'current'
+         */
+        this.progresscalculationbase = "current";
     }
     render() {
-        const valueRound = Math.round(this.value / 5 / 5);
-        const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
-        const light = this.light ? 'progress progress-light' : 'progress';
-        const animation = this.animation ? 'animation' : '';
-        return (hAsync(Host, { key: '61241f17f6940f6952d6167024a884a1c568384b', class: "progress-element" }, hAsync("div", { key: '97d64b38a2f46e9805bb76fa73d67fcd28a54dba', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '275c170d8a016e4db0a840e65aa42bfca9f75f45', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '50d933874085cb3831ae6950fc1377ecece5724f', class: `${fullwidth}` }, hAsync("span", { key: '166a60c0f771060852783af7f932892bdb16c0b7', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'e7ba9b328ddff0d722e0ee5e22aef7746f0e085a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        const fullwidth = this.fullwidth
+            ? "progress-element-info-full-width"
+            : "progress-element-info";
+        const light = this.light ? "progress progress-light" : "progress";
+        const animation = this.animation ? "animation" : "";
+        const offset = this.progresscalculationbase === "current" ? 0 : -1;
+        const percentagePerStep = 100 / this.numbersteps;
+        const progressBarFilledPercentage = this.value + (this.numbersteps ? percentagePerStep * offset : 0);
+        let step = Math.ceil((this.value / 100) * this.numbersteps);
+        step = Math.min(step, this.numbersteps);
+        step = Math.max(step, 0);
+        return (hAsync(Host, { key: 'b95f31407c58d8d7d6a25044b76c8f2f233d74d1', class: "progress-element" }, hAsync("div", { key: 'dfa03b1cbb5e4c417eed00d25b394fd7208e0f14', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '7f0ca4d17c77c88d24457ac9b5a5112ff11ddbf2', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '45cc2ee26a70152ada39408101f675ffb3470fc2', class: `${fullwidth}` }, hAsync("span", { key: '545f2ab462c04d2f3b38b0c2de1b067f639e864a', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '2d79c6432b78f9f4cbb2ae4c4afcf2a4de9c0a3a', class: "progress-element-step" }, step, "/", this.numbersteps)))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -32199,13 +32214,14 @@ class ProgressBar {
         "$tagName$": "road-progress",
         "$members$": {
             "value": [2],
-            "numbersteps": [1],
+            "numbersteps": [2],
             "label": [1],
             "showstep": [4],
             "animation": [4],
             "light": [4],
             "fullwidth": [4],
-            "color": [1]
+            "color": [1],
+            "progresscalculationbase": [1]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",

package/hydrate/index.mjs

@@ -31340,11 +31340,11 @@ class Input {
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
         const isValidClass = this.success == true ? 'is-valid' : '';
-        return (hAsync(Host, { key: 'e1c39fcb1d557fa2317201767d3d8ab78f9d3a49', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '5ae23298f7781fa0480e1d34d50add334f1ab10f', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'd6f5b0aa7e14eb4c06fb3af037f9bda656a98282', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
+        return (hAsync(Host, { key: '1c2b16f760683ce47bd7ec2d2fe09519468e8dd6', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '8293d0b76bcdc9e71d10245e4beeefe6b643351a', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, list: this.list, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'e83de93fce5a18eaff5e7431abe53c56e3dc1860', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
             ? // Si error est un tableau, on itère et génère un <p> pour chaque élément
                 this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
             : // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
-                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '049438b598d8a81b1d8bdadfbd615f66914db3e1', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'f804b3b5727fa91623defc4f5209d865bc461f21', name: "checklistPassword" })));
+                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '1d2f2cccf78bacd0aabdb4049a0852b0a8ef56d2', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '2b9de94c0d1011f97e037ba8657257509c883986', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -31383,6 +31383,7 @@ class Input {
             "error": [1],
             "success": [4],
             "helper": [1],
+            "list": [1],
             "debounce": [2],
             "enforceMinMaxValue": [64],
             "focus": [64]
@@ -32154,13 +32155,13 @@ class ProgressBar {
          */
         this.value = 0;
         /**
-         * The number of steps should be 4 or 5.
+         * The number of steps.
          */
-        this.numbersteps = '4';
+        this.numbersteps = 0;
         /**
          * Label display in progress bar
          */
-        this.label = '';
+        this.label = "";
         /**
          * Show step
          */
@@ -32180,14 +32181,28 @@ class ProgressBar {
         /**
          * The color to use from your application's color palette.
          */
-        this.color = 'primary';
+        this.color = "primary";
+        /**
+         * Progress calculation base for step display
+         * - previous: step is calculated based on the previous completed step
+         * - current: step is calculated based on the current progress
+         * Default is 'current'
+         */
+        this.progresscalculationbase = "current";
     }
     render() {
-        const valueRound = Math.round(this.value / 5 / 5);
-        const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
-        const light = this.light ? 'progress progress-light' : 'progress';
-        const animation = this.animation ? 'animation' : '';
-        return (hAsync(Host, { key: '61241f17f6940f6952d6167024a884a1c568384b', class: "progress-element" }, hAsync("div", { key: '97d64b38a2f46e9805bb76fa73d67fcd28a54dba', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '275c170d8a016e4db0a840e65aa42bfca9f75f45', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '50d933874085cb3831ae6950fc1377ecece5724f', class: `${fullwidth}` }, hAsync("span", { key: '166a60c0f771060852783af7f932892bdb16c0b7', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'e7ba9b328ddff0d722e0ee5e22aef7746f0e085a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        const fullwidth = this.fullwidth
+            ? "progress-element-info-full-width"
+            : "progress-element-info";
+        const light = this.light ? "progress progress-light" : "progress";
+        const animation = this.animation ? "animation" : "";
+        const offset = this.progresscalculationbase === "current" ? 0 : -1;
+        const percentagePerStep = 100 / this.numbersteps;
+        const progressBarFilledPercentage = this.value + (this.numbersteps ? percentagePerStep * offset : 0);
+        let step = Math.ceil((this.value / 100) * this.numbersteps);
+        step = Math.min(step, this.numbersteps);
+        step = Math.max(step, 0);
+        return (hAsync(Host, { key: 'b95f31407c58d8d7d6a25044b76c8f2f233d74d1', class: "progress-element" }, hAsync("div", { key: 'dfa03b1cbb5e4c417eed00d25b394fd7208e0f14', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '7f0ca4d17c77c88d24457ac9b5a5112ff11ddbf2', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '45cc2ee26a70152ada39408101f675ffb3470fc2', class: `${fullwidth}` }, hAsync("span", { key: '545f2ab462c04d2f3b38b0c2de1b067f639e864a', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '2d79c6432b78f9f4cbb2ae4c4afcf2a4de9c0a3a', class: "progress-element-step" }, step, "/", this.numbersteps)))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -32195,13 +32210,14 @@ class ProgressBar {
         "$tagName$": "road-progress",
         "$members$": {
             "value": [2],
-            "numbersteps": [1],
+            "numbersteps": [2],
             "label": [1],
             "showstep": [4],
             "animation": [4],
             "light": [4],
             "fullwidth": [4],
-            "color": [1]
+            "color": [1],
+            "progresscalculationbase": [1]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.42.1",
+  "version": "3.44.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-ca3460a4.entry.js

@@ -1,2 +0,0 @@
-import{r,h as e,H as s}from"./p-d7aae05d.js";const a=".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load 5s normal forwards}@keyframes load{0%{width:0}100%{width:100%}}";const o=a;const i=class{constructor(e){r(this,e);this.value=0;this.numbersteps="4";this.label="";this.showstep=false;this.animation=false;this.light=false;this.fullwidth=false;this.color="primary"}render(){const r=Math.round(this.value/5/5);const a=this.fullwidth?"progress-element-info-full-width":"progress-element-info";const o=this.light?"progress progress-light":"progress";const i=this.animation?"animation":"";return e(s,{key:"61241f17f6940f6952d6167024a884a1c568384b",class:"progress-element"},e("div",{key:"97d64b38a2f46e9805bb76fa73d67fcd28a54dba",class:`${o} progress-${this.color} ${i}`},e("div",{key:"275c170d8a016e4db0a840e65aa42bfca9f75f45",class:"progress-bar",role:"progressbar",style:{width:`${this.value}%`},"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100","aria-label":"progress bar"})),e("div",{key:"50d933874085cb3831ae6950fc1377ecece5724f",class:`${a}`},e("span",{key:"166a60c0f771060852783af7f932892bdb16c0b7",class:"progress-element-label"},this.label),this.showstep&&e("span",{key:"e7ba9b328ddff0d722e0ee5e22aef7746f0e085a",class:"progress-element-step"},r,"/",this.numbersteps)))}};i.style=o;export{i as road_progress};
-//# sourceMappingURL=p-ca3460a4.entry.js.map

package/dist/roadtrip/p-ca3460a4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["progressCss","RoadProgressStyle0","ProgressBar","constructor","hostRef","this","value","numbersteps","label","showstep","animation","light","fullwidth","color","render","valueRound","Math","round","h","Host","key","class","role","style","width"],"sources":["src/components/progress/progress.css?tag=road-progress&encapsulation=shadow","src/components/progress/progress.tsx"],"sourcesContent":["/*\n * Progress\n *\n * Index\n * - Progress\n * - Progress Bar\n * - Colors\n */\n\n/**\n * @prop --border-radius: Border radius of the progress\n */\n\n/* PROGRESS\n -------------------- */\n\n.progress{\n  --border-radius: 0.25rem;\n\n  display: flex;\n  height: 0.25rem;\n  overflow: hidden;\n  font-size: var(--road-label-small);\n  background-color: var(--road-surface-disabled);\n  border-radius: var(--border-radius);\n}\n\n.progress-light{\n  background-color: var(--road-overlay-inverse);\n}\n\n\n.progress-element-info {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n}\n\n.progress-element-info-full-width {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 1rem;\n  margin-top: 0.5rem;\n}\n\n.progress-element-label {\n  font-size: var(--road-label-medium);\n  text-align: left;\n}\n\n.progress-element-step {\n  font-size: var(--road-label-medium);\n  text-align: right;\n}\n\n/* PROGRESS BAR\n -------------------- */\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  text-align: center;\n  white-space: nowrap;\n  transition: width 0.6s ease;\n}\n\n/* COLORS\n -------------------- */\n\n.progress.progress-primary .progress-bar {\n  background: var(--road-primary);\n}\n\n.progress.progress-secondary .progress-bar {\n  background: var(--road-secondary);\n}\n\n.progress.progress-info .progress-bar {\n  background: var(--road-info-surface-inverse);\n}\n\n.progress.progress-success .progress-bar {\n  background: var(--road-success-surface-inverse);\n}\n\n.progress.progress-warning .progress-bar {\n  background: var(--road-warning-surface-inverse);\n}\n\n.progress.progress-danger .progress-bar {\n  background: var(--road-danger-surface-inverse);\n}\n\n.progress.progress-rating .progress-bar {\n  background: var(--road-rating);\n}\n\n\n/* ANIMATION\n -------------------- */\n\n.animation .progress-bar{\n  animation: load 5s normal forwards;\n}\n\n@keyframes load {\n\n  0% {\n    width: 0;\n  }\n\n  100% {\n    width: 100%;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'road-progress',\n  styleUrl: 'progress.css',\n  shadow: true,\n})\nexport class ProgressBar {\n\n  /**\n   * The value determines how much of the active bar should display.\n   * The value should be between [0, 100].\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The number of steps should be 4 or 5.\n   */\n   @Prop() numbersteps?: '4' | '5' | 'default' = '4';\n\n  /**\n   * Label display in progress bar\n   */\n     @Prop() label: string = '';\n\n  /**\n   * Show step\n   */\n  @Prop() showstep: boolean = false;\n\n  /**\n   * Animation progress bar\n   */\n    @Prop() animation: boolean = false;\n\n  /**\n   * Light progress background\n   */\n  @Prop() light: boolean = false;\n\n  /**\n   * Add padding if the progress is full width\n   */\n   @Prop() fullwidth: boolean = false;\n\n  /**\n   * The color to use from your application's color palette.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'rating' = 'primary';\n\n  render() {\n\n    const valueRound = Math.round(this.value/5/5);\n    const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';\n    const light = this.light ? 'progress progress-light' : 'progress';\n    const animation = this.animation ? 'animation' : '';\n\n    return (\n      <Host class=\"progress-element\">\n        <div class={`${light} progress-${this.color} ${animation}`}>\n          <div class=\"progress-bar\" role=\"progressbar\" style={{ width: `${this.value}%` }} aria-valuenow={this.value} aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"progress bar\"></div>\n        </div>\n        <div class={`${fullwidth}`}>\n          <span class=\"progress-element-label\">{this.label}</span>\n          {this.showstep && <span class=\"progress-element-step\">{valueRound}/{this.numbersteps}</span>}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,04CACpB,MAAAC,EAAeD,E,MCMFE,EAAW,MALxB,WAAAC,CAAAC,G,UAWUC,KAAAC,MAAgB,EAKfD,KAAAE,YAAsC,IAKpCF,KAAAG,MAAgB,GAKnBH,KAAAI,SAAoB,MAKlBJ,KAAAK,UAAqB,MAKvBL,KAAAM,MAAiB,MAKhBN,KAAAO,UAAqB,MAKtBP,KAAAQ,MAAwF,S,CAEhG,MAAAC,GAEE,MAAMC,EAAaC,KAAKC,MAAMZ,KAAKC,MAAM,EAAE,GAC3C,MAAMM,EAAYP,KAAKO,UAAY,mCAAqC,wBACxE,MAAMD,EAAQN,KAAKM,MAAQ,0BAA4B,WACvD,MAAMD,EAAYL,KAAKK,UAAY,YAAc,GAEjD,OACEQ,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGV,cAAkBN,KAAKQ,SAASH,KAC7CQ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeC,KAAK,cAAcC,MAAO,CAAEC,MAAO,GAAGnB,KAAKC,UAAU,gBAAiBD,KAAKC,MAAK,gBAAgB,IAAG,gBAAe,MAAK,aAAY,kBAE/JY,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGT,KACbM,EAAA,QAAAE,IAAA,2CAAMC,MAAM,0BAA0BhB,KAAKG,OAC1CH,KAAKI,UAAYS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yBAAyBN,EAAU,IAAGV,KAAKE,c","ignoreList":[]}