@roadtrip/components 3.40.0 → 3.41.1

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

@@ -38,7 +38,7 @@ const Banner = class {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        return (index.h(index.Host, { key: '4d49fae1622403ba54ebbc2eca8e07d56644fa03', class: bannerIsOpenClass }, index.h("div", { key: 'f61d750fcb78721f8b8f420b77557393c660cb5d' }, index.h("span", { key: 'b4e13489b0556fa523c1ba3d07c479d8b6e26313', class: "banner-open-label" }, this.label), this.link && index.h("a", { key: 'b1eeb51ac02e37aeda15c1bf263ed30b71d1fbd0', href: this.url, class: "banner-open-link" }, this.link), index.h("button", { key: '57f443865461c27103bfbaea56bb7ce134f39b79', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, index.h("road-icon", { key: 'adf3326dad26eb587666707695a0d82bd0f985e4', icon: index$1.navigationClose, size: "md" })))));
+        return (index.h(index.Host, { key: 'f1658b8509590ec8c76dbd0a4a04fb7c4b200277', class: bannerIsOpenClass }, index.h("div", { key: 'b17259ee98bb232c81aa0eb32250be7b8db8f6fe' }, index.h("span", { key: '07226e7728ae246d5c3f9c15737d77a52912a867', class: "banner-open-label" }, this.label), this.link && index.h("a", { key: '70dddd7a3782c10ef65aa100f96732e791ae913b', href: this.url, class: "banner-open-link" }, this.link), index.h("button", { key: '79eecde11b356d2cdfa4f5ea3292b50bd55cac47', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, index.h("road-icon", { key: 'c2e0b9079e37ff4062fdd7694c33f8ab8f95150c', icon: index$1.navigationClose, size: "md" })))));
     }
 };
 Banner.style = RoadBannerStyle0;

package/dist/cjs/road-button-floating.cjs.entry.js

@@ -58,7 +58,7 @@ const Button = class {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        return (index.h(index.Host, { key: '938acf5a3e44873d4a569d8cd4094bcbf62ce7ea', onClick: this.onClick, class: `${positionClass}` }, index.h(TagType, { key: '466e5439251ec22e926f71838965dc91dc2b8a23', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, index.h("slot", { key: '228e1c27116209bf5313d72c5cb02f154fc19260', name: "start" }), index.h("slot", { key: '2798856c774a56592061acea33db051c0ff88340' }))));
+        return (index.h(index.Host, { key: 'c92dd334acedc9c577901d339dfa121b63c0d8d0', onClick: this.onClick, class: `${positionClass}` }, index.h(TagType, { key: '10398fbc53a8e72cfc12975c6351dfe5430af311', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, index.h("slot", { key: '22d572c54bd1defb07f45426f0bbab05666feb83', name: "start" }), index.h("slot", { key: 'aad19f6d9af9b534ae7aa36485639a928c77d287' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -63,7 +63,7 @@ const Card = class {
     render() {
         const { elevation } = this;
         const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
-        return (index.h(index.Host, { key: 'ffbda1214eff7cb57679b63404dabc2cffc7bd97', class: `${elevationClass}` }, this.renderCard()));
+        return (index.h(index.Host, { key: 'f5bd5b9245b805dbd174a96b76b349af87e4e938', class: `${elevationClass}` }, this.renderCard()));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -12,10 +12,10 @@ const CarouselItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5351b52cd1a420fdc954e510a9d5cb04eb93b692', class: {
+        return (index.h(index.Host, { key: '9505d58be5a5b79ca69b82808b1ffd06ba6bf5ae', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, index.h("slot", { key: 'bb54a4caad4c46b881ad0d8e09071adbd086bfac' })));
+            } }, index.h("slot", { key: 'e5c79e5ae3ca8cb8d69cd37a5b55496e04b26652' })));
     }
 };
 CarouselItem.style = RoadCarouselItemStyle0;

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

@@ -6729,7 +6729,7 @@ const Carousel = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6449f5e58d3e1a7baf245b033a6a40acef669404', class: "swiper-container", tabindex: "0" }, index$1.h("div", { key: '8f9d9f5904bb748ef003a950ab36ab1c79a6456f', class: "swiper-wrapper" }, index$1.h("slot", { key: 'e9cbe92181342bab76e895601b37fd05853143e5' })), this.pager && index$1.h("div", { key: '2cecb4484335481e87198f36a7e2aebbed48cfd7', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (index$1.h("div", { key: '0388684ad428f8e18c3e9e4098cf23f99ec5fd1a', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, index$1.h("road-icon", { key: '5f8a74db627f7d35889fe49ea4aa575b39c87edd', icon: index$2.navigationChevron, rotate: "180" }))), this.arrows && (index$1.h("div", { key: 'ed352be39dd46d2b8244529836497c5e960f7bb6', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, index$1.h("road-icon", { key: '8ec1e89b91cd14b5ff0d32eb496b56fa6015803e', icon: index$2.navigationChevron })))));
+        return (index$1.h(index$1.Host, { key: 'ade421fc79d745727fe78ca3e95fe16e3415137e', class: "swiper-container", tabindex: "0" }, index$1.h("div", { key: 'd52f527ab0a2a4bd64e2098cc588f3ae6b874bcb', class: "swiper-wrapper" }, index$1.h("slot", { key: '0f9426dca0b1ba1341793bd04e847f261f2c1046' })), this.pager && index$1.h("div", { key: '3479c07552381ba5a162e012b52fc7da06f41172', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (index$1.h("div", { key: '9a9b215a9e21380b57b75e4ba371c2c0e2176d56', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, index$1.h("road-icon", { key: '1f78835d575dcad28f3bd6cf55a9f0d34d90f809', icon: index$2.navigationChevron, rotate: "180" }))), this.arrows && (index$1.h("div", { key: '287a27ab8483e6833bd27aeceeb62d51313ee606', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, index$1.h("road-icon", { key: 'de2b38ddb9afd1e8140f1233a9da42ae12b4793e', icon: index$2.navigationChevron })))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -81,7 +81,7 @@ const Checkbox = class {
         const labelId = this.checkboxId + '-label';
         const inverseClass = this.inverse && 'form-checkbox-inverse';
         const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-        return (index.h(index.Host, { key: '29f815ab6351bdfe05a5e0c3e505c667ed1f41d5' }, index.h("input", { key: 'fc0a8ea36dd49755ee30a392e2d288e45848e540', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, 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 }), index.h("label", { key: 'c56457ee2f3ab825780c7026eda32708a90d341b', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, index.h("div", { key: '45d6b492f1156d5a7544eeba2327b297aea81632' }, this.label, " ", index.h("span", { key: '3f7d67a6b26bcd07a2e4ea632a15988f6218be63', class: "form-check-label-span" }, this.secondaryLabel), index.h("slot", { key: 'fae0610a4929379c9751e207c438a019033fc6cc' })), this.checked && !this.indeterminate && index.h("road-icon", { key: '2426aad5abfd67d57d3997800c5e320db7642478', class: "form-check-icon", icon: index$1.checkWide }), this.indeterminate && index.h("road-icon", { key: '180a14b27de4c0304dd38b88e09237a51ef24481', class: "form-check-icon", icon: index$1.navigationAddLess })), this.error && this.error !== '' && index.h("p", { key: '50f964421ef90d53ef663030cd64f02f6dbea7e4', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'd7119a7d7323df974d0af3c7ee30fed64f019f62', class: "helper" }, this.helper)));
+        return (index.h(index.Host, { key: '6c65aa807587f38c0d6fcba34c1606431dfa1997' }, index.h("input", { key: '6a3aa3c88b3fd4bdc23bc3881c7b72e8d7591964', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, 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 }), index.h("label", { key: '3614ccc3ffbeacfd1e1b237da2b9c78ce7b8eecc', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, index.h("div", { key: '5c3b311e9a816bd504780c2ba4009f5ab69d4b8e' }, this.label, " ", index.h("span", { key: 'cc588cbde6b8fbdea9ee0d861e265b994c8c5fa6', class: "form-check-label-span" }, this.secondaryLabel), index.h("slot", { key: 'd92e1174f5d8bc282938dde2532a065b4511f5e2' })), this.checked && !this.indeterminate && index.h("road-icon", { key: 'f4d26476c8686fc1d210378c581a5dedb6fb9ca3', class: "form-check-icon", icon: index$1.checkWide }), this.indeterminate && index.h("road-icon", { key: '2701bbb698f4558edb21e024d9f803d4227f1eec', class: "form-check-icon", icon: index$1.navigationAddLess })), this.error && this.error !== '' && index.h("p", { key: 'c39dc46b6aa89becc12a0277fddea6afe8c2f447', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'bbd1c57d3d9bc9c13664a829927cb26c560bf075', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]

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

@@ -31,7 +31,7 @@ const Chip = class {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        return (index.h(index.Host, { key: 'd62cb5ab9adddd6249a39b2f9e0aca4163fe2269', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, index.h("div", { key: '30a200dc140ac7de7a7c38ec5f3c5aebcf30ec06', class: "chip-description" }, index.h("slot", { key: '4e49f38d9ea9c4f5d7cc465473089b5fd3e2407e' })), this.hasCloseIcon && index.h("road-icon", { key: 'd04755df3acef36413f551ce3a76e3970be05205', class: "chip-close", icon: index$1.navigationClose })));
+        return (index.h(index.Host, { key: 'a3d6d90495d0d68b83b3ddbaed51378dedf4d63a', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, index.h("div", { key: 'a59a6d3451042a9d04cda50c82615fc59465fdf7', class: "chip-description" }, index.h("slot", { key: '4219f60dc0bd8fda2be79f0ecd2b21075054c046' })), this.hasCloseIcon && index.h("road-icon", { key: 'c9426711dcf68f15413a3cd1a4f0c65cd09aa548', class: "chip-close", icon: index$1.navigationClose })));
     }
 };
 Chip.style = RoadChipStyle0;

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

@@ -37,7 +37,7 @@ const Collapse = class {
         const isOpenClass = this.isOpen ? 'collapse-open' : '';
         const buttonText = this.isOpen ? this.showLess : this.showMore;
         const centerClass = this.centered ? 'collapse-btn-centered' : '';
-        return (index.h(index.Host, { key: 'dea3ae21ebf2c66c4eab20547d7c7cf983c80e8c' }, index.h("slot", { key: '3e24d28e832b7c7fad8f44b5838e70729599a807' }), index.h("div", { key: 'd98b7a9fa8f06be816d7f606bb323dda6c6bbc35', class: `collapsed-content ${isOpenClass}` }, index.h("slot", { key: '9766bde1f82e72fcdb2029e881358198afecf8f6', name: "collapsed-content" })), index.h("div", { key: '526b71c8edb30c0969196e91123107d41f6101ff', class: `collapse-btn-wrapper ${centerClass}` }, index.h("road-button", { key: '9660be0a97c94df0457afe3d7e7490c298d5ae17', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+        return (index.h(index.Host, { key: 'dc4faac44b6213b807e1c1b935474e61ecffc229' }, index.h("slot", { key: '007dc5698f07c530416b96319c087c70cc2e0928' }), index.h("div", { key: '88f368b345b0d27a467bf120f4c461f409f43187', class: `collapsed-content ${isOpenClass}` }, index.h("slot", { key: '253c48a56447a867c6b9f99ec485d3f444166f5a', name: "collapsed-content" })), index.h("div", { key: 'ce988a1da4251516b4e6a751cd214931e608a586', class: `collapse-btn-wrapper ${centerClass}` }, index.h("road-button", { key: 'd52107ea32b0cf25f490e7b1d38425df9fdd7d58', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
     }
 };
 Collapse.style = RoadCollapseStyle0;

package/dist/cjs/road-content-card.cjs.entry.js

@@ -17,7 +17,7 @@ const ContentCard = class {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        return (index.h(index.Host, { key: '360033db419c221742546ef2d0e5929bb300efcd' }, index.h("road-img", { key: '013523dcbb0b7296401a07d602a367c6655d7c28', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), index.h("div", { key: '6078dca52c93745082547511d6eec6ddb3470032', class: "content-card-description" }, index.h("road-label", { key: '89860de59698bb7053363602402e5702f6903680', class: "content-card-description-title" }, index.h("slot", { key: 'f911c334a22308ed45ceb5dfb9785f44ebd71b4c', name: "label" })), index.h("p", { key: 'abdcfc5bd409339e499de259c566cb1972359a68', class: "content-card-description-text" }, index.h("slot", { key: '542fd9cc261c1b01ea9eb328ac39d332aa6758c0', name: "description" })), index.h("div", { key: '976680d7b4e76b451497486b5fcc9fd2080ac9ad', class: "content-card-description-buttons" }, index.h("slot", { key: 'ed7f0248f86a76328a070cbcf52966587f0ac008' })))));
+        return (index.h(index.Host, { key: '0929d51b0a1629b1d983f114f1a0a5109db72d5b' }, index.h("road-img", { key: '289c2d4def77b4bae2f0ab1ce5e3569367b8bfcf', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), index.h("div", { key: 'a22a7377c03e7b9f715b723ac454375785ee4765', class: "content-card-description" }, index.h("road-label", { key: 'e43c2c05a422a9aff793cf67ce7d3810689470b5', class: "content-card-description-title" }, index.h("slot", { key: '474ee1adb66d34157ad37b3a06546b8000d49a7a', name: "label" })), index.h("p", { key: 'd8cb29dba572569025b961e4fc08e51cc19fdeea', class: "content-card-description-text" }, index.h("slot", { key: '2751c5b213c615a8b4e70808da4ee5cdc3e7f26c', name: "description" })), index.h("div", { key: 'cce3d9833cda5f79b06c5f909af9fae197544204', class: "content-card-description-buttons" }, index.h("slot", { key: '2f75207ca66a7346c19f521c35ca8772ed3202c9' })))));
     }
 };
 ContentCard.style = RoadContentCardStyle0;

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

@@ -90,11 +90,11 @@ const Dialog = class {
                     break;
             }
         }
-        return (index.h(index.Host, { key: '290c0636b8ef1edfd35e4273b16e9ac05bb088c7', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, index.h("div", { key: 'e150afc757aaa616abba21261f5fc4e7a7035cdc', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), index.h("div", { key: '30dcf17bb1765dd295f9b5b38a18441b922ea6f2', class: "dialog-modal", role: "document", tabindex: "0" }, index.h("div", { key: 'a0ffb5263da02b6677f5ca4410601bed109fa524', class: "dialog-content" }, index.h("header", { key: 'f37da11d3b3b70fb4c7ee83bec7a289607ef4217', class: "dialog-header" }, this.hasCloseIcon
+        return (index.h(index.Host, { key: 'e2ee13cb0fd6330b23224504c717efe8c68df097', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, index.h("div", { key: 'c5f3ecaae31debea9afe6a712308520cd092fc23', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), index.h("div", { key: 'b28e1225a56208c8ff7891856a49b171bf09f88b', class: "dialog-modal", role: "document", tabindex: "0" }, index.h("div", { key: 'd799e1b00205d54e96e52f2e95b63e4c4327db2f', class: "dialog-content" }, index.h("header", { key: 'a3d16ae59ee42a9a61f4849c779dbf2f2a8066c9', class: "dialog-header" }, this.hasCloseIcon
             ? index.h("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, index.h("road-icon", { icon: index$1.navigationClose, "aria-hidden": "true" }))
-            : ''), index.h("div", { key: '9194a50bc0595a94170864de94f1ff1716693ee5', class: "dialog-body" }, this.color !== undefined
+            : ''), index.h("div", { key: 'fadeb8d0776e92809c1f4fdda9d24fe325640103', class: "dialog-body" }, this.color !== undefined
             ? index.h("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
-            : '', index.h("h2", { key: 'cceab62ea959bd00196b3a1953c7f99495aa1d8a', class: "dialog-title" }, this.label), index.h("p", { key: '147c9dec3808c463a363cd30fb2ab5b26818c8d8', class: "dialog-description", id: "dialogDesc" }, this.description)), index.h("footer", { key: '8fc28a19c581eef87c45aae031902e27aeb9dc59', class: "dialog-footer" }, index.h("slot", { key: '5245e5168dcc7011f534d2c2901207ad0f08a617' }))))));
+            : '', index.h("h2", { key: '06cbf8264b6336cb98b19e7bda1a80fb7d7a9271', class: "dialog-title" }, this.label), index.h("p", { key: 'f82e151b413764289e3d430b76d987a8eaa1d7b3', class: "dialog-description", id: "dialogDesc" }, this.description)), index.h("footer", { key: 'cbc9e71ad7aed7eab7bca5d9818dcbceb3cbcce2', class: "dialog-footer" }, index.h("slot", { key: '41d4e4dd47ecf92e96396316e27ff8218ced5f2c' }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const Dropdown = class {
         const positionClass = this.position ? `position-${this.position}` : '';
         const dropdownClass = this.position ? `dropdown-${this.position}` : '';
         const directionClass = this.direction ? `direction-${this.direction}` : '';
-        return (index.h("details", { key: '211f088489a5a72f91c44f5838094abd80070d7e', class: "dropdown", open: this.isOpen }, index.h("summary", { key: 'e0fbbc21fdf4e495f8cb350f4406e9b078c80a74', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, index.h("div", { key: '5c212e3034b30a2ed9bf7f81e9184683c106142e', class: `d-flex ${positionClass}` }, index.h("div", { key: '6ca46e2494cd89ba85efc4a11aea6fb464dec232', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, index.h("road-icon", { key: 'd0ad2f329b888a9fd19aac3841f45e7d26c3e0bd', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), index.h("div", { key: 'a67a0e81ef1402bddb223545b3825e9cdf4a7c2b', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, index.h("slot", { key: '3f135ccb24eb38de0961c28e83ed20154f33da77', name: "list" }))));
+        return (index.h("details", { key: '0b6d1adf874e559fb90a471aabda2c01090c48b9', class: "dropdown", open: this.isOpen }, index.h("summary", { key: '83139e232e4c74c84831d20e5ed32cea245b8102', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, index.h("div", { key: 'd427dcd5a8c534a4fb1e3874cb2ac279d3b9a5f2', class: `d-flex ${positionClass}` }, index.h("div", { key: 'b9bbebff325eb4c2ed9e088b7064ead91b2c55f8', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, index.h("road-icon", { key: '72d9a1fd48cca91d8f16494d731898e3625e47e3', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), index.h("div", { key: '2434438ec14e86f8fb78378b3eb88f0a39abb6f2', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, index.h("slot", { key: '1eb1bc0bdfdbaa13689e0552c8fa278381777863', name: "list" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -52,7 +52,7 @@ const Duration = class {
         this.isOpen = false;
     }
     render() {
-        return (index.h("road-drawer", { key: '8c6994a2336d91e1b2c53ee243e7913298f6e0ff', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, index.h("road-grid", { key: '8eb993171f652d6bf2bfbe22ed4faa92ff94ce69' }, index.h("road-row", { key: 'bb12063e6c07e0d459c39a78626ed1991a07dbab', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => index.h("road-col", { class: "col-3 col-md-2" }, index.h("road-card", { button: true, value: item }, index.h("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
+        return (index.h("road-drawer", { key: '2485f665f08be8b983893075cb687c0db04c8add', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, index.h("road-grid", { key: 'a3cfb812b1127a32eb31e1344944a8d52dd59f70' }, index.h("road-row", { key: '1742b311e96f8140ffbe88f45a4f42ede7940cc9', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => index.h("road-col", { class: "col-3 col-md-2" }, index.h("road-card", { button: true, value: item }, index.h("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -25,7 +25,7 @@ const Flap = class {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (index.h(index.Host, { key: '0ef7e9f8c55fc49a34182d944f71c9a75d0fb7be', class: `${colorClass} flap-${this.size}` }, index.h("slot", { key: 'fa1995ace426d5410cde6003d42d5b689db64bb3' })));
+        return (index.h(index.Host, { key: 'acecc88123e94f737aef8b2d1026e8a9ce196a7d', class: `${colorClass} flap-${this.size}` }, index.h("slot", { key: '6ce8eccf19a94ca9e7c8b75f9da8b7a8df00376b' })));
     }
 };
 Flap.style = RoadFlapStyle0;

package/dist/cjs/road-global-navigation-v2.cjs.entry.js

@@ -132,7 +132,7 @@ const GlobalNavigationV2 = class {
         this.selectedTabChanged();
     }
     render() {
-        return (index.h(index.Host, { key: 'e96a242247541fb01c652fba58dfa6e69e7257f0', role: "application" }, index.h("slot", { key: 'abfd9632f3b3d616095fc573e110a062cfcb5bad' })));
+        return (index.h(index.Host, { key: '1a523fcd448db62eb7a676184a22c7ae96e2d39e', role: "application" }, index.h("slot", { key: '7c46cc17b02a4425161d99b54ef1bca9711f179a' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/road-global-navigation.cjs.entry.js

@@ -31,7 +31,7 @@ const GlobalNavigation = class {
         this.selectedTabChanged();
     }
     render() {
-        return (index.h(index.Host, { key: '9164170163b7e298ac0556cdcd3e0d47b2480791', role: "application" }, index.h("slot", { key: '150faf3c05b028772e695f0eaf836ec250ac775b' })));
+        return (index.h(index.Host, { key: 'bae96f32bd732721cbf401db21708a3bb601016b', role: "application" }, index.h("slot", { key: '65e4a67511fd702e3daaa1ba206fbb8ff67df6da' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]

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

@@ -70,7 +70,7 @@ const Img = class {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (index.h(index.Host, { key: '33a36ddb77496e0f119c9ea2d18df0e2d0977248', class: placeholder }, index.h("img", { key: '583ac1095cd055d8b455738344d2472cb6e61af3', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (index.h(index.Host, { key: '6fd414b74c5d8cfef4b87847bef754c117a41803', class: placeholder }, index.h("img", { key: '5f3bcae6d677124b042535c8a52d2870262db16c', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -72,7 +72,7 @@ const Modal = class {
         const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
         const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
         const closeIconElement = this.hasCloseIcon ? index.h("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, index.h("road-icon", { icon: index$1.navigationClose, "aria-hidden": "true" })) : '';
-        return (index.h(index.Host, { key: 'f495749b049a101712c36bbf083cba6ef886bd2c', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, index.h("div", { key: 'd7287dfb02da7d29fb838e77aca55e76f8009669', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), index.h("div", { key: '75f817fb82cd837bc4d3e270aa5c4126ae77e182', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, index.h("div", { key: '7d1040a31a6b3308686d7e0d27b4cd3c4046db18', class: "modal-content" }, index.h("header", { key: 'fcb04fae3a8c10341e7d9c75c452cb715b6ce67a', class: `modal-header ${inverseHeaderClass}` }, index.h("h2", { key: '5db438cbfba352f3ddeb4f34bec97162c41f7857', class: "modal-title" }, this.modalTitle), closeIconElement), index.h("div", { key: '239560ae955d26e202913eff34c6a2f0e9a6977c', class: "modal-body" }, index.h("slot", { key: '576db6c4b765c85bbe8e693a1ac4ad5359aef848' }))))));
+        return (index.h(index.Host, { key: 'fadc5b7f130b78ce930508f169a77c36c592a8b7', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, index.h("div", { key: 'b06a7795a91860febafb941215dfffd796fda4c8', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), index.h("div", { key: 'ddd6999c2e6069518d634b60502eb9cc0b311aba', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, index.h("div", { key: '17bb4a3d1281d71b0b4d3f3e1765491f768aa460', class: "modal-content" }, index.h("header", { key: '5d1cb9be50df022c0e0ce59e82f3df6f2ec45369', class: `modal-header ${inverseHeaderClass}` }, index.h("h2", { key: '51fd0108264ba6a54c93047dbccf9e69ae7b3032', class: "modal-title" }, this.modalTitle), closeIconElement), index.h("div", { key: 'f966e33d28c4e59dee755dc4ac2c225c778cf782', class: "modal-body" }, index.h("slot", { key: '50b4fe9fb58ee3eace39f5ce8f07a83fb05df81b' }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-navbar-item-v2.cjs.entry.js

@@ -67,11 +67,11 @@ const NavbarItem = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '2439281a2a7bbbf05b9be794013bb9ff02ea8161', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (index.h(index.Host, { key: '50cadf50d920c724b646d0ef5dfb1bf994b42891', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, index.h("a", Object.assign({ key: 'b559354e071b580fe0956accfdd0bc8d52b6bb7c' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '9dc9d81e6f1844500f2cb220b611ab05f84d1125', class: "button-inner" }, index.h("slot", { key: '8b107ac8cc0d522c85aee1a1ad60c4f138c544e5' })))));
+            } }, index.h("a", Object.assign({ key: 'b8915357668428324fddc6dc6cf038dc8f55cfeb' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '103bfedba55dab13e169d5806fa5ae3873ed860b', class: "button-inner" }, index.h("slot", { key: 'd1e8a5fd74c0b42550b050e4212a99e5df04902b' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/road-navbar-item.cjs.entry.js

@@ -67,11 +67,11 @@ const NavbarItem = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '2786c8b9e115ddfe0667fe725c7950f8dcc69077', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (index.h(index.Host, { key: 'c392c7788ef068bff267fbc3508d3a9b9fe753d0', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, index.h("a", Object.assign({ key: 'd105d65f5219bfb11780eaad9a7ed229b60e0ff7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '3d18dcc0854e9d3abd1111d158ee1b406df6e388', class: "button-inner" }, index.h("slot", { key: '4e289b3871d38ac9c04c812c45b6f0e1ab7b4672' })))));
+            } }, index.h("a", Object.assign({ key: '96d3d1d8ce173906c6427a4b53dff251f2ad2d28' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '2a9dd73feff76d436c37f27fc1b9a1c2678c2b6e', class: "button-inner" }, index.h("slot", { key: '603703ddc7865278113ec4d953ab1fc71bbc08d7' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/road-navbar-v2.cjs.entry.js

@@ -36,7 +36,7 @@ const NavbarV2 = class {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (index.h(index.Host, { key: 'f0864eac8a491150b1ef02a46fcf46b8fa4fc2d9', role: "menubar", class: `${compactClass}` }, index.h("slot", { key: '2a5bd884d6ee88c0ee73c3e48d7f9670fffc986e' })));
+        return (index.h(index.Host, { key: '43aff9eafd66ec2fb7c45a4707c758b3b182f64b', role: "menubar", class: `${compactClass}` }, index.h("slot", { key: '66b8748a5d4395bd03edff1b9490bdc0fe63f01a' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]

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

@@ -31,7 +31,7 @@ const Navbar = class {
         this.selectedTabChanged();
     }
     render() {
-        return (index.h(index.Host, { key: 'a57dfc3bd1c2a35ae5f0a7d84da9aae803f3248e', role: "menubar" }, index.h("slot", { key: '87d7969b28fa712be5cf8d6c2c1d0140f946182a' })));
+        return (index.h(index.Host, { key: '61786009c0bb1357257674a72b0f3dbf3f5c38a8', role: "menubar" }, index.h("slot", { key: '2f3cdbc13d1bf0d3535035bd2098ed20d048dee0' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]

package/dist/cjs/road-phone-number-input.cjs.entry.js

@@ -1367,9 +1367,9 @@ const RoadPhoneNumberInput = class {
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
         const hasValueClass = this.hasValue() ? 'has-value' : '';
         const sizes = 'xl';
-        return (index.h(index.Host, { key: '6484c3286ae67049e9bc24a0e3db17e5e93b7014' }, index.h("div", { key: 'f96292d1fa43ec2f4906d50b90a0ba3a17415efb', class: 'phone-number-inputs-container' }, index.h("div", { key: 'b30839876469719ce35173992099324238f4ec4c', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, index.h("select", { key: '1bf90e0a150f635f9767a85ad2c2ff93c93bd84b', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (index.h("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), index.h("label", { key: '133877fea8231cea94b93d8f41d81fa19d3c9a3f', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), index.h("label", { key: '7358d197f64ad8764ca5e026af67af841f38851f', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), index.h("input", { key: 'ff03e87a9197bd48792c19ab28914fae980fc743', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), index.h("label", { key: '078d25b45ec64f653002b9d2302c555eea3f2c18', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+        return (index.h(index.Host, { key: 'b35e9d16e6e4f29defef7bdcd5cf8c2a2bd2c861' }, index.h("div", { key: '4c2a4f6b4d6d28bfc90b2cc85d9ab3a2c5989a2b', class: 'phone-number-inputs-container' }, index.h("div", { key: '5c94cfdfb637deabaaee01375f80276bb37f2ac3', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, index.h("select", { key: '8b226ae681f17788d5c476d531614b6063eff700', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (index.h("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), index.h("label", { key: 'b12b6fcbf96de164bca500332d9f9b363e6af4bc', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), index.h("label", { key: '04843eb39336e241d60d5983c1e92a6af3edead4', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), index.h("input", { key: 'fb9a9b002c1638df2eb593c6f95181cca6b91c14', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), index.h("label", { key: '83bafd94dea321d0a8ab7cd50cc6d29f71d83d34', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && this.errorMessage !== ''
-            && index.h("p", { key: '845c8c6c41455aa8f172c835c9ea382461d60974', class: "invalid-feedback" }, index.h("road-icon", { key: 'f9ad73e78eb3a099e5b28dd23d57cc729491ca7a', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
+            && index.h("p", { key: '01aafef72de6d89f0f8bbd912759ea98b3992e87', class: "invalid-feedback" }, index.h("road-icon", { key: '02a98a05942b1c096a70a4112c0f074faa5843d7', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-plate-number.cjs.entry.js

@@ -109,10 +109,10 @@ const PlateNumber = class {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (index.h("road-input-group", { key: 'ad922da7a29eb59b3add23952cf559f8f26401e0', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, index.h("label", { key: 'ed0cec493069943e524a6e1030096e7632f050d8', slot: "prepend", class: "input-group-prepend" }, index.h("div", { key: 'dc913e16afacb76d9c4a87bf17c00f67d6ec3202', class: "plate-number-start" }, index.h("road-icon", { key: 'f2042fdf0a83c2db908190e286812878f6f50195', class: "plate-number-icon", icon: index$1.licensePlateStarEu }), index.h("div", { key: 'a5d86d712badf1d58c7ed639b35977024659270b', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (index.h("road-input-group", { key: 'ff8a8904113c2ba38d351de6d7e8a5ca6552344e', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, index.h("label", { key: '00a82c0c874d044dffae46bcd3c125cabf93871e', slot: "prepend", class: "input-group-prepend" }, index.h("div", { key: 'f19852dda75eead5634c48bdd95db8e69b3fcf2d', class: "plate-number-start" }, index.h("road-icon", { key: '9e8ec737ee80c35402b26ac104a31f9df199fe86', class: "plate-number-icon", icon: index$1.licensePlateStarEu }), index.h("div", { key: '2f3483237c65a1cb542ebd3abd7caa43c8d0fb60', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
             .filter(item => item.country === this.country)[0].letter))), this.motorbike
             ? (index.h("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
-            : (index.h("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), index.h("label", { key: '8019dc8f6742725e7f98d0c2dd8a14c237aeaf5a', slot: "append", class: "input-group-append" }, index.h("div", { key: '3fa83252e8743dc64bbe74bf0e56f2794ac6d7bc', class: "plate-number-end" }))));
+            : (index.h("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), index.h("label", { key: '0378a2bbcaa0fd90f7a3f195f1a4e31806e2ff13', slot: "append", class: "input-group-append" }, index.h("div", { key: 'fddb65007529730731c4410cf407bdcbcfcbbf93', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/cjs/road-profil-dropdown.cjs.entry.js

@@ -30,7 +30,7 @@ const Dropdown = class {
         this.isOpen = false;
     }
     render() {
-        return (index.h("details", { key: '4c6962a4781dd3d5a6e6eef529f048f13de405ac', class: "dropdown", open: this.isOpen }, index.h("summary", { key: 'a90e142e8508b169a9e7f08faba4e87fee14bedf', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { key: 'c53e854e8a9584ad3fbcbe970a09e08d5880d6e5', class: `d-flex` }, index.h("div", { key: '9acbc23adba42ac6322f12c100c6691df0947234' }, index.h("road-avatar", { key: '3447cf1cc5bc838dfcf0f6711845bd70e255b5b1' }, index.h("slot", { key: '99c11772dc9b2355394a65133fcbbbf890f809da', name: "avatar" }))))), index.h("div", { key: '026dca27e856092b7f649a87b6808e47a497c44a', class: `dropdown-menu` }, index.h("div", { key: '1399d368e674f8c35c15f78a7d5751b9b9be062c', class: "profil-item" }, index.h("road-avatar", { key: '0571aecb63ccb518d6987e22dcdc00a857ff2c86', size: "sm" }, index.h("slot", { key: '848ca5a83485fdc1754dce1a1fb3cb5b297a5416', name: "avatarItem" })), index.h("div", { key: '5327823b0e03cae6b8ebe0ead29dd40e6f131429', class: "profil-item-info" }, index.h("span", { key: '834775e093e0db9d6e0cc97b133e0e3397c1a6b1', class: "profil-item-info-name" }, index.h("slot", { key: '01c8c2278afc8daccc8bc29dae4ec100761891ed', name: "name" })), index.h("road-label", { key: '7e5c94cadda56ed66aba93607cf70caf2fca5240' }, index.h("slot", { key: '56b80c83fd4b63679489ca8e43f0dd2a10f4b1fb', name: "email" })))), index.h("slot", { key: '3371b449984237cf223f4da5f2636829deb233b7', name: "list" }))));
+        return (index.h("details", { key: 'b87c57717a2b24c36a021566c0caf902be2dc730', class: "dropdown", open: this.isOpen }, index.h("summary", { key: '5b8a7a636d992b9f7cf087de5792f77570b031a7', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { key: '8fa86bcbcb09361bbddbdaf02e239c1a6ee439b2', class: `d-flex` }, index.h("div", { key: '8f72235d6d44e20671022d84718aecf76cb0f2a2' }, index.h("road-avatar", { key: '5a3075b025e47fd0c5e092863fae3a111ca5b737' }, index.h("slot", { key: 'e736fe17013d86ca78a4bca99af10e6a595c151c', name: "avatar" }))))), index.h("div", { key: 'c12f79bff86f7674764ff9f498394a172044997a', class: `dropdown-menu` }, index.h("div", { key: '9ea9939892d5b0b21a45d99120981887ee7816ed', class: "profil-item" }, index.h("road-avatar", { key: '3c24e96cf92bc6979c0d5212cb58285b35598de9', size: "sm" }, index.h("slot", { key: 'c8ce0ac4929af5c830628c477cec9dbfc584fd7e', name: "avatarItem" })), index.h("div", { key: '981466eec9a42648620fa4d77d0294bdde264316', class: "profil-item-info" }, index.h("span", { key: 'aca08ad4ffb9439e649a5f83d3b34a4813465372', class: "profil-item-info-name" }, index.h("slot", { key: 'c7fa79f90c906e705cb89b1b1eea664f7852aa60', name: "name" })), index.h("road-label", { key: '77410fe9d9f4af29ecc59f787840a39490ebbf26' }, index.h("slot", { key: '5055c32f3bfefc68084e42417ab54959e2d1fae7', name: "email" })))), index.h("slot", { key: '656ad0ffc1bb8ebb1725ddf823ffc29384448a0a', name: "list" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js

@@ -27,7 +27,7 @@ const Stepper = class {
         const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
         const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
         const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
-        return (index.h(index.Host, { key: 'c7b533fd5241dbaf0c3275844b411d2a6c4a57ec' }, index.h("nav", { key: '3679fc96e8af765c77d79cd66100c9d038d675ff' }, index.h("ul", { key: '88c8020ee996810f49725b51f5fb4118fbffe4a7', class: `${colorClass}` }, index.h("li", { key: '961e19ae0950052ba5ca3653fde8e66254b600aa', class: `${stateClass}` }, index.h("a", { key: '339beb73a406c196770f0c832fbe7b1d4452e97f', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { key: '910003e080c3c111613120cd7c09ce925b32925b', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '264e33aab1b7b4776a8b8535a923bfc6311be561', name: "progress-indicator-horizontal-icon" })), index.h("span", { key: '2bf6210a8a99fb0c766cd895e889bf463ea0d1fc', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '8b10230923c8a6051592bfd740dcc31c3617ff36', name: "progress-indicator-horizontal-title" })))), index.h("li", { key: '829f421c2f7b8342a951037f369eb792128c48d0', class: `${stateSecondStepClass}` }, index.h("a", { key: 'fa0f0c8b6151121db0b050fbcde512364073566a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { key: 'b7621f5a2018cc48dee843757c219e4d0a803c7f', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'f849e2604e24e7dc403451f1f285f7366cf28f09', name: "progress-indicator-horizontal-icon2" })), index.h("span", { key: 'efc1eb034b566279037db371d480c9344390f957', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'b274a56147cb164a44780d7c4a02043d123012a6', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && index.h("li", { key: '6cd846d302ea7fed863b59a8954803d5591602cb', class: `${stateThirdStepClass}` }, index.h("a", { key: 'dd94c6d10ec7f36ea98994a277282a721d290b15', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { key: '64c4471bb5f2098e188866b83907557c296d59d6', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '471413fe74772fba4724c93791c59d4353be1c50', name: "progress-indicator-horizontal-icon3" })), index.h("span", { key: '9339d6d80e7f30e15335000dabba92c976a43a92', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'a8055c4f80695160b3ef9210a060f5b4d2039b67', name: "progress-indicator-horizontal-title3" }))))))));
+        return (index.h(index.Host, { key: '2f7ef35d5517a148676c46d55561a47092ed0ff3' }, index.h("nav", { key: 'efe3d51a472a7472a9f2f0da1403e223bca22513' }, index.h("ul", { key: 'f4046d581b8ed717bda8be93efa0870bfa7e4369', class: `${colorClass}` }, index.h("li", { key: 'fb431196011a0cd284847f13b1d5999e69487b5b', class: `${stateClass}` }, index.h("a", { key: '28b3e5b0c12593b2c26832777766524f5342c253', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { key: '535d3f5fc73aa22f87a9284ee4498dd975c3e977', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '492dbf0cfff34689a1513714c475a9f2b4cc6727', name: "progress-indicator-horizontal-icon" })), index.h("span", { key: 'ecaf988f2dec663478169103b34820cdf7da4702', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '4443bf77b78b0fcbb44046b95a9121abe0e22226', name: "progress-indicator-horizontal-title" })))), index.h("li", { key: '15328f9d9a15ada2ff751b651084bfa0e83f7d5a', class: `${stateSecondStepClass}` }, index.h("a", { key: '441f9a53903b3a14d0fab8296213ce10f16dc5b6', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { key: '31b6487818279d37e486acb20363b527762481da', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'b03d967c5a09640253b5edb8425f855d8eb790bc', name: "progress-indicator-horizontal-icon2" })), index.h("span", { key: 'bfcd4994aa5fb7eee27419033b87f0e248ddeb81', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'f5a493c800b9f7466ffb85d37d460844cbb05573', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && index.h("li", { key: 'bca52096f27dc5e9ae3e12419882b4dd7a8bc1d9', class: `${stateThirdStepClass}` }, index.h("a", { key: '74f8d7e8fef0f43a07d1cca3f5233d364e77eca5', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { key: 'f37905f33aa30a1fe5d64bea3ed352bd22faf729', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '27666dc115efe677af2bf91d73dd5a1f35c28518', name: "progress-indicator-horizontal-icon3" })), index.h("span", { key: 'cd081a852ac065372324b17e8a3992429b87b16e', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'fd71af01b710df38a3a06ed75757d2df1d8193ea', name: "progress-indicator-horizontal-title3" }))))))));
     }
 };
 Stepper.style = RoadProgressIndicatorHorizontalStyle0;

package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js

@@ -12,7 +12,7 @@ const ProgressIndicatorVerticalItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7cafa7410a58d53c1e369efa22cdc994fa961082' }, index.h("slot", { key: '1c7bfb9947f8db82d1248b61a2e59a261a015576' })));
+        return (index.h(index.Host, { key: '17ae276834ff832dcf77111aeeda48b8ca9dc72e' }, index.h("slot", { key: '624e68ac134752cb835e1cfdba7aa1db8d1f5152' })));
     }
 };
 ProgressIndicatorVerticalItem.style = RoadProgressIndicatorVerticalItemStyle0;

package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js

@@ -12,7 +12,7 @@ const ProgressIndicatorVertical = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5fe5373acd2c35744a9b60bc7e91ed5bbb2a1ada' }, index.h("nav", { key: '7d7a3bfac49b57a6a4c57726c855d8e50801fcc5' }, index.h("ul", { key: '4205db5a5873f0f0bcef1d735d7c44e8690c3442' }, index.h("li", { key: '49cce64e4e60bc908af6febbdf077b361307f8a4' }, index.h("slot", { key: '00c252a9949779a2d3148a3eb404410cfec6a466' }))))));
+        return (index.h(index.Host, { key: '8df70b09eb63e027b39c4843ae497cef5e39c2ed' }, index.h("nav", { key: '0d6025a44bd845363096fc6e002a334263dac3c9' }, index.h("ul", { key: '4d81713de26f798637118ee3af681eb6f668513f' }, index.h("li", { key: 'bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c' }, index.h("slot", { key: '18e8f5f3cddb2a2c6816127596d469a93ca2430c' }))))));
     }
 };
 ProgressIndicatorVertical.style = RoadProgressIndicatorVerticalStyle0;

package/dist/cjs/road-progress-tracker-item.cjs.entry.js

@@ -12,7 +12,7 @@ const ProgressTrackerItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '0c16e41e50d438bad6afb7e663a70543aeaa8676' }, index.h("slot", { key: '416aee7102487a9a8aed3c0ea8558852bb823818' })));
+        return (index.h(index.Host, { key: 'f0323f8e11d15162868f6679d958a7eb3c732c94' }, index.h("slot", { key: 'f723c3ff78b34c68bbe3f675d93ff61a6eb24a27' })));
     }
 };
 ProgressTrackerItem.style = RoadProgressTrackerItemStyle0;

package/dist/cjs/road-progress-tracker.cjs.entry.js

@@ -12,7 +12,7 @@ const ProgressTracker = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4b800c967f9856eb3f9300052bb2bf25923d89d2' }, index.h("nav", { key: '3fb92e245b3e9e6b7fea1c32243a57abcbaa12e7' }, index.h("ul", { key: '969719a6a169ab1746c651f8585d75ef3149adc3' }, index.h("li", { key: '9f9a1f612e18de1589be43f60a1543288d100c02' }, index.h("slot", { key: 'ad39bd1a8e16ca349a2de0b100d5202130f0c362' }))))));
+        return (index.h(index.Host, { key: '558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f' }, index.h("nav", { key: '386429b7b2670bd9e1cfde6eb895fcdb9fc26a66' }, index.h("ul", { key: '67357a2d0f7777b39b390a6fc1f2609f7e504f0d' }, index.h("li", { key: '6bd942a3d6c358f1988b58b16c65bc1f635c690f' }, index.h("slot", { key: '47ab21f544caa20f3623d7a6b299a84cb17b2927' }))))));
     }
 };
 ProgressTracker.style = RoadProgressTrackerStyle0;

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

@@ -49,7 +49,7 @@ const ProgressBar = class {
         const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
         const light = this.light ? 'progress progress-light' : 'progress';
         const animation = this.animation ? 'animation' : '';
-        return (index.h(index.Host, { key: '080af439e45c901c8a033c66bbb5681746e371fb', class: "progress-element" }, index.h("div", { key: 'efcafa89891a4d9f62c50816d5fc357fa0431569', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: '03ae558c17cae1c974160626509ce7abd0a5be48', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), index.h("div", { key: 'c5e0c2bb85b8e9fbe624dcd6feb7aab1ec807883', class: `${fullwidth}` }, index.h("span", { key: '050c1d441d79a81cd3b0d9a77a3358ccfa0e3112', class: "progress-element-label" }, this.label), this.showstep && index.h("span", { key: 'e46a1315cb8cfd61a62bd64c88b7403a28b54e51', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        return (index.h(index.Host, { key: '61241f17f6940f6952d6167024a884a1c568384b', class: "progress-element" }, index.h("div", { key: '97d64b38a2f46e9805bb76fa73d67fcd28a54dba', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: '275c170d8a016e4db0a840e65aa42bfca9f75f45', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), index.h("div", { key: '50d933874085cb3831ae6950fc1377ecece5724f', class: `${fullwidth}` }, index.h("span", { key: '166a60c0f771060852783af7f932892bdb16c0b7', class: "progress-element-label" }, this.label), this.showstep && index.h("span", { key: 'e7ba9b328ddff0d722e0ee5e22aef7746f0e085a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
 };
 ProgressBar.style = RoadProgressStyle0;

package/dist/cjs/road-radio-card.cjs.entry.js

@@ -61,7 +61,7 @@ const RadioCard = class {
         const inlineClass = this.inline ? 'form-radio-inline' : '';
         const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
         const disabledClass = this.disabled ? 'radio-card-disabled' : '';
-        return (index.h(index.Host, { key: '300a4069b88a6a118306571a8d5d7fcf5a217b2d', class: `form-radio ${inlineClass}` }, index.h("div", { key: '9c77a91579d59e96e80e68e2ba441c4a141e3d0f', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, index.h("input", { key: '9f06c516bb66a8443b5d2e1599df8a69d4e3b0fb', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), index.h("label", { key: 'a1b878ff8b9cd9c950d888218e776d62d35ebfd5', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, index.h("div", { key: 'd52d210696979c4e1e05fd508ed97c40214efb21', class: "slot-wrapper" }, index.h("slot", { key: 'bad9aa4fdbb018560fb17f0dc3a1530c590e215a' }))))));
+        return (index.h(index.Host, { key: 'c0910c6654a5a43b06b48b784177d52fcad7d0e9', class: `form-radio ${inlineClass}` }, index.h("div", { key: '52b04eb5baf4321d07da8dc13cb213491c7f8376', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, index.h("input", { key: 'e196a6962b45f72b80f3f5837e168fb3a29618f0', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), index.h("label", { key: '2bfe44595464f2977c3ce6603a1e6b74e5b36a25', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, index.h("div", { key: 'b7e50b7fc4ace0011ba413bffa7d99d048083710', class: "slot-wrapper" }, index.h("slot", { key: '2026d471ed70c8bd6a773ec108583eeb2d721b93' }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-radio-group.cjs.entry.js

@@ -74,7 +74,7 @@ const RadioGroup = class {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (index.h(index.Host, { key: 'a5f1ffd34e8e7352cd7a2b7d543c498a681eb8ed', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && index.h("p", { key: '4e1c213e7eb56deb2f7596517010934494607443', class: "text-content", id: labelId }, this.label, " ", this.asterisk && index.h("span", { key: '0a6111208c8cbdd2eedd074d3a46f9ab54a912fe', class: "asterisk" }, "*")), index.h("slot", { key: 'fbd7f1c60b05fca674acd83b13f44dbb104199e7' }), this.error && this.error !== '' && index.h("p", { key: '5a5fd7cece4df1151a6de47b69276a4aa2ae7a1f', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'd49b4ab899c4b43a7ce1bac4c1b087a5a8733d5c', class: "helper" }, this.helper)));
+        return (index.h(index.Host, { key: '92a0a50c9deb1ec6e7e14a18c953019deac3aa5a', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && index.h("p", { key: '5b6cc3d7aed55eb469fc0abf5b85c93402df832f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && index.h("span", { key: '8d38bdc1820b184757bed13a389cd81179a4eab6', class: "asterisk" }, "*")), index.h("slot", { key: '6e45e1330d3f2a078ec3e3e6562a14025d377f6b' }), this.error && this.error !== '' && index.h("p", { key: '8271bf6be84430530d6f13ff30b4589ea018a322', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'ffe6ae4713d74c66f995f0b6ed7e459a5096d5f1', class: "helper" }, this.helper)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -85,7 +85,7 @@ const Radio = class {
         const inverseClass = this.inverse && 'form-radio-inverse';
         const isInvalidClass = this.error ? 'is-invalid' : '';
         const inlineClass = this.inline ? 'form-radio-inline' : '';
-        return (index.h(index.Host, { key: 'f5b027dc16bc641585e97550ad766623135e9c41', class: `form-radio ${inlineClass}` }, index.h("input", { key: '3b00622bdf8dd0f896e894fc467371d7f4457150', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("label", { key: '52ab130dbc0eba9dd863a8a0265933ee0ff5319b', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", index.h("span", { key: 'b7dd11638e9de4e2a9fd248c3c6dcbabc1ce8767', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (index.h(index.Host, { key: '586f04a19cf450f18483a2b9efa5b28d44e1677c', class: `form-radio ${inlineClass}` }, index.h("input", { key: 'd66ab388470a1c6e2f4ae3ceb5ae8aa8c85eecf5', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("label", { key: '709969471cc1db265d7eb44e608ed0ef496cc72d', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", index.h("span", { key: 'd551c29f4895ca78cb7bb331861d783281416749', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -90,14 +90,14 @@ const Range = class {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (index.h(index.Host, { key: 'cb1120583650d9c52b4aa9f03fa71d90103e39c9', tabindex: "0", class: { disabled: this.disabled } }, index.h("div", { key: 'b435ff0be2c86b9598f7c525413943b4df0470f3', class: "form-group d-flex align-items-end" }, this.showTick && (index.h("road-icon", { key: '7d093d346aa1d5f1a305eaa6f798e54581e86820', icon: index$1.navigationAddLessSolid, class: "mr-8", size: "sm" })), index.h("div", { key: '6e8a3d9fbedbe1645f529df428f1d2d954c107e1', class: "form-range", style: {
+        return (index.h(index.Host, { key: '70682c392f1e20883fb831efc8de0f9a067b3009', tabindex: "0", class: { disabled: this.disabled } }, index.h("div", { key: '981f26d40294cd905075d0745e4728543bdc618e', class: "form-group d-flex align-items-end" }, this.showTick && (index.h("road-icon", { key: '43f2969c43d2573de4db51261263ff22d834cc89', icon: index$1.navigationAddLessSolid, class: "mr-8", size: "sm" })), index.h("div", { key: '2009bfe7013711fcac093f8c67f54daf8f293d05', class: "form-range", style: {
                 "--min": this.min,
                 "--max": this.max,
                 "--value": value,
                 "--background-color": this.disabled
                     ? "var(--road-surface-disabled)"
                     : "initial",
-            } }, this.showValue && index.h("output", { key: '0b073c56edf53783bc572b26ea4686a260eb25c4' }), this.showLabels && index.h("slot", { key: 'fff8d5daad01eb14a609b2eefd9a98603cfb8f52', name: "datalist" }), index.h("input", { key: '1a13b5d7438a90848de90f357946161ff1f34f0c', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), index.h("label", { key: '3212a0c931c4c7f1ccbf42207df18089c16219d0', class: "form-range-label" }, "Valeur"), index.h("div", { key: '91fad7b8831a2729c0eef1d6926216ca512a681a', class: "form-range-progress" })), this.showTick && (index.h("road-icon", { key: '8eb7262328aecab4ab5049144ddddbb61fe0d86f', icon: index$1.navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && index.h("output", { key: 'b918d44808d44f446f88781b56a18da28768d184' }), this.showLabels && index.h("slot", { key: '341f43e617bca8decaa791170065658cf5c57923', name: "datalist" }), index.h("input", { key: '20d9d42bcfd89eb76a9459571cec4e790d8904f4', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), index.h("label", { key: '6ff1fbdc6111509511a1e50e0e65f43ec692f74f', class: "form-range-label" }, "Valeur"), index.h("div", { key: 'fadff2d5d9fda1b85290a4c39697968b13470412', class: "form-range-progress" })), this.showTick && (index.h("road-icon", { key: '79f4b51b9e695692777ab37b36511dfc8209812c', icon: index$1.navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -46,7 +46,7 @@ const Rating = class {
         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';
         const readOnly = this.readonly == true ? `readonly` : '';
-        return (index.h(index.Host, { key: '1f8f39ccb9cf1626c9202fa36ac1961a9d4723a3' }, index.h("div", { key: 'de2a92ba11560ed1dbfb93972ad0f07aed30e7c8', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => index.h("road-icon", { icon: index$1.star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => index.h("road-icon", { icon: index$1.starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => index.h("road-icon", { icon: index$1.star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && index.h("a", { key: '6093c5e21eb0e0f47de0335a8877038af0009816', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && index.h("road-label", { key: '5d11f24f8d2356666e328fc86e0f5557093793ed', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (index.h(index.Host, { key: 'de9146b27a97204cf394332ed3cd39872b2021be' }, index.h("div", { key: '10e5404e7b77281cbc6db3c7b5443158cff0d5d2', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => index.h("road-icon", { icon: index$1.star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => index.h("road-icon", { icon: index$1.starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => index.h("road-icon", { icon: index$1.star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && index.h("a", { key: 'ba4c82ef9eff58a95cb6049839c26c2a2e74dd2d', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && index.h("road-label", { key: 'd7066a54aecd03e699e63ef2c4546a350252712a', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
 };
 Rating.style = RoadRatingStyle0;

package/dist/cjs/road-segmented-button-bar.cjs.entry.js

@@ -28,7 +28,7 @@ const ButtonBar = class {
         this.selectedTabChanged();
     }
     render() {
-        return (index.h(index.Host, { key: '20a78b478a8d346e40af1065cfc57e273498d389', role: "tablist" }, index.h("slot", { key: 'aadc0d0830d3110041dc4e0fa7f93f0a42fdefc5' })));
+        return (index.h(index.Host, { key: 'a5bf3fc09d2e077e087ae5246ee562aed29472a5', role: "tablist" }, index.h("slot", { key: '48a1e2e24b79f769bc35e4d048218210be1b0d56' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/road-segmented-button.cjs.entry.js

@@ -59,10 +59,10 @@ const SegmentedButton = class {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (index.h(index.Host, { key: '863bee27ee0f19d6db0382687b0e8e79bd013a98', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (index.h(index.Host, { key: 'f97ac52e941a6d41c3cc1ebde88396c7a88bcc5b', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 [`${sizeClass}`]: true,
-            } }, index.h("span", { key: '9e16e5ad2ce62ecbf1d27c01ce0fe5fbdfae023e', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("span", { key: '96f9bf0fac28111e1b400a3f721ad6df4d726253', class: "button-content" }, index.h("slot", { key: '474845bdcfbc64a70581c715efaa74e87631875a' })))));
+            } }, index.h("span", { key: 'd608b3b0da3af5184b3a4faeda5bfc6d643cb14f', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("span", { key: '6aab4780198238402d5911e60b905d8187624266', class: "button-content" }, index.h("slot", { key: '12d3b5ebb3de039dffd9d99bd658de975a2ed6df' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-segmented-buttons.cjs.entry.js

@@ -95,7 +95,7 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (index.h(index.Host, { key: '760ffd7c98659dc00187c97e3d01ce92409584a5', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: 'dfd7acfd76741333868ff7dce2f88c27f2413808', name: "top" }), index.h("slot", { key: 'e7ed6139b95280e972025c5028e0694da0f26265' })));
+        return (index.h(index.Host, { key: 'd1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: '681bb4fdcf7bc99dd558723c85ea65b6182a7556', name: "top" }), index.h("slot", { key: '395d680d41e4c831d7e12e2d4b5e83e74d1128cf' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/road-select-filter.cjs.entry.js

@@ -1968,7 +1968,7 @@ const SelectFilter = class {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (index.h(index.Host, { key: 'e4393a91203759623aa0086e4108463d4f48a44f', "is-active": isActive }, index.h("slot", { key: 'e37819bb33bcdb6560195beca49f609e8a738698' }), this.isOpen && (index.h("div", { key: 'b6f07e78929aaa97f29f4b27575427754ddcc2be', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (index.h("div", { class: "select-filter-empty" }, "Aucune option")) : (index.h("ul", { class: "pl-0" }, options.map((option, idx) => (index.h("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
+        return (index.h(index.Host, { key: 'b1411c1e27ab139c15417acfe996f70f1412f049', "is-active": isActive }, index.h("slot", { key: 'cf2229232ebeb1b781f44dac2ce2bcc19eb56282' }), this.isOpen && (index.h("div", { key: '568f2f9ea1dfa8f6178805062cc5d391fbb1e122', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (index.h("div", { class: "select-filter-empty" }, "Aucune option")) : (index.h("ul", { class: "pl-0" }, options.map((option, idx) => (index.h("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -107,7 +107,7 @@ const Select = class {
         const labelId = this.selectId + '-label';
         const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (index.h(index.Host, { key: 'f14fd892ff313e60f72eca443e2db24e8b76c809', class: this.sizes && `select-${this.sizes}` }, index.h("select", { key: '3666d6920ac0a8cdaabeb9275b201ccff50e64b1', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, index.h("option", { key: '8d19ea08babdfc0387bf3fd4dbccea7296264938', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (index.h("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), index.h("label", { key: '23a6d92409b0ee87600fb9f466759d565b4342e8', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && index.h("p", { key: 'd06cb3072735d1f9c7050e6831953808dd5b7454', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'f0ce5ae0ece1db298febbfc21938960abf8351a8', class: "helper" }, this.helper)));
+        return (index.h(index.Host, { key: 'fb313bb494596711a3b9f5c893ad32718d8b91b9', class: this.sizes && `select-${this.sizes}` }, index.h("select", { key: '1414476677d43a66f4386b33d0e214dfda608f3c', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, index.h("option", { key: 'e76bb7a68a1876237168287ed1c644489b01ae1d', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (index.h("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), index.h("label", { key: 'a8e873fecdd61d0b329cac070f3705aaf534e846', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && index.h("p", { key: '82ba6e3b17d05cd9b90ce1b47c1fabe7673753d2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: '6641b93d7b62266d671196f340d8ff2b385b5159', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]