@roadtrip/components 3.32.5 → 3.33.1

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: '7980cc259f449b537eb2a03fc4e291f1d1969bfb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, index.h("label", { key: '3149ae01f12aadde00cb72903b09c73a45816732', slot: "prepend", class: "input-group-prepend" }, index.h("div", { key: '21220cb22eccab0efab05f44a1127bcb6cbd204f', class: "plate-number-start" }, index.h("road-icon", { key: '2b1e4f33543c17399f1d19088f3d71c1d15c0248', class: "plate-number-icon", icon: index$1.licensePlateStarEu }), index.h("div", { key: 'ab3f376b26c1bc8b8dcc0741a8d651bf5ef2ab66', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (index.h("road-input-group", { key: 'd99ec720113a121c58794385a2a697459cc4e0eb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, index.h("label", { key: '559c8428a6403ee087bc219b6027b12a48c658d8', slot: "prepend", class: "input-group-prepend" }, index.h("div", { key: '8483940a622fb54e8bc29dfeaf3ade7aaeeb0e8c', class: "plate-number-start" }, index.h("road-icon", { key: 'ba60f444919f5b6221fe4d910ced4bec521e4101', class: "plate-number-icon", icon: index$1.licensePlateStarEu }), index.h("div", { key: '095d70b607191a292c5857559566954122c5081c', 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: '247d5b0a7be0f8d5012f5954d569c674e5f294a2', slot: "append", class: "input-group-append" }, index.h("div", { key: '7ddc6a2c9e8bc5a41677cda5f3b48ae000952d08', 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: '28ce8da1e17d33750056cbbb7b62686f492b4f6d', slot: "append", class: "input-group-append" }, index.h("div", { key: 'a7fd028f9e8457e1b865abbe79539223d64c7087', 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: 'ef885563a57a00c14694efdc7535b2f589cd5558', class: "dropdown", open: this.isOpen }, index.h("summary", { key: 'd653bf84dded67c1e7ee765951335e08c22cf5e5', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { key: '2d1d9bb7d125d26be995636447148bc60ce3ebee', class: `d-flex` }, index.h("div", { key: 'd09e9dce1f1509092acdd9c55ac86f77620a8945' }, index.h("road-avatar", { key: 'd5d20f6e0f6af0d710d0c40e1027f07ba27c4ec5' }, index.h("slot", { key: '1e23ef5fd196881d23a144326b26cf223cc06c31', name: "avatar" }))))), index.h("div", { key: '12b770b0426f1ca4f5550656b8ddb5f868f7f5c4', class: `dropdown-menu` }, index.h("div", { key: '502d4e9f0a65c0aa72021cde7462c4b056223326', class: "profil-item" }, index.h("road-avatar", { key: '0568250f850bf1f56169b8f40a89d16c0d0a4400', size: "sm" }, index.h("slot", { key: '3e5896405e5f155a3721eda74a99bda6fbbf5500', name: "avatarItem" })), index.h("div", { key: '9c3c0af4361d5e36e3189c2bc9fa156e80d9b52a', class: "profil-item-info" }, index.h("span", { key: '14d317fb694adbfa415897059191e0586689c354', class: "profil-item-info-name" }, index.h("slot", { key: 'e42863210087468ff02e50a669b99d4fdc2f048d', name: "name" })), index.h("road-label", { key: '451c674889bccb623c397b05310046d00bd32986' }, index.h("slot", { key: 'e37cc7000e92ef1d7573f98fc30bf64223e10340', name: "email" })))), index.h("slot", { key: 'e14e18ceefeff09ea09abb71c36e8f0e9d432f71', name: "list" }))));
+        return (index.h("details", { key: '1ea3c85ea39041b51cd7b87e5e3bf8457d04d8d2', class: "dropdown", open: this.isOpen }, index.h("summary", { key: '31722222765df7c7fb7716f1d28c719e71e3c50b', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, index.h("div", { key: 'e395e588854018e3aa01a535df994281a17e76e7', class: `d-flex` }, index.h("div", { key: '8bb2ba7393ad71a0fb01bfaae2626cddff73b974' }, index.h("road-avatar", { key: '6d05a101ce8015714a85fea57c583f8cf20e8ce4' }, index.h("slot", { key: 'c1a1408aa8e9eafedb2f3cb1791dcc02a2aba504', name: "avatar" }))))), index.h("div", { key: '31b4b8e31798cdbba1f144cd7c75417e5aed1dcc', class: `dropdown-menu` }, index.h("div", { key: 'daaa7e6156bd9e4cf093dcd895aabc58a5a75835', class: "profil-item" }, index.h("road-avatar", { key: 'efe9b628482a2f27c8224e5a836677e55aab0a53', size: "sm" }, index.h("slot", { key: 'b9def88d2732c0ff87353e163437f303bf921175', name: "avatarItem" })), index.h("div", { key: 'de3f1acfabff5c15cb409ff32c9f3d03ff80b256', class: "profil-item-info" }, index.h("span", { key: '01909017ffda821626024a5db9c77b5a5fa79988', class: "profil-item-info-name" }, index.h("slot", { key: 'e7ecab682533008f8aa41deb00a30a80ba027c09', name: "name" })), index.h("road-label", { key: 'e23ae331f406c69d5702055a31f8445518983fbc' }, index.h("slot", { key: '4ee00896125440f2f3a904516052edecc3ccaefc', name: "email" })))), index.h("slot", { key: '51a8603e7be8c8df634d69fe74a34845b75aff2f', 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: '6ef1e7653ba0d4956f96cde42abf1f3305d05b44' }, index.h("nav", { key: '31b9f0460989cf3a2d2c4f763883c4d33f37acb5' }, index.h("ul", { key: '1acebf1b93845cb95a283485c2b28a8db1d6fe7e', class: `${colorClass}` }, index.h("li", { key: '379d152f14c3ca5d095097fbdc44d13bdeea24fd', class: `${stateClass}` }, index.h("a", { key: '4e4453bc9b113f621e997176c143f2966dd4e5b4', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { key: '068326c44af5b05e0d6f5356f8eb9d4f33b02036', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'd06caa135df2ed284388de472c9fba91837f98e8', name: "progress-indicator-horizontal-icon" })), index.h("span", { key: 'd332efd3e9d13571ceb8c7d0bcc643843f4c492c', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '2744d3572915682f5a1c99c13589052b5e297796', name: "progress-indicator-horizontal-title" })))), index.h("li", { key: '2852fd1eb6c83a5bd73bd69fae31b36dfe81d202', class: `${stateSecondStepClass}` }, index.h("a", { key: 'dada3e2de184745f91dfa6e8271e82a5ace2fb6b', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { key: '49e839a7ad0379e71a650b0afd60a20909579244', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '98d4b45ee6d0fae6dbfa282f9c906814ad748da4', name: "progress-indicator-horizontal-icon2" })), index.h("span", { key: '8c5b89b084630836e70c6b5222519163e79a3b40', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '2c180eb35979d3d07be8470cc655935d2cb89d22', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && index.h("li", { key: '12d8d3e274906772b5cf8b283ee269283356ab3e', class: `${stateThirdStepClass}` }, index.h("a", { key: '21440094f64c62e5a91491874aa8b946dd2ec687', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { key: '7dc7412d5baca497635e14d131650d4cc3c1e6dc', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '838fc759296b69d700d4b56f2c0a69ba66aa5d11', name: "progress-indicator-horizontal-icon3" })), index.h("span", { key: '69b738ab252466f3485c1aab5a3a0835a38b4013', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: 'a5cb86ba68da3237b5cb83004ac4c1d295f33689', name: "progress-indicator-horizontal-title3" }))))))));
+        return (index.h(index.Host, { key: '92b255c26f67f4aad1051adc570b4838064b050b' }, index.h("nav", { key: '44f9ff6889874b55dc5078d1571cde655afc3a6b' }, index.h("ul", { key: 'e6b0e5e75db170bd8bf6412ed1d6bb5f228eda4b', class: `${colorClass}` }, index.h("li", { key: 'f48231734646f68f91bc256cd935a13dfe5277cf', class: `${stateClass}` }, index.h("a", { key: '8ca3bebb5e710c5a3fbbada6ef1f6f0ad6518956', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, index.h("span", { key: '752b27e04ab6799c19912a193a89e8084dc82ff9', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: '3c25ed41f39a011e61aafec0ca65917b72dbe967', name: "progress-indicator-horizontal-icon" })), index.h("span", { key: '2bf09fe120b2ae4c4074a5357f5133bc22120e2c', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '752e16d8c3895c2ee91a222c7789431ad27e34dd', name: "progress-indicator-horizontal-title" })))), index.h("li", { key: '09bcfc2711dc68b5b233b0306fa7d3d2b8e753c3', class: `${stateSecondStepClass}` }, index.h("a", { key: '9b5c9c60abecfed752c0332696c3c509ef4d5074', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, index.h("span", { key: '1e3c3113967379a97597c13044493ff3693d1b4e', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'fe8312cd31ca099c690379f500f20466a3f76555', name: "progress-indicator-horizontal-icon2" })), index.h("span", { key: '885e16b9917fbbcc0df05c2960083cb679902d2d', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '0b6709b4b8390f58854d2a37528fe1b98a0b4481', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && index.h("li", { key: 'fa106837abe66d6ee557f800916b39df8efac9a7', class: `${stateThirdStepClass}` }, index.h("a", { key: '9607d28f066e4b22778f66d0b5657611af3b15ed', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, index.h("span", { key: 'ce19ae6a6b774c0d5cb8c7b91af8d03ee88400a4', class: "progress-indicator-horizontal-icon" }, index.h("slot", { key: 'e0a52ce61b043af9137340a5651a120f1a8ff0dd', name: "progress-indicator-horizontal-icon3" })), index.h("span", { key: '1c8870afc7dc2630fb58c4c2f17d4f4f9109dea6', class: "progress-indicator-horizontal-title" }, index.h("slot", { key: '91fb0f5283ddbe5c62c2292579df9045b4c543f7', 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: '3b0c10665a39471c80fd033bc9ac82fe2a5af21b' }, index.h("slot", { key: '9afd4c52e6b4b5de87e8283a90d44f89cd608c2e' })));
+        return (index.h(index.Host, { key: 'd3ba92c8ba422c910a790c232cc6c43acf21a316' }, index.h("slot", { key: '471a58e0dbbcad1601c6bfec7e90cc4ced55f172' })));
     }
 };
 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: '1316219f8843bbe67b9d108e7855db69251025fa' }, index.h("nav", { key: '6b2ff0e552c124364a5cdb8419af4c3cf6489a2a' }, index.h("ul", { key: '279fa6381d7cc7ec44614c3a2611171d1b728a92' }, index.h("li", { key: '9b4b57a7285a812c7a992c9e35e145f703de9c5b' }, index.h("slot", { key: '9adfddec33f1ddd9658f2ce50802d193cf880a36' }))))));
+        return (index.h(index.Host, { key: '53374580ae8974a098d78a601f16c11d046d05a0' }, index.h("nav", { key: '172b56e4f067cd3aff24cbc8f619f623cee6e7fc' }, index.h("ul", { key: '76fc4af3a83915d53365f3e813612e10ac7bbca7' }, index.h("li", { key: 'a30ca0d908dc432e31cf04748df08d87bc527f61' }, index.h("slot", { key: '2bb8112daa5f3799b8936939dce9818fa17f756d' }))))));
     }
 };
 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: 'ad50a5a48f22062d91b353cdc827b0bfd5c0aec2' }, index.h("slot", { key: '06013bfcc1ae31542a228fc341905dd47e67bbce' })));
+        return (index.h(index.Host, { key: 'fa846bf7750217b756e2c63925636d75100e52f0' }, index.h("slot", { key: '3b37dca6ac078595ce7e739cd980661387f50e59' })));
     }
 };
 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: '7d98761f2a2e832defc4a3be6f8ba55ee84e63e5' }, index.h("nav", { key: 'd7b060564d6010f2cf6258be342337f38d21f465' }, index.h("ul", { key: '1d738d9f900a278a9c1da0a90fd851cd859af5d7' }, index.h("li", { key: '07652bae417a2e3654f70751330fdf72bfa2cbfc' }, index.h("slot", { key: 'd1e1dccc15da4d4b578ed309f63843dc68e0e6d1' }))))));
+        return (index.h(index.Host, { key: '9a0c92424113ac6ed3a422e2b72a597a1c7e56ae' }, index.h("nav", { key: '1f4a7756e005ecaac2ae04d69cfa56f44a3db114' }, index.h("ul", { key: 'dd386017509fcabfbc30d8970fa60d293d209e9e' }, index.h("li", { key: '1e2ca3005116579b3917b51867a09d975c9c1891' }, index.h("slot", { key: 'aa5268a3e7f35906bb37354e88b825f839d2774d' }))))));
     }
 };
 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: 'f279904305a0aeeed08b41ad7c04dde77b7935bd', class: "progress-element" }, index.h("div", { key: 'fcc94dd81e3f47e7cd0792223f42132a565ffb0f', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: '9df3dc8b11c4d458115e7d772ba04e9c56c49498', 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: '77912e82c0338448643cd6e9b1b57f29d882a4d5', class: `${fullwidth}` }, index.h("span", { key: '41db96be16f003e0efac77d65580e0333e55efea', class: "progress-element-label" }, this.label), this.showstep && index.h("span", { key: '2096e01438d8d0384c17e781e946aae8217bfab7', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        return (index.h(index.Host, { key: '6c93b381f40367646f5ccb653a9062c7ac342679', class: "progress-element" }, index.h("div", { key: 'cb975e51bd98f03fa7d52bd3f20af7b5f8f25379', class: `${light} progress-${this.color} ${animation}` }, index.h("div", { key: '33b21314f01938916afaea7a58e0425b03616d06', 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: '3d31e5265359ddb21a8517ccdb6408c3a0503478', class: `${fullwidth}` }, index.h("span", { key: '0965abaec5dc0737d04ddc05da7b4a6423fe6bb1', class: "progress-element-label" }, this.label), this.showstep && index.h("span", { key: '1f8b48a83db7c3d70f4a7756a43969d0782ee35a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
 };
 ProgressBar.style = RoadProgressStyle0;

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

@@ -67,7 +67,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: 'bd4d94c95c08aef18d12a279fb9678d1bf3fa008', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && index.h("p", { key: '30388fd2a86be9f0dd3d975a6ab549970eb8867f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && index.h("span", { key: '9b632bb00c8191b375ac0a43dcceb67af0d74597', class: "asterisk" }, "*")), index.h("slot", { key: 'eb69969fd91411bb34b96d85450f017c15afe6c1' }), this.error && this.error !== '' && index.h("p", { key: 'a9dd413f7c2674317eeb7b8258ae3be9d6c09e6b', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: '03341129fd0aa6bdb3bf5b811f0f1c12ed46fe05', class: "helper" }, this.helper)));
+        return (index.h(index.Host, { key: '6c3948ad9428d3ae8aeb411a776419784831c714', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && index.h("p", { key: '943199c6a4eda68c82245660e81ba04032a62209', class: "text-content", id: labelId }, this.label, " ", this.asterisk && index.h("span", { key: '772ae18837d54d6aa313e3a8791bc715f66c183d', class: "asterisk" }, "*")), index.h("slot", { key: '7f4a8c9ec3a201f695a6731467c138abf587e52f' }), this.error && this.error !== '' && index.h("p", { key: '9149bc1981323584219a13a392e77c8313f7fd58', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: 'a662d0e810e27d6392750d778e13573ed365e358', 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: '3153c0da131395b6b1a32e3e6612c63dc1073d0f', class: `form-radio ${inlineClass}` }, index.h("input", { key: 'e73a45b85d90b9704839cd6937ed74110f6eb6e0', 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: '83a00bb8c1d319bb4118c0638ed15ebaf848056a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", index.h("span", { key: 'd00a94092feb5b4bcf7e9c7ec0c5bfe72018d793', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (index.h(index.Host, { key: 'fbec228f3266ccdef92e82ee29b7aa9f604f603a', class: `form-radio ${inlineClass}` }, index.h("input", { key: '4493e3345ad10d983dab715035a77fe66025e3ba', 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: '85b6bc778ca441e37bd47a51227307051a9bc80a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", index.h("span", { key: '22b184045be0995831f3b34065d0e8d97cf90cdc', 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: '8fd94a409f0e5e537576ce870b77294a1a3dd871', tabindex: "0", class: { disabled: this.disabled } }, index.h("div", { key: 'f501f98ca087c5ad0411f8477b04c7b595b6e15c', class: "form-group d-flex align-items-end" }, this.showTick && (index.h("road-icon", { key: '959a1a587bb1a2d56dbdb47b7cb98ea590170261', icon: index$1.navigationAddLessSolid, class: "mr-8", size: "sm" })), index.h("div", { key: '6aca50db080bebbe0e78d8c4bb86ec04552d9af9', class: "form-range", style: {
+        return (index.h(index.Host, { key: 'b2c9aa060ae841e99ba5751c128e8df1fa257277', tabindex: "0", class: { disabled: this.disabled } }, index.h("div", { key: 'b7696f36afd6083f61b0498ff80b911743f6713e', class: "form-group d-flex align-items-end" }, this.showTick && (index.h("road-icon", { key: '9c09977ad8ea7b60380cd0b245b2b78df75a851e', icon: index$1.navigationAddLessSolid, class: "mr-8", size: "sm" })), index.h("div", { key: 'dbcf378a5ce259394cc0ed12f6437100292aa015', 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: '8e3511fc6d3f5ce44a0da8b737677ee8832b67cf' }), this.showLabels && index.h("slot", { key: '2ed8c2a46779938262227ec46edd223dc438d69c', name: "datalist" }), index.h("input", { key: 'ef317d144c64dc881ea3f49dc7f4b251aaabb578', 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: 'fbc87a0dcefd8ce92d0f6548fbc4bab1bcc8cbc4', class: "form-range-label" }, "Valeur"), index.h("div", { key: 'f329d5b20f1f851e34507b9dc5a5cdb5d01dd54c', class: "form-range-progress" })), this.showTick && (index.h("road-icon", { key: 'ba9c133f7e0c54bdd38489b62b5dd54bcbe11525', icon: index$1.navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && index.h("output", { key: '11fbbec081e1ae2b86a5ad5d387b91f26104d6e8' }), this.showLabels && index.h("slot", { key: '1dd932c4e17968e794370c5468e13fed1b84df25', name: "datalist" }), index.h("input", { key: 'afe1c2ef6f8006e2c0dcbd3cbe14103393a57a4a', 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: '6f2bca3f10bdc5dcadf6756bfe953afffe4bf2c7', class: "form-range-label" }, "Valeur"), index.h("div", { key: '065f974aa51980322402a0c3d0c168a96c076ecf', class: "form-range-progress" })), this.showTick && (index.h("road-icon", { key: '283d46c77a585064840ee91a861fbd2c0bdaa5aa', 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: 'd0916d0972fa54522b71bfd4698416e7d1ce9919' }, index.h("div", { key: 'abdd431621719c0e5708441194042715c2959419', 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: '51f8155d51c77360e272c820949959d8117b0509', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && index.h("road-label", { key: '33e67df1597b534f47e6a4785744be4d4e79c920', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (index.h(index.Host, { key: 'd81a376cdf8e7a268335c62cadff3a3a5945c334' }, index.h("div", { key: 'c7f9a63a11399a60d3daa6e3f8f11b8b4f640e96', 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: '5b1a38a0f8fdabe757a79f7b5000481d03d8225e', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && index.h("road-label", { key: '337a9e94914d57278d8d15c8889b258bff8ea751', 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: '7fffe10ee5aa2a3ee09086f24e637c5e07992487', role: "tablist" }, index.h("slot", { key: '10e9ca402be8299b44ef9cb41921cf846e280fe9' })));
+        return (index.h(index.Host, { key: 'cbe94587012819876109399d72bb1715ac334a9f', role: "tablist" }, index.h("slot", { key: 'a1ba2feec5c649ea44f6b534a10a18fc738fede5' })));
     }
     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: '75c73710cd486cfe9ecc5ac025d1ef413c2463a9', 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: 'c94bfffcbff45b20dc349a3545bd195a95d68273', 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: '938f5637c68a5cb7a7bc6ee2acaf35587f3643e3', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("slot", { key: '62b81b701cf7cf4ce757e6f8d52e3729a985c4e5' }))));
+            } }, index.h("span", { key: '87ee95ccb7c44cfe7bff797d1b693f1ae4cf0ad7', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, index.h("slot", { key: 'a6fd94b01bba4f71b3689f62a736050e7132add0' }))));
     }
     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: 'ee63f3001e735cc0345f081742b98cc7dda58379', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: 'ead65e59a9ce47b7ed0034b5e807f41a3f3aae58', name: "top" }), index.h("slot", { key: '87177efc28c625a4d3e5c893a17ab2ed3be252ef' })));
+        return (index.h(index.Host, { key: '8e28299a9d4821c74d9e62b25b6b8ad72fac01da', onRoadSegmentedButtonClick: this.onTabClicked }, index.h("slot", { key: '2e154363be587d35480818a016f9bc8973709724', name: "top" }), index.h("slot", { key: '77044401892a3a9245eb9029178d82df516c7252' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1893,8 +1893,8 @@ 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: '754363e1da719022e5d4e2a9bed9e45a307605fb', "is-active": isActive }, index.h("slot", { key: '6ed491805215e92124fb0de84b8c4edea15a1bab' }), this.isOpen &&
-            index.h("ul", { key: 'e78ba5806ffed4ceb585b93dac5aa5eb0a1992c7', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, 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: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
+        return (index.h(index.Host, { key: '4443cee3d13ade9d17d364aa112f7d13ac9a27d1', "is-active": isActive }, index.h("slot", { key: 'ed15841a9e665154f9988f76e8ac56c1788fd750' }), this.isOpen &&
+            index.h("ul", { key: '4ab28fd0fb00759e86e30fe14ded0de207dfde7c', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, 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: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
     }
     get el() { return index.getElement(this); }
 };

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: 'da3422623531e89342177a5d20bb510a59958f89', class: this.sizes && `select-${this.sizes}` }, index.h("select", { key: 'bb6d5b2c7aa0f6d47138e5484a63327ff79ddc13', 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: 'ac8dce2f36174aef8c8032df94cb8f7697af23d3', 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: '8168c891572f16aef34e042890655f3729b03c9d', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && index.h("p", { key: 'ccd6055b8edc033654d1c40c1a7b3add511655c6', class: "invalid-feedback" }, this.error)));
+        return (index.h(index.Host, { key: '81206f7f9840b7700814260f6a7b8cf78fd7e536', class: this.sizes && `select-${this.sizes}` }, index.h("select", { key: '8118f6d0f6c2d59be3d0c873398c195a8525c0cc', 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: '4e87320134e62248e7c9e805761226f5403472a9', 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: '32191859474bee5f86d21ad9f81d01bc088d07cd', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && index.h("p", { key: '47ecadf397bc303ca9347fc2c426dd4a3f608057', class: "invalid-feedback" }, this.error)));
     }
     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: 'aa9286d647036cc908db034b7abae677ac5db4c5' }, "\u00A0"));
+        return (index.h("span", { key: '76fc5d6e478e6486b0f4f3e5e3afd7e1a8c0049f' }, "\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: '79f895b55bf34f5b4591f0104f067b1bc29b5840', class: `${sizeClass}`, viewBox: "25 25 50 50" }, index.h("circle", { key: '333985c957dd76b7694d5717eb64f037018c1613', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (index.h("svg", { key: '66ff9c668eec8fc73a2f93015094934b9fb0b181', class: `${sizeClass}`, viewBox: "25 25 50 50" }, index.h("circle", { key: '5b2c9b4c104607084c0d2249c5b7dc31429ad39a', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
 };
 Spinner.style = RoadSpinnerStyle0;

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: '9b8763418ebd696deeaf0f96f0ef3df50233b979', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = index.h("label", { key: 'f8a8b7641286294d251bc6d10b45fc97607cba49', 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: '1eb289fc4d05d8ca3b2d51044167681119c01443' }, index.h("input", { key: '2d91cd17ab57ca1ba4bc0b9d3270d4416c3999ec', 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: 'ef6bce098cdd21249d38b68e0b811f8e6126c402', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, index.h("div", { key: '694baf8b86086363e5f5429af152a6f488e660cc', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (index.h(index.Host, { key: '9c43f0996fdcd4962776919b92b94eb7fbb9ad57' }, index.h("input", { key: '756db832dbd73ec0c59ed9ec2ae76b1851a8f22d', 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: '927bdd4ef11db9a6039ffd028994caa4667519fe', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, index.h("div", { key: '0f3011ab70a432f99319331bb0e2009fa11e50ce', 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: '476e362d19cd6d3eac7379cb28a0579f8d165128', role: "tablist", class: {
+        return (index.h(index.Host, { key: '7c2795d50362e570f6a3371fde1e987bfc6389fd', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, index.h("slot", { key: '089d0ced1753e49bbf40a2bed3b6de3ce70cde7a' })));
+            } }, index.h("slot", { key: '94d18f97a0e96a8e8cef400b4b08feef32210782' })));
     }
     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: '531265b9c411317f80d42792817d2000195695a8', 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: '1bf7c7301f66cecd4bfbf5cb332fb443dbd17a73', 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: '864576c07dfdafdce416c2ad28173e7875d403b1' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '95cf566321f3c956b8682c1ae0a20674966d1b8f', class: "button-inner" }, index.h("slot", { key: 'a1e2bb5eafc6d9f0b9c166166925d42e52382825' })))));
+            } }, index.h("a", Object.assign({ key: 'c15a1634befc28787a96baa630bcb65bfac9dcc7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { key: '8f1f273aea98fd8680b5787223f8fe730055d9c3', class: "button-inner" }, index.h("slot", { key: '24f7dceead533f266dcdd4cb80f792b2ae85db2c' })))));
     }
     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: '6187e82afbc19467bacecff9dab022208d82d83e', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (index.h(index.Host, { key: '24b66a77921452273dbf57f3f44ac3cffbaecf8f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: 'c3899fd5fd831d2904c77263f5b6ef795d594e9b' })));
+            } }, index.h("slot", { key: '63f0d57bf74b8d562fecfbc881f8199d68080e89' })));
     }
     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: 'b76d60e60c39e889690419d020151ac7a0b68f08' }));
+        return (index.h("slot", { key: '1255550161fc3591df1269296d7dbd2bd2dc86b6' }));
     }
 };
 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: '9af7cc85b48f7334fcffd1f73441ea70c98d5dd6', onRoadTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'd2177dc6d9294c0746b28681c1a8ddf4b52e670a', name: "top" }), index.h("div", { key: '5a6133642fb46719a0babdda0df26f98e7b51c73', class: "tabs-inner" }, index.h("slot", { key: 'db5c5137cb9bd1fdb0f587d60fe67fdb3bf40a22' }))));
+        return (index.h(index.Host, { key: 'bc3d78f5653f637d9b0c23a732cfb715a0490e09', onRoadTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'be1082d53eb88ff1e0aa1222dbea8a5bcc65c77a', name: "top" }), index.h("div", { key: '4e29d83d3f1473b27b720a049c7201f632fbe11b', class: "tabs-inner" }, index.h("slot", { key: 'd9ed82d2d6cb976d65c9349e286190033f859ebd' }))));
     }
     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: 'fada54428b148c0572768c9f7f347b7666528f4e', class: `${contrastClass}` }, index.h("slot", { key: 'e5c53f9a417c064ac4c257a6e5a74bc593c7d5e8' })));
+        return (index.h(index.Host, { key: '474f7b6662f78c0258d4573377bca6c8cda09bbb', class: `${contrastClass}` }, index.h("slot", { key: 'f58667d0bd8ffc1839df5b0c1572447d8445d4ae' })));
     }
 };
 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: '41de3c220883dbe616d365f940168c46ca079813', class: `${colorClass}` }, index.h("slot", { key: '4840d935993f294633106ebf2e40ad6ab037b2e3' })));
+        return (index.h(index.Host, { key: 'bb23b71b76a33ff446f23c24ba4f53f41bf2445f', class: `${colorClass}` }, index.h("slot", { key: 'd1a14d98cae107a96314bbaea01687183cf60447' })));
     }
 };
 Text.style = RoadTextStyle0;

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

@@ -99,7 +99,7 @@ const Textarea = class {
         const hasValueClass = this.value !== '' ? 'has-value' : '';
         const noResizeClass = this.resize == false ? 'no-resize' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (index.h(index.Host, { key: '6fa4a7131094822da9e3251a06a4f16b54b96968', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, index.h("textarea", { key: 'a0db598ce5aed5ded46b2f706e82097fbc90d3c7', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), index.h("label", { key: '63b3e8c95d5569a1ad9b6c7181559af217840ef2', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && index.h("p", { key: '4a49ff30de8d7aedecd3e5cc774ddb577201a7e5', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: '86f47b9aa260fde69a8e4d17ce80d64b37d373ae', class: "helper" }, this.helper)));
+        return (index.h(index.Host, { key: '8f1bce355f73fef1b81fb71025b23aa9734106a2', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, index.h("textarea", { key: 'eefe6f4bcb3723e01c5b5a7b30b52eddd947de54', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), index.h("label", { key: '8a2dd19323c6bb8b889b35328081d75d143a36e9', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && index.h("p", { key: '514875f36258918863ec6320c870fe4454d3ece2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && index.h("p", { key: '586ba5819e534bc379788b45b6160e8880cff3a0', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

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

@@ -88,7 +88,7 @@ const Toast = class {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (index.h(index.Host, { key: 'df8ad5704239c2193697203241e0676657fa5522', class: `${toastIsOpenClass}`, role: "alert" }, index.h("div", { key: 'b9de22f810cc6cb58e0b28a066be791acf319208', class: `toast toast-${this.color}` }, index.h("road-icon", { key: '9d332bcc62cef6b038bd0718e0fe29e0bb5e1c5e', class: "toast-icon", icon: icon, "aria-hidden": "true" }), index.h("p", { key: '103180fe8d9f9e89b677c0267e779c899c013b74', class: "toast-label" }, this.label), index.h("button", { key: '152b63bc4ff795a0e1144e528c8fa8a177bbb9f7', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, index.h("road-icon", { key: '612cdf2ec677ef1fe22a0e1054728baae7d740c8', icon: index$1.navigationClose, size: "md" })), index.h("slot", { key: 'e2916bfb8cf8e0ea828ff5cafc3fa400401b6ea3', name: "progress" }))));
+        return (index.h(index.Host, { key: '1e5de437f471e4a0a4c4a328b41c39e2f84aeb87', class: `${toastIsOpenClass}`, role: "alert" }, index.h("div", { key: '1086cd53128b3312632be7e791fdb83c2b44a931', class: `toast toast-${this.color}` }, index.h("road-icon", { key: '053ac170976e5266f80b584943ef9fe6c440d290', class: "toast-icon", icon: icon, "aria-hidden": "true" }), index.h("p", { key: 'edcbf5c89984660d5c8eb82a329d22ea941e6fdc', class: "toast-label" }, this.label), index.h("button", { key: '7ca0f0ee6c0166be548ff66423772dd8f74b0ecb', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, index.h("road-icon", { key: 'd11b87da89cf1057349214b04468e387484db3da', icon: index$1.navigationClose, size: "md" })), index.h("slot", { key: 'd4db3d4c547ea47bd1aab1a462b8975d8b4368d6', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]

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

@@ -81,11 +81,11 @@ const toggle = class {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = index.h("label", { key: 'dc3a609b0330a55fc4f0a7a49afa449c11eeda50', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = index.h("label", { key: 'd8f6f793ae322fc4f3c78d627858836a8ace0b1e', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
         const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
         const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
         const disabledClass = this.disabled ? 'disabled' : '';
-        return (index.h(index.Host, { key: 'f76fe2fde0137de06d721bfc4c39d0afb05efda7' }, index.h("input", { key: '6e36fab052b76e126530d985fe6466cdee577149', class: "form-toggle-input", type: "checkbox", id: this.toggleId, 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: '1f0da686faa51b024b4ef0fe3ff83f9216d3bbeb', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, index.h("div", { key: 'b98b4de91885991c9000ae2e789aa717d2f08a4c', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (index.h(index.Host, { key: '5b975533cbd7705fb47773942d43ca00f9c67777' }, index.h("input", { key: '2f02aaaf3815db82b246eccc65b95ff80028fef3', class: "form-toggle-input", type: "checkbox", id: this.toggleId, 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: '922fd52175937ca1749eac085776411c2f6b2517', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, index.h("div", { key: '0b7e003b92aaa2bb7f02ac19bba110d959349d84', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]

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

@@ -12,7 +12,7 @@ const ToolbarAppName = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '96772b1bc4538e279b0e7d907c95beee244591e3', class: "toolbar-title-page" }, index.h("slot", { key: '25494eb56d924d9e9b5bb7a66b9d7a8eab44c1f7' })));
+        return (index.h("div", { key: 'dc61258415913c4112dd06bcc23a94db38fab00e', class: "toolbar-title-page" }, index.h("slot", { key: 'f39c19ff690566100558556751e8380bb448eb72' })));
     }
 };
 ToolbarAppName.style = RoadToolbarTitlePageStyle0;

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

@@ -12,7 +12,7 @@ const ToolbarTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '9364d8a1ec8f96784727b570787b96765df6d03b', class: "toolbar-title" }, index.h("slot", { key: '17c2119c82d33ff0eec3bc289edec8911449e8d9' })));
+        return (index.h("div", { key: '79254e204a533572207f3779ee0d20d814bbbecd', class: "toolbar-title" }, index.h("slot", { key: '29cce3ccf19f113e99e1b2b4c84322efc0b94f94' })));
     }
 };
 ToolbarTitle.style = RoadToolbarTitleStyle0;

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

@@ -12,7 +12,7 @@ const ToolbarV2 = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fca5a59b3032c6dbd3bcad253404b5dfc10f5a0e', class: "toolbar" }, index.h("div", { key: '5224acf2dac2577621c14f2edc86db1825b1cc7e', class: "toolbar-container" }, index.h("div", { key: '8c535cefe3b0ce76b8c7c2c0fb24bc5209edba12', class: "toolbar-container-content-left" }, index.h("slot", { key: '598c676b7a6aac69ae78927d24bbc0ca2520672a', name: "start" }), index.h("slot", { key: '83723ffe96e3fdfa4b993588ae05c8132ba364d9', name: "primary" })), index.h("div", { key: '43b0f9a1a4c10f90d933f28d5c86839d0f003fe2', class: "toolbar-content" }, index.h("slot", { key: 'ef05cf0892ecf414cca6c505d90c69382ea2a43a' })), index.h("div", { key: 'd819524856567b0cccc95605a2b93bf1c4984836', class: "toolbar-container-content-right" }, index.h("slot", { key: '7023266f605c06dd981e53f449e6b43dcc6e8ba4', name: "secondary" }), index.h("slot", { key: '91595aa28cff2fde7240b0aa485cac2a7fb9dd08', name: "end" })))));
+        return (index.h(index.Host, { key: 'a020bd723a459c6bb443645007df7b1f215ea851', class: "toolbar" }, index.h("div", { key: '2d2cc4b896593cf69c7046ee877b5c9b7ba53eb5', class: "toolbar-container" }, index.h("div", { key: '55c6f4b55cc7c5ddae5965a156bcfb6cafec1d49', class: "toolbar-container-content-left" }, index.h("slot", { key: '6b249b32d73240846717ac50a8d1544511a2fe6d', name: "start" }), index.h("slot", { key: '9187ad0c4fc712d3ad16af1f72db9bd7382d8e6e', name: "primary" })), index.h("div", { key: 'f5936eb58c38d6cd5758d213f40e6bc09df3f7e8', class: "toolbar-content" }, index.h("slot", { key: 'c61051186fb1f726fcc104d9f3a827e091b46ff3' })), index.h("div", { key: '7ee04f220d5377315bc8c320461963def7a7d05f', class: "toolbar-container-content-right" }, index.h("slot", { key: '196976ade22edf382dee91352082d31b5fce015f', name: "secondary" }), index.h("slot", { key: 'ea25da8140c7525ce6ed3e712c64ccb105fcbb71', name: "end" })))));
     }
 };
 ToolbarV2.style = RoadToolbarV2Style0;

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

@@ -99,12 +99,12 @@ const Tooltip = class {
         return triggers.includes(triggerType);
     }
     render() {
-        return (index.h(index.Host, { key: '5e5378bca09011fc6cc2d42c2386657a2a059f98', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
+        return (index.h(index.Host, { key: 'a41350a6114e63e0d73759b29c0afa19d467ac4b', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
             ,
-            "data-tooltip-position": this.position }, index.h("slot", { key: '14feedb97350da949b465b67b73ff757e5993125', "aria-describedby": this.tooltipId }), index.h("div", { key: '991b675659d7b666dd1440229f0daa55a6f6f9de', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, index.h("slot", { key: 'e2985be0f2af606eb675875a1ef0e53190c54b50', "aria-describedby": this.tooltipId }), index.h("div", { key: '45f8da72265c812ebbc781cafd7356f02294c2ae', part: "tooltip", id: this.tooltipId, class: {
                 tooltip: true,
                 'tooltip-open': this.isOpen,
-            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, index.h("slot", { key: 'd8595d6dc063b81a775d7f1df551930223105a74', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, index.h("slot", { key: 'a3d80cc2d48e26c0a5c2f45e38854601c1f3ea83', name: "tooltip-content" }))));
     }
     get el() { return index.getElement(this); }
 };