@roadtrip/components 3.34.0 → 3.36.0

package/dist/collection/components/tabs/tabs.js

@@ -99,7 +99,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (h(Host, { key: '6775e9080b20a46712a1b0d2de49a89977c840f9', onRoadTabButtonClick: this.onTabClicked }, h("slot", { key: 'c32dc3dbb5a97dc1b699ebfadf784b7f794520c8', name: "top" }), h("div", { key: 'd523d47374ce745ef869a3d92c012a8c9089652d', class: "tabs-inner" }, h("slot", { key: '7d049210173976a8906e8009c1ae65d284399d7d' }))));
+        return (h(Host, { key: '156304acaa7819f6a6420cc16ef1610e3ac3c729', onRoadTabButtonClick: this.onTabClicked }, h("slot", { key: 'd955421ac3b039e41c557ca80f02e9dba4c8bae1', name: "top" }), h("div", { key: 'a44620d8828baeeb94eee27d59a598de1ae6c723', class: "tabs-inner" }, h("slot", { key: '493a7741ad834c244c4c01ac7875b94a0e698b20' }))));
     }
     static get is() { return "road-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tag/tag.js

@@ -16,7 +16,7 @@ export class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (h(Host, { key: '2b3a5ad4c33944c258767549bc5c5b47088e9e79', class: `${contrastClass}` }, h("slot", { key: 'c6b1754daf6f0beccdf7b41bf72a2d478222380e' })));
+        return (h(Host, { key: '03130dbfae36eca95f41b5a0024b7b4cd06c310a', class: `${contrastClass}` }, h("slot", { key: '5adabe2b8a1ef7a17fca7dcd24fbaf0cf234ab6e' })));
     }
     static get is() { return "road-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/text.js

@@ -11,7 +11,7 @@ export class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (h(Host, { key: '16ef8fa74811821df230a167c40e25871de4762c', class: `${colorClass}` }, h("slot", { key: '74bfd011e67ebb720bc91e8cb682abd9b7629340' })));
+        return (h(Host, { key: 'ce661d8700a5de9f45c8eadb585db40c170ab783', class: `${colorClass}` }, h("slot", { key: '403d340719d454fb54288e5447beb06e0fa429ac' })));
     }
     static get is() { return "road-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.css

@@ -124,6 +124,9 @@
   pointer-events: none;
   transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
   transform-origin: 0 0;
+  width: 95%;
+  white-space: normal;
+  overflow-wrap: break-word;
 }
 
 /* SIZES
@@ -146,12 +149,12 @@
 :host(.input-xl) .form-control.has-value ~ .form-label,
 :host(.input-xl) .form-control[type="date"] ~ .form-label,
 :host(.input-xl) .form-control[type="time"] ~ .form-label {
-  width: 100vw;
+  width:100%;
   transform: scale(0.75) translateY(-0.625rem);
 }
 
 :host(.input-xl) .form-control:placeholder-shown ~ .form-label {
-  width: 100vw;
+  width: 100%;
   transform: scale(0.75) translateY(-0.625rem);
 }
 

package/dist/collection/components/textarea/textarea.js

@@ -82,7 +82,7 @@ export class Textarea {
         const hasValueClass = this.value !== '' ? 'has-value' : '';
         const noResizeClass = this.resize == false ? 'no-resize' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (h(Host, { key: '5940308a9e1f7ed1672cd03a83e55ddd05056111', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("textarea", { key: '0fa4446695b94cbe652f81fab4e36a6f6f8cf11a', 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 }), h("label", { key: 'fb2e631bd65dabff36792f56d7959f25c73b06ff', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && h("p", { key: 'be5ac6f2e132cd7a9abf0eb1514d78ed8fabc03b', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { key: 'c61c6a1855748a295db996cf15bb2af3ba73988b', class: "helper" }, this.helper)));
+        return (h(Host, { key: 'c975447632482840e56666485cecf4713d1c758b', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("textarea", { key: 'de0054b753bf6d54722ee04e31d320a71d3a7c2f', 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 }), h("label", { key: 'a9b5b3d50110501e54d55c65485b4cd71b18f0e3', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && h("p", { key: '98af05a2b982faa261cd6330a267870bd0011e71', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { key: '5f37d2a87cb0f3c73e33efe9e301aab4a28b3041', class: "helper" }, this.helper)));
     }
     static get is() { return "road-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toast/toast.js

@@ -86,7 +86,7 @@ export class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (h(Host, { key: '89d5c219c4d138ddc853a53eb366942515b0bff5', class: `${toastIsOpenClass}`, role: "alert" }, h("div", { key: '4d2e2d14b9025b9428329cfe998a7bd8970a3623', class: `toast toast-${this.color}` }, h("road-icon", { key: '94c8ff89697fdd6aaf7303f86780fe0c28c06dfe', class: "toast-icon", icon: icon, "aria-hidden": "true" }), h("p", { key: 'a09e63015b675404efcc89320707d08676f2877f', class: "toast-label" }, this.label), h("button", { key: '1911957ac22296c6585275b453dadc513fc192d3', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, h("road-icon", { key: 'df64d98907d013e84ce2b485b5a431d35be953d4', icon: navigationClose, size: "md" })), h("slot", { key: '4fe59f168f7b15152ae5ce372798e69577568069', name: "progress" }))));
+        return (h(Host, { key: '351715fec925da6fd5e8e6a4472641ea72b4a6a9', class: `${toastIsOpenClass}`, role: "alert" }, h("div", { key: '196d201202dbf45d927c2d7c39b8b0d30b9d29c6', class: `toast toast-${this.color}` }, h("road-icon", { key: 'ad32e677786cad46be2183ca649fc680e43d3b93', class: "toast-icon", icon: icon, "aria-hidden": "true" }), h("p", { key: '2146a9cde7ea10fdd61e8f6342dc8bb8c3de2c49', class: "toast-label" }, this.label), h("button", { key: 'ce28e9b8eecc98e798349a92d71c7e5ba8873944', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, h("road-icon", { key: 'b46a0b3dfd3d8c583b97acb4cf619f53f19f2bab', icon: navigationClose, size: "md" })), h("slot", { key: '4905ebcf66402dc304218db52c3d2cb5cbc41139', name: "progress" }))));
     }
     static get is() { return "road-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.js

@@ -66,11 +66,11 @@ export class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = h("label", { key: 'fc640d3b84b175679ffbd7be8b6e56ae0298b07c', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = h("label", { key: 'a6f6e6a7afaeebdf6f72430ae0044299cbc4b272', 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 (h(Host, { key: 'b70c71787640105ee246d1ce65dc1eed67ef2541' }, h("input", { key: 'd2921d1eb0a92347acae978122d647e390d4519a', 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 }), h("label", { key: 'da00339aaf756ab5c888d1bc467ef43c9f1c7f86', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, h("div", { key: '82a8d49761061494d3c5d8868c3f1ed6145d7c0b', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (h(Host, { key: '6954fa13dc3f49af5c8d8b94f4436915b461843c' }, h("input", { key: '3ee599b527d81fade1ecf752baa9647294de1286', 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 }), h("label", { key: '7650fa09df528c9b4ac08d71336443707ee2648f', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, h("div", { key: '69a1ad619c7f748d225f1a474813bfbc3ff79fe2', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get is() { return "road-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toolbar/toolbar.js

@@ -10,7 +10,7 @@ import { Host, h } from "@stencil/core";
 export class Toolbar {
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (h(Host, { key: '1666aad03b553002af15625a73060f5dbf4601b8', class: colorClass }, h("div", { key: 'e627795b3897fe397d86a9c879ea2df29ca40a30', class: "toolbar-container" }, h("slot", { key: '123ce565840045140bf2271fada84db838c1b0d6', name: "start" }), h("slot", { key: '115bb3ee9c656a81b61a601a319ec6923657894a', name: "primary" }), h("div", { key: '123ec182ca9d3dfd6bb2437c5689cce4c6e63069', class: "toolbar-content" }, h("slot", { key: '9c7a630301f524c0adef6bbc6ca6e89cabcba81a' })), h("slot", { key: 'a37d49d76f8df43da0e2969e17497f06e0eae184', name: "secondary" }), h("slot", { key: '62e6e5cbd5d9b1fdc2dead440ef9e60425796f75', name: "end" }))));
+        return (h(Host, { key: 'e73328139400d6f013e7beecab915cf38df79a23', class: colorClass }, h("div", { key: 'c83dfa77c85cca464db9fd21eed80efe21cc2573', class: "toolbar-container" }, h("slot", { key: '776839dba2b309b5de820daf9c480b4e8b401c43', name: "start" }), h("slot", { key: '5e81470ffc0f7d8d8cb47b7e4463d34d70d7f709', name: "primary" }), h("div", { key: '772294cc4194faf593c95c8cac10490b44bd5605', class: "toolbar-content" }, h("slot", { key: '1dd60892af9491f0f552f29d70f2f678481d5654' })), h("slot", { key: '749502b121ed0c7b92bf7d21db885642d0f0fe2f', name: "secondary" }), h("slot", { key: '5766725c5390520eee5a03bb2f8f41e1a64e84df', name: "end" }))));
     }
     static get is() { return "road-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar-title/toolbar-title.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ToolbarTitle {
     render() {
-        return (h("div", { key: '0e4f5a9a555499bdafd072e142da81808f878091', class: "toolbar-title" }, h("slot", { key: '180b36b7360f47a0ebb168100e2fb711c8c18b78' })));
+        return (h("div", { key: '2bc8875e6f067415f19c944cc319a9457fa305df', class: "toolbar-title" }, h("slot", { key: '7031e74b2fec0447701528d2a0c02795a038f281' })));
     }
     static get is() { return "road-toolbar-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar-title-page/toolbar-title-page.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ToolbarAppName {
     render() {
-        return (h("div", { key: 'e2702e4bac40d997c95962c2197b80a3f2716da2', class: "toolbar-title-page" }, h("slot", { key: 'a5af4e9645e566f3177506394b3e7d34d738e7e5' })));
+        return (h("div", { key: 'd76c2100a700d99524ec69c76bf08e56ff7d0998', class: "toolbar-title-page" }, h("slot", { key: '9f22898e163ba4e81ff054b46a3e5e640abf7a7b' })));
     }
     static get is() { return "road-toolbar-title-page"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar-v2/toolbar-v2.js

@@ -9,7 +9,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ToolbarV2 {
     render() {
-        return (h(Host, { key: 'aa969f064908bea9d7b1291fdc5165dc7e4ec74b', class: "toolbar" }, h("div", { key: '6e1372064ad1c1a636a151856b267ed27d683f50', class: "toolbar-container" }, h("div", { key: '950306ea6570ad3ce8347d464dd02ed242a6856d', class: "toolbar-container-content-left" }, h("slot", { key: 'ec37c637dd7d95b86971e18a638273453443bfe9', name: "start" }), h("slot", { key: '358f719af8508135698e6fdad3cebe456c53e08b', name: "primary" })), h("div", { key: '7580a7c99a3cf2cd34ac56db6eaa40ee983ed4ee', class: "toolbar-content" }, h("slot", { key: '08f8b181ccc7b913a5957f9ce444c5a87f4be090' })), h("div", { key: '8587600a63e0994d0712f85ab09e07cca4021b1f', class: "toolbar-container-content-right" }, h("slot", { key: 'e053ccd0b7650c2da116ca033ebfa0c8ab14e110', name: "secondary" }), h("slot", { key: '4d3d4436c3a07d0620e38bf3d6ae7c12c0eb7125', name: "end" })))));
+        return (h(Host, { key: 'c2aa891f0a092a2ad818049cd7bd8216921085d6', class: "toolbar" }, h("div", { key: '0c8154579c5c164907b6a9f8e28c65e85a9383c8', class: "toolbar-container" }, h("div", { key: '5b7b972cf8e9d8728438e6beef791753c9ed8122', class: "toolbar-container-content-left" }, h("slot", { key: 'a388f0d9cc1aa4624fd456ab5fd6adc978adeb79', name: "start" }), h("slot", { key: '747be87afdac650da865f8b47ee63d8d228e4dc6', name: "primary" })), h("div", { key: '8377a0ab5534f3979572dd2a06cc39290ca6acdc', class: "toolbar-content" }, h("slot", { key: '7a74325743d4eef911088f09a242c0a0fb740999' })), h("div", { key: '03077029d30c10847b70b9b910cceedbd575fad0', class: "toolbar-container-content-right" }, h("slot", { key: '00590e6e694304b4a78634905332d8450c5679ed', name: "secondary" }), h("slot", { key: '3debaefb441cfb2a6bd5c1fa2555a500e3770bc8', name: "end" })))));
     }
     static get is() { return "road-toolbar-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -95,12 +95,12 @@ export class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        return (h(Host, { key: '172216930c32f4de48df7264149b90c95cdf299f', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
+        return (h(Host, { key: '2645780b6948b64ee79bebba713a1bc96bf3edc9', 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 }, h("slot", { key: 'e87dd66f22d8586f1916b4fdd9839bec64d3aea4', "aria-describedby": this.tooltipId }), h("div", { key: 'b61044b9938cf4859676d05a76a6fc4e8f8fb77a', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, h("slot", { key: '968912545c373f15578acfa6d251393f9713beea', "aria-describedby": this.tooltipId }), h("div", { key: 'a64601f45c06e1087e0f955dc6dd958fcec40268', part: "tooltip", id: this.tooltipId, class: {
                 tooltip: true,
                 'tooltip-open': this.isOpen,
-            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, h("slot", { key: 'a7a84bbde98a3ee34b8ab8c1d397446dbd314f2e', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, h("slot", { key: 'a0cd1d74da1cd571bb847b04ae609dd3a3cc281d', name: "tooltip-content" }))));
     }
     static get is() { return "road-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/index-8dc34f94.js

@@ -211,6 +211,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './road-radio.entry.js').then(processMod, consoleError);
+                case 'road-radio-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './road-radio-card.entry.js').then(processMod, consoleError);
                 case 'road-radio-group':
                     return import(
                       /* webpackMode: "lazy" */