@roadtrip/components 2.48.0 → 2.49.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/cjs/index-a2306350.js +8 -4
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/road-avatar.cjs.entry.js +7 -2
  4. package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
  5. package/dist/cjs/road-profil-dropdown.cjs.entry.js +29 -0
  6. package/dist/cjs/roadtrip.cjs.js +1 -1
  7. package/dist/collection/collection-manifest.json +1 -0
  8. package/dist/collection/components/avatar/avatar.css +40 -1
  9. package/dist/collection/components/avatar/avatar.js +31 -2
  10. package/dist/collection/components/avatar/avatar.stories.js +8 -7
  11. package/dist/collection/components/icon/svg/stocktaking-color.svg +1 -1
  12. package/dist/collection/components/icon/svg/stocktaking-outline.svg +1 -1
  13. package/dist/collection/components/icon/svg/weather-sun-color.svg +1 -1
  14. package/dist/collection/components/icon/svg/weather-sun-snow-color.svg +1 -1
  15. package/dist/collection/components/icon/svg/weather-sun-snow-solid-color.svg +1 -1
  16. package/dist/collection/components/icon/svg/weather-sun-solid-color.svg +1 -1
  17. package/dist/collection/components/input/input.js +1 -1
  18. package/dist/collection/components/input/input.stories.js +5 -6
  19. package/dist/collection/components/profil-dropdown/profil-dropdown.css +156 -0
  20. package/dist/collection/components/profil-dropdown/profil-dropdown.js +59 -0
  21. package/dist/collection/components/profil-dropdown/profil-dropdown.stories.js +68 -0
  22. package/dist/esm/index-a99a5e7b.js +8 -4
  23. package/dist/esm/loader.js +1 -1
  24. package/dist/esm/road-avatar.entry.js +8 -3
  25. package/dist/esm/road-badge_14.entry.js +1 -1
  26. package/dist/esm/road-profil-dropdown.entry.js +25 -0
  27. package/dist/esm/roadtrip.js +1 -1
  28. package/dist/html.html-data.json +36 -1
  29. package/dist/roadtrip/{p-47567f4e.entry.js → p-16f79a5a.entry.js} +1 -1
  30. package/dist/roadtrip/p-87b690f4.entry.js +1 -0
  31. package/dist/roadtrip/p-ed05f2c9.entry.js +1 -0
  32. package/dist/roadtrip/roadtrip.css +1 -1
  33. package/dist/roadtrip/roadtrip.esm.js +1 -1
  34. package/dist/roadtrip/svg/stocktaking-color.svg +1 -1
  35. package/dist/roadtrip/svg/stocktaking-outline.svg +1 -1
  36. package/dist/roadtrip/svg/weather-sun-color.svg +1 -1
  37. package/dist/roadtrip/svg/weather-sun-snow-color.svg +1 -1
  38. package/dist/roadtrip/svg/weather-sun-snow-solid-color.svg +1 -1
  39. package/dist/roadtrip/svg/weather-sun-solid-color.svg +1 -1
  40. package/dist/types/components/avatar/avatar.d.ts +4 -0
  41. package/dist/types/components/profil-dropdown/profil-dropdown.d.ts +18 -0
  42. package/dist/types/components.d.ts +29 -0
  43. package/package.json +1 -1
  44. package/dist/roadtrip/p-2b92deb4.entry.js +0 -1
@@ -1997,10 +1997,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1997
1997
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1998
1998
  /* webpackMode: "lazy" */
1999
1999
  './road-autocomplete.cjs.entry.js')); }).then(processMod, consoleError);
2000
- case 'road-avatar.cjs':
2001
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2002
- /* webpackMode: "lazy" */
2003
- './road-avatar.cjs.entry.js')); }).then(processMod, consoleError);
2004
2000
  case 'road-banner.cjs':
2005
2001
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2006
2002
  /* webpackMode: "lazy" */
@@ -2061,6 +2057,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2061
2057
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2062
2058
  /* webpackMode: "lazy" */
2063
2059
  './road-plate-number.cjs.entry.js')); }).then(processMod, consoleError);
2060
+ case 'road-profil-dropdown.cjs':
2061
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2062
+ /* webpackMode: "lazy" */
2063
+ './road-profil-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
2064
2064
  case 'road-progress.cjs':
2065
2065
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2066
2066
  /* webpackMode: "lazy" */
@@ -2169,6 +2169,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2169
2169
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2170
2170
  /* webpackMode: "lazy" */
2171
2171
  './road-vertical-stepper-item.cjs.entry.js')); }).then(processMod, consoleError);
2172
+ case 'road-avatar.cjs':
2173
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2174
+ /* webpackMode: "lazy" */
2175
+ './road-avatar.cjs.entry.js')); }).then(processMod, consoleError);
2172
2176
  case 'road-card.cjs':
2173
2177
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2174
2178
  /* webpackMode: "lazy" */
@@ -29,7 +29,7 @@ const patchEsm = () => {
29
29
  const defineCustomElements = (win, options) => {
30
30
  if (typeof window === 'undefined') return Promise.resolve();
31
31
  return patchEsm().then(() => {
32
- return index.bootstrapLazy([["road-badge_14.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating.cjs",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button.cjs",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar.cjs",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons.cjs",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper.cjs",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper.cjs",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item.cjs",[[4,"road-vertical-stepper-item"]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
32
+ return index.bootstrapLazy([["road-badge_14.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown.cjs",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating.cjs",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button.cjs",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar.cjs",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons.cjs",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper.cjs",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper.cjs",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item.cjs",[[4,"road-vertical-stepper-item"]]],["road-avatar.cjs",[[1,"road-avatar",{"size":[513]}]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
33
33
  });
34
34
  };
35
35
 
@@ -4,14 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a2306350.js');
6
6
 
7
- const avatarCss = ":host{--avatar-background:var(--road-grey-100);--avatar-width:3rem;position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-width);background:var(--avatar-background);border-radius:var(--avatar-width)}::slotted(road-img),::slotted(img){width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:var(--avatar-width)}::slotted(road-badge){position:absolute;top:0;right:0}";
7
+ const avatarCss = ":host{--avatar-background:var(--road-primary-500);--avatar-width:3rem;--avatar-color:var(--road-grey-000);position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-width);font-weight:700;color:var(--avatar-color);background:var(--avatar-background);border-radius:var(--avatar-width);transition:box-shadow 0.5s}:host(:hover),:host(.focus-visible),:host(:focus){box-shadow:0 0 0 4px var(--road-primary-200)}:host ::slotted(road-icon){fill:var(--road-grey-000)}:host(.avatar-sm){width:2.625rem;height:2.625rem;font-size:1.25rem}:host(.avatar-md){width:3.5rem;height:3.5rem;font-size:2rem}:host(.avatar-lg){width:4rem;height:4rem;font-size:2.375rem}::slotted(road-img),::slotted(img){width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:var(--avatar-width)}::slotted(road-badge){position:absolute;top:0;right:0}";
8
8
 
9
9
  const Avatar = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
+ /**
13
+ * The Avatar size.
14
+ */
15
+ this.size = 'md';
12
16
  }
13
17
  render() {
14
- return (index.h("slot", null));
18
+ const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
19
+ return (index.h(index.Host, { class: `${sizeClass}` }, index.h("slot", null)));
15
20
  }
16
21
  };
17
22
  Avatar.style = avatarCss;
@@ -663,7 +663,7 @@ const Input = class {
663
663
  const hasValueClass = this.value !== '' ? 'has-value' : '';
664
664
  const lessLabelClass = this.label !== '' ? '' : 'less-label';
665
665
  const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
666
- return (index.h(index.Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, index.h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${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 }), index.h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && index.h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
666
+ return (index.h(index.Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, index.h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${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, "data-cy": 'road-input' }), index.h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && index.h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
667
667
  index.h("slot", { name: "checklistPassword" })));
668
668
  }
669
669
  static get watchers() { return {
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-a2306350.js');
6
+
7
+ const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:1rem}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-grey-900);background:var(--road-test);border:1px solid;border-color:var(--road-grey-200);border-radius:0.25rem;box-shadow:0 0.375rem 0.375rem rgba(41, 44, 51, 0.24);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:1rem}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-grey-200)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:1rem;line-height:1.5;color:var(--road-grey-900);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-grey-000);border:none;outline:none}.dropdown-item-border{border-color:var(--road-grey-200);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-grey-100)}";
8
+
9
+ const Dropdown = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ /**
13
+ * Set to `true` to open the dropdown menu and to `false` to close it.
14
+ */
15
+ this.isOpen = false;
16
+ /**
17
+ * Toggle the display when clicking element in slot
18
+ */
19
+ this.onClick = () => {
20
+ this.isOpen = !this.isOpen;
21
+ };
22
+ }
23
+ render() {
24
+ return (index.h("details", { class: "dropdown", open: this.isOpen }, index.h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { class: `d-flex` }, index.h("div", null, index.h("road-avatar", null, index.h("slot", { name: "avatar" }))))), index.h("div", { class: `dropdown-menu` }, index.h("div", { class: "profil-item" }, index.h("road-avatar", { size: "sm" }, index.h("slot", { name: "avatarItem" })), index.h("div", { class: "profil-item-info" }, index.h("span", { class: "profil-item-info-name" }, "First and Last name"), index.h("road-label", null, "Email"))), index.h("slot", { name: "list" }))));
25
+ }
26
+ };
27
+ Dropdown.style = profilDropdownCss;
28
+
29
+ exports.road_profil_dropdown = Dropdown;
@@ -83,5 +83,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
83
83
  };
84
84
 
85
85
  patchBrowser().then(options => {
86
- return index.bootstrapLazy([["road-badge_14.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating.cjs",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button.cjs",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar.cjs",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons.cjs",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper.cjs",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper.cjs",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item.cjs",[[4,"road-vertical-stepper-item"]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
86
+ return index.bootstrapLazy([["road-badge_14.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown.cjs",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating.cjs",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button.cjs",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar.cjs",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons.cjs",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper.cjs",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper.cjs",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item.cjs",[[4,"road-vertical-stepper-item"]]],["road-avatar.cjs",[[1,"road-avatar",{"size":[513]}]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
87
87
  });
@@ -32,6 +32,7 @@
32
32
  "./components/navbar/navbar.js",
33
33
  "./components/navbar-item/navbar-item.js",
34
34
  "./components/plate-number/plate-number.js",
35
+ "./components/profil-dropdown/profil-dropdown.js",
35
36
  "./components/progress/progress.js",
36
37
  "./components/radio/radio.js",
37
38
  "./components/radio-group/radio-group.js",
@@ -16,8 +16,9 @@
16
16
  -------------------- */
17
17
 
18
18
  :host {
19
- --avatar-background: var(--road-grey-100);
19
+ --avatar-background: var(--road-primary-500);
20
20
  --avatar-width: 3rem;
21
+ --avatar-color: var(--road-grey-000);
21
22
 
22
23
  position: relative;
23
24
  display: flex;
@@ -25,10 +26,48 @@
25
26
  justify-content: center;
26
27
  width: var(--avatar-width);
27
28
  height: var(--avatar-width);
29
+ font-weight: 700;
30
+ color: var(--avatar-color);
28
31
  background: var(--avatar-background);
29
32
  border-radius: var(--avatar-width);
33
+ transition: box-shadow 0.5s;
30
34
  }
31
35
 
36
+ :host(:hover),
37
+ :host(.focus-visible),
38
+ :host(:focus){
39
+ box-shadow: 0 0 0 4px var(--road-primary-200);
40
+ }
41
+
42
+
43
+
44
+ :host ::slotted(road-icon) {
45
+ fill: var(--road-grey-000);
46
+ }
47
+
48
+
49
+ /* SIZE
50
+ -------------------- */
51
+
52
+ :host(.avatar-sm) {
53
+ width: 2.625rem;
54
+ height: 2.625rem;
55
+ font-size: 1.25rem;
56
+ }
57
+
58
+ :host(.avatar-md) {
59
+ width: 3.5rem;
60
+ height: 3.5rem;
61
+ font-size: 2rem;
62
+ }
63
+
64
+ :host(.avatar-lg) {
65
+ width: 4rem;
66
+ height: 4rem;
67
+ font-size: 2.375rem;
68
+ }
69
+
70
+
32
71
  /* IMAGE
33
72
  -------------------- */
34
73
 
@@ -1,10 +1,17 @@
1
- import { h } from '@stencil/core';
1
+ import { h, Host } from '@stencil/core';
2
2
  /**
3
3
  * @slot - Image of the avatar.
4
4
  */
5
5
  export class Avatar {
6
+ constructor() {
7
+ /**
8
+ * The Avatar size.
9
+ */
10
+ this.size = 'md';
11
+ }
6
12
  render() {
7
- return (h("slot", null));
13
+ const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
14
+ return (h(Host, { class: `${sizeClass}` }, h("slot", null)));
8
15
  }
9
16
  static get is() { return "road-avatar"; }
10
17
  static get encapsulation() { return "shadow"; }
@@ -18,4 +25,26 @@ export class Avatar {
18
25
  "$": ["avatar.css"]
19
26
  };
20
27
  }
28
+ static get properties() {
29
+ return {
30
+ "size": {
31
+ "type": "string",
32
+ "mutable": false,
33
+ "complexType": {
34
+ "original": "'sm' | 'md' | 'lg'",
35
+ "resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
36
+ "references": {}
37
+ },
38
+ "required": false,
39
+ "optional": true,
40
+ "docs": {
41
+ "tags": [],
42
+ "text": "The Avatar size."
43
+ },
44
+ "attribute": "size",
45
+ "reflect": true,
46
+ "defaultValue": "'md'"
47
+ }
48
+ };
49
+ }
21
50
  }
@@ -1,4 +1,5 @@
1
1
  import { html } from 'lit-html';
2
+ import { ifDefined } from 'lit-html/directives/if-defined';
2
3
  import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
3
4
 
4
5
  export default {
@@ -10,28 +11,28 @@ export default {
10
11
  },
11
12
  '--avatar-background': {
12
13
  table: {
13
- defaultValue: { summary: 'var(--road-grey-100)' },
14
+ defaultValue: { summary: 'var(--road-primary-500)' },
14
15
  },
15
16
  control: {
16
17
  type: null,
17
18
  },
18
19
  },
19
- '--avatar-width': {
20
- table: {
21
- defaultValue: { summary: '3rem' },
22
- },
20
+ size: {
21
+ options: ['sm', 'md', 'lg'],
23
22
  control: {
24
- type: null,
23
+ type: 'select',
25
24
  },
26
25
  },
27
26
  },
28
27
  args: {
28
+ size: null,
29
29
  ' ': `<road-img src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="avatar"></road-img>`,
30
30
  },
31
31
  };
32
32
 
33
33
  const Template = (args) => html`
34
- <road-avatar>
34
+ <road-avatar
35
+ size="${ifDefined(args.size)}">
35
36
  ${unsafeHTML(args[' '])}
36
37
  </road-avatar>
37
38
  `;
@@ -1 +1 @@
1
- <svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z" fill="#292C33"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z" fill="#292C33"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z" fill="#F6A404"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
@@ -1 +1 @@
1
- <svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z" fill="#292C33"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z" fill="#292C33"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z" fill="#292C33"/></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M1.02 35.5v20.22l18.59 7.99 18.59-7.99V35.49l-18.59-7.97L1.02 35.5Zm23.78-3.03-14.18 6.07-5.18-2.22 14.17-6.08 5.19 2.22v.01Zm-5.19 9.92L13.8 39.9l14.17-6.07 5.81 2.49-14.17 6.07ZM3.52 38.22l14.84 6.36v15.88L3.52 54.08V38.22Zm17.34 22.24V44.58l14.84-6.36v15.86l-14.84 6.38ZM37.8 11.9H27.05v2.5H37.8v-2.5ZM33.19 18.05h-6.14v2.5h6.14v-2.5ZM37.8 24.19H27.05v2.5H37.8v-2.5Z"/><path d="M57.94 1.22H20.98c-2.07 0-3.75 1.68-3.75 3.75v20.47h2.5V4.97c0-.69.56-1.25 1.25-1.25h36.96c.69 0 1.25.56 1.25 1.25v48.49c0 .69-.56 1.25-1.25 1.25H40.46v2.5h17.48c2.07 0 3.75-1.68 3.75-3.75V4.97c0-2.07-1.68-3.75-3.75-3.75Z"/><path d="m48.66 45.75 7.01-8.77-1.95-1.57L48.45 42l-2.09-2.08-1.76 1.77 4.06 4.06ZM48.66 31.92l7.01-8.77-1.95-1.56-5.27 6.59-2.09-2.08-1.76 1.76 4.06 4.06ZM55.67 9.33l-1.95-1.56-5.27 6.59-2.09-2.09-1.76 1.77 4.06 4.06 7.01-8.77ZM33.053 50.225l-4.65 1.996.987 2.298 4.65-1.997-.987-2.297Z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M12.787 31.25H5v2.5h7.787v-2.5Zm47.213 0h-7.787v2.5H60v-2.5ZM33.75 5h-2.5v6.787h2.5V5Zm0 48.213h-2.5V60h2.5v-6.787ZM13.939 12.17l-1.768 1.768 5.507 5.507 1.768-1.768-5.507-5.507Zm33.383 33.386-1.767 1.767 5.505 5.505 1.768-1.767-5.506-5.505Zm-30.352.706-4.799 4.799 1.768 1.768 4.799-4.8-1.768-1.767ZM51.061 12.17l-4.799 4.8 1.768 1.768 4.799-4.8-1.768-1.767ZM32.5 48.4a15.9 15.9 0 1 1 15.9-15.9 15.913 15.913 0 0 1-15.9 15.9Zm0-29.3a13.4 13.4 0 1 0 13.4 13.4 13.41 13.41 0 0 0-13.4-13.4Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M12.787 31.25H5v2.5h7.787v-2.5Zm47.213 0h-7.787v2.5H60v-2.5ZM33.75 5h-2.5v6.787h2.5V5Zm0 48.213h-2.5V60h2.5v-6.787ZM13.939 12.17l-1.768 1.768 5.507 5.507 1.768-1.768-5.507-5.507Zm33.383 33.386-1.767 1.767 5.505 5.505 1.768-1.767-5.506-5.505Zm-30.352.706-4.799 4.799 1.768 1.768 4.799-4.8-1.768-1.767ZM51.061 12.17l-4.799 4.8 1.768 1.768 4.799-4.8-1.768-1.767ZM32.5 48.4a15.9 15.9 0 1 1 15.9-15.9 15.913 15.913 0 0 1-15.9 15.9Zm0-29.3a13.4 13.4 0 1 0 13.4 13.4 13.41 13.41 0 0 0-13.4-13.4Z" fill="#F6A404"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M31.84 3h-2.5v6.743h2.5V3ZM9.81 29.071H3v2.5h6.81v-2.5Zm39.412-18.96-4.818 4.771 1.76 1.778 4.82-4.77-1.762-1.779ZM15.019 43.982l-4.818 4.77 1.76 1.778 4.818-4.77-1.76-1.778Zm-3.058-33.868-1.759 1.776 4.814 4.768 1.76-1.776-4.815-4.768Zm7.358 9.029a15.704 15.704 0 0 0 0 22.356l.88.87 22.558-22.337-.9-.889a16.072 16.072 0 0 0-22.538 0Zm.92 19.668a13.2 13.2 0 0 1 .84-17.89 13.567 13.567 0 0 1 18.083-.848L20.239 38.811Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/><path d="m61.583 40.332-7.58-2.031 5.1-4.137-1.576-1.941-6.5 5.279-8.83-2.366-1.416-5.284 6.459-6.465 8.269 1.32.395-2.47-6.481-1.034 5.549-5.55-1.768-1.767-15.218 15.217 1.789 6.679-3.868 3.868-6.677-1.79-15.218 15.218 1.768 1.768 5.55-5.55 1.035 6.483 2.469-.395-1.321-8.27 6.465-6.464 5.283 1.417 2.369 8.828-5.279 6.5 1.941 1.576 4.137-5.1 2.031 7.58 2.414-.646-2.034-7.574 6.131 2.344.893-2.336-7.823-2.991-2.365-8.83 3.869-3.87 8.829 2.367 2.992 7.823 2.336-.893-2.345-6.131 7.581 2.03.645-2.412Z" fill="#85B1DD"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M31.84 3h-2.5v6.743h2.5V3ZM9.81 29.071H3v2.5h6.81v-2.5Zm39.412-18.96-4.818 4.771 1.76 1.778 4.82-4.77-1.762-1.779ZM15.019 43.982l-4.818 4.77 1.76 1.778 4.818-4.77-1.76-1.778Zm-3.058-33.868-1.759 1.776 4.814 4.768 1.76-1.776-4.815-4.768Zm7.358 9.029a15.704 15.704 0 0 0 0 22.356l.88.87 22.558-22.337-.9-.889a16.072 16.072 0 0 0-22.538 0Zm.92 19.668a13.2 13.2 0 0 1 .84-17.89 13.567 13.567 0 0 1 18.083-.848L20.239 38.811Z" fill="#F6A404"/><path d="m61.583 40.332-7.58-2.031 5.1-4.137-1.576-1.941-6.5 5.279-8.83-2.366-1.416-5.284 6.459-6.465 8.269 1.32.395-2.47-6.481-1.034 5.549-5.55-1.768-1.767-15.218 15.217 1.789 6.679-3.868 3.868-6.677-1.79-15.218 15.218 1.768 1.768 5.55-5.55 1.035 6.483 2.469-.395-1.321-8.27 6.465-6.464 5.283 1.417 2.369 8.828-5.279 6.5 1.941 1.576 4.137-5.1 2.031 7.58 2.414-.646-2.034-7.574 6.131 2.344.893-2.336-7.823-2.991-2.365-8.83 3.869-3.87 8.829 2.367 2.992 7.823 2.336-.893-2.345-6.131 7.581 2.03.645-2.412Z" fill="#85B1DD"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M31.84 3h-2.5v6.743h2.5V3ZM9.81 29.071H3v2.5h6.81v-2.5Zm39.412-18.96-4.818 4.771 1.76 1.778 4.82-4.77-1.762-1.779ZM15.019 43.982l-4.818 4.77 1.76 1.778 4.818-4.77-1.76-1.778Zm-3.058-33.868-1.759 1.776 4.814 4.768 1.76-1.776-4.815-4.768Zm7.358 9.029a15.704 15.704 0 0 0 0 22.356l.88.87 22.558-22.337-.9-.889a16.072 16.072 0 0 0-22.538 0Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/><path d="m61.583 40.333-7.58-2.031 5.1-4.137-1.576-1.941-6.5 5.279-8.83-2.366-1.416-5.284 6.459-6.465 8.269 1.32.395-2.47-6.481-1.034 5.549-5.55-1.768-1.767-15.218 15.217 1.789 6.679-3.868 3.868-6.677-1.79-15.218 15.218 1.768 1.768 5.55-5.55 1.035 6.483 2.469-.395-1.321-8.27 6.465-6.464 5.283 1.417 2.369 8.828-5.279 6.5 1.941 1.576 4.137-5.1 2.031 7.58 2.414-.646-2.034-7.574 6.131 2.344.893-2.336-7.823-2.991-2.365-8.83 3.869-3.87 8.829 2.367 2.992 7.823 2.336-.893-2.345-6.131 7.581 2.03.645-2.412Z" fill="#85B1DD"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M31.84 3h-2.5v6.743h2.5V3ZM9.81 29.071H3v2.5h6.81v-2.5Zm39.412-18.96-4.818 4.771 1.76 1.778 4.82-4.77-1.762-1.779ZM15.019 43.982l-4.818 4.77 1.76 1.778 4.818-4.77-1.76-1.778Zm-3.058-33.868-1.759 1.776 4.814 4.768 1.76-1.776-4.815-4.768Zm7.358 9.029a15.704 15.704 0 0 0 0 22.356l.88.87 22.558-22.337-.9-.889a16.072 16.072 0 0 0-22.538 0Z" fill="#F6A404"/><path d="m61.583 40.333-7.58-2.031 5.1-4.137-1.576-1.941-6.5 5.279-8.83-2.366-1.416-5.284 6.459-6.465 8.269 1.32.395-2.47-6.481-1.034 5.549-5.55-1.768-1.767-15.218 15.217 1.789 6.679-3.868 3.868-6.677-1.79-15.218 15.218 1.768 1.768 5.55-5.55 1.035 6.483 2.469-.395-1.321-8.27 6.465-6.464 5.283 1.417 2.369 8.828-5.279 6.5 1.941 1.576 4.137-5.1 2.031 7.58 2.414-.646-2.034-7.574 6.131 2.344.893-2.336-7.823-2.991-2.365-8.83 3.869-3.87 8.829 2.367 2.992 7.823 2.336-.893-2.345-6.131 7.581 2.03.645-2.412Z" fill="#85B1DD"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M12.787 31.25H5v2.5h7.787v-2.5Zm47.213 0h-7.787v2.5H60v-2.5ZM33.75 5h-2.5v6.787h2.5V5Zm0 48.213h-2.5V60h2.5v-6.787ZM13.938 12.171l-1.767 1.768 5.505 5.505 1.768-1.767-5.505-5.505Zm33.385 33.383-1.768 1.768 5.507 5.507 1.768-1.768-5.507-5.507Zm-30.353.708-4.799 4.799 1.768 1.768 4.799-4.8-1.768-1.767ZM51.062 12.17l-4.799 4.8 1.768 1.768 4.799-4.8-1.768-1.767ZM32.5 16.6a15.9 15.9 0 1 0 15.9 15.9 15.913 15.913 0 0 0-15.9-15.9Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M12.787 31.25H5v2.5h7.787v-2.5Zm47.213 0h-7.787v2.5H60v-2.5ZM33.75 5h-2.5v6.787h2.5V5Zm0 48.213h-2.5V60h2.5v-6.787ZM13.938 12.171l-1.767 1.768 5.505 5.505 1.768-1.767-5.505-5.505Zm33.385 33.383-1.768 1.768 5.507 5.507 1.768-1.768-5.507-5.507Zm-30.353.708-4.799 4.799 1.768 1.768 4.799-4.8-1.768-1.767ZM51.062 12.17l-4.799 4.8 1.768 1.768 4.799-4.8-1.768-1.767ZM32.5 16.6a15.9 15.9 0 1 0 15.9 15.9 15.913 15.913 0 0 0-15.9-15.9Z" fill="#F6A404"/></svg>
@@ -127,7 +127,7 @@ export class Input {
127
127
  const hasValueClass = this.value !== '' ? 'has-value' : '';
128
128
  const lessLabelClass = this.label !== '' ? '' : 'less-label';
129
129
  const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
130
- return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${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 }), h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
130
+ return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${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, "data-cy": 'road-input' }), h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
131
131
  h("slot", { name: "checklistPassword" })));
132
132
  }
133
133
  static get is() { return "road-input"; }
@@ -196,12 +196,12 @@ const Template = (args) => html`
196
196
  helper="${ifDefined(args.helper)}"
197
197
  size="${ifDefined(args.size)}"
198
198
  sizes="${ifDefined(args.sizes)}"
199
- min="${ifDefined(args.min)}"
200
- max="${ifDefined(args.max)}"
199
+ min="${ifDefined(args.min)}"
200
+ max="${ifDefined(args.max)}"
201
201
  maxlength="${ifDefined(args.maxlength)}"
202
202
  minlength="${ifDefined(args.minlength)}"
203
- step="${ifDefined(args.step)}"
204
- value="${ifDefined(args.value)}"
203
+ step="${ifDefined(args.step)}"
204
+ value="${ifDefined(args.value)}"
205
205
  pattern="${ifDefined(args.pattern)}"
206
206
  spellcheck="${ifDefined(args.spellcheck)}"
207
207
  placeholder="${ifDefined(args.placeholder)}"
@@ -215,7 +215,6 @@ const Template = (args) => html`
215
215
  debounce="${ifDefined(args.debounce)}"
216
216
  @roadchange=${event => args.roadchange(event.detail.value)}
217
217
  @roadinput=${event => args.roadinput(event.target.value)}
218
- data-cy="road-input"
219
218
  >
220
219
  </road-input>
221
220
  ${unsafeHTML(args['checklistPassword'])}
@@ -269,4 +268,4 @@ export const Password = (args) => html`
269
268
  </div>
270
269
  </road-input>
271
270
 
272
- `;
271
+ `;