@roadtrip/components 2.21.0 → 2.24.0

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8402028a.js');
+const index = require('./index-d47fa3c0.js');
 const index$1 = require('./index-0181f02a.js');
 
-const toastCss = ":host{position:fixed;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}:host(.toast-top){top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}:host(.toast-bottom){bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}:host(.toast-open){visibility:visible;opacity:1;-webkit-transform:none;transform:none}.toast{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-align:center;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.4;text-align:left}:host(.toast-top) .toast{border-radius:0 0 0.25rem 0.25rem}:host(.toast-bottom) .toast{border-radius:0.25rem 0.25rem 0 0}@media (min-width: 576px){.toast{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;-ms-flex-pack:center;justify-content:center;max-width:83.333333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--danger-contrast);background:var(--danger)}.toast-danger road-icon{color:var(--danger-contrast)}.toast-warning{color:var(--warning-contrast);background:var(--warning)}.toast-warning road-icon{color:var(--white)}.toast-success{color:var(--success-contrast);background:var(--success)}.toast-success road-icon{color:var(--success-contrast)}.toast-info{color:var(--info-contrast);background:var(--info)}.toast-info road-icon{color:var(--info-contrast)}.toast-icon{position:absolute;top:1rem;left:0.5rem}@media (min-width: 576px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px}.toast-close:focus{border-color:var(--info);outline:none}";
+const toastCss = ":host{position:fixed;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}:host(.toast-top){top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}:host(.toast-bottom){bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}:host(.toast-open){visibility:visible;opacity:1;-webkit-transform:none;transform:none}.toast{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-align:center;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.4;text-align:left}:host(.toast-top) .toast{border-radius:0 0 0.25rem 0.25rem}:host(.toast-bottom) .toast{border-radius:0.25rem 0.25rem 0 0}@media (min-width: 576px){.toast{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;-ms-flex-pack:center;justify-content:center;max-width:83.3333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--danger-contrast);background:var(--danger)}.toast-danger road-icon{color:var(--danger-contrast)}.toast-warning{color:var(--warning-contrast);background:var(--warning)}.toast-warning road-icon{color:var(--white)}.toast-success{color:var(--success-contrast);background:var(--success)}.toast-success road-icon{color:var(--success-contrast)}.toast-info{color:var(--info-contrast);background:var(--info)}.toast-info road-icon{color:var(--info-contrast)}.toast-icon{position:absolute;top:1rem;left:0.5rem}@media (min-width: 576px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.toast-close:focus{border-color:var(--info);outline:none}";
 
-const Toast = class {
+let Toast = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onClose = index.createEvent(this, "close", 7);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8402028a.js');
+const index = require('./index-d47fa3c0.js');
 
 const toolbarTitleCss = ":host{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}";
 
-const ToolbarTitle = class {
+let ToolbarTitle = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8402028a.js');
+const index = require('./index-d47fa3c0.js');
 
 const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:max-content;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);max-width:var(--max-width);padding:0.5rem;font-family:var(--font);font-size:0.75rem;color:var(--text);text-align:center;pointer-events:none;background:var(--white);border:1px solid var(--border);border-radius:0.25rem;-webkit-box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);opacity:0;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.tooltip-open{opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;-webkit-transform:translateX(-50%) translateY(-70%);transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-left:-0.5rem;-webkit-transform:translateX(-94%) translateY(-55%);transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{-webkit-transform:translateX(-100%) translateY(-55%);transform:translateX(-100%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.375rem;-webkit-transform:translateX(-50%) translateY(-40%);transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;-webkit-transform:translateX(-14%) translateY(-55%);transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{-webkit-transform:translateX(0) translateY(-55%);transform:translateX(0) translateY(-55%)}";
 
-const Tooltip = class {
+let Tooltip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/roadtrip.cjs.js

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-8402028a.js');
-require('./app-268f9884.js');
+const index = require('./index-d47fa3c0.js');
+require('./app-04553107.js');
 
 /*
- Stencil Client Patch Browser v2.8.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.11.0 | MIT Licensed | https://stenciljs.com
  */
 const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
 const patchBrowser = () => {
@@ -39,7 +39,7 @@ const patchBrowser = () => {
         if (!index.win.customElements) {
             // module support, but no custom elements support (Old Edge)
             // @ts-ignore
-            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-3e7d9c3b.js'); }).then(() => opts);
+            return Promise.resolve().then(function () { return require(/* webpackChunkName: "polyfills-dom" */ './dom-ba87b185.js'); }).then(() => opts);
         }
     }
     return index.promiseResolve(opts);
@@ -83,5 +83,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["road-badge_11.cjs",[[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-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-col"],[1,"road-grid"],[1,"road-label"],[1,"road-list",{"lines":[1]}],[1,"road-row"],[1,"road-toolbar",{"color":[1]}],[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-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-counter.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2]}]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"placeholder":[1],"value":[1032]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"]}]]],["road-carousel.cjs",[[4,"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-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-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-rating.cjs",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"position":[1],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"onlySelect":[4,"only-select"],"visible":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadChange","handleChange"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1]}]]],["road-flap.cjs",[[1,"road-flap",{"color":[1]}]]],["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"]]]]],["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"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"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],"inline":[4],"checked":[32]},[[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]}]]],["road-range.cjs",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"label":[1],"error":[1],"value":[1032]}]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner"]]],["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",{"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"]]]]],["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],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-input.cjs",[[2,"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],"type":[1],"value":[1032],"label":[1],"error":[1]}]]],["road-input-group.cjs",[[1,"road-input-group"]]]], options);
+  return index.bootstrapLazy([["road-badge_11.cjs",[[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-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-col"],[1,"road-grid"],[1,"road-label"],[1,"road-list",{"lines":[1]}],[1,"road-row"],[1,"road-toolbar",{"color":[1]}],[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-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-counter.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"placeholder":[1],"value":[1032],"motorbike":[4]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"]}]]],["road-carousel.cjs",[[4,"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-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-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-rating.cjs",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"position":[1],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1]}]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-flap.cjs",[[1,"road-flap",{"color":[1]}]]],["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"]]]]],["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"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"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],"inline":[4],"checked":[32]},[[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]}]]],["road-range.cjs",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadChange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner"]]],["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",{"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"]]]]],["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],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-input.cjs",[[2,"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],"type":[1],"value":[1032],"label":[1],"error":[1],"debounce":[2]}]]],["road-input-group.cjs",[[1,"road-input-group"]]]], options);
 });

package/dist/cjs/{shadow-css-09555044.js → shadow-css-7fb0b43f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 /*
- Stencil Client Platform v2.8.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.11.0 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license
@@ -69,6 +69,7 @@ const extractCommentsWithHash = (input) => {
 };
 const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
 const _curlyRe = /([{}])/g;
+const _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
 const OPEN_CURLY = '{';
 const CLOSE_CURLY = '}';
 const BLOCK_PLACEHOLDER = '%BLOCK%';
@@ -221,17 +222,18 @@ const selectorNeedsScoping = (selector, scopeSelector) => {
     const re = makeScopeMatcher(scopeSelector);
     return !re.test(selector);
 };
+const injectScopingSelector = (selector, scopingSelector) => {
+    return selector.replace(_selectorPartsRe, (_, before = '', _colonGroup, colon = '', after = '') => {
+        return before + scopingSelector + colon + after;
+    });
+};
 const applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {
     // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
     _polyfillHostRe.lastIndex = 0;
     if (_polyfillHostRe.test(selector)) {
         const replaceBy = `.${hostSelector}`;
         return selector
-            .replace(_polyfillHostNoCombinatorRe, (_, selector) => {
-            return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
-                return before + replaceBy + colon + after;
-            });
-        })
+            .replace(_polyfillHostNoCombinatorRe, (_, selector) => injectScopingSelector(selector, replaceBy))
             .replace(_polyfillHostRe, replaceBy + ' ');
     }
     return scopeSelector + ' ' + selector;
@@ -252,10 +254,7 @@ const applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {
             // remove :host since it should be unnecessary
             const t = p.replace(_polyfillHostRe, '');
             if (t.length > 0) {
-                const matches = t.match(/([^:]*)(:*)(.*)/);
-                if (matches) {
-                    scopedP = matches[1] + className + matches[2] + matches[3];
-                }
+                scopedP = injectScopingSelector(t, className);
             }
         }
         return scopedP;

package/dist/cjs/{utils-07e0a826.js → utils-ade59127.js}

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

package/dist/collection/collection-manifest.json

@@ -17,6 +17,7 @@
     "./components/counter/counter.js",
     "./components/dialog/dialog.js",
     "./components/drawer/drawer.js",
+    "./components/dropdown/dropdown.js",
     "./components/flap/flap.js",
     "./components/grid/grid.js",
     "./components/img/img.js",
@@ -36,6 +37,7 @@
     "./components/rating/rating.js",
     "./components/row/row.js",
     "./components/select/select.js",
+    "./components/select-filter/select-filter.js",
     "./components/skeleton/skeleton.js",
     "./components/spinner/spinner.js",
     "./components/switch/switch.js",
@@ -53,8 +55,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.8.0",
-    "typescriptVersion": "4.2.3"
+    "version": "2.11.0",
+    "typescriptVersion": "4.3.5"
   },
   "collections": [],
   "bundles": [],

package/dist/collection/components/accordion/accordion.css

@@ -7,9 +7,8 @@
  *
  * Index
  * - Accordion
- * - Accordion button
- * - Accordion content
- *
+ * - Button
+ * - Content
  */
 
 /**
@@ -18,6 +17,7 @@
  * @prop --header-padding: padding of the accordion header
  * @prop --content-padding: padding of the accordion content
  * @prop --content-margin: margin of the accordion content
+ * @prop --max-height: maximum height of the collapse content
  */
 
 :host {
@@ -26,6 +26,7 @@
   --header-padding: 1rem 0.5rem 1rem 1rem;
   --content-padding: 1rem 0.5rem 0;
   --content-margin: 0 1rem 1rem;
+  --max-height: 800px;
 
   display: block;
   margin-bottom: 1rem;
@@ -35,6 +36,8 @@
  -------------------- */
 
 .accordion {
+  max-height: 4.25rem;
+  overflow: hidden;
   font-family: var(--font, sans-serif);
   font-size: 0.875rem;
   line-height: 1.5;
@@ -42,12 +45,17 @@
   background: var(--white);
   border: 1px solid var(--border);
   border-radius: 0.25rem;
+  transition: max-height 0.3s ease-in-out;
 }
 
 /**
  * Open state
  */
 
+.accordion[open] {
+  max-height: var(--max-height);
+}
+
 .accordion[open] .accordion-arrow {
   transform: rotate(-90deg);
 }
@@ -57,7 +65,7 @@
   margin: var(--content-margin);
 }
 
-/* ACCORDION BUTTON
+/* BUTTON
  -------------------- */
 
 .accordion-trigger {
@@ -67,6 +75,7 @@
   border: 1px solid transparent;
   border-radius: 0.25rem;
   outline: 0;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 .accordion-trigger::-webkit-details-marker { /* Remove chrome native arrow */
@@ -102,7 +111,6 @@
   padding: var(--header-padding);
   cursor: pointer;
   -webkit-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
@@ -116,7 +124,7 @@
   transform: rotate(90deg);
 }
 
-/* ACCORDION CONTENT
+/* CONTENT
  -------------------- */
 
 .accordion-content {

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

@@ -1,17 +1,11 @@
 /*
  * Alert
  *
- * Provide contextual feedback messages for typical user actions
- * with the handful of available and flexible alert messages.
- *
- * Default Alert color is Information colors
- *
  * Index
  * - Alert
- * - Alert icon
- * - Alert description
- * - Alert feedback
- *
+ * - Icon
+ * - Description
+ * - Feedback
  */
 
 
@@ -30,7 +24,7 @@
   border-radius: 0.25rem;
 }
 
-/* ALERT ICON
+/* ICON
  -------------------- */
 
 .alert-icon {
@@ -40,7 +34,7 @@
   margin-right: 0.5rem;
 }
 
-/* ALERT DESCRIPTION
+/* DESCRIPTION
  -------------------- */
 
 .alert-description {
@@ -48,11 +42,11 @@
   margin: 0;
 }
 
-/* ALERT FEEDBACK
+/* FEEDBACK
  -------------------- */
 
 /**
- * Alert success
+ * Info
  */
 
 :host(.alert-info) {
@@ -66,7 +60,7 @@
 }
 
 /**
- * Alert success
+ * Success
  */
 
 :host(.alert-success) {
@@ -80,7 +74,7 @@
 }
 
 /**
- * Alert warning
+ * Warning
  */
 
 :host(.alert-warning) {
@@ -94,7 +88,7 @@
 }
 
 /**
- * Alert danger
+ * Danger
  */
 
 :host(.alert-danger) {

package/dist/collection/components/autocomplete/autocomplete.css

@@ -1,12 +1,9 @@
 /*
  * Autocomplete
  *
- * Autocomplete layer for fields
- *
  * Index
  * - List
  * - Item
- *
  */
 
 :host {
@@ -14,6 +11,15 @@
   display: block;
 }
 
+/* INPUT
+ -------------------- */
+
+::slotted(road-input-group),
+::slotted(road-input) {
+  position: relative;
+  z-index: 2;
+}
+
 /* LIST
  -------------------- */
 
@@ -22,8 +28,8 @@
   top: 3rem;
   z-index: 1;
   width: 100%;
-  max-height: 12.5rem;
-  padding: 0 0 0.5rem;
+  max-height: 16rem;
+  padding: 0.5rem 0;
   margin: 0;
   overflow-y: scroll;
   font-family: var(--font, sans-serif);
@@ -31,7 +37,7 @@
   color: var(--text);
   list-style-type: none;
   background: var(--white);
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 0.25rem 0.25rem;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
 }
 
@@ -47,7 +53,8 @@
  * Hover state
  */
 
-.autocomplete-item:hover {
+.autocomplete-item:hover,
+.autocomplete-item.focus {
   color: var(--secondary-contrast);
   background: var(--secondary);
 }

package/dist/collection/components/autocomplete/autocomplete.js

@@ -1,43 +1,36 @@
-import { Component, Element, Host, Listen, Prop, State, h } from '@stencil/core';
+import { Component, Element, Host, Listen, Prop, State, h, Event } from '@stencil/core';
 /**
  * @slot  - Input element for the widget, it should be a road-input element.
  */
 export class Autocomplete {
   constructor() {
     this.visible = false;
-    this.currentValue = '';
     /**
-     * List of options of the select
+     * List of autocomplete options
      */
     this.options = [];
-    /**
-     * If `true`, the user can't submit custom value
-     */
-    this.onlySelect = false;
-    this.onClick = (event) => {
-      this.el.querySelector('road-input').value = event.target.dataset.value;
+    this.onClick = (value, label) => {
+      this.el.querySelector('road-input').value = value;
       this.visible = false;
+      this.roadSelected.emit({
+        value: value.toString(),
+        label: label
+      });
     };
   }
   handleFocus() {
     this.visible = true;
   }
-  handleChange(event) {
-    this.currentValue = event.detail.value.toLowerCase();
-  }
   onClickOutside(event) {
     if (this.visible && !this.el.contains(event.target)) {
       this.visible = false;
-      if (this.onlySelect) {
-        this.el.querySelector('road-input').value = '';
-      }
     }
   }
   render() {
     return (h(Host, null,
       h("slot", null),
-      this.visible &&
-        h("ul", { class: "autocomplete-list" }, this.options && this.options.filter(element => element.label.toLowerCase().indexOf(this.currentValue) > -1).map(option => (h("li", { class: "autocomplete-item", role: "menuitem", "data-value": option.value, onClick: this.onClick }, option.label))))));
+      this.visible && this.options.length > 0 &&
+        h("ul", { class: "autocomplete-list" }, this.options && this.options.map(option => (h("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label) }, option.label))))));
   }
   static get is() { return "road-autocomplete"; }
   static get encapsulation() { return "scoped"; }
@@ -64,33 +57,30 @@ export class Autocomplete {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "List of options of the select"
+        "text": "List of autocomplete options"
       },
       "defaultValue": "[]"
-    },
-    "onlySelect": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, the user can't submit custom value"
-      },
-      "attribute": "only-select",
-      "reflect": false,
-      "defaultValue": "false"
     }
   }; }
   static get states() { return {
-    "visible": {},
-    "currentValue": {}
+    "visible": {}
   }; }
+  static get events() { return [{
+      "method": "roadSelected",
+      "name": "roadSelected",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted the value and label of the option selected."
+      },
+      "complexType": {
+        "original": "{\n    value: string | undefined | null,\n    label: string\n  }",
+        "resolved": "{ value: string | null | undefined; label: string; }",
+        "references": {}
+      }
+    }]; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
       "name": "roadFocus",
@@ -98,12 +88,6 @@ export class Autocomplete {
       "target": undefined,
       "capture": false,
       "passive": false
-    }, {
-      "name": "roadChange",
-      "method": "handleChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
     }, {
       "name": "click",
       "method": "onClickOutside",