@roadtrip/components 2.21.0

package/dist/esm/road-card.entry.js

@@ -0,0 +1,56 @@
+import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-42b74371.js';
+
+const cardCss = ":host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem)}.card-native{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:100%;padding:1.5rem;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--white);border:0;border-radius:0.25rem;outline:none}a,button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";
+
+const Card = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.roadCardClick = createEvent(this, "roadCardClick", 7);
+    /**
+     * If `true`, a button tag will be rendered and the card will be tappable.
+     */
+    this.button = false;
+    /**
+     * The type of the button. Only used when an `onclick` or `button` property is present.
+     */
+    this.type = 'button';
+    this.onClick = () => {
+      var _a;
+      if (this.value !== undefined) {
+        this.roadCardClick.emit({
+          value: this.value,
+          label: (_a = this.el.querySelector('road-label')) === null || _a === void 0 ? void 0 : _a.textContent,
+        });
+      }
+    };
+  }
+  isClickable() {
+    return (this.href !== undefined || this.button);
+  }
+  renderCard() {
+    const clickable = this.isClickable();
+    if (!clickable) {
+      return [
+        h("slot", null)
+      ];
+    }
+    const { href } = this;
+    const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
+    const attrs = (TagType === 'button')
+      ? { type: this.type }
+      : {
+        download: this.download,
+        href: this.href,
+        rel: this.rel,
+        target: this.target,
+      };
+    return (h(TagType, Object.assign({}, attrs, { class: "card-native", part: "native", onClick: this.onClick }), h("slot", null)));
+  }
+  render() {
+    return (h(Host, null, this.renderCard()));
+  }
+  get el() { return getElement(this); }
+};
+Card.style = cardCss;
+
+export { Card as road_card };

package/dist/esm/road-carousel-item.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-42b74371.js';
+
+const carouselItemCss = "road-carousel-item{display:block;width:100%;height:100%}.slide-zoom{display:block;width:100%;text-align:center}.swiper-slide{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center}.swiper-slide road-img{pointer-events:none}.swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%;pointer-events:none}";
+
+const CarouselItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: {
+        'swiper-slide': true,
+        'swiper-zoom-container': true,
+      } }, h("slot", null)));
+  }
+};
+CarouselItem.style = carouselItemCss;
+
+export { CarouselItem as road_carousel_item };

package/dist/esm/road-carousel.entry.js

@@ -0,0 +1,403 @@
+import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-42b74371.js';
+import { n as navigationChevron } from './index-1ea26b25.js';
+
+const carouselCss = "@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}road-carousel{display:block;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.swiper-container{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.125rem}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.5rem}.swiper-pagination-bullet{width:1.5rem;height:0.1875rem;background:rgba(0, 0, 0, 0.24);border-radius:0;opacity:1}.swiper-pagination-bullet-active{background:rgba(0, 0, 0, 0.64)}.swiper-pagination-progressbar{background:var(--border)}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--text)}.swiper-scrollbar{background:var(--border)}.swiper-scrollbar-drag{background:var(--text)}.swiper-button-prev,.swiper-button-next{display:none}@media (min-width: 768px){.swiper-button-prev,.swiper-button-next{display:-ms-flexbox;display:flex;width:3rem;height:3rem;background:rgba(0, 0, 0, 0.64);border-radius:3rem}.swiper-button-prev road-icon,.swiper-button-next road-icon{color:var(--white)}}.swiper-button-prev::after,.swiper-button-next::after{display:none}@media (hover: hover){.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--white)}.swiper-button-prev:hover road-icon,.swiper-button-next:hover road-icon{color:var(--text)}}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1rem}@media (min-width: 768px){.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1.5rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1.5rem}}";
+
+const Carousel = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.roadSlidesDidLoad = createEvent(this, "roadSlidesDidLoad", 7);
+    this.roadSlideTap = createEvent(this, "roadSlideTap", 7);
+    this.roadSlideDoubleTap = createEvent(this, "roadSlideDoubleTap", 7);
+    this.roadSlideWillChange = createEvent(this, "roadSlideWillChange", 7);
+    this.roadSlideDidChange = createEvent(this, "roadSlideDidChange", 7);
+    this.roadSlideNextStart = createEvent(this, "roadSlideNextStart", 7);
+    this.roadSlidePrevStart = createEvent(this, "roadSlidePrevStart", 7);
+    this.roadSlideNextEnd = createEvent(this, "roadSlideNextEnd", 7);
+    this.roadSlidePrevEnd = createEvent(this, "roadSlidePrevEnd", 7);
+    this.roadSlideTransitionStart = createEvent(this, "roadSlideTransitionStart", 7);
+    this.roadSlideTransitionEnd = createEvent(this, "roadSlideTransitionEnd", 7);
+    this.roadSlideDrag = createEvent(this, "roadSlideDrag", 7);
+    this.roadSlideReachStart = createEvent(this, "roadSlideReachStart", 7);
+    this.roadSlideReachEnd = createEvent(this, "roadSlideReachEnd", 7);
+    this.roadSlideTouchStart = createEvent(this, "roadSlideTouchStart", 7);
+    this.roadSlideTouchEnd = createEvent(this, "roadSlideTouchEnd", 7);
+    this.swiperReady = false;
+    this.swiper = new Promise(resolve => {
+      this.readySwiper = resolve;
+    });
+    this.didInit = false;
+    /**
+     * Options to pass to the swiper instance.
+     * See http://idangero.us/swiper/api/ for valid options
+     */
+    this.options = {}; // SwiperOptions;  // TODO
+    /**
+     * If `true`, show the pagination.
+     */
+    this.pager = true;
+    /**
+     * If `true`, show arrows.
+     */
+    this.arrows = false;
+  }
+  async optionsChanged() {
+    if (this.swiperReady) {
+      const swiper = await this.getSwiper();
+      Object.assign(swiper.params, this.options);
+      await this.update();
+    }
+  }
+  connectedCallback() {
+    // tslint:disable-next-line: strict-type-predicates
+    if (typeof MutationObserver !== 'undefined') {
+      const mut = this.mutationO = new MutationObserver(() => {
+        if (this.swiperReady) {
+          this.update();
+        }
+      });
+      mut.observe(this.el, {
+        childList: true,
+        subtree: true,
+      });
+      this.el.componentOnReady().then(() => {
+        if (!this.didInit) {
+          this.didInit = true;
+          this.initSwiper();
+        }
+      });
+    }
+  }
+  disconnectedCallback() {
+    if (this.mutationO) {
+      this.mutationO.disconnect();
+      this.mutationO = undefined;
+    }
+    /**
+     * We need to synchronously destroy
+     * swiper otherwise it is possible
+     * that it will be left in a
+     * destroyed state if connectedCallback
+     * is called multiple times
+     */
+    const swiper = this.syncSwiper;
+    if (swiper !== undefined) {
+      swiper.destroy(true, true);
+      this.swiper = new Promise(resolve => {
+        this.readySwiper = resolve;
+      });
+      this.swiperReady = false;
+      this.syncSwiper = undefined;
+    }
+    this.didInit = false;
+  }
+  /**
+   * Update the underlying slider implementation. Call this if you've added or removed
+   * child slides.
+   */
+  async update() {
+    const [swiper] = await Promise.all([
+      this.getSwiper(),
+      waitForSlides(this.el)
+    ]);
+    swiper.update();
+  }
+  /**
+   * Force swiper to update its height (when autoHeight is enabled) for the duration
+   * equal to 'speed' parameter.
+   *
+   * @param speed The transition duration (in ms).
+   */
+  async updateAutoHeight(speed) {
+    const swiper = await this.getSwiper();
+    swiper.updateAutoHeight(speed);
+  }
+  /**
+   * Transition to the specified slide.
+   *
+   * @param index The index of the slide to transition to.
+   * @param speed The transition duration (in ms).
+   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
+   */
+  async slideTo(index, speed, runCallbacks) {
+    const swiper = await this.getSwiper();
+    swiper.slideTo(index, speed, runCallbacks);
+  }
+  /**
+   * Transition to the next slide.
+   *
+   * @param speed The transition duration (in ms).
+   * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
+   */
+  async slideNext(speed, runCallbacks) {
+    const swiper = await this.getSwiper();
+    swiper.slideNext(speed, runCallbacks);
+  }
+  /**
+   * Transition to the previous slide.
+   *
+   * @param speed The transition duration (in ms).
+   * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.
+   */
+  async slidePrev(speed, runCallbacks) {
+    const swiper = await this.getSwiper();
+    swiper.slidePrev(speed, runCallbacks);
+  }
+  /**
+   * Get the index of the active slide.
+   */
+  async getActiveIndex() {
+    const swiper = await this.getSwiper();
+    return swiper.activeIndex;
+  }
+  /**
+   * Get the index of the previous slide.
+   */
+  async getPreviousIndex() {
+    const swiper = await this.getSwiper();
+    return swiper.previousIndex;
+  }
+  /**
+   * Get the total number of slides.
+   */
+  async length() {
+    const swiper = await this.getSwiper();
+    return swiper.slides.length;
+  }
+  /**
+   * Get whether or not the current slide is the last slide.
+   */
+  async isEnd() {
+    const swiper = await this.getSwiper();
+    return swiper.isEnd;
+  }
+  /**
+   * Get whether or not the current slide is the first slide.
+   */
+  async isBeginning() {
+    const swiper = await this.getSwiper();
+    return swiper.isBeginning;
+  }
+  /**
+   * Start auto play.
+   */
+  async startAutoplay() {
+    const swiper = await this.getSwiper();
+    if (swiper.autoplay) {
+      swiper.autoplay.start();
+    }
+  }
+  /**
+   * Stop auto play.
+   */
+  async stopAutoplay() {
+    const swiper = await this.getSwiper();
+    if (swiper.autoplay) {
+      swiper.autoplay.stop();
+    }
+  }
+  /**
+   * Lock or unlock the ability to slide to the next slide.
+   *
+   * @param lock If `true`, disable swiping to the next slide.
+   */
+  async lockSwipeToNext(lock) {
+    const swiper = await this.getSwiper();
+    swiper.allowSlideNext = !lock;
+  }
+  /**
+   * Lock or unlock the ability to slide to the previous slide.
+   *
+   * @param lock If `true`, disable swiping to the previous slide.
+   */
+  async lockSwipeToPrev(lock) {
+    const swiper = await this.getSwiper();
+    swiper.allowSlidePrev = !lock;
+  }
+  /**
+   * Lock or unlock the ability to slide to the next or previous slide.
+   *
+   * @param lock If `true`, disable swiping to the next and previous slide.
+   */
+  async lockSwipes(lock) {
+    const swiper = await this.getSwiper();
+    swiper.allowSlideNext = !lock;
+    swiper.allowSlidePrev = !lock;
+    swiper.allowTouchMove = !lock;
+  }
+  /**
+   * Get the Swiper instance.
+   * Use this to access the full Swiper API.
+   * See https://idangero.us/swiper/api/ for all API options.
+   */
+  async getSwiper() {
+    return this.swiper;
+  }
+  async initSwiper() {
+    const finalOptions = this.normalizeOptions();
+    // init swiper core
+    // @ts-ignore
+    const { Swiper } = await import('./swiper.bundle-6070542b.js');
+    await waitForSlides(this.el);
+    const swiper = new Swiper(this.el, finalOptions);
+    this.swiperReady = true;
+    this.syncSwiper = swiper;
+    this.readySwiper(swiper);
+  }
+  normalizeOptions() {
+    // Base options, can be changed
+    // TODO Add interface SwiperOptions
+    const swiperOptions = {
+      effect: undefined,
+      direction: 'horizontal',
+      initialSlide: 0,
+      loop: false,
+      parallax: false,
+      slidesPerView: 1,
+      spaceBetween: 0,
+      speed: 300,
+      grid: {
+        rows: 1,
+        fill: 'column',
+      },
+      slidesPerGroup: 1,
+      centeredSlides: false,
+      slidesOffsetBefore: 0,
+      slidesOffsetAfter: 0,
+      touchEventsTarget: 'container',
+      autoplay: false,
+      freeMode: {
+        enabled: false,
+        momentum: true,
+        momentumRatio: 1,
+        momentumBounce: true,
+        momentumBounceRatio: 1,
+        momentumVelocityRatio: 1,
+        sticky: false,
+        minimumVelocity: 0.02,
+      },
+      autoHeight: false,
+      setWrapperSize: false,
+      zoom: {
+        maxRatio: 3,
+        minRatio: 1,
+        toggle: false,
+      },
+      touchRatio: 1,
+      touchAngle: 45,
+      simulateTouch: true,
+      touchStartPreventDefault: false,
+      shortSwipes: true,
+      longSwipes: true,
+      longSwipesRatio: 0.5,
+      longSwipesMs: 300,
+      followFinger: true,
+      threshold: 0,
+      touchMoveStopPropagation: true,
+      touchReleaseOnEdges: false,
+      resistance: true,
+      resistanceRatio: 0.85,
+      watchSlidesProgress: false,
+      preventClicks: true,
+      preventClicksPropagation: true,
+      slideToClickedSlide: false,
+      loopAdditionalSlides: 0,
+      noSwiping: true,
+      runCallbacksOnInit: true,
+      coverflowEffect: {
+        rotate: 50,
+        stretch: 0,
+        depth: 100,
+        modifier: 1,
+        slideShadows: true,
+      },
+      flipEffect: {
+        slideShadows: true,
+        limitRotation: true,
+      },
+      cubeEffect: {
+        slideShadows: true,
+        shadow: true,
+        shadowOffset: 20,
+        shadowScale: 0.94,
+      },
+      fadeEffect: {
+        crossFade: false,
+      },
+      a11y: {
+        prevSlideMessage: 'Previous slide',
+        nextSlideMessage: 'Next slide',
+        firstSlideMessage: 'This is the first slide',
+        lastSlideMessage: 'This is the last slide',
+      },
+    };
+    if (this.pager) {
+      swiperOptions.pagination = {
+        el: this.paginationEl,
+        type: 'bullets',
+        clickable: true,
+        hideOnClick: false,
+      };
+    }
+    // Keep the event options separate, we dont want users
+    // overwriting these
+    const eventOptions = {
+      on: {
+        init: () => {
+          setTimeout(() => {
+            this.roadSlidesDidLoad.emit();
+          }, 20);
+        },
+        // @ts-ignore
+        slideChangeTransitionStart: this.roadSlideWillChange.emit,
+        // @ts-ignore
+        slideChangeTransitionEnd: this.roadSlideDidChange.emit,
+        // @ts-ignore
+        slideNextTransitionStart: this.roadSlideNextStart.emit,
+        // @ts-ignore
+        slidePrevTransitionStart: this.roadSlidePrevStart.emit,
+        // @ts-ignore
+        slideNextTransitionEnd: this.roadSlideNextEnd.emit,
+        // @ts-ignore
+        slidePrevTransitionEnd: this.roadSlidePrevEnd.emit,
+        // @ts-ignore
+        transitionStart: this.roadSlideTransitionStart.emit,
+        // @ts-ignore
+        transitionEnd: this.roadSlideTransitionEnd.emit,
+        // @ts-ignore
+        sliderMove: this.roadSlideDrag.emit,
+        // @ts-ignore
+        reachBeginning: this.roadSlideReachStart.emit,
+        // @ts-ignore
+        reachEnd: this.roadSlideReachEnd.emit,
+        // @ts-ignore
+        touchStart: this.roadSlideTouchStart.emit,
+        // @ts-ignore
+        touchEnd: this.roadSlideTouchEnd.emit,
+        // @ts-ignore
+        tap: this.roadSlideTap.emit,
+        // @ts-ignore
+        doubleTap: this.roadSlideDoubleTap.emit,
+      },
+    };
+    const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};
+    // merge "on" event listeners, while giving our event listeners priority
+    const mergedEventOptions = { on: Object.assign(Object.assign({}, customEvents), eventOptions.on) };
+    // Merge the base, user options, and events together then pas to swiper
+    return Object.assign(Object.assign(Object.assign({}, swiperOptions), this.options), mergedEventOptions);
+  }
+  render() {
+    return (h(Host, { class: "swiper-container" }, h("div", { class: "swiper-wrapper" }, h("slot", null)), this.pager && h("div", { class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (h("div", { class: "swiper-button-prev", onClick: () => this.el.slidePrev() }, h("road-icon", { icon: navigationChevron, rotate: "180" }))), this.arrows && (h("div", { class: "swiper-button-next", onClick: () => this.el.slideNext() }, h("road-icon", { icon: navigationChevron })))));
+  }
+  static get assetsDirs() { return ["swiper"]; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "options": ["optionsChanged"]
+  }; }
+};
+const waitForSlides = (el) => {
+  return Promise.all(Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady()));
+};
+Carousel.style = carouselCss;
+
+export { Carousel as road_carousel };

package/dist/esm/road-checkbox.entry.js

@@ -0,0 +1,73 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-42b74371.js';
+import './polyfill-2b159e86.js';
+
+const checkboxCss = ".sc-road-checkbox-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--font, sans-serif);font-size:0.875rem;line-height:1.5;color:var(--text)}.form-check-input.sc-road-checkbox{position:absolute;z-index:-1;opacity:0}.form-check-label.sc-road-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;margin:0;cursor:pointer}.form-check-label.sc-road-checkbox::before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0 1rem 0 0;content:\"\";background:var(--white);border:1px solid var(--border-form);border-radius:0.25rem;-webkit-transition:border 0.2s ease-in-out;transition:border 0.2s ease-in-out}.form-check-icon.sc-road-checkbox{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:1.25rem;height:1.25rem;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;fill:var(--secondary-contrast)}@media (hover: hover){.form-check-input.sc-road-checkbox:not(:checked):not(:disabled)~.form-check-label.sc-road-checkbox:hover .form-check-icon.sc-road-checkbox{opacity:1;fill:var(--border-form)}.form-check-input.sc-road-checkbox:not(:checked)~.form-check-label.sc-road-checkbox:hover::before{border-color:var(--secondary)}}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox .form-check-icon.sc-road-checkbox{opacity:1}.form-check-input.sc-road-checkbox:checked~.form-check-label.sc-road-checkbox::before{background:var(--secondary);border-color:var(--secondary)}.form-check-input.focus-visible.sc-road-checkbox~.form-check-label.sc-road-checkbox::before{-webkit-box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary);box-shadow:0 0 0 0.125rem var(--white), 0 0 0 0.1875rem var(--secondary)}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox{color:var(--text-disabled);cursor:not-allowed}.form-check-input.sc-road-checkbox:disabled~.form-check-label.sc-road-checkbox::before,.form-check-input[readonly].sc-road-checkbox~.form-check-label.sc-road-checkbox::before{background:var(--background-second);border:none}.invalid-feedback.sc-road-checkbox{display:none;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;margin-top:0.5rem;font-size:0.75rem;color:var(--danger-text)}.form-check-input.is-invalid.sc-road-checkbox~.form-check-label.sc-road-checkbox::before,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.form-check-label.sc-road-checkbox::before{border-color:var(--danger)}.form-check-input.is-invalid.sc-road-checkbox~.invalid-feedback.sc-road-checkbox,.was-validated.sc-road-checkbox .form-check-input.sc-road-checkbox:invalid~.invalid-feedback.sc-road-checkbox{display:block}.form-checkbox-inverse.sc-road-checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.form-checkbox-inverse.sc-road-checkbox::before{margin:0 0 0 1rem}.form-checkbox-inverse.sc-road-checkbox .form-check-icon.sc-road-checkbox{right:0;left:auto}";
+
+const Checkbox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.roadChange = createEvent(this, "roadChange", 7);
+    this.roadFocus = createEvent(this, "roadFocus", 7);
+    this.roadBlur = createEvent(this, "roadBlur", 7);
+    /**
+     * The id of checkbox
+     */
+    this.checkboxId = `road-checkbox-${checkboxIds++}`;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    this.name = this.checkboxId;
+    /**
+     * If `true`, the user must fill in a value before submitting a form.
+     */
+    this.required = false;
+    /**
+     * If `true`, the checkbox is selected.
+     */
+    this.checked = false;
+    /**
+     * If `true`, the user cannot interact with the checkbox.
+     */
+    this.disabled = false;
+    /**
+     * Value the form will get
+     */
+    this.value = 'on';
+    /**
+     * Label for the field
+     */
+    this.label = `${this.checkboxId}-label`;
+    /**
+     * If `true`, the label and the checkbox are inverse and spaced
+     */
+    this.inverse = false;
+    this.onClick = () => {
+      this.checked = !this.checked;
+    };
+    this.onFocus = () => {
+      this.roadFocus.emit();
+    };
+    this.onBlur = () => {
+      this.roadBlur.emit();
+    };
+  }
+  checkedChanged(isChecked) {
+    this.roadChange.emit({
+      checked: isChecked,
+      value: this.value,
+    });
+  }
+  render() {
+    const labelId = this.checkboxId + '-label';
+    const inverseClass = this.inverse && 'form-checkbox-inverse';
+    const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
+    return (h(Host, null, h("input", { class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, h("div", null, this.label, h("slot", null)), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", class: "form-check-icon", "aria-hidden": "true" }, h("path", { d: "M25.59 39.75l-8.34-8.34-2.84 2.82 11.18 11.18 24-24-2.82-2.82z" }))), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
+  }
+  static get watchers() { return {
+    "checked": ["checkedChanged"]
+  }; }
+};
+let checkboxIds = 0;
+Checkbox.style = checkboxCss;
+
+export { Checkbox as road_checkbox };

package/dist/esm/road-chip.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, h, H as Host } from './index-42b74371.js';
+import { a as navigationClose } from './index-1ea26b25.js';
+import './polyfill-2b159e86.js';
+
+const chipCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.625rem;padding:0.25rem 0.75rem;margin-bottom:0.5rem;font-size:0.875rem;cursor:pointer;border:0;border-radius:1.625rem;outline:0}:host(.chip-outline){border-style:solid;border-width:1px}::slotted(road-icon){width:1.25rem;height:1.25rem;margin-left:-0.375rem}.chip-close{width:1rem;height:1rem;margin-right:-0.375rem;margin-left:0.375rem;background:var(--background);border-radius:50%}:host(.chip-lg){height:2.25rem;padding:0.5rem 1rem;font-size:1rem}:host(.chip-default){color:var(--text);background:var(--background)}:host(.chip-secondary){color:var(--secondary-contrast);background:var(--secondary)}@media (any-hover: hover){:host(.chip-secondary:hover),:host(.chip-secondary.focus-visible){background:var(--secondary-hover)}}:host(.chip-outline.chip-default){background:var(--white);border-color:var(--border)}:host(.chip-outline.chip-secondary){color:var(--secondary-contrast);background:var(--secondary)}";
+
+const Chip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * The color to use from your application's color palette.
+     */
+    this.color = 'default';
+    /**
+     * Display an outline style button.
+     */
+    this.outline = false;
+    /**
+     * Display an outline style button.
+     */
+    this.size = 'md';
+    /**
+     * Display close icon
+     */
+    this.hasCloseIcon = false;
+  }
+  render() {
+    const outlineClass = this.outline ? 'chip-outline' : '';
+    return (h(Host, { class: `${outlineClass} chip-${this.color} chip-${this.size}` }, h("slot", null), this.hasCloseIcon && h("road-icon", { class: "chip-close", icon: navigationClose })));
+  }
+};
+Chip.style = chipCss;
+
+export { Chip as road_chip };

package/dist/esm/road-collapse.entry.js

@@ -0,0 +1,40 @@
+import { r as registerInstance, h, H as Host } from './index-42b74371.js';
+
+const collapseCss = ":host{--btn-margin-bottom:1rem;--btn-padding-start:1rem;--btn-padding-end:1rem;--btn-font-size:1rem;display:block}.collapsed-content{max-height:0;overflow:hidden;-webkit-transition:max-height 0.4s ease-in-out;transition:max-height 0.4s ease-in-out}.collapse-open{max-height:300px}.collapse-btn{--margin-bottom:var(--btn-margin-bottom);--border-radius:var(--btn-border-radius);--padding-start:var(--btn-padding-start);--padding-end:var(--btn-padding-end);--font-size:var(--btn-font-size)}.collapse-btn-centered{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}";
+
+const Collapse = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Set open to true to show the accordion element and to false to hide it.
+     */
+    this.isOpen = false;
+    /**
+     * Text displayed in the button when the content is collapsed
+     */
+    this.showMore = 'show more';
+    /**
+     * Text displayed in the button when the content is collapsed
+     */
+    this.showLess = 'show less';
+    /**
+     * if "`true`" the button will be centered
+     */
+    this.centered = false;
+    /**
+     * Toggle the display when clicking header
+     */
+    this.onClick = () => {
+      this.isOpen = !this.isOpen;
+    };
+  }
+  render() {
+    const isOpenClass = this.isOpen ? 'collapse-open' : '';
+    const buttonText = this.isOpen ? this.showLess : this.showMore;
+    const centerClass = this.centered ? 'collapse-btn-centered' : '';
+    return (h(Host, null, h("slot", null), h("div", { class: `collapsed-content ${isOpenClass}` }, h("slot", { name: "collapsed-content" })), h("div", { class: `collapse-btn-wrapper ${centerClass}` }, h("road-button", { onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+  }
+};
+Collapse.style = collapseCss;
+
+export { Collapse as road_collapse };