@roadtrip/components 2.47.0 → 2.48.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.
- package/dist/cjs/index-a2306350.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +6 -2
- package/dist/cjs/road-progress.cjs.entry.js +0 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +7 -1
- package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +19 -0
- package/dist/cjs/road-vertical-stepper.cjs.entry.js +19 -0
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/counter/counter.css +38 -13
- package/dist/collection/components/counter/counter.js +8 -3
- package/dist/collection/components/counter/counter.stories.js +1 -1
- package/dist/collection/components/icon/svg/electric-charger-service-color.svg +1 -1
- package/dist/collection/components/icon/svg/electric-charger-service-outline.svg +1 -1
- package/dist/collection/components/icon/svg/navigation-add-less-outline.svg +1 -1
- package/dist/collection/components/icon/svg/navigation-add-less-solid.svg +1 -0
- package/dist/collection/components/icon/svg/navigation-add-more-outline.svg +1 -1
- package/dist/collection/components/icon/svg/navigation-add-more-solid.svg +1 -0
- package/dist/collection/components/icon/svg/navigation-close-outline.svg +1 -1
- package/dist/collection/components/icon/svg/navigation-close-solid.svg +1 -0
- package/dist/collection/components/icon/svg/stocktaking-color.svg +1 -0
- package/dist/collection/components/icon/svg/stocktaking-outline.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-5-doors-color.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-5-doors-outline.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-5-doors-solid-color.svg +1 -1
- package/dist/collection/components/input/input.stories.js +1 -0
- package/dist/collection/components/progress/progress.js +0 -1
- package/dist/collection/components/segmented-button/segmented-button.css +9 -0
- package/dist/collection/components/segmented-button/segmented-button.js +24 -0
- package/dist/collection/components/segmented-buttons/segmented-buttons.stories.js +21 -0
- package/dist/collection/components/vertical-stepper/vertical-stepper.css +25 -0
- package/dist/collection/components/vertical-stepper/vertical-stepper.js +30 -0
- package/dist/collection/components/vertical-stepper/vertical-stepper.stories.js +542 -0
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +185 -0
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js +20 -0
- package/dist/esm/index-a99a5e7b.js +8 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +6 -2
- package/dist/esm/road-progress.entry.js +0 -1
- package/dist/esm/road-segmented-button.entry.js +7 -1
- package/dist/esm/road-vertical-stepper-item.entry.js +15 -0
- package/dist/esm/road-vertical-stepper.entry.js +15 -0
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +43 -0
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +5 -0
- package/dist/icons/index.js +13 -8
- package/dist/roadtrip/p-140d8d34.entry.js +1 -0
- package/dist/roadtrip/p-1ac0bf10.entry.js +1 -0
- package/dist/roadtrip/p-47567f4e.entry.js +1 -0
- package/dist/roadtrip/p-932e323f.entry.js +1 -0
- package/dist/roadtrip/p-a3736d12.entry.js +1 -0
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/electric-charger-service-color.svg +1 -1
- package/dist/roadtrip/svg/electric-charger-service-outline.svg +1 -1
- package/dist/roadtrip/svg/navigation-add-less-outline.svg +1 -1
- package/dist/roadtrip/svg/navigation-add-less-solid.svg +1 -0
- package/dist/roadtrip/svg/navigation-add-more-outline.svg +1 -1
- package/dist/roadtrip/svg/navigation-add-more-solid.svg +1 -0
- package/dist/roadtrip/svg/navigation-close-outline.svg +1 -1
- package/dist/roadtrip/svg/navigation-close-solid.svg +1 -0
- package/dist/roadtrip/svg/stocktaking-color.svg +1 -0
- package/dist/roadtrip/svg/stocktaking-outline.svg +1 -0
- package/dist/roadtrip/svg/vehicle-5-doors-color.svg +1 -1
- package/dist/roadtrip/svg/vehicle-5-doors-outline.svg +1 -1
- package/dist/roadtrip/svg/vehicle-5-doors-solid-color.svg +1 -1
- package/dist/types/components/counter/counter.d.ts +1 -1
- package/dist/types/components/segmented-button/segmented-button.d.ts +4 -0
- package/dist/types/components/vertical-stepper/vertical-stepper.d.ts +15 -0
- package/dist/types/components/vertical-stepper-item/vertical-stepper-item.d.ts +6 -0
- package/dist/types/components.d.ts +36 -2
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +5 -0
- package/icons/index.js +13 -8
- package/package.json +1 -1
- package/dist/roadtrip/p-12fcedd3.entry.js +0 -1
- package/dist/roadtrip/p-9a91495a.entry.js +0 -1
- package/dist/roadtrip/p-d52512f6.entry.js +0 -1
|
@@ -2161,6 +2161,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2161
2161
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2162
2162
|
/* webpackMode: "lazy" */
|
|
2163
2163
|
'./road-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2164
|
+
case 'road-vertical-stepper.cjs':
|
|
2165
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2166
|
+
/* webpackMode: "lazy" */
|
|
2167
|
+
'./road-vertical-stepper.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2168
|
+
case 'road-vertical-stepper-item.cjs':
|
|
2169
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2170
|
+
/* webpackMode: "lazy" */
|
|
2171
|
+
'./road-vertical-stepper-item.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2164
2172
|
case 'road-card.cjs':
|
|
2165
2173
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2166
2174
|
/* webpackMode: "lazy" */
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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",{"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-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-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);
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -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:1rem;--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display: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-900);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-200)}:host(.btn-primary){color:var(--road-primary-contrast);background:var(--road-primary-500)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-primary-contrast)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-primary-700)}:host(.btn-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-primary-contrast)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-primary-700)}:host(.btn-link){font-weight:400;color:var(--road-primary-500);background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-700)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-grey-600);background:var(--road-grey-000);border-color:var(--road-grey-600)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-grey-600)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-200)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-grey-900)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-primary-100)}:host(.btn-outline-primary){color:var(--road-primary-500);border-color:var(--road-primary-500)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-primary-500)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-primary-100)}:host(.btn-outline-secondary){color:var(--road-primary-500);border-color:var(--road-primary-500)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-primary-500)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-primary-100)}: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:0.875rem;height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-sm){--font-size:0.875rem;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:1rem;--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-900);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-200)}:host(.btn-primary){color:var(--road-primary-contrast);background:var(--road-primary-500)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-primary-contrast)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-primary-700)}:host(.btn-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-primary-contrast)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-primary-700)}:host(.btn-link){font-weight:400;color:var(--road-primary-500);background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-700)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-grey-600);background:var(--road-grey-000);border-color:var(--road-grey-600)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-grey-600)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-200)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-grey-900)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-primary-100)}:host(.btn-outline-primary){color:var(--road-primary-500);border-color:var(--road-primary-500)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-primary-500)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-primary-100)}:host(.btn-outline-secondary){color:var(--road-primary-500);border-color:var(--road-primary-500)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-primary-500)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-primary-100)}: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:0.875rem;height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-sm){--font-size:0.875rem;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}";
|
|
33
33
|
|
|
34
34
|
const Button = class {
|
|
35
35
|
constructor(hostRef) {
|
|
@@ -120,7 +120,7 @@ const Col = class {
|
|
|
120
120
|
};
|
|
121
121
|
Col.style = colCss;
|
|
122
122
|
|
|
123
|
-
const counterCss = ".sc-road-counter-h{display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{font-size:1.5rem;line-height:1.4;background:var(--road-grey-
|
|
123
|
+
const counterCss = ".sc-road-counter-h{display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:1.5rem;line-height:1.4;background:var(--road-grey-000);border:1px solid var(--road-primary-500)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-primary-100)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary-500)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-disabled);border:1px solid var(--road-grey-500);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-500)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
|
|
124
124
|
|
|
125
125
|
const Counter = class {
|
|
126
126
|
constructor(hostRef) {
|
|
@@ -144,6 +144,10 @@ const Counter = class {
|
|
|
144
144
|
* The value of the counter.
|
|
145
145
|
*/
|
|
146
146
|
this.value = 1;
|
|
147
|
+
/**
|
|
148
|
+
* The size of the counter.
|
|
149
|
+
*/
|
|
150
|
+
this.size = "lg";
|
|
147
151
|
/**
|
|
148
152
|
* Set to `true` to add the dustbin icon if the value is equal to the min.
|
|
149
153
|
*/
|
|
@@ -33,7 +33,6 @@ const ProgressBar = class {
|
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
35
|
const valueRound = Math.round(this.value / 5 / 5);
|
|
36
|
-
console.log(this.value / 5 / 5);
|
|
37
36
|
return (index.h(index.Host, { class: "progress-element" }, index.h("div", { class: `progress progress-${this.color}` }, index.h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), index.h("div", { class: "progress-element-info" }, index.h("span", { class: "progress-element-label" }, this.label), this.showstep && index.h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
38
37
|
}
|
|
39
38
|
};
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:1rem;--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:1rem;font-weight:700;color:var(--road-primary-500);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-grey-000);border-top:1px solid var(--road-primary-500);border-bottom:1px solid var(--road-primary-500);border-left:1px solid var(--road-primary-500);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary-500);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary-500);border-radius:0 999em 999em 0}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary-500)}:host(.tab-selected:hover){background-color:var(--road-primary-700)}:host(:hover){background:var(--road-primary-100)}:host(.focus-visible){background:var(--road-primary-100);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-primary-700)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
|
|
7
|
+
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:1rem;--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:1rem;font-weight:700;color:var(--road-primary-500);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-grey-000);border-top:1px solid var(--road-primary-500);border-bottom:1px solid var(--road-primary-500);border-left:1px solid var(--road-primary-500);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary-500);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary-500);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:0.875rem}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary-500)}:host(.tab-selected:hover){background-color:var(--road-primary-700)}:host(:hover){background:var(--road-primary-100)}:host(.focus-visible){background:var(--road-primary-100);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-primary-700)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
|
|
8
8
|
|
|
9
9
|
const SegmentedButton = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
this.roadsegmentedbuttonclick = index.createEvent(this, "roadsegmentedbuttonclick", 7);
|
|
13
13
|
this.roadSegmentedButtonClick = index.createEvent(this, "roadSegmentedButtonClick", 7);
|
|
14
|
+
/**
|
|
15
|
+
* The Segmented buttons size.
|
|
16
|
+
*/
|
|
17
|
+
this.size = 'md';
|
|
14
18
|
/**
|
|
15
19
|
* The selected tab component
|
|
16
20
|
*/
|
|
@@ -53,8 +57,10 @@ const SegmentedButton = class {
|
|
|
53
57
|
}
|
|
54
58
|
render() {
|
|
55
59
|
const { tabIndex, selected, tab } = this;
|
|
60
|
+
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
56
61
|
return (index.h(index.Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
57
62
|
'tab-selected': selected,
|
|
63
|
+
[`${sizeClass}`]: true,
|
|
58
64
|
} }, index.h("button", { type: "button", tabIndex: -1, class: "button-native", part: "native" }, index.h("slot", null))));
|
|
59
65
|
}
|
|
60
66
|
get el() { return index.getElement(this); }
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-a2306350.js');
|
|
6
|
+
|
|
7
|
+
const verticalStepperItemCss = "road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;color:var(--road-grey-500);background:var(--road-grey-200);border-radius:50%;fill:currentColor}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-grey-200)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-grey-500);background:var(--road-grey-000);border:2px solid var(--road-grey-500)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-grey-500);background:none;border:2px solid var(--road-grey-500);fill:currentColor}.vertical-stepper-title{display:block;font-size:0.875rem;font-weight:700;color:var(--road-grey-900)}.vertical-stepper-description{display:block;margin:0;font-size:0.75rem;font-weight:400;color:var(--road-grey-600)}.completed:not(:last-child)::after{background:var(--road-primary-500)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary-600)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-primary-contrast);background:var(--road-primary-500);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary-500)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary-600)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary-500);background:var(--road-grey-000);border:2px solid var(--road-primary-500)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary-600);background:var(--road-grey-000);border:2px solid var(--road-secondary-600)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary-500);background:none;border:2px solid var(--road-primary-500)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary-600);background:none;border:2px solid var(--road-secondary-600)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600)}.current .vertical-stepper-title{font-weight:700;color:var(--road-grey-900)}";
|
|
8
|
+
|
|
9
|
+
const VerticalStepperItem = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (index.h(index.Host, null, index.h("slot", null)));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
VerticalStepperItem.style = verticalStepperItemCss;
|
|
18
|
+
|
|
19
|
+
exports.road_vertical_stepper_item = VerticalStepperItem;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-a2306350.js');
|
|
6
|
+
|
|
7
|
+
const verticalStepperCss = ":host{display:block}.vertical-stepper{display:flex;flex-direction:column;padding-left:0;list-style:none}";
|
|
8
|
+
|
|
9
|
+
const VerticalStepper = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (index.h(index.Host, null, index.h("nav", null, index.h("ul", null, index.h("slot", null)))));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
VerticalStepper.style = verticalStepperCss;
|
|
18
|
+
|
|
19
|
+
exports.road_vertical_stepper = VerticalStepper;
|
package/dist/cjs/roadtrip.cjs.js
CHANGED
|
@@ -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",{"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-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-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);
|
|
87
87
|
});
|
|
@@ -58,7 +58,9 @@
|
|
|
58
58
|
"./components/toggle/toggle.js",
|
|
59
59
|
"./components/toolbar/toolbar.js",
|
|
60
60
|
"./components/toolbar-title/toolbar-title.js",
|
|
61
|
-
"./components/tooltip/tooltip.js"
|
|
61
|
+
"./components/tooltip/tooltip.js",
|
|
62
|
+
"./components/vertical-stepper/vertical-stepper.js",
|
|
63
|
+
"./components/vertical-stepper-item/vertical-stepper-item.js"
|
|
62
64
|
],
|
|
63
65
|
"compiler": {
|
|
64
66
|
"name": "@stencil/core",
|
|
@@ -29,18 +29,53 @@ road-input {
|
|
|
29
29
|
-------------------- */
|
|
30
30
|
|
|
31
31
|
road-button {
|
|
32
|
+
width: 3rem;
|
|
32
33
|
font-size: 1.5rem;
|
|
33
34
|
line-height: 1.4;
|
|
34
|
-
background: var(--road-grey-
|
|
35
|
+
background: var(--road-grey-000);
|
|
36
|
+
border: 1px solid var(--road-primary-500);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
road-button:hover,
|
|
40
|
+
road-button:focus {
|
|
41
|
+
background: var(--road-primary-100);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
road-button road-icon{
|
|
45
|
+
display: flex;
|
|
46
|
+
fill: var(--road-primary-500);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.disabled {
|
|
50
|
+
margin-right: -1px;
|
|
51
|
+
margin-left: -1px;
|
|
52
|
+
pointer-events: none;
|
|
53
|
+
cursor: not-allowed;
|
|
54
|
+
background: var(--road-disabled);
|
|
35
55
|
border: 1px solid var(--road-grey-500);
|
|
56
|
+
opacity: inherit;
|
|
36
57
|
}
|
|
37
58
|
|
|
38
|
-
|
|
39
|
-
background: var(--road-
|
|
59
|
+
.disabled:focus {
|
|
60
|
+
background: var(--road-disabled);
|
|
40
61
|
}
|
|
41
62
|
|
|
63
|
+
.disabled road-icon {
|
|
64
|
+
fill: var(--road-grey-500);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
|
|
42
68
|
/* SIZES
|
|
43
69
|
-------------------- */
|
|
70
|
+
|
|
71
|
+
road-button.btn-md{
|
|
72
|
+
width: 2.5rem;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
road-button.btn-sm{
|
|
76
|
+
width: 2rem;
|
|
77
|
+
}
|
|
78
|
+
|
|
44
79
|
.counter-md {
|
|
45
80
|
height: 2.5rem;
|
|
46
81
|
}
|
|
@@ -64,13 +99,3 @@ road-button:hover {
|
|
|
64
99
|
.counter-sm road-button {
|
|
65
100
|
min-width: 2rem;
|
|
66
101
|
}
|
|
67
|
-
|
|
68
|
-
.disabled {
|
|
69
|
-
pointer-events: none;
|
|
70
|
-
background: var(--road-grey-000);
|
|
71
|
-
cursor: not-allowed;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.disabled:hover {
|
|
75
|
-
background: var(--road-grey-000);
|
|
76
|
-
}
|
|
@@ -16,6 +16,10 @@ export class Counter {
|
|
|
16
16
|
* The value of the counter.
|
|
17
17
|
*/
|
|
18
18
|
this.value = 1;
|
|
19
|
+
/**
|
|
20
|
+
* The size of the counter.
|
|
21
|
+
*/
|
|
22
|
+
this.size = "lg";
|
|
19
23
|
/**
|
|
20
24
|
* Set to `true` to add the dustbin icon if the value is equal to the min.
|
|
21
25
|
*/
|
|
@@ -210,8 +214,8 @@ export class Counter {
|
|
|
210
214
|
"type": "string",
|
|
211
215
|
"mutable": false,
|
|
212
216
|
"complexType": {
|
|
213
|
-
"original": "'sm' | 'md'",
|
|
214
|
-
"resolved": "\"md\" | \"sm\" | undefined",
|
|
217
|
+
"original": "'sm' | 'md' | 'lg'",
|
|
218
|
+
"resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
|
|
215
219
|
"references": {}
|
|
216
220
|
},
|
|
217
221
|
"required": false,
|
|
@@ -221,7 +225,8 @@ export class Counter {
|
|
|
221
225
|
"text": "The size of the counter."
|
|
222
226
|
},
|
|
223
227
|
"attribute": "size",
|
|
224
|
-
"reflect": false
|
|
228
|
+
"reflect": false,
|
|
229
|
+
"defaultValue": "\"lg\""
|
|
225
230
|
},
|
|
226
231
|
"dustbin": {
|
|
227
232
|
"type": "boolean",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M41.74 21.74v-1.25H23.13c1.71-.84 2.87-2.4 2.87-4.19v-2.7h-2.5v2.7c0 1.27-1.49 2.35-3.25 2.35S17 17.57 17 16.3v-2.7h-2.5v2.7c0 1.79 1.16 3.35 2.87 4.19h-3.09c-4.1 0-7.44 3.34-7.44 7.44v10.9H5.25A4.26 4.26 0 0 0 1 43.08v7.84h11v11.29h2.5V50.92h1.21v-7.84c0-1.17-.48-2.23-1.24-3h.04V27.83h-2.5v11.05c-.18-.02-.36-.05-.54-.05H9.35v-10.9c0-2.73 2.22-4.94 4.94-4.94h24.76a3.985 3.985 0 0 1-2.92 2.65L26.01 27.9v34.31h2.5V29.9l8.16-1.83a6.457 6.457 0 0 0 5.08-6.34l-.01.01ZM13.21 43.09v5.34h-9.7v-5.34c0-.96.79-1.75 1.75-1.75h6.2c.96 0 1.75.79 1.75 1.75Z"/><path d="M21.5 40.78H19v21.43h2.5V40.78ZM28.25 10h-.76c-.06-2.85-.53-6.23-3.99-6.88V2H17v1.12c-3.46.65-3.93 4.03-3.99 6.88h-.76v2.5h16V10ZM17 5.73v1.52h2.5V4.5H21v2.75h2.5V5.73c1.07.48 1.41 1.78 1.48 4.27h-9.46c.07-2.5.41-3.8 1.48-4.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M41.74 21.74v-1.25H23.13c1.71-.84 2.87-2.4 2.87-4.19v-2.7h-2.5v2.7c0 1.27-1.49 2.35-3.25 2.35S17 17.57 17 16.3v-2.7h-2.5v2.7c0 1.79 1.16 3.35 2.87 4.19h-3.09c-4.1 0-7.44 3.34-7.44 7.44v10.9H5.25A4.26 4.26 0 0 0 1 43.08v7.84h11v11.29h2.5V50.92h1.21v-7.84c0-1.17-.48-2.23-1.24-3h.04V27.83h-2.5v11.05c-.18-.02-.36-.05-.54-.05H9.35v-10.9c0-2.73 2.22-4.94 4.94-4.94h24.76a3.985 3.985 0 0 1-2.92 2.65L26.01 27.9v34.31h2.5V29.9l8.16-1.83a6.457 6.457 0 0 0 5.08-6.34l-.01.01ZM13.21 43.09v5.34h-9.7v-5.34c0-.96.79-1.75 1.75-1.75h6.2c.96 0 1.75.79 1.75 1.75Z"/><path d="M21.5 40.78H19v21.43h2.5V40.78ZM28.25 10h-.76c-.06-2.85-.53-6.23-3.99-6.88V2H17v1.12c-3.46.65-3.93 4.03-3.99 6.88h-.76v2.5h16V10ZM17 5.73v1.52h2.5V4.5H21v2.75h2.5V5.73c1.07.48 1.41 1.78 1.48 4.27h-9.46c.07-2.5.41-3.8 1.48-4.27Zm42.01 3.53h-5.97V2.25h-2.5v7.01h-5.97c-1.79 0-3.25 1.46-3.25 3.25v5.5h2.5v-5.5c0-.41.34-.75.75-.75h14.45c.41 0 .75.34.75.75v19.72c0 .41-.34.75-.75.75H44.57c-.41 0-.75-.34-.75-.75v-4.39h-2.5v4.39c0 1.79 1.46 3.25 3.25 3.25h5.97v3.66c0 2.07-1.68 3.75-3.75 3.75h-7.87c-3.66 0-6.63 2.97-6.63 6.63 0 3.66 2.97 6.63 6.63 6.63h5.32c.59 3.12 3.33 5.49 6.62 5.49h3.35v-2h4.49a1.25 1.25 0 0 0 0-2.5h-4.49v-4.49h4.49a1.25 1.25 0 0 0 0-2.5h-4.49v-2h-3.35c-3.29 0-6.03 2.37-6.62 5.49h-5.32a4.131 4.131 0 0 1 0-8.26h7.87c3.45 0 6.25-2.8 6.25-6.25v-3.66h5.97c1.79 0 3.25-1.46 3.25-3.25V12.51c0-1.79-1.46-3.25-3.25-3.25Zm-8.15 41.4h.85v8.49h-.85c-2.34 0-4.24-1.9-4.24-4.24 0-2.34 1.9-4.24 4.24-4.24v-.01Z"/><path d="m51.27 14.87-5.02 9.14 5.84-.72-2.67 4.86 2.19 1.2 5.02-9.15-5.84.73 2.67-4.86-2.19-1.2Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M41.74 21.74v-1.25H23.13c1.71-.84 2.87-2.4 2.87-4.19v-2.7h-2.5v2.7c0 1.27-1.49 2.35-3.25 2.35S17 17.57 17 16.3v-2.7h-2.5v2.7c0 1.79 1.16 3.35 2.87 4.19h-3.09c-4.1 0-7.44 3.34-7.44 7.44v10.9H5.25A4.26 4.26 0 0 0 1 43.08v7.84h11v11.29h2.5V50.92h1.21v-7.84c0-1.17-.48-2.23-1.24-3h.04V27.83h-2.5v11.05c-.18-.02-.36-.05-.54-.05H9.35v-10.9c0-2.73 2.22-4.94 4.94-4.94h24.76a3.985 3.985 0 0 1-2.92 2.65L26.01 27.9v34.31h2.5V29.9l8.16-1.83a6.457 6.457 0 0 0 5.08-6.34l-.01.01ZM13.21 43.09v5.34h-9.7v-5.34c0-.96.79-1.75 1.75-1.75h6.2c.96 0 1.75.79 1.75 1.75Z"/><path d="M21.5 40.78H19v21.43h2.5V40.78ZM28.25 10h-.76c-.06-2.85-.53-6.23-3.99-6.88V2H17v1.12c-3.46.65-3.93 4.03-3.99 6.88h-.76v2.5h16V10ZM17 5.73v1.52h2.5V4.5H21v2.75h2.5V5.73c1.07.48 1.41 1.78 1.48 4.27h-9.46c.07-2.5.41-3.8 1.48-4.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M41.74 21.74v-1.25H23.13c1.71-.84 2.87-2.4 2.87-4.19v-2.7h-2.5v2.7c0 1.27-1.49 2.35-3.25 2.35S17 17.57 17 16.3v-2.7h-2.5v2.7c0 1.79 1.16 3.35 2.87 4.19h-3.09c-4.1 0-7.44 3.34-7.44 7.44v10.9H5.25A4.26 4.26 0 0 0 1 43.08v7.84h11v11.29h2.5V50.92h1.21v-7.84c0-1.17-.48-2.23-1.24-3h.04V27.83h-2.5v11.05c-.18-.02-.36-.05-.54-.05H9.35v-10.9c0-2.73 2.22-4.94 4.94-4.94h24.76a3.985 3.985 0 0 1-2.92 2.65L26.01 27.9v34.31h2.5V29.9l8.16-1.83a6.457 6.457 0 0 0 5.08-6.34l-.01.01ZM13.21 43.09v5.34h-9.7v-5.34c0-.96.79-1.75 1.75-1.75h6.2c.96 0 1.75.79 1.75 1.75Z"/><path d="M21.5 40.78H19v21.43h2.5V40.78ZM28.25 10h-.76c-.06-2.85-.53-6.23-3.99-6.88V2H17v1.12c-3.46.65-3.93 4.03-3.99 6.88h-.76v2.5h16V10ZM17 5.73v1.52h2.5V4.5H21v2.75h2.5V5.73c1.07.48 1.41 1.78 1.48 4.27h-9.46c.07-2.5.41-3.8 1.48-4.27Zm42.01 3.53h-5.97V2.25h-2.5v7.01h-5.97c-1.79 0-3.25 1.46-3.25 3.25v5.5h2.5v-5.5c0-.41.34-.75.75-.75h14.45c.41 0 .75.34.75.75v19.72c0 .41-.34.75-.75.75H44.57c-.41 0-.75-.34-.75-.75v-4.39h-2.5v4.39c0 1.79 1.46 3.25 3.25 3.25h5.97v3.66c0 2.07-1.68 3.75-3.75 3.75h-7.87c-3.66 0-6.63 2.97-6.63 6.63 0 3.66 2.97 6.63 6.63 6.63h5.32c.59 3.12 3.33 5.49 6.62 5.49h3.35v-2h4.49a1.25 1.25 0 0 0 0-2.5h-4.49v-4.49h4.49a1.25 1.25 0 0 0 0-2.5h-4.49v-2h-3.35c-3.29 0-6.03 2.37-6.62 5.49h-5.32a4.131 4.131 0 0 1 0-8.26h7.87c3.45 0 6.25-2.8 6.25-6.25v-3.66h5.97c1.79 0 3.25-1.46 3.25-3.25V12.51c0-1.79-1.46-3.25-3.25-3.25Zm-8.15 41.4h.85v8.49h-.85c-2.34 0-4.24-1.9-4.24-4.24 0-2.34 1.9-4.24 4.24-4.24v-.01Z"/><path d="m51.27 14.87-5.02 9.14 5.84-.72-2.67 4.86 2.19 1.2 5.02-9.15-5.84.73 2.67-4.86-2.19-1.2Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M50.061 31.135H14.706v2.5h35.355v-2.5Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M49.87 30.19H14.51v4h35.36v-4Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M49.87 30.94H33.44V14.51h-2.5v16.43H14.51v2.5h16.43v16.43h2.5V33.44h16.43v-2.5Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M49.87 30.19H34.19V14.51h-4v15.68H14.51v4h15.68v15.68h4V34.19h15.68v-4Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m45.38 20.38-1.76-1.76L32 30.23 20.38 18.62l-1.76 1.76L30.23 32 18.62 43.62l1.76 1.76L32 33.77l11.62 11.61 1.76-1.76L33.77 32l11.61-11.62Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m45.91 20.91-2.82-2.82L32 29.17 20.91 18.09l-2.82 2.82L29.17 32 18.09 43.09l2.82 2.82L32 34.83l11.09 11.08 2.82-2.82L34.83 32l11.08-11.09Z"/></svg>
|
|
@@ -0,0 +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>
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85Zm2.48 10.88v15.38c-.85 1.96-1.24 4.68-1.24 6.46v.85l.79.31c1.35.54 4.9 1.33 9.16 1.33s7.81-.8 9.16-1.33l.79-.31v-.85c0-1.79-.39-4.51-1.24-6.47V27.24c.8-.81 1.68-1.88 2.47-3.04v10.88l1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.2c.79 1.17 1.67 2.24 2.47 3.04l-.01.01Zm2.5.36c1.3-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c-1.31.41-3.67.86-6.21.86s-4.9-.45-6.21-.86v-14.4Zm-.53 16.86c1.67.49 4.19.91 6.73.91s5.07-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89s-5.91-.47-7.42-.89c.08-1.17.31-2.57.68-3.73h.02Z"/><path d="M43.13 35.15v19.13c0 1.34-4.11 5.36-10.17 5.36h-2.02c-6.06 0-10.17-4.03-10.17-5.36V35.1l-2.5 2.51v16.67c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.65l-2.5-2.5Z"/><path d="M15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.01 18.9 2.62-2.62v-5.92c0-4.69-3.81-8.5-8.5-8.5H26.77c-4.69 0-8.5 3.81-8.5 8.5v5.92l2.62 2.62c2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87Zm-22.24-2.53v-6.02c0-3.31 2.69-6 6-6h10.36c3.31 0 6 2.69 6 6v6.02c-3.87-.82-10.34-.85-11.18-.85-.84 0-7.31.03-11.18.85Zm2.48 10.88v15.38c-.85 1.96-1.24 4.68-1.24 6.46v.85l.79.31c1.35.54 4.9 1.33 9.16 1.33s7.81-.8 9.16-1.33l.79-.31v-.85c0-1.79-.39-4.51-1.24-6.47V27.24c.8-.81 1.68-1.88 2.47-3.04v10.88l1.73-1.73.77.77v-12.6l-2.62-2.62c-.47 1.9-2.23 4.62-3.92 6.38-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.57.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38l-2.62 2.62v12.55l.73-.73 1.77 1.77V24.2c.79 1.17 1.67 2.24 2.47 3.04l-.01.01Zm2.5.36c1.3-.39 3.73-.88 6.21-.88s4.9.49 6.21.88v14.4c-1.31.41-3.67.86-6.21.86s-4.9-.45-6.21-.86v-14.4Zm-.53 16.86c1.67.49 4.19.91 6.73.91s5.07-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.25.89-7.42.89s-5.91-.47-7.42-.89c.08-1.17.31-2.57.68-3.73h.02Z"/><path d="M43.13 35.15v19.13c0 1.34-4.11 5.36-10.17 5.36h-2.02c-6.06 0-10.17-4.03-10.17-5.36V35.1l-2.5 2.51v16.67c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.65l-2.5-2.5ZM15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77Z"/><path d="m7.79 44.58 1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.1 35.12 1.77-1.77.81.81v-12.6l-2.67-2.67 2.67-2.67v-5.71c0-4.69-3.81-8.5-8.5-8.5H26.82c-4.69 0-8.5 3.81-8.5 8.5v5.8l2.58 2.58-2.58 2.58v12.55l.69-.69 1.77 1.77-2.45 2.46v16.89c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.69l-2.58-2.58-.01.01Zm-19.31 7.29h-2.5v-14.4h2.5v14.4Zm8.2 6.84c-3.17 0-5.9-.47-7.41-.89.08-1.17.31-2.57.68-3.73 1.67.49 4.19.91 6.73.91s5.06-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.24.89-7.41.89Zm10.72-6.84h-2.5v-14.4h2.5v14.4Zm-3.54-16.97h-.02c-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.56.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38 2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87-.47 1.9-2.23 4.62-3.91 6.38Z"/><path d="M15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.1 35.12 1.77-1.77.81.81v-12.6l-2.67-2.67 2.67-2.67v-5.71c0-4.69-3.81-8.5-8.5-8.5H26.82c-4.69 0-8.5 3.81-8.5 8.5v5.8l2.58 2.58-2.58 2.58v12.55l.69-.69 1.77 1.77-2.45 2.46v16.89c0 3.43 6.15 7.86 12.67 7.86h2.02c6.53 0 12.67-4.43 12.67-7.86V37.69l-2.58-2.58-.01.01Zm-19.31 7.29h-2.5v-14.4h2.5v14.4Zm8.2 6.84c-3.17 0-5.9-.47-7.41-.89.08-1.17.31-2.57.68-3.73 1.67.49 4.19.91 6.73.91s5.06-.41 6.73-.91c.37 1.16.6 2.56.68 3.73-1.51.42-4.24.89-7.41.89Zm10.72-6.84h-2.5v-14.4h2.5v14.4Zm-3.54-16.97h-.02c-1.58-.5-4.37-1.05-7.14-1.05-2.77 0-5.56.55-7.14 1.05-1.69-1.76-3.44-4.48-3.91-6.38 2.62-.64 7.83-.87 11.06-.87 3.23 0 8.44.24 11.06.87-.47 1.9-2.23 4.62-3.91 6.38Z"/><path d="M15.44 15.2a1.25 1.25 0 0 0 0 1.77l1.92 1.92-9.64 9.65 1.77 1.77L20.9 18.9l-3.69-3.69a1.25 1.25 0 0 0-1.77 0v-.01Zm40.75 13.34-9.64-9.64 1.92-1.92c.49-.49.49-1.28 0-1.77a1.25 1.25 0 0 0-1.77 0l-3.69 3.69 11.41 11.41 1.77-1.77ZM7.79 44.58l1.76 1.77 11.22-11.24-1.76-1.77L7.79 44.58Zm37.08-11.223-1.767 1.768 11.236 11.236 1.767-1.768L44.87 33.357Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
|
|
@@ -215,6 +215,7 @@ 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"
|
|
218
219
|
>
|
|
219
220
|
</road-input>
|
|
220
221
|
${unsafeHTML(args['checklistPassword'])}
|
|
@@ -25,7 +25,6 @@ export class ProgressBar {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const valueRound = Math.round(this.value / 5 / 5);
|
|
28
|
-
console.log(this.value / 5 / 5);
|
|
29
28
|
return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: "progress-element-info" }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30
29
|
}
|
|
31
30
|
static get is() { return "road-progress"; }
|