@roadtrip/components 3.45.0 → 3.45.1

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: '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" }))));
+        return (index.h("details", { key: '369ce1cfb90f00ccdf3a513b074871f74587ea60', class: "dropdown", open: this.isOpen }, index.h("summary", { key: '7892d1f9a8dd3167d3894b3c8cd2f2ee3feda8f4', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, index.h("div", { key: 'a24ca536cf7f3e6cf44c46f6dae355d527224570', class: `d-flex ${positionClass}` }, index.h("div", { key: '1e7ba5b51a68a4b0c79cd7bf256853dfa4b8ab3a', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, index.h("road-icon", { key: '64256d8c446025fa7199fbb7cda0777cf02c46c9', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), index.h("div", { key: 'b2020719de2304d5c4f606ed3f306aaf4f8a382a', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, index.h("slot", { key: 'ee017bc6678acc0f8770a5c52921d8f886f35aa6', 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: '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 })))))))));
+        return (index.h("road-drawer", { key: '17db42f462da76b54a24eb6dd52a0ce637be4c86', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, index.h("road-grid", { key: '51fb1715dc70ffe94e82e171db3759c308c562e4' }, index.h("road-row", { key: 'a4b5d1e6489f39bb6bc698c7beadf5135d46e3e9', 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: 'acecc88123e94f737aef8b2d1026e8a9ce196a7d', class: `${colorClass} flap-${this.size}` }, index.h("slot", { key: '6ce8eccf19a94ca9e7c8b75f9da8b7a8df00376b' })));
+        return (index.h(index.Host, { key: '17654f70a4f17fb19164ebb3f29ca576768cda54', class: `${colorClass} flap-${this.size}` }, index.h("slot", { key: '06d531af72c1d328976fcc23f9877da54e39b667' })));
     }
 };
 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: '1a523fcd448db62eb7a676184a22c7ae96e2d39e', role: "application" }, index.h("slot", { key: '7c46cc17b02a4425161d99b54ef1bca9711f179a' })));
+        return (index.h(index.Host, { key: '71284cfbbb2297134bfed397d45af88fc035d95f', role: "application" }, index.h("slot", { key: '04c47f8f5c69d72ef7c74e405037deeba4aa6019' })));
     }
     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: 'bae96f32bd732721cbf401db21708a3bb601016b', role: "application" }, index.h("slot", { key: '65e4a67511fd702e3daaa1ba206fbb8ff67df6da' })));
+        return (index.h(index.Host, { key: '3153f9036b6fcbf625b4b6c2fb22dc270b20ac58', role: "application" }, index.h("slot", { key: '5bc133bc9abe1abcae66c1247215c1884ead0a3c' })));
     }
     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: '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" })));
+        return (index.h(index.Host, { key: 'f059a8a30c536d517219ac57c2fb085a669cfcef', class: placeholder }, index.h("img", { key: 'c624708aaa39e50e26bfe1725225b6038949ad5b', 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: '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' }))))));
+        return (index.h(index.Host, { key: '230e6f6eaae339d5314c46db9fd0d67fc2d846fc', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, index.h("div", { key: '2080e60ffe8a97a331f68f314d2aee59c7a86bf5', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), index.h("div", { key: '47044cf9e0b9dd04550db1ec3a82c263b4c547ee', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, index.h("div", { key: 'e6abe2cb25564e1aff45d1c4a29a8504224b4456', class: "modal-content" }, index.h("header", { key: '6459cf83929bbf51b797bb636fd88369fabda3d3', class: `modal-header ${inverseHeaderClass}` }, index.h("h2", { key: '050a8988f516aa9573f2d29b952dad3f52ead85e', class: "modal-title" }, this.modalTitle), closeIconElement), index.h("div", { key: 'eed07ba054f757aeba4f676727c101dd12c94a7d', class: "modal-body" }, index.h("slot", { key: '221f6df6bf95583b4edd0d1dfe3a2eaec3fe7dae' }))))));
     }
     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: '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: {
+        return (index.h(index.Host, { key: 'b5d5414801e5eb897dd1f346834fda3f6408ef4d', 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: 'b8915357668428324fddc6dc6cf038dc8f55cfeb' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '103bfedba55dab13e169d5806fa5ae3873ed860b', class: "button-inner" }, index.h("slot", { key: 'd1e8a5fd74c0b42550b050e4212a99e5df04902b' })))));
+            } }, index.h("a", Object.assign({ key: '88b26c7312ff31508d4d231ec04036185f877fc6' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '97a6306b28115a3d1aa8961895aaa84f5a0fbe10', class: "button-inner" }, index.h("slot", { key: 'd5dfe7aae57d389c6cd71fbe0b01e6cd5ec4ed5e' })))));
     }
     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: '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: {
+        return (index.h(index.Host, { key: '7ff4e21f2f090d7b2bee47c1395468c89d619c63', 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: '96d3d1d8ce173906c6427a4b53dff251f2ad2d28' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '2a9dd73feff76d436c37f27fc1b9a1c2678c2b6e', class: "button-inner" }, index.h("slot", { key: '603703ddc7865278113ec4d953ab1fc71bbc08d7' })))));
+            } }, index.h("a", Object.assign({ key: 'cb857860824f7b5244d014868b37c5242664f2d2' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '6d03a2caf31f24f12f0cd0d833a0c546ca01155f', class: "button-inner" }, index.h("slot", { key: '6c64a44e43ef3d0f42ab1630b88b3e5a7529968a' })))));
     }
     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: '43aff9eafd66ec2fb7c45a4707c758b3b182f64b', role: "menubar", class: `${compactClass}` }, index.h("slot", { key: '66b8748a5d4395bd03edff1b9490bdc0fe63f01a' })));
+        return (index.h(index.Host, { key: 'a7dbd950685bc968dde55225595dfda20e2ede07', role: "menubar", class: `${compactClass}` }, index.h("slot", { key: '0181dc8feee84135b55ee42d2b1aaaf1d8e24a78' })));
     }
     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: '61786009c0bb1357257674a72b0f3dbf3f5c38a8', role: "menubar" }, index.h("slot", { key: '2f3cdbc13d1bf0d3535035bd2098ed20d048dee0' })));
+        return (index.h(index.Host, { key: 'c121e166433a74cb9bfe086872e29d0aceff6a4f', role: "menubar" }, index.h("slot", { key: '4152762dbcbf5467698a3cde344c7898b579d505' })));
     }
     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: '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
+        return (index.h(index.Host, { key: '24cd537172b031b54a8d4b551316c6d35ebfb457' }, index.h("div", { key: 'fb2728e530fca3d44e2bd54ad5c326bffdec704e', class: 'phone-number-inputs-container' }, index.h("div", { key: 'f8143383f1a4d27a6e1d0f5d31396b08fee31ad7', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, index.h("select", { key: 'bc5cd7865dced3c1a7a8c412ce487a1e95c74bd9', 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: '2a460863f32b098caa5bc47aade77089038d1cb1', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), index.h("label", { key: '747540f6cf9f2402e12f370970631c44177fda73', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), index.h("input", { key: '02b9cb47645876729fb4206c8c930f4a214f53a3', 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: 'c3de74c259cc32edd1cd107bab4bb8c00be91fb5', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && 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)));
+            && index.h("p", { key: '334407a43c985abd508a0dd38a88af4e2587a525', class: "invalid-feedback" }, index.h("road-icon", { key: 'c9bfb7b1a24f0ea3f2cc8a335e28c99c38a5c004', 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: '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
+        return (index.h("road-input-group", { key: '078fe518c39b731041ebff1825b9119d0f0ceb94', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, index.h("label", { key: '7eb5ad6dc9eaff3f22398d37fc0f352779aa70c7', slot: "prepend", class: "input-group-prepend" }, index.h("div", { key: '1b40d4b4f5cafedbc76cf31441012a1c006d6afb', class: "plate-number-start" }, index.h("road-icon", { key: 'aacc90e679c24a386964d6d12088a1a4e499ac80', class: "plate-number-icon", icon: index$1.licensePlateStarEu }), index.h("div", { key: 'bfc3dee0ba4400aed94e31f3bbb6ce0c716f15b4', 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: '0378a2bbcaa0fd90f7a3f195f1a4e31806e2ff13', slot: "append", class: "input-group-append" }, index.h("div", { key: 'fddb65007529730731c4410cf407bdcbcfcbbf93', 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: 'bbdbde5a98aec4e5d91b3c39af8f5e8d7141730d', slot: "append", class: "input-group-append" }, index.h("div", { key: '506043ccefb71abc11caf7f0f865ca13d1cd2bdc', 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: '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" }))));
+        return (index.h("details", { key: '6b4e442ce01f574182606e7c09e63e6d8e0d96b9', class: "dropdown", open: this.isOpen }, index.h("summary", { key: '96a1c367ac0b6602e6e8151579b108783ba53c8e', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { key: 'f01c4d03a12d00874238e2aa3abb7be483e45476', class: `d-flex` }, index.h("div", { key: 'ec9d487f6cffc7e6e754f560302ecf209b48805a' }, index.h("road-avatar", { key: '3f6b7e0ad05414771176f7b7e28cfc79b9590e34' }, index.h("slot", { key: 'd38ff4e91a859e64da6788f10cf341ade9efdfd5', name: "avatar" }))))), index.h("div", { key: '49c70f04f60cd49f8f7dea3f3edf538886245a6e', class: `dropdown-menu` }, index.h("div", { key: '251bc17b6dd66d76d780f8736df547b07b8ea028', class: "profil-item" }, index.h("road-avatar", { key: '0facee183c2290c5dbfaf78a38bbd040693124c0', size: "sm" }, index.h("slot", { key: '578b32315727e7193fc88e3a2c3f8dde364970da', name: "avatarItem" })), index.h("div", { key: '7faa802856269a4440b8602772acc2cfde110341', class: "profil-item-info" }, index.h("span", { key: 'efbeb25518e9a70da4fa52d6633abcc304efd9ae', class: "profil-item-info-name" }, index.h("slot", { key: 'bbfe23bb0e4832bb62a9f4232fd0291981fdbaa4', name: "name" })), index.h("road-label", { key: '2abf8f36c90e55491484a9c8f040a68bd2255be6' }, index.h("slot", { key: '4fb41b62b83d688e1ba940c784d1947a64e7a17a', name: "email" })))), index.h("slot", { key: '0fa5e3352f774d950d5d2cd4ad3e44b0eb106140', 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: '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" }))))))));
+        return (index.h(index.Host, { key: 'f111144edc55e730674a4bd5e1633e5a91b97015' }, index.h("nav", { key: '7591c2c39a2827b36d351a3b28a85c6156b64b2d' }, index.h("ul", { key: '78fa0a7bd33e11c970ce71df3e86ad82adf092f4', class: `${colorClass}` }, index.h("li", { key: '3e395290532c35a096b9c6f24936ed37041f6205', class: `${stateClass}` }, index.h("a", { key: 'c5eea4f543e4d74d1a0616b2352961edfd5516b5', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { key: 'de796e773f0e4529d0b7fdbe61e6c11d8e6279ca', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'fb65dc7ad9d3f422bacc3ccba87e2be2171d7f9e', name: "progress-indicator-horizontal-icon" })), index.h("span", { key: 'd7cf1de8faa1821bba9280c171735e10448b9453', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'f0d15278bee067c765fa466e1e4a368b23c06703', name: "progress-indicator-horizontal-title" })))), index.h("li", { key: '25fb14e2d761124258ac90fcd3c7df82a3d77e16', class: `${stateSecondStepClass}` }, index.h("a", { key: 'f253c9d89b3fa7f430be3bdcdfe8cacd828fdbe0', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { key: 'd85c7358d428abb5ee621355cab2c8c1f87c802a', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '1c7b3678964d7cb76420b427654488f745f58491', name: "progress-indicator-horizontal-icon2" })), index.h("span", { key: 'f9df661db7d252d4660652a3c1a4cfbbc000a7d0', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'b58b9a83c49dbf5883f12380d659f65a68167181', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && index.h("li", { key: '93e3ff18e0f07844d00fed42acb091b9482798d5', class: `${stateThirdStepClass}` }, index.h("a", { key: '10ea0a5904d2308eeefc1707a3fdb596c4cdb4e3', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { key: '7da570caa2a771389acc1b44870f2712afb17b96', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '5235530ca67e9c2730eb1130e7f98454bb3c58d1', name: "progress-indicator-horizontal-icon3" })), index.h("span", { key: '22d8d0d86ad2b8035b91a63783381c8f7c40e2dd', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '06193f06fa83c0d64ed13ad40e6a37f73da7592e', 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: '17ae276834ff832dcf77111aeeda48b8ca9dc72e' }, index.h("slot", { key: '624e68ac134752cb835e1cfdba7aa1db8d1f5152' })));
+        return (index.h(index.Host, { key: '0c9d2ff669b0e8c23d2e319e02811af7b572c7d9' }, index.h("slot", { key: 'd8c61ee8af278f07e4431fe67551b9627b1e8fe1' })));
     }
 };
 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: '8df70b09eb63e027b39c4843ae497cef5e39c2ed' }, index.h("nav", { key: '0d6025a44bd845363096fc6e002a334263dac3c9' }, index.h("ul", { key: '4d81713de26f798637118ee3af681eb6f668513f' }, index.h("li", { key: 'bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c' }, index.h("slot", { key: '18e8f5f3cddb2a2c6816127596d469a93ca2430c' }))))));
+        return (index.h(index.Host, { key: '7cb6fe2a4a78937fc84bd9b0daf0c9445a051fc5' }, index.h("nav", { key: 'da179588065c7d0e9469a067eee27aeb7d497ab5' }, index.h("ul", { key: '232392a6dc63b3923550dd58db7ba2eae621a79b' }, index.h("li", { key: '7e545e5818a67bc4fce6b97b4d26191da6f58c4c' }, index.h("slot", { key: 'c815524158b6e599dfbbaaae21cee71abc33583a' }))))));
     }
 };
 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: 'f0323f8e11d15162868f6679d958a7eb3c732c94' }, index.h("slot", { key: 'f723c3ff78b34c68bbe3f675d93ff61a6eb24a27' })));
+        return (index.h(index.Host, { key: 'f080eb45be07dd54b9f028b96febd5b7090527cf' }, index.h("slot", { key: '9ac63fa7a9a0d4e533dbc1a0a96fe93ea9a8034e' })));
     }
 };
 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: '558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f' }, index.h("nav", { key: '386429b7b2670bd9e1cfde6eb895fcdb9fc26a66' }, index.h("ul", { key: '67357a2d0f7777b39b390a6fc1f2609f7e504f0d' }, index.h("li", { key: '6bd942a3d6c358f1988b58b16c65bc1f635c690f' }, index.h("slot", { key: '47ab21f544caa20f3623d7a6b299a84cb17b2927' }))))));
+        return (index.h(index.Host, { key: '32c91397fb443308453f8756ffbbb4b3aef1ac80' }, index.h("nav", { key: '9eada9c4e79a0deddce2f431834e454bd184dc1e' }, index.h("ul", { key: '9c51d05a05e3395ec75ee2ec99c466c545075719' }, index.h("li", { key: '551f69d0d79aa99104e38d52b1b17686fc0bd82c' }, index.h("slot", { key: '64c3a9c01936473628282b0caa49746bb97f1b78' }))))));
     }
 };
 ProgressTracker.style = RoadProgressTrackerStyle0;

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

@@ -63,7 +63,7 @@ const ProgressBar = class {
         let step = Math.ceil((this.value / 100) * this.numbersteps);
         step = Math.min(step, this.numbersteps);
         step = Math.max(step, 0);
-        return (index.h(index.Host, { key: 'b95f31407c58d8d7d6a25044b76c8f2f233d74d1', class: "progress-element" }, index.h("div", { key: 'dfa03b1cbb5e4c417eed00d25b394fd7208e0f14', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: '7f0ca4d17c77c88d24457ac9b5a5112ff11ddbf2', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), index.h("div", { key: '45cc2ee26a70152ada39408101f675ffb3470fc2', class: `${fullwidth}` }, index.h("span", { key: '545f2ab462c04d2f3b38b0c2de1b067f639e864a', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (index.h("span", { key: '2d79c6432b78f9f4cbb2ae4c4afcf2a4de9c0a3a', class: "progress-element-step" }, step, "/", this.numbersteps)))));
+        return (index.h(index.Host, { key: '09665cbad7d552d5fdedb655e474a917bbc7108c', class: "progress-element" }, index.h("div", { key: '3fd59f777ad3b7a0de6079b24e2ff5369574a1be', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: 'ffc8433bdb99c8ad33e025b39ff032be6f7b5c0d', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), index.h("div", { key: '9974af0eb6c68404b5ed3b11aa8f3f9e814181a0', class: `${fullwidth}` }, index.h("span", { key: '2f9724da220d0c3148d62b251a8a249efb974bd2', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (index.h("span", { key: '695c562d666a72a9d4e29dc0d8a060bbd9745895', class: "progress-element-step" }, step, "/", 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: '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' }))))));
+        return (index.h(index.Host, { key: '855a082bcd5ab1d2a76e276c9e026efda529b785', class: `form-radio ${inlineClass}` }, index.h("div", { key: '1b76deba72dbfb07eb160c7791a9b02b4b5bcc5b', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, index.h("input", { key: '34d7a61463f55efcb9a13b4651f297d89e0a922b', 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: '1f0d49a8d711e9c6f232f82bce3f9a942544b124', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, index.h("div", { key: '7349a2e57c95bcc4c43314cdfe270b7c51f33146', class: "slot-wrapper" }, index.h("slot", { key: '433d85a6e2807076f215d2c52f1d077030e9f2da' }))))));
     }
     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: '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)));
+        return (index.h(index.Host, { key: 'a92111d5ffff6b6eda6efa01fe8c92a390c1df04', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && index.h("p", { key: 'fdb15769c6127b65fb2751aceef0dcb92f7c058d', class: "text-content", id: labelId }, this.label, " ", this.asterisk && index.h("span", { key: '8a32ab70a954b770ce0c71c1d1c3b17154184d5e', class: "asterisk" }, "*")), index.h("slot", { key: '69e54cd769b20ef75f5c0fe5ad4410ff9939ccc2' }), this.error && this.error !== '' && index.h("p", { key: '92f290c57411ea5600c45548f5b02d9a66db43a8', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: '90fd15fe58413798a2de75b7636d8a3df749df5b', 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: '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))));
+        return (index.h(index.Host, { key: '8527b5ca6ed9c45a9fe7fc8dca12b6dafb159175', class: `form-radio ${inlineClass}` }, index.h("input", { key: '82f44c9ebb76379f1c2ae8e7978b82167929729d', 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: '5e12d52490a2ae6cacf0eef9abb225626ec75a2c', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", index.h("span", { key: '8c1c4c69075836741bbc89a0460fc47f8d4486e1', 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: '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: {
+        return (index.h(index.Host, { key: '4a3eac8fe972c4da37712c2bfb9f9368a2c5e0e4', tabindex: "0", class: { disabled: this.disabled } }, index.h("div", { key: '7ede74bdbb7f85124b250a02f312e0fa8672b445', class: "form-group d-flex align-items-end" }, this.showTick && (index.h("road-icon", { key: 'bbfe778ba2082b82dac80d2c9b11b032ae4d3dc5', icon: index$1.navigationAddLessSolid, class: "mr-8", size: "sm" })), index.h("div", { key: 'a5617bb934ee0e8f481d4cbbe334ecdcccb80f4a', 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: '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" })))));
+            } }, this.showValue && index.h("output", { key: 'f8fb6174412f03e9e0ada70b79715b8892c394e7' }), this.showLabels && index.h("slot", { key: '77278e535a1cf754b21ef12ebd1650aa03942ad0', name: "datalist" }), index.h("input", { key: 'c40fc31c0744955b440b162e5cddaa7c7b2119a3', 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: 'ec72158b6b0f7128aee76222506a6ecf80bbf43c', class: "form-range-label" }, "Valeur"), index.h("div", { key: 'ec3ba04cbb45a2af707f81e0fd05fbbb868c8187', class: "form-range-progress" })), this.showTick && (index.h("road-icon", { key: '293312e73482a2dafe8ef694ae2e56e3f37955bb', 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: '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}`, ")")));
+        return (index.h(index.Host, { key: 'f3317daf4cdd2e6a539936c9dbe095c791ce883d' }, index.h("div", { key: 'fe4e3b262592ca714e26f7cc03ac9ba4435d0b51', 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: '17bd3fb3ecbbd6e040c3c9c70fb92b9af90ee6b1', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && index.h("road-label", { key: '5dba1d64ca367649797df7b872789e7cdc130e8c', 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: 'a5bf3fc09d2e077e087ae5246ee562aed29472a5', role: "tablist" }, index.h("slot", { key: '48a1e2e24b79f769bc35e4d048218210be1b0d56' })));
+        return (index.h(index.Host, { key: 'd4cf00bc997e0ed05484681fb5fc5f554b3d6fbd', role: "tablist" }, index.h("slot", { key: 'cadf449cf80d55a0fe297fff440f65f6c096c371' })));
     }
     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: 'f97ac52e941a6d41c3cc1ebde88396c7a88bcc5b', 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: '8b14a7cc7b693e9738cc01498921b86f01a5e2a5', 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: 'd608b3b0da3af5184b3a4faeda5bfc6d643cb14f', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("span", { key: '6aab4780198238402d5911e60b905d8187624266', class: "button-content" }, index.h("slot", { key: '12d3b5ebb3de039dffd9d99bd658de975a2ed6df' })))));
+            } }, index.h("span", { key: '2e4d84a1561a9c09b441fd858c3625f784c6794c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("span", { key: '2acfa633cb9a32c3554ac7067fd62737bc45b172', class: "button-content" }, index.h("slot", { key: '1b133f39ff11f8bdd8be0b3d7f780262f0af2e18' })))));
     }
     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: 'd1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: '681bb4fdcf7bc99dd558723c85ea65b6182a7556', name: "top" }), index.h("slot", { key: '395d680d41e4c831d7e12e2d4b5e83e74d1128cf' })));
+        return (index.h(index.Host, { key: '51b943aa1730a5869b8d4616e5b9d0a883c3e17c', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: '14c0de7b24f8a960a331c258ac91dd2ec4e1dda2', name: "top" }), index.h("slot", { key: 'b8d71615b2b6bbee3ce95754f0b2f0a7c5ef3385' })));
     }
     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: '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 })))))))));
+        return (index.h(index.Host, { key: '56283f348c18c9f4da780910a296dff17656881e', "is-active": isActive }, index.h("slot", { key: '43a5b9dadb04f532e62259a415d921b731b7911e' }), this.isOpen && (index.h("div", { key: 'cac8b402cfaa77e6c84e60a50f73d148475c93f7', 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: '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)));
+        return (index.h(index.Host, { key: '252c4ae08501f73688cf0c7c7b0830439f1f8e1f', class: this.sizes && `select-${this.sizes}` }, index.h("select", { key: '28001067f4222640b9a7d4a93692ff94593651c1', 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: '8933f32a5982c18c456bb06e22a28f67320927b0', 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: '49e2bd5cff399c79900ac65dd37e73bc862f3d00', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && index.h("p", { key: 'e3a55cc35184e8767ba35ac87cb45e7e24f3c116', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'd824610dfb9031aecee47f63c288069ca3aed0b6', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

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

@@ -12,7 +12,7 @@ const Skeleton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("span", { key: '33cfe20d51c54101ccf43a5027549fa79d707cab' }, "\u00A0"));
+        return (index.h("span", { key: 'f938a4cd82c542599e6729e9bbfca3fa51573956' }, "\u00A0"));
     }
 };
 Skeleton.style = RoadSkeletonStyle0;

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

@@ -22,7 +22,7 @@ const Spinner = class {
     render() {
         const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
         const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
-        return (index.h("svg", { key: '90d3a6eafbf227b79edf5b298b2bd5e212436c7a', class: `${sizeClass}`, viewBox: "25 25 50 50" }, index.h("circle", { key: '9a90e8724a39005b1a51029b25401fc876149571', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (index.h("svg", { key: '1465d5db948734bba9d01c1371fbe97fba33ccb5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, index.h("circle", { key: 'f7dd929e5cdef073f60d8e6d651fc3e64e594ced', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
 };
 Spinner.style = RoadSpinnerStyle0;

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

@@ -18,7 +18,7 @@ const Chip = class {
         this.size = 'sm';
     }
     render() {
-        return (index.h(index.Host, { key: '66bf3407592164729d81e1269900dfff160d60ce', class: `chip-${this.size}`, tabindex: "0" }, index.h("div", { key: 'e037baad33a3be2b430f9c2325abc81f4e7fd015', class: "chip-description" }, index.h("road-icon", { key: '961d65ef9f31be4444c983c0bd178e19c0f06692', class: "chip-icon", color: "info", icon: index$1.alertInfoSolid }), index.h("slot", { key: '3f1852768aa6a6dc6b234832688f6868b9676591' }))));
+        return (index.h(index.Host, { key: '22343d5f99de6406223630ccc5ddc4c8363f87ff', class: `chip-${this.size}`, tabindex: "0" }, index.h("div", { key: '53693f688a08c07d7c5c5c8f6f4ab6ecbad5c783', class: "chip-description" }, index.h("road-icon", { key: 'd66577297e5c33d7722c3026293830092e9f0239', class: "chip-icon", color: "info", icon: index$1.alertInfoSolid }), index.h("slot", { key: '248ca83089bffdb3695d953cb14ac38a27e10b4d' }))));
     }
 };
 Chip.style = RoadStatusChipStyle0;

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

@@ -85,11 +85,11 @@ const Switch = class {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = index.h("label", { key: 'ce7aa5f11558ca65be5c3e67fa4bd195befb93fb', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = index.h("label", { key: 'b0499c36ab0eb33ac879c37115b6a4754c5d1529', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
         const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
         const isSpacedClass = this.isSpaced && 'form-switch-spaced';
         const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
-        return (index.h(index.Host, { key: '67cb125cd5c23b799ae301f584fe2fbf446a35dd' }, index.h("input", { key: 'dc19948d6370b14e077eb4725cfcb35916eb779f', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, 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: 'fb2645a723c66e5d45d621260f4ef18a172dccc4', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, index.h("div", { key: 'a0e6f831b9136f89fcc70ed3004a8551c4b10760', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (index.h(index.Host, { key: 'a9365fb9fd70d406e5a90d740cead5094861ac79' }, index.h("input", { key: '8714e6da068a91604e19dfbdba6f6c712c339c07', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, 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: 'b181aecf57662fe3d9c4032ef5fbd47709730e85', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, index.h("div", { key: '4c6da52b6e04657d6749eec12c3c6ff5f97ce762', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]

package/dist/cjs/road-tab-bar.cjs.entry.js

@@ -44,11 +44,11 @@ const TabBar = class {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (index.h(index.Host, { key: 'a40a29c3f335bd4b49495203834bb937af77a4bb', role: "tablist", class: {
+        return (index.h(index.Host, { key: 'c88f5a50d83ec07361ed5dd08d5b8a29fd4ac13d', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, index.h("slot", { key: 'b7abc10609ae8939e729c735fb942b1b89c604ad' })));
+            } }, index.h("slot", { key: '9a9f51b48cef50e484e4e6b0696108e9263f0f48' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -77,7 +77,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '3cb6c6f8dcab1715547dfa6fc43c4e6ec3234507', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (index.h(index.Host, { key: 'd10e81cf00ff7acb3888181bf7b60db6b7e24162', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 'tab-has-label': hasLabel,
                 'tab-has-icon': hasIcon,
@@ -85,7 +85,7 @@ const TabButton = class {
                 'tab-has-icon-only': hasIcon && !hasLabel,
                 [`tab-layout-${layout}`]: true,
                 'tab-disabled': disabled, // Classe CSS pour les styles désactivés
-            } }, index.h("a", Object.assign({ key: '7f07a67f84c56857ac864b2d56c1698f31f618d5' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: 'b6b0a2caa81b69199bf85210cec8722846a413b8', class: "button-inner" }, index.h("slot", { key: 'efbc557b0428fe1513f150ed97f0c9037284daa2' })))));
+            } }, index.h("a", Object.assign({ key: '81f0045d7d4b05e70ddcbab15866ed09d70eff11' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: 'f167d63f29af54aa2632a0e46ca64499a70b3a22', class: "button-inner" }, index.h("slot", { key: '1b91f5ba629820ef6764eba4064d551ac8b6f820' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -27,9 +27,9 @@ const Tab = class {
     }
     render() {
         const { tab, active } = this;
-        return (index.h(index.Host, { key: '3027c31c282565b7d5905d3b3031db04ba1bed44', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (index.h(index.Host, { key: '925b7e9bcb116de9081e0f238799e28a31d385a1', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: '70ae19f3e889a8c46d062363445185055a6c1133' })));
+            } }, index.h("slot", { key: 'c4ae28afb00bd729cc5b2c434b8ac62d94d8b5f3' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const Table = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '4fbbf196c158059cc8c375e9fcd848cd8e2d864f' }));
+        return (index.h("slot", { key: '62d09e884d94443c31146ec24273a787c6ee3787' }));
     }
 };
 Table.style = RoadTableStyle0;

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

@@ -108,7 +108,7 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (index.h(index.Host, { key: '5bea03df378d3de02ca7dec12e9794a8edbb073c', onRoadTabButtonClick: this.onTabClicked }, index.h("slot", { key: '9f6d69f412a26dce57a919d02003e7548e824b08', name: "top" }), index.h("div", { key: '05058a9ec02a249ab6bc9d0f2bc301c1803e1e20', class: "tabs-inner" }, index.h("slot", { key: 'f10bf6e9d99a0c040dd4045b18f22f288e19fc2e' }))));
+        return (index.h(index.Host, { key: '27ab87f41f3d6751434e8d6a2631cbe82d0a0cbc', onRoadTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'bbb551131576e4eee16b94217507c31c2c60a6be', name: "top" }), index.h("div", { key: 'f8b534238faee2fc29784b7e1725b15191349838', class: "tabs-inner" }, index.h("slot", { key: 'a7314be1ed2375a652afab28df2c3bb0e5a154f2' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const Tag = class {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (index.h(index.Host, { key: '2639b90b789a6fde1fae0f3201236a7c9f4e1aad', class: `${contrastClass}` }, index.h("slot", { key: '8039feeab97b500f0828e1efa751b9771f4f5e65' })));
+        return (index.h(index.Host, { key: '0310697bbc0e468cfb7a7c2c2d1b6c7b00e5c8a1', class: `${contrastClass}` }, index.h("slot", { key: '70eb0d5b559ca409cb1eae30a258fada641009d3' })));
     }
 };
 Tag.style = RoadTagStyle0;

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

@@ -17,7 +17,7 @@ const Text = class {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (index.h(index.Host, { key: '2b1df03bfadf4021cf4016c584cdbd0ccf09324c', class: `${colorClass}` }, index.h("slot", { key: '6966b8ebe4a2eb48b1fd020a707c6a37a519b099' })));
+        return (index.h(index.Host, { key: '9d1a62edc9a4602497b542292a0313ed52fc6156', class: `${colorClass}` }, index.h("slot", { key: '9aa0f728eae087590555f108f6562b96f5a926ed' })));
     }
 };
 Text.style = RoadTextStyle0;