@roadtrip/components 3.7.0 → 3.9.0

package/dist/cjs/road-toolbar-title-page.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a2306350.js');
+const index = require('./index-2e5d330e.js');
 
 const toolbarTitlePageCss = ":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title-page{font-size:var(--road-font-size-20);text-align:center}}";
 

package/dist/cjs/road-toolbar-title.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a2306350.js');
+const index = require('./index-2e5d330e.js');
 
 const toolbarTitleCss = ":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21)}}";
 

package/dist/cjs/road-tooltip.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a2306350.js');
+const index = require('./index-2e5d330e.js');
 
 const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:auto;position:relative;display:inline-block}:host([trigger=\"hover\"]) .tooltip{display:none}@media (min-width: 1200px){:host([trigger=\"hover\"]) .tooltip{display:block}}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:6rem;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign=\"left\"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}";
 

package/dist/cjs/roadtrip.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-a2306350.js');
-require('./app-d94011e3.js');
+const index = require('./index-2e5d330e.js');
+require('./app-04522e32.js');
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
@@ -83,5 +83,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"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-indicator-vertical.cjs\",[[1,\"road-progress-indicator-vertical\"]]],[\"road-progress-indicator-vertical-item.cjs\",[[4,\"road-progress-indicator-vertical-item\"]]],[\"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-tag.cjs\",[[1,\"road-tag\",{\"color\":[1],\"contrast\":[4]}]]],[\"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],\"resize\":[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-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);
+  return index.bootstrapLazy(JSON.parse("[[\"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],\"showreviews\":[4],\"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],\"button\":[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],\"filled\":[4],\"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-indicator-vertical.cjs\",[[1,\"road-progress-indicator-vertical\"]]],[\"road-progress-indicator-vertical-item.cjs\",[[4,\"road-progress-indicator-vertical-item\"]]],[\"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-tag.cjs\",[[1,\"road-tag\",{\"color\":[1],\"contrast\":[4]}]]],[\"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],\"resize\":[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-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);
 });

package/dist/cjs/{utils-5c31da25.js → utils-396a6425.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a2306350.js');
+const index = require('./index-2e5d330e.js');
 
 let CACHED_MAP;
 const getIconMap = () => {

package/dist/collection/components/alert/alert.css

@@ -78,6 +78,14 @@
   fill: var(--road-info-default);
 }
 
+:host(.alert-info) ::slotted(road-button) {
+  display: block;
+  margin: 0.375rem 0 0;
+  color: var(--road-on-info-surface-inverse);
+  background: var(--road-info-surface-inverse);
+  fill: var(--road-on-info-surface-inverse);
+}
+
 /**
  * Success
  */
@@ -92,6 +100,14 @@
   fill: var(--road-success-icon);
 }
 
+:host(.alert-success) ::slotted(road-button) {
+  display: block;
+  margin: 0.375rem 0 0;
+  color: var(--road-on-success-surface-inverse);
+  background: var(--road-success-surface-inverse);
+  fill: var(--road-on-success-surface-inverse);
+}
+
 /**
  * Warning
  */
@@ -106,6 +122,14 @@
   fill: var(--road-warning-icon);
 }
 
+:host(.alert-warning) ::slotted(road-button) {
+  display: block;
+  margin: 0.375rem 0 0;
+  color: var(--road-on-warning-surface-inverse);
+  background: var(--road-warning-surface-inverse);
+  fill: var(--road-on-warning-surface-inverse);
+}
+
 /**
  * Danger
  */
@@ -119,3 +143,11 @@
 :host(.alert-danger) ::slotted(road-icon) {
   fill: var(--road-danger-icon);
 }
+
+:host(.alert-danger) ::slotted(road-button) {
+  display: block;
+  margin: 0.375rem 0 0;
+  color: var(--road-on-danger-surface-inverse);
+  background: var(--road-danger-surface-inverse);
+  fill: var(--road-on-danger-surface-inverse);
+}

package/dist/collection/components/alert/alert.js

@@ -68,6 +68,23 @@ export class Alert {
         "attribute": "label",
         "reflect": false
       },
+      "button": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Button display in the alert\n`<road-button size=\"sm\">Label</road-button>`"
+        },
+        "attribute": "button",
+        "reflect": false
+      },
       "link": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/alert/alert.stories.js

@@ -22,6 +22,9 @@ export default {
     link: {
       control: 'text',
     },
+    button: {
+      control: 'text',
+    },
     label: {
       control: 'text',
     },
@@ -35,6 +38,7 @@ export default {
   args: {
     color: 'info',
     icon: `alert-info`,
+    button: ``,
     ' ': `Information`,
   },
 };
@@ -43,6 +47,7 @@ const Template = (args) => html`
 <road-alert color="${ifDefined(args.color)}" label="${ifDefined(args.label)}" link="${ifDefined(args.link)}" url="${ifDefined(args.url)}">
   <road-icon slot="icon" name="${ifDefined(args.icon)}"></road-icon>
   ${unsafeHTML(args[' '])}
+  ${unsafeHTML(args.button)}
 </road-alert>
 `;
 

package/dist/collection/components/flap/flap.css

@@ -52,6 +52,31 @@
   border-color: var(--road-tag-black-friday);
 }
 
+:host(.flap-promo-filled) {
+  color: var(--road-on-primary);
+  background-color: var(--road-tag-offer);
+}
+
+:host(.flap-exclu-filled) {
+  color: var(--road-on-primary);
+  background-color: var(--road-tag-exclusivity);
+}
+
+:host(.flap-info-filled) {
+  color: var(--road-on-primary);
+  background-color: var(--road-tag-default);
+}
+
+:host(.flap-ecology-filled) {
+  color: var(--road-on-primary);
+  background-color: var(--road-tag-ecology);
+}
+
+:host(.flap-blackfriday-filled) {
+  color: var(--road-on-primary);
+  background-color: var(--road-tag-black-friday);
+}
+
 /* SIZES
  -------------------- */
 

package/dist/collection/components/flap/flap.js

@@ -8,13 +8,17 @@ export class Flap {
      * Set the color of the flap.
      */
     this.color = 'promo';
+    /**
+     * Set to `true` for a filled flap
+     */
+    this.filled = false;
     /**
       * The button size.
       */
     this.size = 'sm';
   }
   render() {
-    const colorClass = `flap-${this.color}`;
+    const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
     return (h(Host, { class: `${colorClass} flap-${this.size}` }, h("slot", null)));
   }
   static get is() { return "road-flap"; }
@@ -49,6 +53,24 @@ export class Flap {
         "reflect": false,
         "defaultValue": "'promo'"
       },
+      "filled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` for a filled flap"
+        },
+        "attribute": "filled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "size": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/flap/flap.stories.js

@@ -18,6 +18,9 @@ export default {
         type: 'select',
       },
     },
+    filled: {
+      control: 'boolean',
+    },
     ' ': {
       control: 'text',
     },
@@ -25,11 +28,12 @@ export default {
   args: {
     color: 'promo',
     ' ': 'Promo',
+    filled: null,
   },
 };
 
 const Template = (args) => html`
-<road-flap color="${ifDefined(args.color)}" size="${ifDefined(args.size)}">
+<road-flap color="${ifDefined(args.color)}" size="${ifDefined(args.size)}" filled="${ifDefined(args.filled)}">
   ${unsafeHTML(args[' '])}
 </road-flap>
 `;
@@ -64,3 +68,9 @@ export const Sizes = Template.bind({});
 Sizes.args = {
   size: 'md',
 };
+
+export const Filled = Template.bind({});
+Filled.args = {
+  color: 'promo',
+  filled: true,
+};

package/dist/collection/components/icon/svg/cookie-color.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m31.508 8.666-.723 1.905a8.23 8.23 0 0 0-.535 2.929 8.25 8.25 0 0 0 10.497 7.94l1.361-.384.214 1.398a6.252 6.252 0 0 0 10.31 3.736l1.58-1.395.466 2.056c.374 1.658.572 3.381.572 5.149 0 12.84-10.41 23.25-23.25 23.25S8.75 44.84 8.75 32c0-11.99 9.075-21.86 20.732-23.115l2.026-.219Zm-3.6 2.987C18.408 13.553 11.25 21.941 11.25 32c0 11.46 9.29 20.75 20.75 20.75S52.75 43.46 52.75 32c0-.934-.062-1.852-.18-2.752a8.753 8.753 0 0 1-12.419-5.124 10.82 10.82 0 0 1-1.651.126c-5.937 0-10.75-4.813-10.75-10.75 0-.63.054-1.246.158-1.847ZM23 17.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0ZM22 25.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5ZM15.75 29a6.25 6.25 0 1 1 12.5 0 6.25 6.25 0 0 1-12.5 0ZM34 32.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm14.25.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm-26 7a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM35.75 43a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM24.75 44a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M42.25 9.846v2.136l1.526-1.525-1.526-.61Zm-2.5-1.107a1.75 1.75 0 0 1 2.4-1.625l3.61 1.444a1.75 1.75 0 0 1 .588 2.862l-3.61 3.61c-1.103 1.103-2.988.322-2.988-1.237V8.739Zm13.328 3.994-2.313 3.702 4.164-1.157-1.85-2.545Zm-1.53-2.267a1.75 1.75 0 0 1 2.899-.102l3.14 4.318a1.75 1.75 0 0 1-.947 2.715l-7.066 1.963c-1.538.427-2.798-1.26-1.952-2.614l3.925-6.28Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/cookie-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m31.508 8.666-.723 1.905a8.23 8.23 0 0 0-.535 2.929 8.25 8.25 0 0 0 10.497 7.94l1.361-.384.214 1.398a6.252 6.252 0 0 0 10.31 3.736l1.58-1.395.466 2.056c.374 1.658.572 3.381.572 5.149 0 12.84-10.41 23.25-23.25 23.25S8.75 44.84 8.75 32c0-11.99 9.075-21.86 20.732-23.115l2.026-.219Zm-3.6 2.987C18.408 13.553 11.25 21.941 11.25 32c0 11.46 9.29 20.75 20.75 20.75S52.75 43.46 52.75 32c0-.934-.062-1.852-.18-2.752a8.753 8.753 0 0 1-12.419-5.124 10.82 10.82 0 0 1-1.651.126c-5.937 0-10.75-4.813-10.75-10.75 0-.63.054-1.246.158-1.847ZM23 17.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0ZM22 25.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5ZM15.75 29a6.25 6.25 0 1 1 12.5 0 6.25 6.25 0 0 1-12.5 0ZM34 32.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm14.25.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-3.25.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm-26 7a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM35.75 43a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM24.75 44a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm3.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M42.25 9.846v2.136l1.526-1.525-1.526-.61Zm-2.5-1.107a1.75 1.75 0 0 1 2.4-1.625l3.61 1.444a1.75 1.75 0 0 1 .588 2.862l-3.61 3.61c-1.103 1.103-2.988.322-2.988-1.237V8.739Zm13.328 3.994-2.313 3.702 4.164-1.157-1.85-2.545Zm-1.53-2.267a1.75 1.75 0 0 1 2.899-.102l3.14 4.318a1.75 1.75 0 0 1-.947 2.715l-7.066 1.963c-1.538.427-2.798-1.26-1.952-2.614l3.925-6.28Z"/></svg>

package/dist/collection/components/icon/svg/player-arrow-play-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.333 50.667 50.667 32 21.333 13.333v37.334Zm2.5-32.78v28.226L46.01 32 23.833 17.887Z"/></svg>

package/dist/collection/components/icon/svg/player-break-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.5 32c0 11.874-9.626 21.5-21.5 21.5a21.422 21.422 0 0 1-14.48-5.606L47.895 17.52A21.422 21.422 0 0 1 53.5 32ZM16.107 46.48 46.48 16.107A21.422 21.422 0 0 0 32 10.5c-11.874 0-21.5 9.626-21.5 21.5a21.422 21.422 0 0 0 5.607 14.48ZM56 32c0 13.255-10.745 24-24 24S8 45.255 8 32 18.745 8 32 8s24 10.745 24 24Z"/></svg>

package/dist/collection/components/icon/svg/player-irregular-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 29.5h5V32h-5v-2.5Zm0 11h38V43H13v-2.5Zm16-11h-5V32h5v-2.5Zm6 0h5V32h-5v-2.5Zm16 0h-5V32h5v-2.5Z"/></svg>

package/dist/collection/components/icon/svg/player-pause-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27 13h-2.5v38H27V13Zm12.5 0H37v38h2.5V13Z"/></svg>

package/dist/collection/components/icon/svg/player-regular-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 40.5h38V43H13v-2.5Zm38-11H13V32h38v-2.5Z"/></svg>

package/dist/collection/components/icon/svg/player-unlimited-outline.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m28.116 29.884-5.139-5.14c-4.007-4.006-10.503-4.006-14.51.001-4.007 4.007-4.007 10.503 0 14.51s10.503 4.007 14.51 0l8.14-8.139 8.138-8.139c4.983-4.983 13.063-4.983 18.046 0 4.983 4.983 4.983 13.063 0 18.046-4.983 4.983-13.063 4.983-18.046 0l-5.139-5.139 1.768-1.768 5.139 5.14c4.007 4.006 10.503 4.006 14.51 0 4.007-4.008 4.007-10.504 0-14.511s-10.503-4.007-14.51 0l-8.14 8.139-8.138 8.14c-4.983 4.982-13.063 4.982-18.046 0-4.983-4.984-4.983-13.064 0-18.047 4.983-4.983 13.063-4.983 18.046 0l5.139 5.14-1.768 1.767Z"/></svg>

package/dist/collection/components/icon/svg/season-swap-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M46.42 6.3c-4.87 0-8.84 3.96-8.84 8.84s3.96 8.84 8.84 8.84 8.84-3.96 8.84-8.84S51.3 6.3 46.42 6.3Zm0 15.17c-3.49 0-6.34-2.84-6.34-6.34s2.84-6.34 6.34-6.34 6.34 2.84 6.34 6.34-2.84 6.34-6.34 6.34ZM47.67 0h-2.5v2.52h2.5V0ZM47.67 27.74h-2.5v2.52h2.5v-2.52ZM61.55 13.88h-2.52v2.5h2.52v-2.5ZM33.81 13.88h-2.52v2.5h2.52v-2.5ZM56.236 3.544l-1.782 1.782 1.767 1.768 1.783-1.782-1.768-1.768ZM36.621 23.17l-1.782 1.782 1.767 1.768 1.783-1.781-1.768-1.768ZM56.219 23.17l-1.768 1.768 1.782 1.782L58 24.951l-1.782-1.782ZM36.609 3.543 34.841 5.31l1.782 1.782 1.768-1.767-1.782-1.782ZM22.11 40.69l6.21 1.67.65-2.42-5.51-1.47 1.48-5.51-2.42-.64-1.66 6.21-5.13 2.96v-5.92l4.55-4.55-1.77-1.77-4.03 4.03-4.03-4.03-1.76 1.77 4.54 4.55v5.92l-5.12-2.96-1.67-6.21-2.41.64 1.48 5.51L0 39.94l.65 2.42 6.21-1.67 5.12 2.96-5.12 2.96-6.21-1.67L0 47.36l5.51 1.47-1.48 5.51 2.41.65 1.67-6.22 5.12-2.95v5.91l-4.54 4.55 1.76 1.77 4.03-4.03 4.03 4.03 1.77-1.77-4.55-4.55v-5.91l5.13 2.95 1.66 6.22 2.42-.65-1.48-5.51 5.51-1.47-.65-2.42-6.21 1.67-5.13-2.96 5.13-2.96Z"/><path d="m19.23 20.62-1.77-1.77-1.72 1.72v-2.09c0-4.41 3.59-8 8-8h2.03v-2.5h-2.03c-5.79 0-10.5 4.71-10.5 10.5v2.09l-1.72-1.72-1.77 1.77 4.74 4.74 4.74-4.74ZM41.95 39.97l1.77 1.77 1.46-1.46v1.82c0 4.41-3.59 8-8 8h-2.03v2.5h2.03c5.79 0 10.5-4.71 10.5-10.5v-2.36l1.99 1.99 1.77-1.77-4.74-4.74-4.75 4.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M46.42 6.3c-4.87 0-8.84 3.96-8.84 8.84s3.96 8.84 8.84 8.84 8.84-3.96 8.84-8.84S51.3 6.3 46.42 6.3Zm0 15.17c-3.49 0-6.34-2.84-6.34-6.34s2.84-6.34 6.34-6.34 6.34 2.84 6.34 6.34-2.84 6.34-6.34 6.34ZM47.67 0h-2.5v2.52h2.5V0Zm0 27.74h-2.5v2.52h2.5v-2.52Zm13.88-13.86h-2.52v2.5h2.52v-2.5Zm-27.74 0h-2.52v2.5h2.52v-2.5ZM56.236 3.544l-1.782 1.782 1.767 1.768 1.783-1.782-1.768-1.768ZM36.621 23.17l-1.782 1.782 1.767 1.768 1.783-1.781-1.768-1.768Zm19.598 0-1.768 1.768 1.782 1.782L58 24.951l-1.782-1.782ZM36.609 3.543 34.841 5.31l1.782 1.782 1.768-1.767-1.782-1.782ZM22.11 40.69l6.21 1.67.65-2.42-5.51-1.47 1.48-5.51-2.42-.64-1.66 6.21-5.13 2.96v-5.92l4.55-4.55-1.77-1.77-4.03 4.03-4.03-4.03-1.76 1.77 4.54 4.55v5.92l-5.12-2.96-1.67-6.21-2.41.64 1.48 5.51L0 39.94l.65 2.42 6.21-1.67 5.12 2.96-5.12 2.96-6.21-1.67L0 47.36l5.51 1.47-1.48 5.51 2.41.65 1.67-6.22 5.12-2.95v5.91l-4.54 4.55 1.76 1.77 4.03-4.03 4.03 4.03 1.77-1.77-4.55-4.55v-5.91l5.13 2.95 1.66 6.22 2.42-.65-1.48-5.51 5.51-1.47-.65-2.42-6.21 1.67-5.13-2.96 5.13-2.96Z"/><path d="m19.23 20.62-1.77-1.77-1.72 1.72v-2.09c0-4.41 3.59-8 8-8h2.03v-2.5h-2.03c-5.79 0-10.5 4.71-10.5 10.5v2.09l-1.72-1.72-1.77 1.77 4.74 4.74 4.74-4.74Zm22.72 19.35 1.77 1.77 1.46-1.46v1.82c0 4.41-3.59 8-8 8h-2.03v2.5h2.03c5.79 0 10.5-4.71 10.5-10.5v-2.36l1.99 1.99 1.77-1.77-4.74-4.74-4.75 4.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/season-swap-outline.svg

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.42 6.3c-4.87 0-8.84 3.96-8.84 8.84s3.96 8.84 8.84 8.84 8.84-3.96 8.84-8.84S51.3 6.3 46.42 6.3Zm0 15.17c-3.49 0-6.34-2.84-6.34-6.34s2.84-6.34 6.34-6.34 6.34 2.84 6.34 6.34-2.84 6.34-6.34 6.34ZM47.67 0h-2.5v2.52h2.5V0ZM47.67 27.74h-2.5v2.52h2.5v-2.52ZM61.55 13.88h-2.52v2.5h2.52v-2.5ZM33.81 13.88h-2.52v2.5h2.52v-2.5ZM56.236 3.544l-1.782 1.782 1.767 1.768 1.783-1.782-1.768-1.768ZM36.621 23.17l-1.782 1.782 1.767 1.768 1.783-1.781-1.768-1.768ZM56.219 23.17l-1.768 1.768 1.782 1.782L58 24.951l-1.782-1.782ZM36.609 3.543 34.841 5.31l1.782 1.782 1.768-1.767-1.782-1.782ZM22.11 40.69l6.21 1.67.65-2.42-5.51-1.47 1.48-5.51-2.42-.64-1.66 6.21-5.13 2.96v-5.92l4.55-4.55-1.77-1.77-4.03 4.03-4.03-4.03-1.76 1.77 4.54 4.55v5.92l-5.12-2.96-1.67-6.21-2.41.64 1.48 5.51L0 39.94l.65 2.42 6.21-1.67 5.12 2.96-5.12 2.96-6.21-1.67L0 47.36l5.51 1.47-1.48 5.51 2.41.65 1.67-6.22 5.12-2.95v5.91l-4.54 4.55 1.76 1.77 4.03-4.03 4.03 4.03 1.77-1.77-4.55-4.55v-5.91l5.13 2.95 1.66 6.22 2.42-.65-1.48-5.51 5.51-1.47-.65-2.42-6.21 1.67-5.13-2.96 5.13-2.96ZM19.23 20.62l-1.77-1.77-1.72 1.72v-2.09c0-4.41 3.59-8 8-8h2.03v-2.5h-2.03c-5.79 0-10.5 4.71-10.5 10.5v2.09l-1.72-1.72-1.77 1.77 4.74 4.74 4.74-4.74ZM41.95 39.97l1.77 1.77 1.46-1.46v1.82c0 4.41-3.59 8-8 8h-2.03v2.5h2.03c5.79 0 10.5-4.71 10.5-10.5v-2.36l1.99 1.99 1.77-1.77-4.74-4.74-4.75 4.75Z"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.42 6.3c-4.87 0-8.84 3.96-8.84 8.84s3.96 8.84 8.84 8.84 8.84-3.96 8.84-8.84S51.3 6.3 46.42 6.3Zm0 15.17c-3.49 0-6.34-2.84-6.34-6.34s2.84-6.34 6.34-6.34 6.34 2.84 6.34 6.34-2.84 6.34-6.34 6.34ZM47.67 0h-2.5v2.52h2.5V0Zm0 27.74h-2.5v2.52h2.5v-2.52Zm13.88-13.86h-2.52v2.5h2.52v-2.5Zm-27.74 0h-2.52v2.5h2.52v-2.5ZM56.236 3.544l-1.782 1.782 1.767 1.768 1.783-1.782-1.768-1.768ZM36.621 23.17l-1.782 1.782 1.767 1.768 1.783-1.781-1.768-1.768Zm19.598 0-1.768 1.768 1.782 1.782L58 24.951l-1.782-1.782ZM36.609 3.543 34.841 5.31l1.782 1.782 1.768-1.767-1.782-1.782ZM22.11 40.69l6.21 1.67.65-2.42-5.51-1.47 1.48-5.51-2.42-.64-1.66 6.21-5.13 2.96v-5.92l4.55-4.55-1.77-1.77-4.03 4.03-4.03-4.03-1.76 1.77 4.54 4.55v5.92l-5.12-2.96-1.67-6.21-2.41.64 1.48 5.51L0 39.94l.65 2.42 6.21-1.67 5.12 2.96-5.12 2.96-6.21-1.67L0 47.36l5.51 1.47-1.48 5.51 2.41.65 1.67-6.22 5.12-2.95v5.91l-4.54 4.55 1.76 1.77 4.03-4.03 4.03 4.03 1.77-1.77-4.55-4.55v-5.91l5.13 2.95 1.66 6.22 2.42-.65-1.48-5.51 5.51-1.47-.65-2.42-6.21 1.67-5.13-2.96 5.13-2.96Zm-2.88-20.07-1.77-1.77-1.72 1.72v-2.09c0-4.41 3.59-8 8-8h2.03v-2.5h-2.03c-5.79 0-10.5 4.71-10.5 10.5v2.09l-1.72-1.72-1.77 1.77 4.74 4.74 4.74-4.74Zm22.72 19.35 1.77 1.77 1.46-1.46v1.82c0 4.41-3.59 8-8 8h-2.03v2.5h2.03c5.79 0 10.5-4.71 10.5-10.5v-2.36l1.99 1.99 1.77-1.77-4.74-4.74-4.75 4.75Z"/></svg>

package/dist/collection/components/input/input.css

@@ -124,7 +124,8 @@
 }
 /* stylelint-enable */
 
-.form-control:not(:disabled):focus {
+.form-control:not(:disabled):focus,
+.form-control[autofocus] {
   border-color: var(--road-input-outline-variant);
   outline: 0;
 }
@@ -193,6 +194,7 @@
 }
 
 :host(.input-xl) .form-control:focus ~ .form-label,
+:host(.input-xl) .form-control[autofocus] ~ .form-label,
 :host(.input-xl) .form-control[required]:valid ~ .form-label,
 :host(.input-xl) .form-control.has-value ~ .form-label,
 :host(.input-xl) .form-control[type="date"] ~ .form-label,

package/dist/collection/components/patterns/breadcrumb.stories.js

@@ -9,15 +9,15 @@ export const Playground = () => html`
   <a class="link link-default d-inline-flex align-items-center" href="#">
     Home
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <a class="link link-default d-inline-flex align-items-center" href="#">
     link 1
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <a class="link link-default d-inline-flex align-items-center" href="#">
     link 2
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <span>
     Page title
   </span>
@@ -30,7 +30,7 @@ export const Levels = () => html`
   <a class="link link-default d-inline-flex align-items-center" href="#">
     Home
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <span>
     Page title
   </span>
@@ -41,11 +41,11 @@ export const Levels = () => html`
   <a class="link link-default d-inline-flex align-items-center" href="#">
     Home
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <a class="link link-default d-inline-flex align-items-center" href="#">
     link 1
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <span>
     Page title
   </span>
@@ -56,15 +56,15 @@ export const Levels = () => html`
   <a class="link link-default d-inline-flex align-items-center" href="#">
     Home
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <a class="link link-default d-inline-flex align-items-center" href="#">
     link 1
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <a class="link link-default d-inline-flex align-items-center" href="#">
     link 2
   </a>
-  <road-icon size="sm" class="mx-8" name="navigation-chevron"></road-icon>
+  <span class="mx-8">/</span>
   <span>
     Page title
   </span>

package/dist/collection/components/range/range.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-import { navigationAddLess, navigationAddMore } from '../../../icons';
+import { navigationAddLessSolid, navigationAddMoreSolid } from '../../../icons';
 /**
  * @slot datalist - list of labels. also put show-labels="true" and max="10" for this exemple
  * `<datalist id="tickmarks" slot="datalist" class="tickmarks">`
@@ -63,7 +63,7 @@ export class Range {
   render() {
     const value = this.getValue();
     const datalist = this.showLabels !== undefined ? `tickmarks` : '';
-    return (h("div", { class: "form-group d-flex align-items-end" }, this.showTick && h("road-icon", { icon: navigationAddLess, class: "mr-8", size: 'sm' }), h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && h("output", null), this.showLabels && h("slot", { name: "datalist" }), h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist }), h("div", { class: "form-range-progress" })), this.showTick && h("road-icon", { icon: navigationAddMore, class: "ml-8", size: 'sm' })));
+    return (h("div", { class: "form-group d-flex align-items-end" }, this.showTick && h("road-icon", { icon: navigationAddLessSolid, class: "mr-8", size: 'sm' }), h("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && h("output", null), this.showLabels && h("slot", { name: "datalist" }), h("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist }), h("div", { class: "form-range-progress" })), this.showTick && h("road-icon", { icon: navigationAddMoreSolid, class: "ml-8", size: 'sm' })));
   }
   static get is() { return "road-range"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/rating/rating.js

@@ -10,6 +10,10 @@ export class Rating {
      * Rate review between 0 and 5
      */
     this.rate = 0;
+    /**
+   * Show reviews
+   */
+    this.showreviews = true;
     /**
      * number of reviews
      */
@@ -24,7 +28,7 @@ export class Rating {
     const rateDecimale = this.rate - Math.floor(this.rate) > 0 ? 1 : 0;
     const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
     const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
-    return (h(Host, null, h("div", { class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => h("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => h("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => h("road-icon", { icon: star, size: "sm", class: "rating-star" }))), h("a", { class: `${sizeRatingNumberClass}`, href: "#" }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+    return (h(Host, null, h("div", { class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => h("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => h("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => h("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.showreviews && h("a", { class: `${sizeRatingNumberClass}`, href: "#" }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
   }
   static get is() { return "road-rating"; }
   static get encapsulation() { return "shadow"; }
@@ -76,6 +80,24 @@ export class Rating {
         "reflect": false,
         "defaultValue": "0"
       },
+      "showreviews": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show reviews"
+        },
+        "attribute": "showreviews",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "reviews": {
         "type": "number",
         "mutable": false,

package/dist/collection/components/rating/rating.stories.js

@@ -18,6 +18,9 @@ export default {
         max: '5',
       },
     },
+    showreviews: {
+      control: 'boolean',
+    },
     reviews: {
       control: {
         type: 'number',
@@ -38,7 +41,8 @@ const Template = (args) => html`
   rate="${ifDefined(args.rate)}" 
   reviews="${ifDefined(args.reviews)}" 
   reviews-text="${ifDefined(args['reviews-text'])}"
-  size="${ifDefined(args.size)}" 
+  size="${ifDefined(args.size)}"
+  showreviews="${ifDefined(args.showreviews)}"
 ></road-rating>
 `;
 
@@ -47,6 +51,7 @@ Playground.args = {
   rate: 3,
   reviews: 5,
   'reviews-text': 'reviews',
+  showreviews:'true',
 };
 
 export const Rating = Template.bind({});
@@ -60,3 +65,10 @@ MaxRating.args = {
   rate: 5,
   reviews: 50,
 };
+
+export const LightRating = Template.bind({});
+LightRating.args = {
+  rate: 5,
+  reviews: 50,
+  showreviews:'false',
+};

package/dist/esm/{app-ca51f056.js → app-36d3a1be.js}

@@ -1,4 +1,4 @@
-import { s as setMode } from './index-a99a5e7b.js';
+import { s as setMode } from './index-3648a167.js';
 
 setMode(elm => {
   return elm.mode || elm.getAttribute('mode') || 'light';