@roadtrip/components 3.32.2 → 3.32.3

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { a as addIcons } from './utils-78ae85c5.js';
-export { a as addIllustrations } from './utils-964ae527.js';
-export { a as addAssets } from './utils-c6a028c5.js';
-import './index-4c1f5d1f.js';
+export { a as addIcons } from './utils-2656386e.js';
+export { a as addIllustrations } from './utils-3ba26df8.js';
+export { a as addAssets } from './utils-e88238c5.js';
+import './index-8dc34f94.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-4c1f5d1f.js';
-export { s as setNonce } from './index-4c1f5d1f.js';
+import { b as bootstrapLazy } from './index-8dc34f94.js';
+export { s as setNonce } from './index-8dc34f94.js';
 import { g as globalScripts } from './app-globals-05a7fd2f.js';
 
 const defineCustomElements = async (win, options) => {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-4c1f5d1f.js';
+import { r as registerInstance, h } from './index-8dc34f94.js';
 import { n as navigationChevron } from './index-f1358629.js';
 import './polyfill-24c8f970.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4c1f5d1f.js';
+import { r as registerInstance, h, H as Host } from './index-8dc34f94.js';
 
 const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-on-surface);text-decoration:underline}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";
 const RoadAlertStyle0 = alertCss;

package/dist/esm/road-area-code.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-4c1f5d1f.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-8dc34f94.js';
 
 const areaCodeCss = ".sc-road-area-code-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.form-select-area.sc-road-area-code{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.form-select-area.sc-road-area-code:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-area-code::-ms-expand{display:none}.form-select-area.sc-road-area-code::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-area-code:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-area-code:focus~.form-select-area-label.sc-road-area-code,.form-select-area[required].sc-road-area-code:valid~.form-select-area-label.sc-road-area-code,.form-select-area.has-value.sc-road-area-code~.form-select-area-label.sc-road-area-code{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-area-code:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select-area.sc-road-area-code:disabled,.form-select-area[readonly].sc-road-area-code{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-area-code{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-area-code:required~.form-select-area-label.sc-road-area-code::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-area-code{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-area-code-h .form-select-area.sc-road-area-code{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-area-code-h .form-select-area-label.sc-road-area-code{top:1rem}.select-xl.sc-road-area-code-h .form-select-area.sc-road-area-code:focus~.form-select-area-label.sc-road-area-code,.select-xl.sc-road-area-code-h .form-select-area[required].sc-road-area-code:valid~.form-select-area-label.sc-road-area-code,.select-xl.sc-road-area-code-h .form-select-area.has-value.sc-road-area-code~.form-select-area-label.sc-road-area-code,.select-xl.sc-road-area-code-h .form-select-area[type=\"date\"].sc-road-area-code~.form-select-area-label.sc-road-area-code,.select-xl.sc-road-area-code-h .form-select-area[type=\"time\"].sc-road-area-code~.form-select-area-label.sc-road-area-code{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-area-code-h .form-select-area.sc-road-area-code:placeholder-shown~.form-select-area-label.sc-road-area-code{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-area-code{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-area-code,.was-validated.sc-road-area-code .form-select-area.sc-road-area-code:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-area-code~.invalid-feedback.sc-road-area-code,.was-validated.sc-road-area-code .form-select-area.sc-road-area-code:invalid~.invalid-feedback.sc-road-area-code{display:block}.form-select-area.sc-road-area-code option.sc-road-area-code:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-area-code::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}";
 const RoadAreaCodeStyle0 = areaCodeCss;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-4c1f5d1f.js';
-import { i as isStr, g as getUrl, b as getName } from './utils-c6a028c5.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8dc34f94.js';
+import { i as isStr, g as getUrl, b as getName } from './utils-e88238c5.js';
 
 const validateContent = (svgContent) => {
     const div = document.createElement('div');

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-4c1f5d1f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8dc34f94.js';
 
 const autocompleteCss = ".sc-road-autocomplete-h{position:relative;display:block}.sc-road-autocomplete-s>road-input-group,.sc-road-autocomplete-s>road-input{position:relative;z-index:2}.sc-road-autocomplete-s>road-button{position:absolute;right:0;height:100%;background-color:var(--road-surface)}.autocomplete-list.sc-road-autocomplete{position:absolute;top:3rem;z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-14);color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.autocomplete-item.sc-road-autocomplete{padding:0.75rem 1rem;cursor:pointer}.autocomplete-item.sc-road-autocomplete:hover,.autocomplete-item.focus.sc-road-autocomplete{color:var(--road-on-primary);background:var(--road-primary)}";
 const RoadAutocompleteStyle0 = autocompleteCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-4c1f5d1f.js';
+import { r as registerInstance, h, H as Host } from './index-8dc34f94.js';
 
 const avatarCss = ":host{--avatar-background:var(--road-primary);--avatar-width:3rem;--avatar-color:var(--road-grey-100-new);position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-width);font-weight:700;color:var(--avatar-color);background:var(--avatar-background);border-radius:var(--avatar-width);transition:box-shadow 0.5s}:host(:hover){box-shadow:0 0 0 4px var(--road-primary-80)}:host(.focus-visible),:host(:focus){outline:auto}:host ::slotted(road-icon){fill:var(--road-icon-inverse)}:host(.avatar-sm){width:2.625rem;height:2.625rem;font-size:1.25rem}:host(.avatar-md){width:3.5rem;height:3.5rem;font-size:var(--road-font-size-32)}:host(.avatar-lg){width:4rem;height:4rem;font-size:2.375rem}::slotted(road-img),::slotted(img){width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:var(--avatar-width)}::slotted(road-badge){position:absolute;top:0;right:0}";
 const RoadAvatarStyle0 = avatarCss;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-4c1f5d1f.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-8dc34f94.js';
 import './polyfill-24c8f970.js';
 import { n as navigationChevron, a as navigationClose } from './index-f1358629.js';
-import { i as isStr, g as getUrl, b as getName } from './utils-78ae85c5.js';
+import { i as isStr, g as getUrl, b as getName } from './utils-2656386e.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-bdec4bbd.js';
 
 const badgeCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1rem;min-height:1rem;padding:0 0.3125rem;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-10);font-weight:700;white-space:nowrap;border-radius:1rem}:host(.badge-bubble){min-width:0.25rem;min-height:0.25rem;padding:0}:host(.badge-primary){color:var(--road-on-primary);background-color:var(--road-primary)}:host(.badge-secondary){color:var(--road-on-secondary);background-color:var(--road-secondary)}:host(.badge-accent){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-info){color:var(--road-on-info-surface-inverse);background-color:var(--road-info-surface-inverse)}:host(.badge-success){color:var(--road-on-success-surface-inverse);background-color:var(--road-success-surface-inverse)}:host(.badge-warning){color:var(--road-on-warning-surface-inverse);background-color:var(--road-warning-surface-inverse)}:host(.badge-danger){color:var(--road-on-danger-surface-inverse);background-color:var(--road-danger-surface-inverse)}:host(.badge-inverse){color:var(--road-primary);background-color:var(--road-surface)}";
@@ -106,7 +106,7 @@ const Button = class {
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
         const expandClass = this.expand ? 'btn-block' : '';
         const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
-        return (h(Host, { key: '2034bf4e4f6dd01f4730285bfd7b7cddaac37fab', class: `${colorClass} ${sizeClass} ${expandClass} ${iconOnlyClass}`, onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, h(TagType, Object.assign({ key: '9ded693999ad79e2809d3596b0a4eb18a005f891' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: 'dab5ad2dfa1ab6381dd0be3f134ea6e7ed043358', name: "start" }), h("slot", { key: 'b470e8e59a96fdd22361fa527fb181b4ddb8e392' }), h("slot", { key: '1138227dea08756ccc9b6327600a7b091914af6c', name: "end" }))));
+        return (h(Host, { key: '57327cf5e013e564975f2d89f0e58b8b616e714b', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, h(TagType, Object.assign({ key: '58e517e5e47714f0de398ab5fb98b7499b1da2d3' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), h("slot", { key: '06e5d39c87cd40a4cb419125bb486f8d54afaf9f', name: "start" }), h("slot", { key: 'cf7b775a0a57bfb3f6bba1128a6462e2c7d02c07' }), h("slot", { key: 'd04aa7d04dc9d3d22d912aed80ea163be3fa3a3f', name: "end" }))));
     }
     get el() { return getElement(this); }
 };
@@ -586,12 +586,14 @@ const Icon = class {
         }
     }
     render() {
-        const colorClass = this.color !== undefined ? `icon-${this.color}` : '';
-        const sizeClass = this.size !== undefined ? `icon-${this.size}` : '';
-        const rotateClass = this.rotate !== undefined ? `icon-rotate-${this.rotate}` : '';
-        return (h(Host, { key: 'ed1941f34c30d5c0d65c04861a6e779f0cc918ec', class: `${colorClass} ${sizeClass} ${rotateClass}`, "aria-hidden": "true" }, ((this.svgContent !== '')
+        const colorClass = this.color ? `icon-${this.color}` : '';
+        const sizeClass = this.size ? `icon-${this.size}` : '';
+        const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
+        // Ajouter une classe "default" si aucune des valeurs n'est définie
+        const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
+        return (h(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
             ? h("div", { class: "icon-inner", innerHTML: this.svgContent })
-            : h("div", { class: "icon-inner" }))));
+            : h("div", { class: "icon-inner" })));
     }
     static get assetsDirs() { return ["svg"]; }
     get el() { return getElement(this); }