@roadtrip/components 3.39.2 → 3.41.0

package/dist/collection/components/time-range-picker/time-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.js","sourceRoot":"","sources":["../../../src/components/time-range-picker/time-range-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Method, Prop, Element } from '@stencil/core';\nimport type { RoadInputCustomEvent } from '../../components';\n\n/**\n * @slot start - Input de début\n * @slot end - Input de fin\n * @slot separator - Label séparateur (optionnel)\n */\n@Component({\n  tag: 'road-time-range-picker',\n  styleUrl: 'time-range-picker.css',\n  scoped: true,\n})\nexport class RoadTimeRangePicker {\n  @Element() hostEl!: HTMLElement;\n\n  /** Heure de début */\n  @Prop({ mutable: true }) start?: string;\n\n  /** Heure de fin */\n  @Prop({ mutable: true }) end?: string;\n\n  /** Désactivation du picker */\n  @Prop() disabled = false;\n\n  /** Helper message */\n  @Prop() helper?: string;\n\n  /** Separator label */\n  @Prop() separator?: string;\n\n  /** Si `true`, l’utilisateur doit remplir avant submit */\n  @Prop() required = false;\n\n  /** Label global du champ */\n  @Prop() label?: string;\n\n  /** Taille du champ */\n  @Prop() sizes: 'lg' | 'xl' = 'lg';\n\n  /** Error messages */\n  @Prop() error?: string | string[];\n\n  /** Événement quand la plage change */\n  @Event() roadChange!: EventEmitter<{ start?: string; end?: string }>;\n\n  /** Forward des events enfants */\n  @Event() roadInput!: EventEmitter<{ start?: string; end?: string }>;\n  @Event() roadFocus!: EventEmitter<'start' | 'end'>;\n  @Event() roadBlur!: EventEmitter<'start' | 'end'>;\n\n  /** Retourne les messages d'erreur sous forme de tableau */\n  private get errorMessages(): string[] {\n    if (!this.error) return [];\n    if (Array.isArray(this.error)) return this.error.flatMap(e => (typeof e === 'string' ? e.split(',') : [e]));\n    return this.error.split(',');\n  }\n\n  /** Ajoute ou retire la classe error-border sur le road-input */\nprivate async updateInvalidClasses() {\n  const inputs = Array.from(\n    this.hostEl.querySelectorAll('road-input[slot=\"start\"], road-input[slot=\"end\"]')\n  ) as any[];\n\n  for (const inputEl of inputs) {\n    await inputEl.componentOnReady?.();\n    if (this.errorMessages.length > 0) {\n      inputEl.style.borderRadius = '0.25rem';\n      inputEl.style.outline = `1px solid var(--road-danger-outline)`;\n      inputEl.style.outlineOffset = '-1px';\n    } else {\n      inputEl.style.borderRadius = '';\n      inputEl.style.outline = '';\n      inputEl.style.outlineOffset = '';\n    }\n  }\n}\n\n\n  /** Vérifie que start <= end et met à jour l’erreur */\n  private validateRange() {\n    if (this.start && this.end && this.start > this.end) {\n      this.error = 'L’heure de début doit être inférieure à l’heure de fin.';\n    } else {\n      this.error = undefined;\n    }\n  }\n\n  /** Émet les changements */\n  private async emitChange() {\n    this.validateRange();\n    this.roadChange.emit({ start: this.start, end: this.end });\n    await this.updateInvalidClasses();\n  }\n\n  /** Handle change depuis le slot start */\n  private handleStartChange = (e: RoadInputCustomEvent<{ value: string | null | undefined }>) => {\n    this.start = e.detail.value ?? undefined;\n    this.emitChange();\n  };\n\n  /** Handle change depuis le slot end */\n  private handleEndChange = (e: RoadInputCustomEvent<{ value: string | null | undefined }>) => {\n    this.end = e.detail.value ?? undefined;\n    this.emitChange();\n  };\n\n  componentDidLoad() {\n    const startSlot = this.hostEl.querySelector('[slot=\"start\"]') as any;\n    const endSlot = this.hostEl.querySelector('[slot=\"end\"]') as any;\n\n    if (startSlot) {\n      startSlot.addEventListener('roadChange', this.handleStartChange as EventListener);\n    }\n    if (endSlot) {\n      endSlot.addEventListener('roadChange', this.handleEndChange as EventListener);\n    }\n\n    this.updateInvalidClasses();\n  }\n\n  @Method()\n  async getRange() {\n    return { start: this.start, end: this.end };\n  }\n\n  render() {\n    return (\n      <Host class={`time-range-picker input-${this.sizes}`}>\n        {/* Label global */}\n        {this.label && (\n          <p class=\"label m-0\">\n            {this.label}\n            {this.required && <span class=\"required-indicator\"> *</span>}\n          </p>\n        )}\n\n        <div class=\"time-range-picker-content d-flex align-items-center my-4\">\n          {/* Slot start */}\n          <slot name=\"start\"></slot>\n\n          <span class=\"separator mx-12\">{this.separator}</span>\n\n          {/* Slot end */}\n          <slot name=\"end\"></slot>\n        </div>\n\n        {/* Messages error */}\n        <div class=\"messages mt-1\">\n          {this.errorMessages.map((msg, index) => (\n            <p key={index} class=\"invalid-feedback m-0\">\n              <road-icon slot=\"start\" name=\"alert-error-solid\" aria-hidden=\"true\" size=\"sm\" />\n              {msg.trim()}\n            </p>\n          ))}\n        </div>\n\n        {/* Helper */}\n        {this.helper && <p class=\"helper mt-1\">{this.helper}</p>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/time-range-picker/time-range-picker.stories.js

@@ -0,0 +1,76 @@
+import { html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+export default {
+  title: 'Components/RoadTimeRangePicker',
+  component: 'road-time-range-picker',
+  argTypes: {
+    label: { control: 'text' },
+    start: { control: 'text' },
+    end: { control: 'text' },
+    disabled: { control: 'boolean' },
+    error: { control: 'text' },
+    separator: { control: 'text', description: 'label separator' },
+    required: { control: 'boolean' },
+    roadchange: {
+      action: 'roadchange',
+      description: 'Emitted when the value has changed.',
+      table: {
+        category: 'Events',
+        type: { summary: 'CustomEvent' },
+      },
+    },
+  },
+};
+
+export const Default = (args) => {
+  const handleRoadChange = (e) => {
+    args.roadchange?.(e.detail);
+  };
+
+  return html`
+    <road-time-range-picker
+      label=${ifDefined(args.label)}
+      ?disabled=${args.disabled}
+      ?required=${args.required}
+      error=${ifDefined(args.error)}
+      separator=${ifDefined(args.separator)}
+      @roadchange=${handleRoadChange}
+    >
+      <!-- Label slot -->
+      <p slot="label">${ifDefined(args.label)}</p>
+
+      <!-- Start input slot -->
+      <road-input
+        class="mb-0"
+        disabled=${ifDefined(args.disabled)}
+        slot="start"
+        label="Start time"
+        type="time"
+        value=${ifDefined(args.start)}
+        @roadChange=${handleRoadChange}
+      ></road-input>
+
+      <!-- End input slot -->
+      <road-input
+        class="mb-0"
+        disabled=${ifDefined(args.disabled)}
+        slot="end"
+        label="End time"
+        type="time"
+        value=${ifDefined(args.end)}
+        @roadChange=${handleRoadChange}
+      ></road-input>
+    </road-time-range-picker>
+  `;
+};
+
+Default.args = {
+  label: 'Synchronized Time Range',
+  start: '09:00',
+  end: '18:00',
+  separator: 'de',
+  error: 'L’heure de début doit être inférieure à l’heure de fin.',
+  disabled: false,
+  required: false,
+};

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: '6f7087bd4eb183f58cde02e0a890e6ab18b6c5b8', class: `${toastIsOpenClass}`, role: "alert" }, h("div", { key: 'a2494ef9b74ad9fac5d8b81c810bdcfe52936fef', class: `toast toast-${this.color}` }, h("road-icon", { key: '4be95019df5ab21b94508a62afd80f0d89d42150', class: "toast-icon", icon: icon, "aria-hidden": "true" }), h("p", { key: 'ca9901aed33cf158c16eadf8587b90ae235dd933', class: "toast-label" }, this.label), h("button", { key: 'abdb172097d82844c78e608264995aa8568fdf23', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, h("road-icon", { key: 'a6c17efe9a3255210498348ced0ab1e7b5dd8b8c', icon: navigationClose, size: "md" })), h("slot", { key: 'ee1c9f42ddb4efaf69466d51edd10c256b35bd22', name: "progress" }))));
+        return (h(Host, { key: '7e6b8eb5b97d93b1c0da2b5fca2b95d7fe53b464', class: `${toastIsOpenClass}`, role: "alert" }, h("div", { key: '928fcd556ba9573248c0bf136d41ae385fef3c0f', class: `toast toast-${this.color}` }, h("road-icon", { key: '6620412742937e307d6677bdfeb5b3df34403cee', class: "toast-icon", icon: icon, "aria-hidden": "true" }), h("p", { key: 'b7fa0b376a936b6ddf6f7a995fbd531b6657dc72', class: "toast-label" }, this.label), h("button", { key: 'c38b2ab0f05605a9c428684e31ef07a8ee03491c', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, h("road-icon", { key: '71820f58335f516f7660650e10f042b347922113', icon: navigationClose, size: "md" })), h("slot", { key: '52cc64d445b08d0f3a993deae2228e8da87ba5f5', name: "progress" }))));
     }
     static get is() { return "road-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,11 +58,11 @@ export class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = h("label", { key: 'da8146433e72a0e4c38d89cd50f2ef4989558500', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = h("label", { key: '200063a0e964b5a6cc9694a6aae1b45418751867', 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: 'd936b14ef2a1a616059096240699b133be29bcd4' }, h("input", { key: '7d5948cd6098c951a31442fb1e2cfc3b8589d2c1', 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: '4717080e6a38b326a21f0e2e5bfebab37de21663', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, h("div", { key: '1f84a49b36dcc9b0203eba5827c045b0294030ee', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (h("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (h("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
+        return (h(Host, { key: '65b426ec8ab4b2e9c1f773e92c5034cb67893ded' }, h("input", { key: 'a92fd1807ad4fa13492cc7dc3664b088228d020b', 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: '4ad95f0f23572757d568923e88b29f7c7a24bbfa', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, h("div", { key: 'd82522fd9584390936eaf96b65a6a6fb14713794', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (h("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (h("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), 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: 'dce34768cc5775e3819bd44b9a53a0164f0e1a2c', class: colorClass }, h("div", { key: '5c8ecc9b623feacce32288e71325b87b16abd687', class: "toolbar-container" }, h("slot", { key: '5975b6a723dc4f48ae2150c5e8a344759f548885', name: "start" }), h("slot", { key: '2ac9ee0ce36cf9b6d685a9ecf6a77036b0b57c75', name: "primary" }), h("div", { key: 'af93cd350b853d5769f795906442273a91137b1c', class: "toolbar-content" }, h("slot", { key: '4eaeff6528ac5082683478b4197f00b9c6c25331' })), h("slot", { key: '640e0d82dfb515af2c5db5dd24788467c264031e', name: "secondary" }), h("slot", { key: 'e8485cc43749e335f9d480528a2da0b4016ba0b4', name: "end" }))));
+        return (h(Host, { key: '4155097cf17050c6f1c9ddd4ad66c153f005fa45', class: colorClass }, h("div", { key: '74c8520959b7893b32c59744ad5486ed075d5ee1', class: "toolbar-container" }, h("slot", { key: '37605f2014027e0f12b5c80b2f57db710ae3b726', name: "start" }), h("slot", { key: '9162f18c3fc3fab8ce1491841889a2d9616ab0e9', name: "primary" }), h("div", { key: 'fdf739135446b6977e3d89537118a3417c0bfd86', class: "toolbar-content" }, h("slot", { key: '48434e192dd116fe52796dbe3f62d6bed0ac5a79' })), h("slot", { key: '5eee5c80975129ed993ce466e5d96efdd6854922', name: "secondary" }), h("slot", { key: 'c52c70da47aea897e50c7eab9a3fdfba5f9056e3', 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: 'ed443e8a60fd8624ef3381200b15ba4ff31b8aa5', class: "toolbar-title" }, h("slot", { key: '1a6148e5e56141545821c5f7a70208db50238bbc' })));
+        return (h("div", { key: 'fe411cfd08be76715a7896bb645a9c5d07479539', class: "toolbar-title" }, h("slot", { key: 'c81416028a3c8aef9676e3c52f6ffb3202994eff' })));
     }
     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: '1c1ecd0a39d2929bca5c324fe67bdc18a18b5390', class: "toolbar-title-page" }, h("slot", { key: '0b52cf3cf5b7a6d5f41ec4c8f839731cb48315c9' })));
+        return (h("div", { key: 'fa5fa9ad6f5e3a1d562bdc38b312c16cc9483d54', class: "toolbar-title-page" }, h("slot", { key: 'b35389dcc32ff0ba0c163e5916d701c79fbf8ba9' })));
     }
     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: '382572569bcd4298cf5b3e0ce1996eff06d21146', class: "toolbar" }, h("div", { key: '3041348fa0bb67af14e7cf56e25e17f70aaac86c', class: "toolbar-container" }, h("div", { key: '6a0f67070976e7688b2a22a895ab3fa74d99458d', class: "toolbar-container-content-left" }, h("slot", { key: 'ef46f756ec5cb53f90c03079f18bfbc2380b92b0', name: "start" }), h("slot", { key: '6adfe95451a4f311dcc74d8f6a68f7037c24578f', name: "primary" })), h("div", { key: '00c321d7d6093073ec20d7eb50ad017fbe361127', class: "toolbar-content" }, h("slot", { key: '01894b4175c84a9fbd97802a8a2d5721e2e124b1' })), h("div", { key: '8e6e1298bbbfa5c6707af70512e2c3f696d70da5', class: "toolbar-container-content-right" }, h("slot", { key: 'b1ea849fdb52aca7bc056b6015dcb062f1226d6e', name: "secondary" }), h("slot", { key: '07d8efd5011fec01d58a399761d05a7eb2d9e59d', name: "end" })))));
+        return (h(Host, { key: 'baadd003637adbfecd43171047bd15bdf9ea6703', class: "toolbar" }, h("div", { key: 'ce2ad280afbb52c7dfd3d05fd4cbbc740edcbc72', class: "toolbar-container" }, h("div", { key: 'ede1c5b3749744ecdd41926b11efbde968bf58c1', class: "toolbar-container-content-left" }, h("slot", { key: 'c0076ab7411d30d6c018155c11eef33ddcd7341b', name: "start" }), h("slot", { key: 'c6cb5ab75a4135c73bc6daf10c6075aa98cd8d51', name: "primary" })), h("div", { key: 'bc46b95ef46a0c55ea67fbdc04d8ab04179c6445', class: "toolbar-content" }, h("slot", { key: 'c73f60b2ba26f405fd13cd66b6b5b87810b50b44' })), h("div", { key: '0886cb221b201e1f39754e9a18a844a582437572', class: "toolbar-container-content-right" }, h("slot", { key: '3d143472b05113fb9440738c5b74afed8e75d68c', name: "secondary" }), h("slot", { key: '98cceebd60e608dd9e7eced6046cd5a0b12d8a94', 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: 'ad1b13ff6747008a6039e26c77229e09c0424481', 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: '1e3cb1bb336b5c4a63f3395c588f2c842a6c22a7', 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: '55ab7033c6d5cbc3941c77faa0d9bab9a7a25c11', "aria-describedby": this.tooltipId }), h("div", { key: 'bb7b2d992d7a7a201eb6c6e70ee1d455407b7427', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, h("slot", { key: '8b5ae95d0076acbad18fb73bf32e9b31085c8365', "aria-describedby": this.tooltipId }), h("div", { key: 'ba8a5ac573fa0b31edb9e26fab1c8ee212789f1d', 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: '6c8ea046ac67c764b0626b41ba3d6586615ef7bb', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, h("slot", { key: 'cbc2c9bce87ee7b42897c9a8a24ff0f896e0670c', name: "tooltip-content" }))));
     }
     static get is() { return "road-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/app-globals-05a7fd2f.js.map

@@ -1 +1 @@
-{"file":"app-globals-05a7fd2f.js","mappings":";;AACY,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/builds/mobivia-design/roadtrip/components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
+{"file":"app-globals-05a7fd2f.js","mappings":";;AACY,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/builds/mobivia/driverservices/experience-platform/roadtrip/components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/esm/{index-f1358629.js → index-6de77b28.js}

@@ -1,5 +1,6 @@
 const alertDangerOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M40.115 55.5h-15.74a4.222 4.222 0 0 1-3.005-1.245l-11.13-11.13a4.222 4.222 0 0 1-1.245-3.005V24.38a4.222 4.222 0 0 1 1.245-3l11.13-11.13a4.222 4.222 0 0 1 3.005-1.245h15.74a4.222 4.222 0 0 1 3.005 1.245l11.13 11.13a4.222 4.222 0 0 1 1.245 3v15.74a4.222 4.222 0 0 1-1.245 3.005l-11.13 11.13a4.222 4.222 0 0 1-3.005 1.245Zm-15.74-44a1.738 1.738 0 0 0-1.237.513l-11.13 11.13a1.738 1.738 0 0 0-.513 1.237v15.74a1.742 1.742 0 0 0 .513 1.238l11.13 11.129a1.738 1.738 0 0 0 1.237.513h15.74a1.738 1.738 0 0 0 1.237-.513l11.13-11.129a1.742 1.742 0 0 0 .513-1.238V24.38a1.738 1.738 0 0 0-.513-1.237l-11.13-11.13a1.738 1.738 0 0 0-1.237-.513Z"/><path d="M30.75 21.368h3v14.003h-3zm0 18.435h3v3.329h-3z"/></svg>';
 const alertInfoOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M33.75 29.128h-3v14.004h3V29.128Zm0-7.76h-3v3.328h3v-3.328Z"/><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.773 20.773 0 0 0 32.25 53 20.774 20.774 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/></svg>';
+const alertInfoSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.25 9A23.25 23.25 0 1 0 55.5 32.25 23.276 23.276 0 0 0 32.25 9Zm1.5 34.132h-3v-14h3v14Zm0-18.436h-3v-3.328h3v3.328Z"/></svg>';
 const alertSuccessOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.774 20.774 0 0 0 32.25 53 20.773 20.773 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/><path d="m29.53 40.779-6.964-6.963 1.768-1.768 5.2 5.2 12.637-12.64 1.768 1.768Z"/></svg>';
 const alertWarningOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M34.295 23.155h-3v14.003h3V23.155Zm0 18.435h-3v3.329h3V41.59Z"/><path d="M53.334 53.074H12.256a4.206 4.206 0 0 1-3.68-2.125 4.21 4.21 0 0 1 0-4.25l20.539-35.574A4.208 4.208 0 0 1 32.795 9a4.208 4.208 0 0 1 3.681 2.125L57.015 46.7a4.21 4.21 0 0 1 0 4.25 4.208 4.208 0 0 1-3.681 2.125ZM32.795 11.5a1.73 1.73 0 0 0-1.515.875L10.741 47.95a1.734 1.734 0 0 0 0 1.75 1.734 1.734 0 0 0 1.515.875h41.078a1.733 1.733 0 0 0 1.516-.875 1.734 1.734 0 0 0 0-1.75L34.311 12.375a1.733 1.733 0 0 0-1.516-.875Z"/></svg>';
 const checkWide = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m25.59 39.75-8.34-8.34-2.84 2.82 11.18 11.18 24-24-2.82-2.82Z"/></svg>';
@@ -12,6 +13,6 @@ const navigationClose = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-h
 const starHalfColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32 47.425V6.5l7.514 17.755 19.17 1.637L44.152 38.61l4.384 18.89Z"/><path d="M32 47.425 15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z" fill="var(--road-warning-icon, rgb(234, 157, 19))"/></svg>';
 const star = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32 47.425V6.5l7.514 17.755 19.17 1.637L44.152 38.61l4.384 18.89Zm0 0L15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z"/></svg>';
 
-export { navigationClose as a, navigationAddLess as b, checkWide as c, alertInfoOutline as d, alertDangerOutline as e, alertWarningOutline as f, alertSuccessOutline as g, navigationAddLessSolid as h, navigationAddMoreSolid as i, starHalfColor as j, licensePlateStarEu as l, navigationChevron as n, star as s };
+export { navigationClose as a, navigationAddLess as b, checkWide as c, alertInfoOutline as d, alertDangerOutline as e, alertWarningOutline as f, alertSuccessOutline as g, navigationAddLessSolid as h, navigationAddMoreSolid as i, starHalfColor as j, alertInfoSolid as k, licensePlateStarEu as l, navigationChevron as n, star as s };
 
-//# sourceMappingURL=index-f1358629.js.map
+//# sourceMappingURL=index-6de77b28.js.map