@roadtrip/components 3.3.0 → 3.5.0

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 (146) hide show
  1. package/dist/cjs/index-a2306350.js +4 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/road-alert.cjs.entry.js +1 -1
  4. package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
  5. package/dist/cjs/road-button-floating.cjs.entry.js +66 -0
  6. package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +2 -12
  7. package/dist/cjs/roadtrip.cjs.js +1 -1
  8. package/dist/collection/collection-manifest.json +1 -0
  9. package/dist/collection/components/alert/alert.css +4 -0
  10. package/dist/collection/components/button/button.css +6 -3
  11. package/dist/collection/components/button-floating/button-floating.css +122 -0
  12. package/dist/collection/components/button-floating/button-floating.js +220 -0
  13. package/dist/collection/components/button-floating/button-floating.stories.js +75 -0
  14. package/dist/collection/components/icon/svg/becommerce-color.svg +1 -0
  15. package/dist/collection/components/icon/svg/becommerce-outline.svg +1 -0
  16. package/dist/collection/components/icon/svg/discount-workshop-color.svg +1 -0
  17. package/dist/collection/components/icon/svg/discount-workshop-outline.svg +1 -0
  18. package/dist/collection/components/icon/svg/discount-workshop-solid.svg +1 -0
  19. package/dist/collection/components/icon/svg/file-archive-color.svg +1 -0
  20. package/dist/collection/components/icon/svg/file-archive-outline.svg +1 -0
  21. package/dist/collection/components/icon/svg/flag-belgium-color.svg +1 -1
  22. package/dist/collection/components/icon/svg/flag-bulgaria-color.svg +1 -0
  23. package/dist/collection/components/icon/svg/flag-croatia-color.svg +1 -0
  24. package/dist/collection/components/icon/svg/flag-czech-republic-color.svg +1 -0
  25. package/dist/collection/components/icon/svg/flag-denmark-color.svg +1 -0
  26. package/dist/collection/components/icon/svg/flag-finland-color.svg +1 -0
  27. package/dist/collection/components/icon/svg/flag-greece-color.svg +1 -0
  28. package/dist/collection/components/icon/svg/flag-hungary-color.svg +1 -0
  29. package/dist/collection/components/icon/svg/flag-netherlands-color.svg +1 -0
  30. package/dist/collection/components/icon/svg/flag-norway-color.svg +1 -0
  31. package/dist/collection/components/icon/svg/flag-slovakia-color.svg +1 -0
  32. package/dist/collection/components/icon/svg/flag-slovenia-color.svg +1 -0
  33. package/dist/collection/components/icon/svg/flag-switzerland-color.svg +1 -0
  34. package/dist/collection/components/icon/svg/flag-turkey-color.svg +1 -0
  35. package/dist/collection/components/icon/svg/garage-color.svg +1 -1
  36. package/dist/collection/components/icon/svg/garage-house-color.svg +1 -1
  37. package/dist/collection/components/icon/svg/garage-house-outline.svg +1 -1
  38. package/dist/collection/components/icon/svg/garage-outline.svg +1 -1
  39. package/dist/collection/components/icon/svg/keep-in-repair-outline.svg +1 -1
  40. package/dist/collection/components/icon/svg/location-pin-all-color.svg +1 -1
  41. package/dist/collection/components/icon/svg/location-pin-all-outline.svg +1 -1
  42. package/dist/collection/components/icon/svg/location-pin-all-solid.svg +1 -1
  43. package/dist/collection/components/icon/svg/location-pin-color.svg +1 -1
  44. package/dist/collection/components/icon/svg/location-pin-garage-auto5-color.svg +1 -0
  45. package/dist/collection/components/icon/svg/location-pin-garage-auto5-outline.svg +1 -0
  46. package/dist/collection/components/icon/svg/location-pin-garage-auto5-solid.svg +1 -1
  47. package/dist/collection/components/icon/svg/location-pin-garage-color.svg +1 -0
  48. package/dist/collection/components/icon/svg/location-pin-garage-norauto-color.svg +1 -0
  49. package/dist/collection/components/icon/svg/location-pin-garage-norauto-outline.svg +1 -0
  50. package/dist/collection/components/icon/svg/location-pin-garage-norauto-solid.svg +1 -1
  51. package/dist/collection/components/icon/svg/location-pin-garage-outline.svg +1 -0
  52. package/dist/collection/components/icon/svg/location-pin-garage-solid.svg +1 -1
  53. package/dist/collection/components/icon/svg/location-pin-number-outline.svg +1 -0
  54. package/dist/collection/components/icon/svg/location-pin-number-solid.svg +1 -1
  55. package/dist/collection/components/icon/svg/location-pin-outline.svg +1 -1
  56. package/dist/collection/components/icon/svg/location-pin-solid.svg +1 -1
  57. package/dist/collection/components/icon/svg/tire-pressure-color.svg +1 -0
  58. package/dist/collection/components/icon/svg/tire-pressure-outline.svg +1 -0
  59. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-color.svg +1 -0
  60. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg +1 -0
  61. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg +1 -0
  62. package/dist/collection/components/icon/svg/ventilator-color.svg +1 -1
  63. package/dist/collection/components/icon/svg/ventilator-outline.svg +1 -1
  64. package/dist/collection/components/icon/svg/water-color.svg +1 -0
  65. package/dist/collection/components/icon/svg/water-outline.svg +1 -0
  66. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.css +74 -73
  67. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +6 -61
  68. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.stories.js +7 -38
  69. package/dist/esm/index-a99a5e7b.js +4 -0
  70. package/dist/esm/loader.js +1 -1
  71. package/dist/esm/road-alert.entry.js +1 -1
  72. package/dist/esm/road-badge_14.entry.js +1 -1
  73. package/dist/esm/road-button-floating.entry.js +62 -0
  74. package/dist/esm/road-progress-indicator-horizontal.entry.js +2 -12
  75. package/dist/esm/roadtrip.js +1 -1
  76. package/dist/html.html-data.json +43 -9
  77. package/dist/icons/icons.svg +1 -1
  78. package/dist/icons/index.d.ts +34 -0
  79. package/dist/icons/index.js +118 -82
  80. package/dist/roadtrip/p-00762fb0.entry.js +1 -0
  81. package/dist/roadtrip/p-451c3bbf.entry.js +1 -0
  82. package/dist/roadtrip/{p-8aa942e0.entry.js → p-604b9899.entry.js} +1 -1
  83. package/dist/roadtrip/p-850ed3d4.entry.js +1 -0
  84. package/dist/roadtrip/roadtrip.css +1 -1
  85. package/dist/roadtrip/roadtrip.esm.js +1 -1
  86. package/dist/roadtrip/svg/becommerce-color.svg +1 -0
  87. package/dist/roadtrip/svg/becommerce-outline.svg +1 -0
  88. package/dist/roadtrip/svg/discount-workshop-color.svg +1 -0
  89. package/dist/roadtrip/svg/discount-workshop-outline.svg +1 -0
  90. package/dist/roadtrip/svg/discount-workshop-solid.svg +1 -0
  91. package/dist/roadtrip/svg/file-archive-color.svg +1 -0
  92. package/dist/roadtrip/svg/file-archive-outline.svg +1 -0
  93. package/dist/roadtrip/svg/flag-belgium-color.svg +1 -1
  94. package/dist/roadtrip/svg/flag-bulgaria-color.svg +1 -0
  95. package/dist/roadtrip/svg/flag-croatia-color.svg +1 -0
  96. package/dist/roadtrip/svg/flag-czech-republic-color.svg +1 -0
  97. package/dist/roadtrip/svg/flag-denmark-color.svg +1 -0
  98. package/dist/roadtrip/svg/flag-finland-color.svg +1 -0
  99. package/dist/roadtrip/svg/flag-greece-color.svg +1 -0
  100. package/dist/roadtrip/svg/flag-hungary-color.svg +1 -0
  101. package/dist/roadtrip/svg/flag-netherlands-color.svg +1 -0
  102. package/dist/roadtrip/svg/flag-norway-color.svg +1 -0
  103. package/dist/roadtrip/svg/flag-slovakia-color.svg +1 -0
  104. package/dist/roadtrip/svg/flag-slovenia-color.svg +1 -0
  105. package/dist/roadtrip/svg/flag-switzerland-color.svg +1 -0
  106. package/dist/roadtrip/svg/flag-turkey-color.svg +1 -0
  107. package/dist/roadtrip/svg/garage-color.svg +1 -1
  108. package/dist/roadtrip/svg/garage-house-color.svg +1 -1
  109. package/dist/roadtrip/svg/garage-house-outline.svg +1 -1
  110. package/dist/roadtrip/svg/garage-outline.svg +1 -1
  111. package/dist/roadtrip/svg/keep-in-repair-outline.svg +1 -1
  112. package/dist/roadtrip/svg/location-pin-all-color.svg +1 -1
  113. package/dist/roadtrip/svg/location-pin-all-outline.svg +1 -1
  114. package/dist/roadtrip/svg/location-pin-all-solid.svg +1 -1
  115. package/dist/roadtrip/svg/location-pin-color.svg +1 -1
  116. package/dist/roadtrip/svg/location-pin-garage-auto5-color.svg +1 -0
  117. package/dist/roadtrip/svg/location-pin-garage-auto5-outline.svg +1 -0
  118. package/dist/roadtrip/svg/location-pin-garage-auto5-solid.svg +1 -1
  119. package/dist/roadtrip/svg/location-pin-garage-color.svg +1 -0
  120. package/dist/roadtrip/svg/location-pin-garage-norauto-color.svg +1 -0
  121. package/dist/roadtrip/svg/location-pin-garage-norauto-outline.svg +1 -0
  122. package/dist/roadtrip/svg/location-pin-garage-norauto-solid.svg +1 -1
  123. package/dist/roadtrip/svg/location-pin-garage-outline.svg +1 -0
  124. package/dist/roadtrip/svg/location-pin-garage-solid.svg +1 -1
  125. package/dist/roadtrip/svg/location-pin-number-outline.svg +1 -0
  126. package/dist/roadtrip/svg/location-pin-number-solid.svg +1 -1
  127. package/dist/roadtrip/svg/location-pin-outline.svg +1 -1
  128. package/dist/roadtrip/svg/location-pin-solid.svg +1 -1
  129. package/dist/roadtrip/svg/tire-pressure-color.svg +1 -0
  130. package/dist/roadtrip/svg/tire-pressure-outline.svg +1 -0
  131. package/dist/roadtrip/svg/vehicle-rooftop-tent-color.svg +1 -0
  132. package/dist/roadtrip/svg/vehicle-rooftop-tent-outline.svg +1 -0
  133. package/dist/roadtrip/svg/vehicle-rooftop-tent-solid.svg +1 -0
  134. package/dist/roadtrip/svg/ventilator-color.svg +1 -1
  135. package/dist/roadtrip/svg/ventilator-outline.svg +1 -1
  136. package/dist/roadtrip/svg/water-color.svg +1 -0
  137. package/dist/roadtrip/svg/water-outline.svg +1 -0
  138. package/dist/types/components/button-floating/button-floating.d.ts +48 -0
  139. package/dist/types/components/progress-indicator-horizontal/progress-indicator-horizontal.d.ts +4 -21
  140. package/dist/types/components.d.ts +59 -18
  141. package/icons/icons.svg +1 -1
  142. package/icons/index.d.ts +34 -0
  143. package/icons/index.js +118 -82
  144. package/package.json +1 -1
  145. package/dist/roadtrip/p-47472e0c.entry.js +0 -1
  146. package/dist/roadtrip/p-add52276.entry.js +0 -1
@@ -2001,6 +2001,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2001
2001
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2002
2002
  /* webpackMode: "lazy" */
2003
2003
  './road-banner.cjs.entry.js')); }).then(processMod, consoleError);
2004
+ case 'road-button-floating.cjs':
2005
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2006
+ /* webpackMode: "lazy" */
2007
+ './road-button-floating.cjs.entry.js')); }).then(processMod, consoleError);
2004
2008
  case 'road-carousel.cjs':
2005
2009
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2006
2010
  /* 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-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"],"isMedium":[4,"is-medium"],"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-global-navigation.cjs",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["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],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["road-progress-indicator-horizontal.cjs",[[1,"road-progress-indicator-horizontal",{"color":[513],"light":[4],"outline":[4],"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"]}]]],["road-progress-tracker.cjs",[[1,"road-progress-tracker"]]],["road-progress-tracker-item.cjs",[[4,"road-progress-tracker-item"]]],["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-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-toolbar-title-page.cjs",[[1,"road-toolbar-title-page"]]],["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);
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"],"isMedium":[4,"is-medium"],"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-button-floating.cjs",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation.cjs",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["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],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["road-progress-indicator-horizontal.cjs",[[1,"road-progress-indicator-horizontal",{"color":[513],"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"]}]]],["road-progress-tracker.cjs",[[1,"road-progress-tracker"]]],["road-progress-tracker-item.cjs",[[4,"road-progress-tracker-item"]]],["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-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-toolbar-title-page.cjs",[[1,"road-toolbar-title-page"]]],["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,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a2306350.js');
6
6
 
7
- const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-success){background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-warning){background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-danger){background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}";
7
+ const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}";
8
8
 
9
9
  const Alert = class {
10
10
  constructor(hostRef) {
@@ -29,7 +29,7 @@ const Badge = class {
29
29
  };
30
30
  Badge.style = badgeCss;
31
31
 
32
- const buttonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;z-index:1;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){pointer-events:none;opacity:0.16}.button-native:disabled{cursor:not-allowed}::slotted([slot=\"start\"]){margin-right:0.5rem}::slotted([slot=\"end\"]){margin-left:0.5rem}:host(.btn-xl){height:3.5rem}:host(.btn-xl) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-md){--font-size:var(--road-font-size-14);height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-sm){--font-size:var(--road-font-size-14);height:2rem}:host(.btn-sm) ::slotted(road-icon){width:1.25rem;height:1.25rem}:host(.btn-block){width:100%}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto}";
32
+ const buttonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){color:var(--road-on-surface-disabled);pointer-events:none;background-color:var(--road-surface-disabled)}:host([aria-disabled]) ::slotted(road-icon){color:var(--road-on-surface-disabled)}.button-native:disabled{cursor:not-allowed}::slotted([slot=\"start\"]){margin-right:0.5rem}::slotted([slot=\"end\"]){margin-left:0.5rem}:host(.btn-xl){height:3.5rem}:host(.btn-xl) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-md){--font-size:var(--road-font-size-14);height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-sm){--font-size:var(--road-font-size-14);height:2rem}:host(.btn-sm) ::slotted(road-icon){width:1.25rem;height:1.25rem}:host(.btn-block){width:100%}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
33
33
 
34
34
  const Button = class {
35
35
  constructor(hostRef) {
@@ -0,0 +1,66 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-a2306350.js');
6
+ require('./polyfill-c7a0fa22.js');
7
+
8
+ const buttonFloatingCss = ":host{position:fixed;right:1rem;bottom:1rem;z-index:2;box-sizing:border-box;display:block;align-items:center;max-width:3.5rem;height:3.5rem;padding:0.6rem 0.75rem 0.75rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-button-medium);font-weight:700;line-height:1.375;color:var(--road-on-button-secondary);text-decoration:none;white-space:nowrap;background:var(--road-button-secondary);border:1px solid transparent;border-radius:2rem;box-shadow:var(--road-elevation-average);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(.position-left){right:auto;left:1rem}:host(.position-center){right:0;left:0;margin:0 auto}:host(.scroll-up){display:block;max-width:3.5rem}:host(.scroll-down) .button-native{display:flex}:host(.scroll-down){display:flex;max-width:max-content}:host ::slotted(road-icon){margin-right:0.5rem}:host(:hover){background-color:var(--road-button-secondary-variant)}:host(.focus-visible){outline:0}.button-native{position:relative;z-index:1;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host([aria-disabled]){pointer-events:none;opacity:0.16}.button-native:disabled{cursor:not-allowed}";
9
+
10
+ const Button = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.roadfocus = index.createEvent(this, "roadfocus", 7);
14
+ this.roadFocus = index.createEvent(this, "roadFocus", 7);
15
+ this.roadblur = index.createEvent(this, "roadblur", 7);
16
+ this.roadBlur = index.createEvent(this, "roadBlur", 7);
17
+ /**
18
+ * position.
19
+ */
20
+ this.position = 'right';
21
+ this.onClick = (ev) => {
22
+ if (this.el.shadowRoot && this.el.attachShadow) {
23
+ // this button wants to specifically submit a form
24
+ // climb up the dom to see if we're in a <form>
25
+ // and if so, then use JS to submit it
26
+ const form = this.el.closest('form');
27
+ if (form) {
28
+ ev.preventDefault();
29
+ const fakeButton = document.createElement('button');
30
+ fakeButton.style.display = 'none';
31
+ form.appendChild(fakeButton);
32
+ fakeButton.click();
33
+ fakeButton.remove();
34
+ }
35
+ }
36
+ };
37
+ this.onFocus = () => {
38
+ this.roadfocus.emit();
39
+ this.roadFocus.emit();
40
+ };
41
+ this.onBlur = () => {
42
+ this.roadblur.emit();
43
+ this.roadBlur.emit();
44
+ };
45
+ }
46
+ onScroll() {
47
+ const positionScroll = window.scrollY;
48
+ if (positionScroll < 300) {
49
+ this.el.classList.add("scroll-down");
50
+ this.el.classList.remove("scroll-up");
51
+ }
52
+ if (positionScroll > 300) {
53
+ this.el.classList.add("scroll-up");
54
+ this.el.classList.remove("scroll-down");
55
+ }
56
+ }
57
+ render() {
58
+ const TagType = this.href === undefined ? 'button' : 'a';
59
+ const positionClass = this.position !== undefined ? `position-${this.position}` : '';
60
+ return (index.h(index.Host, { onClick: this.onClick, class: `${positionClass}` }, index.h(TagType, { class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, index.h("slot", { name: "start" }), index.h("slot", null))));
61
+ }
62
+ get el() { return index.getElement(this); }
63
+ };
64
+ Button.style = buttonFloatingCss;
65
+
66
+ exports.road_button_floating = Button;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a2306350.js');
6
6
 
7
- const progressIndicatorHorizontalCss = ":host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:1rem;left:calc(50% + 16px);order:-1;width:calc(100% - 32px);height:2px;content:\"\";background:var(--road-surface-disabled)}.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-item:not(:last-child)::after,.progress-indicator-horizontal-secondary-outline-light .progress-indicator-horizontal-item:not(:last-child)::after{left:calc(50% + calc(2rem / 2));width:calc(100% - 2rem)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted(.progress-indicator-horizontal-icon) road-icon{color:var(--road-secondary-600)}.progress-indicator-horizontal-outline .progress-indicator-horizontal-icon,.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .progress-indicator-horizontal-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled);fill:currentColor}.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-icon,.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .progress-indicator-horizontal-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-secondary .completed:not(:last-child)::after,.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .completed:not(:last-child)::after,.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .completed:not(:last-child)::after{background:var(--road-secondary)}.completed .progress-indicator-horizontal-icon,.current .progress-indicator-horizontal-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.progress-indicator-horizontal-outline .completed .progress-indicator-horizontal-icon{color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-outline-light .completed .progress-indicator-horizontal-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.progress-indicator-horizontal-secondary .completed .progress-indicator-horizontal-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .completed .progress-indicator-horizontal-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .completed .progress-indicator-horizontal-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.progress-indicator-horizontal-secondary .current .progress-indicator-horizontal-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-900);background:var(--road-secondary);border:2px solid var(--road-secondary)}.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline .current .progress-indicator-horizontal-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.progress-indicator-horizontal-secondary.progress-indicator-horizontal-outline-light .current .progress-indicator-horizontal-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}";
7
+ const progressIndicatorHorizontalCss = ":host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:\"\";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:\"\";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}";
8
8
 
9
9
  const Stepper = class {
10
10
  constructor(hostRef) {
@@ -13,26 +13,16 @@ const Stepper = class {
13
13
  * The color progress-indicator-horizontal.
14
14
  */
15
15
  this.color = 'default';
16
- /**
17
- * Display an outline without background.
18
- */
19
- this.light = false;
20
- /**
21
- * Display an outline style .
22
- */
23
- this.outline = false;
24
16
  }
25
17
  render() {
26
18
  const colorClass = this.color !== undefined ? `progress-indicator-horizontal progress-indicator-horizontal-${this.color}` : 'progress-indicator-horizontal';
27
- const outlineClass = this.outline == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline` : 'progress-indicator-horizontal';
28
- const lightClass = this.light == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline-light` : 'progress-indicator-horizontal';
29
19
  const stateClass = this.stateFirstStep !== undefined ? `progress-indicator-horizontal-item ${this.stateFirstStep}` : 'progress-indicator-horizontal-item';
30
20
  const stateSecondStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateSecondStep}` : 'progress-indicator-horizontal-item';
31
21
  const stateThirdStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateThirdStep}` : 'progress-indicator-horizontal-item';
32
22
  const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
33
23
  const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
34
24
  const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
35
- return (index.h(index.Host, null, index.h("nav", null, index.h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, index.h("li", { class: `${stateClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title" })))), index.h("li", { class: `${stateSecondStepClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon2" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title2" })))), index.h("li", { class: `${stateThirdStepClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon3" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title3" }))))))));
25
+ return (index.h(index.Host, null, index.h("nav", null, index.h("ul", { class: `${colorClass}` }, index.h("li", { class: `${stateClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title" })))), index.h("li", { class: `${stateSecondStepClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon2" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title2" })))), index.h("li", { class: `${stateThirdStepClass}` }, index.h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { class: "progress-indicator-horizontal-icon" }, index.h("slot", { name: "progress-indicator-horizontal-icon3" })), index.h("span", { class: "progress-indicator-horizontal-title" }, index.h("slot", { name: "progress-indicator-horizontal-title3" }))))))));
36
26
  }
37
27
  };
38
28
  Stepper.style = progressIndicatorHorizontalCss;
@@ -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-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"],"isMedium":[4,"is-medium"],"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-global-navigation.cjs",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["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],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["road-progress-indicator-horizontal.cjs",[[1,"road-progress-indicator-horizontal",{"color":[513],"light":[4],"outline":[4],"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"]}]]],["road-progress-tracker.cjs",[[1,"road-progress-tracker"]]],["road-progress-tracker-item.cjs",[[4,"road-progress-tracker-item"]]],["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-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-toolbar-title-page.cjs",[[1,"road-toolbar-title-page"]]],["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);
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"],"isMedium":[4,"is-medium"],"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-button-floating.cjs",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation.cjs",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["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],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["road-progress-indicator-horizontal.cjs",[[1,"road-progress-indicator-horizontal",{"color":[513],"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"]}]]],["road-progress-tracker.cjs",[[1,"road-progress-tracker"]]],["road-progress-tracker-item.cjs",[[4,"road-progress-tracker-item"]]],["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-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-toolbar-title-page.cjs",[[1,"road-toolbar-title-page"]]],["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
  });
@@ -8,6 +8,7 @@
8
8
  "./components/badge/badge.js",
9
9
  "./components/banner/banner.js",
10
10
  "./components/button/button.js",
11
+ "./components/button-floating/button-floating.js",
11
12
  "./components/card/card.js",
12
13
  "./components/carousel/carousel.js",
13
14
  "./components/carousel-item/carousel-item.js",
@@ -69,6 +69,7 @@
69
69
  */
70
70
 
71
71
  :host(.alert-info) {
72
+ color: var(--road-on-info-surface);
72
73
  background: var(--road-info-surface);
73
74
  border-color: var(--road-info-outline);
74
75
  }
@@ -82,6 +83,7 @@
82
83
  */
83
84
 
84
85
  :host(.alert-success) {
86
+ color: var(--road-on-success-surface);
85
87
  background: var(--road-success-surface);
86
88
  border-color: var(--road-success-outline);
87
89
  }
@@ -95,6 +97,7 @@
95
97
  */
96
98
 
97
99
  :host(.alert-warning) {
100
+ color: var(--road-on-warning-surface);
98
101
  background: var(--road-warning-surface);
99
102
  border-color: var(--road-warning-outline);
100
103
  }
@@ -108,6 +111,7 @@
108
111
  */
109
112
 
110
113
  :host(.alert-danger) {
114
+ color: var(--road-on-danger-surface);
111
115
  background: var(--road-danger-surface);
112
116
  border-color: var(--road-danger-outline);
113
117
  }
@@ -74,7 +74,6 @@
74
74
 
75
75
  .button-native {
76
76
  position: relative;
77
- z-index: 1;
78
77
  display: flex;
79
78
  flex-flow: row nowrap;
80
79
  flex-shrink: 0;
@@ -248,8 +247,13 @@
248
247
  -------------------- */
249
248
 
250
249
  :host([aria-disabled]) {
250
+ color: var(--road-on-surface-disabled);
251
251
  pointer-events: none;
252
- opacity: 0.16;
252
+ background-color: var(--road-surface-disabled);
253
+ }
254
+
255
+ :host([aria-disabled]) ::slotted(road-icon){
256
+ color: var(--road-on-surface-disabled);
253
257
  }
254
258
 
255
259
  .button-native:disabled {
@@ -325,7 +329,6 @@
325
329
  position: absolute;
326
330
  top: 4px;
327
331
  left: calc(50% + 0.375rem);
328
- z-index: 1;
329
332
  box-sizing: border-box;
330
333
  height: auto;
331
334
  }
@@ -0,0 +1,122 @@
1
+ /*
2
+ * Button floating
3
+ *
4
+ *
5
+ * Index
6
+ * - Button
7
+ */
8
+
9
+
10
+ /* BUTTON
11
+ -------------------- */
12
+
13
+ :host {
14
+ position: fixed;
15
+ right: 1rem;
16
+ bottom: 1rem;
17
+ z-index: 2;
18
+ box-sizing: border-box;
19
+ display: block;
20
+ align-items: center;
21
+ max-width: 3.5rem;
22
+ height: 3.5rem;
23
+ padding: 0.6rem 0.75rem 0.75rem;
24
+ overflow: hidden;
25
+ font-family: var(--road-font, sans-serif);
26
+ font-size: var(--road-button-medium);
27
+ font-weight: 700;
28
+ line-height: 1.375;
29
+ color: var(--road-on-button-secondary);
30
+ text-decoration: none;
31
+ white-space: nowrap;
32
+ background: var(--road-button-secondary);
33
+ border: 1px solid transparent;
34
+ border-radius: 2rem;
35
+ box-shadow: var(--road-elevation-average);
36
+ transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
37
+ }
38
+
39
+ :host(.position-left) {
40
+ right: auto;
41
+ left: 1rem;
42
+ }
43
+
44
+ :host(.position-center) {
45
+ right: 0;
46
+ left: 0;
47
+ margin: 0 auto;
48
+ }
49
+
50
+ :host(.scroll-up) {
51
+ display: block;
52
+ max-width: 3.5rem;
53
+ }
54
+
55
+ :host(.scroll-down) .button-native{
56
+ display: flex;
57
+ }
58
+
59
+ :host(.scroll-down) {
60
+ display: flex;
61
+ max-width: max-content;
62
+ }
63
+
64
+
65
+
66
+ :host ::slotted(road-icon) {
67
+ margin-right: 0.5rem;
68
+ }
69
+
70
+
71
+ :host(:hover) {
72
+ background-color: var(--road-button-secondary-variant);
73
+ }
74
+
75
+ :host(.focus-visible) {
76
+ outline: 0;
77
+ }
78
+
79
+ /**
80
+ * Native button
81
+ */
82
+
83
+ .button-native {
84
+ position: relative;
85
+ z-index: 1;
86
+ align-items: center;
87
+ justify-content: center;
88
+ width: 100%;
89
+ height: 100%;
90
+ padding: 0;
91
+ margin: 0;
92
+ font-family: inherit;
93
+ font-size: inherit;
94
+ font-style: inherit;
95
+ font-weight: inherit;
96
+ color: inherit;
97
+ text-align: inherit;
98
+ text-decoration: none;
99
+ text-indent: inherit;
100
+ text-overflow: inherit;
101
+ text-transform: inherit;
102
+ letter-spacing: inherit;
103
+ white-space: inherit;
104
+ cursor: pointer;
105
+ background: transparent;
106
+ border: none;
107
+ outline: 0;
108
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
109
+ }
110
+
111
+
112
+ /* DISABLED
113
+ -------------------- */
114
+
115
+ :host([aria-disabled]) {
116
+ pointer-events: none;
117
+ opacity: 0.16;
118
+ }
119
+
120
+ .button-native:disabled {
121
+ cursor: not-allowed;
122
+ }