npm - @roadtrip/components - Versions diffs - 3.12.1 → 3.13.0 - Mend

@roadtrip/components 3.12.1 → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/dist/icons/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export declare const airConditioningColor: string
+export declare const airConditioningOutline: string
 export declare const alertDangerOutline: string
 export declare const alertDanger: string
 export declare const alertErrorColor: string
@@ -15,6 +17,9 @@ export declare const alertNotificationAlarmOutline: string
 export declare const alertNotificationAlarmSolid: string
 export declare const alertNotificationAlarm: string
 export declare const alertNotificationColor: string
+export declare const alertNotificationOffColor: string
+export declare const alertNotificationOffOutline: string
+export declare const alertNotificationOffSolid: string
 export declare const alertNotificationOutline: string
 export declare const alertNotificationSolid: string
 export declare const alertNotificationWarningColor: string
@@ -1376,6 +1381,9 @@ export declare const tireFlatColor: string
 export declare const tireFlatOutline: string
 export declare const tireFlatSolid: string
 export declare const tireFlat: string
+export declare const tireFrontColor: string
+export declare const tireFrontOutline: string
+export declare const tireFrontSolid: string
 export declare const tireHotelColor: string
 export declare const tireHotelOutlineColor: string
 export declare const tireHotelOutline: string
@@ -1625,7 +1633,6 @@ export declare const vehicleCarSadColor: string
 export declare const vehicleCarSadOutline: string
 export declare const vehicleCarSadSolid: string
 export declare const vehicleCarSad: string
-export declare const vehicleCarSearchColor: string
 export declare const vehicleCarSearchOutline: string
 export declare const vehicleCarSearchSolid: string
 export declare const vehicleCarSearch: string
@@ -1674,6 +1681,9 @@ export declare const vehicleCaravan: string
 export declare const vehicleCarportColor: string
 export declare const vehicleCarportOutline: string
 export declare const vehicleCarport: string
+export declare const vehicleCleanColor: string
+export declare const vehicleCleanOutline: string
+export declare const vehicleCleanSolid: string
 export declare const vehicleCollectorColor: string
 export declare const vehicleCollectorOutline: string
 export declare const vehicleCollectorSolid: string
@@ -1994,6 +2004,8 @@ export declare const windscreenFluidOutline: string
 export declare const windscreenFluid: string
 export declare const windscreenFrostColor: string
 export declare const windscreenFrostOutline: string
+export declare const windscreenFrostWinterColor: string
+export declare const windscreenFrostWinterOutline: string
 export declare const windscreenFrost: string
 export declare const windscreenOutline: string
 export declare const windscreenWiperColor: string

package/dist/icons/index.js CHANGED Viewed

@@ -1,3 +1,5 @@
+export const airConditioningColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.354 30.07c.962-8.892 8.498-15.82 17.646-15.82 5.773 0 10.91 2.754 14.154 7.035l1.992-1.51A20.216 20.216 0 0 0 32 11.75c-10.53 0-19.187 8.044-20.16 18.32H8.6l4.4 4.4 4.4-4.4h-3.046ZM51 29.53l-4.4 4.4h3.046C48.684 42.823 41.148 49.75 32 49.75a17.717 17.717 0 0 1-14.154-7.035l-1.992 1.51A20.216 20.216 0 0 0 32 52.25c10.53 0 19.187-8.044 20.16-18.32h3.24l-4.4-4.4Z"/><path d="M40.156 37.143c-.98 0-1.82-.195-2.522-.585a4.05 4.05 0 0 1-1.625-1.638c-.373-.711-.56-1.547-.56-2.51 0-.961.187-1.793.56-2.495a4.05 4.05 0 0 1 1.625-1.638c.702-.39 1.542-.585 2.522-.585.632 0 1.209.09 1.729.273.52.173.962.429 1.326.767l-.637 1.599c-.4-.312-.78-.533-1.144-.663a3.503 3.503 0 0 0-1.21-.195c-.857 0-1.516.255-1.975.767-.451.502-.676 1.226-.676 2.17 0 .945.225 1.673.676 2.185.459.51 1.118.767 1.976.767.45 0 .853-.065 1.209-.195.364-.13.745-.351 1.144-.663l.637 1.599a3.84 3.84 0 0 1-1.326.767 5.206 5.206 0 0 1-1.73.273Zm-8.336.65h-1.586l3.432-10.608h1.586L31.82 37.793ZM20.171 37l4.212-9.165h1.677L30.324 37H28.27l-1.105-2.548.793.559h-5.447l.806-.56L22.212 37h-2.041Zm5.044-7.033-1.677 3.978-.351-.494h4.095l-.299.494-1.716-3.978h-.052Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
+export const airConditioningOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.354 30.07c.962-8.892 8.498-15.82 17.646-15.82 5.773 0 10.91 2.754 14.154 7.035l1.992-1.51A20.216 20.216 0 0 0 32 11.75c-10.53 0-19.187 8.044-20.16 18.32H8.6l4.4 4.4 4.4-4.4h-3.046ZM51 29.53l-4.4 4.4h3.046C48.684 42.823 41.148 49.75 32 49.75a17.717 17.717 0 0 1-14.154-7.035l-1.992 1.51A20.216 20.216 0 0 0 32 52.25c10.53 0 19.187-8.044 20.16-18.32h3.24l-4.4-4.4Z"/><path d="M40.156 37.143c-.98 0-1.82-.195-2.522-.585a4.05 4.05 0 0 1-1.625-1.638c-.373-.711-.56-1.547-.56-2.51 0-.961.187-1.793.56-2.495a4.05 4.05 0 0 1 1.625-1.638c.702-.39 1.542-.585 2.522-.585.632 0 1.209.09 1.729.273.52.173.962.429 1.326.767l-.637 1.599c-.4-.312-.78-.533-1.144-.663a3.503 3.503 0 0 0-1.21-.195c-.857 0-1.516.255-1.975.767-.451.502-.676 1.226-.676 2.17 0 .945.225 1.673.676 2.185.459.51 1.118.767 1.976.767.45 0 .853-.065 1.209-.195.364-.13.745-.351 1.144-.663l.637 1.599a3.84 3.84 0 0 1-1.326.767 5.206 5.206 0 0 1-1.73.273Zm-8.336.65h-1.586l3.432-10.608h1.586L31.82 37.793ZM20.171 37l4.212-9.165h1.677L30.324 37H28.27l-1.105-2.548.793.559h-5.447l.806-.56L22.212 37h-2.041Zm5.044-7.033-1.677 3.978-.351-.494h4.095l-.299.494-1.716-3.978h-.052Z"/></svg>'
 export 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>'
 export const alertDanger = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m54.255 21.375-11.13-11.13A4.222 4.222 0 0 0 40.12 9H24.38a4.222 4.222 0 0 0-3 1.245l-11.135 11.13a4.222 4.222 0 0 0-1.245 3V40.12a4.222 4.222 0 0 0 1.245 3.005l11.13 11.13a4.222 4.222 0 0 0 3 1.245H40.12a4.222 4.222 0 0 0 3.005-1.245l11.13-11.13A4.222 4.222 0 0 0 55.5 40.12V24.38a4.222 4.222 0 0 0-1.245-3.005ZM33.75 43.132h-3v-3.329h3Zm0-7.761h-3v-14h3Z"/></svg>'
 export const alertErrorColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M40.12 55.495H24.38a4.222 4.222 0 0 1-3.005-1.245l-11.13-11.13A4.222 4.222 0 0 1 9 40.115v-15.74a4.222 4.222 0 0 1 1.245-3l11.13-11.13A4.223 4.223 0 0 1 24.38 9h15.74a4.222 4.222 0 0 1 3.005 1.245l11.13 11.13a4.223 4.223 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.739 1.739 0 0 0-1.237.513l-11.13 11.13a1.738 1.738 0 0 0-.513 1.237v15.74a1.744 1.744 0 0 0 .513 1.238l11.13 11.129a1.737 1.737 0 0 0 1.237.513h15.74a1.736 1.736 0 0 0 1.237-.513l11.13-11.129A1.741 1.741 0 0 0 53 40.115v-15.74a1.736 1.736 0 0 0-.513-1.237l-11.13-11.13a1.738 1.738 0 0 0-1.237-.513H24.38Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M33.755 21.363h-3v14.003h3V21.363Zm0 18.435h-3v3.329h3v-3.329Z"/></svg>'
@@ -15,6 +17,9 @@ export const alertNotificationAlarmOutline = 'data:image/svg+xml;utf8,<svg viewB
 export const alertNotificationAlarmSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M9.073 20.809h2.5a7.246 7.246 0 0 1 7.238-7.239v-2.5a9.748 9.748 0 0 0-9.738 9.739Z"/><path d="M2 20.809h2.5A14.328 14.328 0 0 1 18.811 6.5V4A16.831 16.831 0 0 0 2 20.809Zm43.689-9.739v2.5a7.246 7.246 0 0 1 7.237 7.239h2.5a9.749 9.749 0 0 0-9.737-9.739Z"/><path d="M45.689 4v2.5A14.328 14.328 0 0 1 60 20.809h2.5A16.83 16.83 0 0 0 45.689 4ZM32.25 60.6c-3.939 0-6.909-1.754-6.909-4.08h2.5c0 .459 1.545 1.58 4.409 1.58s4.409-1.121 4.409-1.58h2.5c0 2.329-2.971 4.08-6.909 4.08Zm15.4-19.668V29.3A15.408 15.408 0 0 0 33.5 13.964V9.49H31v4.473A15.408 15.408 0 0 0 16.85 29.3v11.632l-5.655 8.488v4.458h42.11V49.42l-5.655-8.488Z"/></svg>'
 export const alertNotificationAlarm = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M9.073 20.812h2.5a7.246 7.246 0 0 1 7.238-7.239v-2.5a9.749 9.749 0 0 0-9.738 9.739Z"/><path d="M2 20.812h2.5A14.328 14.328 0 0 1 18.811 6.503v-2.5A16.831 16.831 0 0 0 2 20.812Zm43.689-9.739v2.5a7.246 7.246 0 0 1 7.237 7.239h2.5a9.749 9.749 0 0 0-9.737-9.739Z"/><path d="M45.689 4.003v2.5A14.328 14.328 0 0 1 60 20.812h2.5A16.83 16.83 0 0 0 45.689 4.003Zm-13.439 56.6c-3.939 0-6.909-1.754-6.909-4.079h2.5c0 .458 1.545 1.579 4.409 1.579s4.409-1.121 4.409-1.579h2.5c0 2.328-2.971 4.079-6.909 4.079Zm15.4-19.668V29.303A15.408 15.408 0 0 0 33.5 13.967V9.494H31v4.473a15.407 15.407 0 0 0-14.15 15.336v11.632l-5.655 8.488v4.458h42.11v-4.458Z"/></svg>'
 export const alertNotificationColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.055 58.111c-3.939 0-6.908-1.754-6.908-4.08h2.5c0 .458 1.545 1.58 4.408 1.58 2.863 0 4.409-1.122 4.409-1.58h2.5c0 2.326-2.971 4.08-6.909 4.08Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M47.451 38.44V26.805a15.41 15.41 0 0 0-14.146-15.333V7h-2.5v4.472a15.41 15.41 0 0 0-14.146 15.333V38.44L11 46.928v4.458h42.111v-4.458l-5.66-8.488Zm3.16 10.446H13.5v-1.2l5.659-8.489V26.805a12.9 12.9 0 1 1 25.792 0v12.392l5.66 8.489v1.2Z"/></svg>'
+export const alertNotificationOffColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M28.556 54.982c.816.409 2.031.698 3.444.698 1.413 0 2.628-.29 3.444-.698.891-.446.966-.83.966-.882h2.5c0 1.508-1.19 2.539-2.347 3.118-1.231.616-2.846.962-4.563.962-1.717 0-3.332-.346-4.563-.962-1.157-.58-2.347-1.61-2.347-3.118h2.5c0 .052.075.436.966.882Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M30.75 11.53V7.07h2.5v4.46c7.925.636 14.15 7.27 14.15 15.35l-.01 11.632 2.325 3.487-2.069 1.38-.049-.05-2.707-4.061.01-12.388c0-7.12-5.771-12.9-12.9-12.9a12.865 12.865 0 0 0-9.54 4.212l-1.77-1.77a15.356 15.356 0 0 1 10.06-4.892Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.902 20.67-9.586-9.586 1.768-1.768 45.6 45.6-1.768 1.768-5.224-5.224H10.94v-4.459l5.66-8.49V26.88c0-2.21.465-4.311 1.302-6.21Zm1.925 1.925a12.896 12.896 0 0 0-.727 4.285v12.388l-5.66 8.49v1.202h32.752L19.827 22.595Z"/></svg>'
+export const alertNotificationOffOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M28.556 54.982c.816.409 2.031.698 3.444.698 1.413 0 2.628-.29 3.444-.698.891-.446.966-.83.966-.882h2.5c0 1.508-1.19 2.539-2.347 3.118-1.231.616-2.846.962-4.563.962-1.717 0-3.332-.346-4.563-.962-1.157-.58-2.347-1.61-2.347-3.118h2.5c0 .052.075.436.966.882Z"/><path d="M30.75 11.53V7.07h2.5v4.46c7.925.636 14.15 7.27 14.15 15.35l-.01 11.632 2.325 3.487-2.069 1.38-.049-.05-2.707-4.061.01-12.388c0-7.12-5.771-12.9-12.9-12.9a12.865 12.865 0 0 0-9.54 4.212l-1.77-1.77a15.356 15.356 0 0 1 10.06-4.892Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.902 20.67-9.586-9.586 1.768-1.768 45.6 45.6-1.768 1.768-5.224-5.224H10.94v-4.459l5.66-8.49V26.88c0-2.21.465-4.311 1.302-6.21Zm1.925 1.925a12.896 12.896 0 0 0-.727 4.285v12.388l-5.66 8.49v1.202h32.752L19.827 22.595Z"/></svg>'
+export const alertNotificationOffSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M47.4 26.88c0-8.08-6.225-14.714-14.15-15.35V7.07h-2.5v4.46a15.356 15.356 0 0 0-10.06 4.893L47.63 43.38 49.7 42l-2.31-3.488.01-11.632Zm1.292 24.58 5.224 5.224 1.768-1.768-45.6-45.6-1.768 1.768 9.586 9.585c-.837 1.9-1.302 4-1.302 6.211v11.631l-5.66 8.49v4.459h37.752Z"/><path d="M32 55.68c-1.413 0-2.628-.29-3.444-.698-.891-.446-.966-.83-.966-.882h-2.5c0 1.508 1.19 2.539 2.347 3.118 1.231.616 2.846.962 4.563.962 1.717 0 3.332-.346 4.563-.962 1.157-.58 2.347-1.61 2.347-3.118h-2.5c0 .052-.075.436-.966.882-.816.409-2.031.698-3.444.698Z"/></svg>'
 export const alertNotificationOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.055 58.111c-3.939 0-6.908-1.754-6.908-4.08h2.5c0 .458 1.545 1.58 4.408 1.58 2.863 0 4.409-1.122 4.409-1.58h2.5c0 2.326-2.971 4.08-6.909 4.08ZM47.451 38.44V26.805a15.41 15.41 0 0 0-14.146-15.333V7h-2.5v4.472a15.41 15.41 0 0 0-14.146 15.333V38.44L11 46.928v4.458h42.111v-4.458l-5.66-8.488Zm3.16 10.446H13.5v-1.2l5.659-8.489V26.805a12.9 12.9 0 1 1 25.792 0v12.392l5.66 8.489v1.2Z"/></svg>'
 export const alertNotificationSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.055 58.11c-3.939 0-6.909-1.754-6.909-4.079h2.5c0 .458 1.545 1.579 4.409 1.579s4.409-1.121 4.409-1.579h2.5c0 2.325-2.971 4.079-6.909 4.079Zm15.396-19.671V26.805a15.408 15.408 0 0 0-14.146-15.33V7h-2.5v4.475a15.407 15.407 0 0 0-14.146 15.33v11.634L11 46.928v4.458h42.11v-4.458l-5.659-8.489Z"/></svg>'
 export const alertNotificationWarningColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M33.555 21.05h-3v14.002h3V21.05Zm0 18.433h-3v3.328h3v-3.328Zm-1.5 18.627c-3.939 0-6.909-1.754-6.909-4.079h2.5c0 .458 1.545 1.58 4.409 1.58s4.409-1.122 4.409-1.58h2.5c0 2.325-2.971 4.08-6.909 4.08Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M47.451 38.439V26.805a15.408 15.408 0 0 0-14.146-15.33V7h-2.5v4.475a15.407 15.407 0 0 0-14.146 15.33v11.634L11 46.928v4.458h42.11v-4.458l-5.659-8.489Zm3.159 10.447H13.5v-1.2l5.659-8.488V26.805a12.9 12.9 0 1 1 25.792 0v12.392l5.659 8.488v1.201Z"/></svg>'
@@ -688,7 +693,7 @@ export const locationPinGarage = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 6
 export const locationPinNumberOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/></svg>'
 export const locationPinNumberSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Z"/></svg>'
 export const locationPinNumber = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776Z"/></svg>'
-export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill="none" d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
+export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
 export const locationPinOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/><path d="M31.9 32.28c-4.13 0-7.48-3.33-7.48-7.43s3.36-7.43 7.48-7.43c4.12 0 7.48 3.33 7.48 7.43s-3.36 7.43-7.48 7.43Zm0-12.36c-2.75 0-4.98 2.21-4.98 4.93 0 2.72 2.24 4.93 4.98 4.93s4.98-2.21 4.98-4.93c0-2.72-2.24-4.93-4.98-4.93Z"/></svg>'
 export const locationPinSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Zm.03 26.03c-3.44 0-6.23-2.77-6.23-6.18 0-3.41 2.79-6.18 6.23-6.18 3.44 0 6.23 2.77 6.23 6.18 0 3.41-2.79 6.18-6.23 6.18Z"/></svg>'
 export const locationPin = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776ZM32 31.232a7.158 7.158 0 1 1 7.159-7.157A7.166 7.166 0 0 1 32 31.232Z"/></svg>'
@@ -1376,6 +1381,9 @@ export const tireFlatColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" a
 export const tireFlatOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.251 55.69a17.25 17.25 0 1 1 17.25-17.25 17.27 17.27 0 0 1-17.25 17.25Zm0-32a14.75 14.75 0 1 0 14.75 14.75 14.767 14.767 0 0 0-14.75-14.75Zm25.5 1.647c-.382-.735-.8-1.456-1.254-2.162l-2.138 1.234 1.25 2.165 2.142-1.237Zm.179 7.693 2.373-.636a28.409 28.409 0 0 0-.642-2.416l-2.377.638.646 2.414Zm.571 4.336v2.5h2.457c.036-.833.036-1.667 0-2.5h-2.457Zm-1.217 9.25 2.377.637c.25-.8.464-1.605.642-2.416l-2.373-.636-.646 2.415Zm-2.924 6.208 2.137 1.234c.45-.707.872-1.427 1.254-2.162l-2.142-1.237-1.25 2.165Zm-2.663 3.47-1.768 1.768.988.988h1.767l-.1-.1c.3-.3.581-.6.862-.906l-1.749-1.75ZM11.06 58.04c.281.306.565.61.861.906l-.1.1h1.768l.988-.988-1.768-1.768-1.749 1.75Zm-4.309-6.144c.383.735.8 1.455 1.255 2.162l2.138-1.234-1.25-2.165-2.143 1.237Zm-.178-7.693-2.375.636c.179.813.393 1.618.643 2.416l2.378-.639-.646-2.413Zm-.572-6.837H3.543a29.497 29.497 0 0 0 0 2.5h2.458v-2.5Zm1.219-6.75-2.379-.638c-.25.8-.464 1.605-.643 2.416l2.375.636.646-2.414Zm-.469-5.279 2.143 1.237 1.25-2.165-2.139-1.234a27.116 27.116 0 0 0-1.254 2.162Zm5.17-7.05c-.3.3-.58.6-.86.906l1.745 1.746 1.768-1.768-1.737-1.736c-.307.281-.619.556-.916.852Zm4.889-3.915 1.233 2.136 2.166-1.25-1.226-2.123c-.738.381-1.467.788-2.173 1.237Zm6.807-3.15.634 2.363 2.414-.648-.635-2.372c-.815.181-1.617.407-2.413.657Zm7.384 1.144h2.5v-2.45a28.68 28.68 0 0 0-2.5.005v2.445Zm6.837.571 2.413.648.638-2.379c-.8-.251-1.6-.475-2.413-.654l-.638 2.385Zm13.838 4.487-1.747 1.747 1.768 1.768 1.745-1.746c-.28-.306-.565-.61-.862-.906a30.573 30.573 0 0 0-.904-.863Zm2.781-9.569L47.78 4l-1.25 2.165 2.26 1.3-4.5 7.788 2.166 1.25 4.495-7.787 2.252 1.3 1.254-2.161Z"/><path d="M58.404 59.05h-2.52a31.286 31.286 0 0 0-1.533-42.534 31.645 31.645 0 0 0-2.178-1.984l-1.595 1.925a28.782 28.782 0 0 1 2 42.486l.1.1h-40.86l.1-.1A28.755 28.755 0 0 1 42.28 11.665l.871-2.349a31.259 31.259 0 0 0-42.15 29.3A31.015 31.015 0 0 0 8.615 59.05H6.098a1.25 1.25 0 0 0 0 2.5h52.306a1.25 1.25 0 0 0 0-2.5Z"/></svg>'
 export const tireFlatSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M58.404 59.049h-2.519a31.218 31.218 0 0 0-6.94-46.844l2.011-3.485 2.251 1.3 1.25-2.165L47.78 4l-1.25 2.165 2.26 1.305-2.008 3.477a31.246 31.246 0 0 0-38.166 48.1H6.098a1.25 1.25 0 0 0 0 2.5h52.306a1.25 1.25 0 0 0 0-2.5v.002ZM32.251 20.92a17.711 17.711 0 1 1-17.71 17.711A17.73 17.73 0 0 1 32.25 20.92Z"/><path d="M32.251 54.072a15.453 15.453 0 1 0-15.453-15.453 15.47 15.47 0 0 0 15.453 15.453Zm0-28.406a12.953 12.953 0 1 1-12.953 12.953 12.967 12.967 0 0 1 12.953-12.953Z"/></svg>'
 export const tireFlat = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M58.404 59.049h-2.519a31.218 31.218 0 0 0-6.941-46.844l2.012-3.485 2.251 1.3 1.25-2.165L47.78 4l-1.25 2.165 2.26 1.305-2.008 3.477a31.246 31.246 0 0 0-38.166 48.1H6.098a1.25 1.25 0 0 0 0 2.5h52.306a1.25 1.25 0 0 0 0-2.5ZM32.251 20.92A17.711 17.711 0 1 1 14.54 38.631 17.731 17.731 0 0 1 32.251 20.92Z"/><path d="M32.251 54.072a15.453 15.453 0 1 0-15.453-15.453 15.469 15.469 0 0 0 15.453 15.453Zm0-28.406a12.953 12.953 0 1 1-12.953 12.953 12.967 12.967 0 0 1 12.953-12.953Z"/></svg>'
+export const tireFrontColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 56.87V7.33h2.5v49.54h-2.5Zm8 0V7.33h2.5v49.54h-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 11.888v4.523l4.553 4.544-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.553 4.543-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.554 4.554-1.768 1.768-2.786-2.786a6.65 6.65 0 0 0 6.65 6.582h12.2a6.65 6.65 0 0 0 6.65-6.582l-2.786 2.786-1.768-1.768 4.554-4.554v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 3.895-3.895A6.65 6.65 0 0 0 38.1 5.25H25.9a6.65 6.65 0 0 0-5.991 3.76l3.895 3.896-1.768 1.768-2.786-2.786Zm-2.5.012a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Z"/></svg>'
+export const tireFrontOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 56.87V7.33h2.5v49.54h-2.5Zm8 0V7.33h2.5v49.54h-2.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 11.888v4.523l4.553 4.544-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.553 4.543-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.554 4.554-1.768 1.768-2.786-2.786a6.65 6.65 0 0 0 6.65 6.582h12.2a6.65 6.65 0 0 0 6.65-6.582l-2.786 2.786-1.768-1.768 4.554-4.554v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 3.895-3.895A6.65 6.65 0 0 0 38.1 5.25H25.9a6.65 6.65 0 0 0-5.991 3.76l3.895 3.896-1.768 1.768-2.786-2.786Zm-2.5.012a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Z"/></svg>'
+export const tireFrontSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M16.75 11.9a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Zm27.341-2.889c.42.87.657 1.846.659 2.877l-2.786 2.786-1.768-1.768 3.895-3.895ZM19.25 11.888a6.624 6.624 0 0 1 .659-2.877l3.895 3.895-1.768 1.768-2.786-2.786Zm0 8.056v-3.532l4.553 4.543-1.766 1.77-2.787-2.782Zm0 4.518v3.536l2.786 2.786 1.768-1.768-4.554-4.554Zm0 11.591v-3.531l4.553 4.543-1.766 1.77-2.787-2.782Zm0 4.52v3.535l2.786 2.786 1.768-1.768-4.554-4.554Zm0 11.527v-3.468l4.554 4.554-1.768 1.768-2.786-2.786V52.1Zm25.5.068v-3.536l-4.554 4.554 1.768 1.768 2.786-2.786Zm0-11.596v3.536l-2.786 2.786-1.768-1.768 4.554-4.554Zm0-4.519v-3.531l-4.553 4.543 1.766 1.77 2.787-2.782Zm0-11.59v3.535l-2.786 2.786-1.768-1.768 4.554-4.554Zm0-4.52v-7.484 3.952l-4.553 4.544 1.766 1.77 2.787-2.782Zm-18 36.927V7.33h2.5v49.54h-2.5Zm8-49.54v49.54h2.5V7.33h-2.5Z"/></svg>'
 export const tireHotelColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M21.22 31.843A11.18 11.18 0 0 0 10.055 43.01 11.18 11.18 0 0 0 21.22 54.176 11.179 11.179 0 0 0 32.386 43.01 11.179 11.179 0 0 0 21.22 31.843Zm0 19.833a8.676 8.676 0 0 1-8.666-8.666 8.677 8.677 0 0 1 8.667-8.667 8.678 8.678 0 0 1 8.666 8.667 8.676 8.676 0 0 1-8.666 8.666ZM53.128 26.02h-2.5v33.851h2.5v-33.85Zm-25.996.641-.811 1.819 2.284 1.018.815-1.83a17.395 17.395 0 0 0-2.288-1.007Zm6.128 3.826-1.47 1.323 1.672 1.858 1.462-1.316a17.628 17.628 0 0 0-1.664-1.865Zm4.797 8.367a17.168 17.168 0 0 0-.76-2.383l-1.866.607.773 2.378 1.853-.602Zm-1.442 4.517-.261 2.486 1.915.2a17.14 17.14 0 0 0 .263-2.486l-1.917-.2Zm-2.729 8.395 1.648.952a17.3 17.3 0 0 0 1.247-2.167l-1.645-.95-1.25 2.165Zm-4.656 4.395 1.1 1.514a17.338 17.338 0 0 0 2.033-1.457l-1.108-1.526-2.024 1.469Zm-6.044 2.126.388 1.826a17.184 17.184 0 0 0 2.447-.512l-.39-1.835-2.445.521Zm-6.769 1.31c.802.23 1.62.4 2.447.512l.388-1.827-2.445-.519-.39 1.834Zm-6.337-3.379c.641.534 1.32 1.02 2.03 1.457l1.1-1.513-2.02-1.47-1.11 1.526Zm-4.421-5.667c.363.752.78 1.476 1.247 2.167l1.648-.952-1.25-2.165-1.645.95Zm.166-7.18-1.916.2c.028.834.116 1.665.264 2.486l1.914-.2-.262-2.486Zm1.185-6.293-1.867-.607a17.32 17.32 0 0 0-.758 2.383l1.852.6.774-2.376Zm2.176-6.591a17.443 17.443 0 0 0-1.664 1.866l1.46 1.315 1.674-1.858-1.47-1.323Zm3.836-2.819.814 1.829 2.283-1.016-.81-1.82c-.785.28-1.55.617-2.287 1.007Zm6.948-2.003v2h2.5v-2c-.413-.03-.827-.063-1.25-.063-.421 0-.834.033-1.25.063Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M61.36 20.922 32.298 3.932 3.237 20.922l-1.262-2.158L32.297 1.036l30.325 17.728-1.262 2.158Zm-6.167 41.685h-6.631a4.57 4.57 0 0 1-4.565-4.566V28.2a4.57 4.57 0 0 1 4.565-4.564h6.63a4.57 4.57 0 0 1 4.566 4.565V58.04a4.57 4.57 0 0 1-4.565 4.566Zm-6.631-36.47a2.068 2.068 0 0 0-2.065 2.065V58.04a2.068 2.068 0 0 0 2.065 2.066h6.63a2.068 2.068 0 0 0 2.066-2.066V28.2a2.068 2.068 0 0 0-2.065-2.064h-6.631ZM21.22 62.964A19.866 19.866 0 0 1 1.379 43.12 19.865 19.865 0 0 1 21.22 23.278 19.865 19.865 0 0 1 41.064 43.12 19.865 19.865 0 0 1 21.22 62.964Zm0-37.186A17.363 17.363 0 0 0 3.879 43.12 17.363 17.363 0 0 0 21.22 60.464 17.363 17.363 0 0 0 38.564 43.12 17.363 17.363 0 0 0 21.22 25.779v-.001Z"/></svg>'
 export const tireHotelOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M61.36 20.922 32.298 3.932 3.237 20.922l-1.262-2.158L32.297 1.036l30.325 17.728ZM21.221 32.02a11.18 11.18 0 0 0-11.167 11.167 11.179 11.179 0 0 0 11.167 11.166 11.179 11.179 0 0 0 11.165-11.166A11.179 11.179 0 0 0 21.221 32.02Zm0 19.833a8.676 8.676 0 0 1-8.667-8.666 8.677 8.677 0 0 1 8.667-8.667 8.677 8.677 0 0 1 8.666 8.667 8.676 8.676 0 0 1-8.666 8.666Zm33.972 10.754h-6.631a4.571 4.571 0 0 1-4.565-4.566V28.202a4.57 4.57 0 0 1 4.565-4.565h6.631a4.57 4.57 0 0 1 4.565 4.565v29.839a4.57 4.57 0 0 1-4.565 4.566Zm-6.631-36.47a2.068 2.068 0 0 0-2.065 2.065v29.839a2.068 2.068 0 0 0 2.065 2.066h6.631a2.068 2.068 0 0 0 2.065-2.066V28.202a2.068 2.068 0 0 0-2.065-2.065Z"/><path fill="var(--road-icon-variant, rgb(252, 183, 49))" d="M50.628 26.197h2.5v33.851h-2.5zm-23.496.641-.811 1.819 2.284 1.018.815-1.83a17.383 17.383 0 0 0-2.288-1.007Zm6.128 3.826-1.47 1.323 1.672 1.858 1.462-1.316a17.641 17.641 0 0 0-1.664-1.865Zm4.797 8.367a17.169 17.169 0 0 0-.759-2.383l-1.867.607.773 2.378Zm-1.442 4.517-.261 2.486 1.915.2a17.249 17.249 0 0 0 .263-2.486Zm-2.729 8.395 1.648.952a17.321 17.321 0 0 0 1.247-2.167l-1.645-.95Zm-4.655 4.395 1.1 1.514a17.428 17.428 0 0 0 2.032-1.457l-1.108-1.526Zm-6.045 2.126.388 1.826a17.187 17.187 0 0 0 2.447-.512l-.39-1.835Zm-6.769 1.31a17.354 17.354 0 0 0 2.447.512l.388-1.827-2.445-.519Zm-6.337-3.379a17.332 17.332 0 0 0 2.031 1.457l1.1-1.513-2.021-1.47Zm-4.421-5.667a17.321 17.321 0 0 0 1.247 2.167l1.648-.952-1.25-2.165Zm.166-7.18-1.916.2a17.394 17.394 0 0 0 .264 2.486l1.914-.2Zm1.186-6.293-1.868-.607a17.3 17.3 0 0 0-.758 2.383l1.852.6Zm2.175-6.591a17.444 17.444 0 0 0-1.664 1.866l1.46 1.315 1.674-1.858Zm3.836-2.819.814 1.829 2.283-1.016-.809-1.82a17.383 17.383 0 0 0-2.288 1.007Zm6.949-2.003v2h2.5v-2c-.414-.03-.828-.063-1.25-.063s-.835.033-1.25.063Z"/><path d="M21.221 62.964A19.866 19.866 0 0 1 1.378 43.121a19.865 19.865 0 0 1 19.843-19.843 19.865 19.865 0 0 1 19.843 19.843 19.865 19.865 0 0 1-19.843 19.843Zm0-37.186A17.363 17.363 0 0 0 3.878 43.121a17.363 17.363 0 0 0 17.343 17.343 17.363 17.363 0 0 0 17.343-17.343 17.363 17.363 0 0 0-17.343-17.342Z"/></svg>'
 export const tireHotelOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M21.22 31.843A11.18 11.18 0 0 0 10.055 43.01 11.18 11.18 0 0 0 21.22 54.176 11.179 11.179 0 0 0 32.386 43.01 11.179 11.179 0 0 0 21.22 31.843Zm0 19.833a8.676 8.676 0 0 1-8.666-8.666 8.677 8.677 0 0 1 8.667-8.667 8.678 8.678 0 0 1 8.666 8.667 8.676 8.676 0 0 1-8.666 8.666ZM53.128 26.02h-2.5v33.851h2.5v-33.85Zm-25.996.641-.811 1.819 2.284 1.018.815-1.83a17.395 17.395 0 0 0-2.288-1.007Zm6.128 3.826-1.47 1.323 1.672 1.858 1.462-1.316a17.628 17.628 0 0 0-1.664-1.865Zm4.797 8.367a17.168 17.168 0 0 0-.76-2.383l-1.866.607.773 2.378 1.853-.602Zm-1.442 4.517-.261 2.486 1.915.2a17.14 17.14 0 0 0 .263-2.486l-1.917-.2Zm-2.729 8.395 1.648.952a17.3 17.3 0 0 0 1.247-2.167l-1.645-.95-1.25 2.165Zm-4.656 4.395 1.1 1.514a17.338 17.338 0 0 0 2.033-1.457l-1.108-1.526-2.024 1.469Zm-6.044 2.126.388 1.826a17.184 17.184 0 0 0 2.447-.512l-.39-1.835-2.445.521Zm-6.769 1.31c.802.23 1.62.4 2.447.512l.388-1.827-2.445-.519-.39 1.834Zm-6.337-3.379c.641.534 1.32 1.02 2.03 1.457l1.1-1.513-2.02-1.47-1.11 1.526Zm-4.421-5.667c.363.752.78 1.476 1.247 2.167l1.648-.952-1.25-2.165-1.645.95Zm.166-7.18-1.916.2c.028.834.116 1.665.264 2.486l1.914-.2-.262-2.486Zm1.185-6.293-1.867-.607a17.32 17.32 0 0 0-.758 2.383l1.852.6.774-2.376Zm2.176-6.591a17.443 17.443 0 0 0-1.664 1.866l1.46 1.315 1.674-1.858-1.47-1.323Zm3.836-2.819.814 1.829 2.283-1.016-.81-1.82c-.785.28-1.55.617-2.287 1.007Zm6.948-2.003v2h2.5v-2c-.413-.03-.827-.063-1.25-.063-.421 0-.834.033-1.25.063Zm41.39-4.743L32.298 3.932 3.237 20.922l-1.262-2.158L32.297 1.036l30.325 17.728-1.262 2.158Z"/><path d="M55.193 62.607h-6.631a4.57 4.57 0 0 1-4.565-4.566V28.2a4.57 4.57 0 0 1 4.565-4.564h6.63a4.57 4.57 0 0 1 4.566 4.565V58.04a4.57 4.57 0 0 1-4.565 4.566Zm-6.631-36.47a2.068 2.068 0 0 0-2.065 2.065V58.04a2.068 2.068 0 0 0 2.065 2.066h6.63a2.068 2.068 0 0 0 2.066-2.066V28.2a2.068 2.068 0 0 0-2.065-2.064h-6.631ZM21.22 62.964A19.866 19.866 0 0 1 1.379 43.12 19.865 19.865 0 0 1 21.22 23.278 19.865 19.865 0 0 1 41.064 43.12 19.865 19.865 0 0 1 21.22 62.964Zm0-37.186A17.363 17.363 0 0 0 3.879 43.12 17.363 17.363 0 0 0 21.22 60.464 17.363 17.363 0 0 0 38.564 43.12 17.363 17.363 0 0 0 21.22 25.779v-.001Z"/></svg>'
@@ -1625,7 +1633,6 @@ export const vehicleCarSadColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
 export const vehicleCarSadOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M17.95 43.86c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Zm28.1 7.93c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Z"/><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM14.32 14.09c.22-.66.84-1.1 1.53-1.1h32.3c.7 0 1.31.44 1.53 1.1l4.52 13.47H9.79l4.52-13.47h.01Zm-1.9 37.36c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm0-4.61H9.3V30.07h45.4v16.78-.01Z"/><path d="M27.3 44.81c0-2.07 2.11-3.75 4.7-3.75 2.59 0 4.7 1.68 4.7 3.75h2.5c0-3.45-3.23-6.25-7.2-6.25s-7.2 2.8-7.2 6.25h2.5Z"/></svg>'
 export const vehicleCarSadSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm18.76 2.2c0-2.07-2.11-3.75-4.7-3.75-2.59 0-4.7 1.68-4.7 3.75h-2.5c0-3.45 3.23-6.25 7.2-6.25s7.2 2.8 7.2 6.25h-2.5Zm9.35-2.26c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4ZM9.79 27.57l4.52-13.48c.22-.66.84-1.1 1.53-1.1h32.31c.7 0 1.31.44 1.53 1.1l4.52 13.48H9.79Z"/></svg>'
 export const vehicleCarSad = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.529 28.027h-2.732l-3.452-10.043a2.668 2.668 0 0 0-2.906-1.968H21.501a2.667 2.667 0 0 0-2.906 1.968l-3.452 10.043h-2.732A1.411 1.411 0 0 0 11 29.438v1.151A1.411 1.411 0 0 0 12.411 32h2.059v14.016a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968v-2.063h24v2.063a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968V32h2.059a1.411 1.411 0 0 0 1.411-1.411v-1.151a1.411 1.411 0 0 0-1.411-1.411Zm-28.918 9.035A2.983 2.983 0 1 1 21.005 32h.991a2.977 2.977 0 0 1 1.615 5.062Zm14.636 3.891c0-.978-2.251-2.4-5.777-2.4s-5.777 1.42-5.777 2.4h-2c0-2.507 3.343-4.4 7.777-4.4s7.777 1.891 7.777 4.4Zm7.3-3.891A2.983 2.983 0 1 1 42.943 32h.991a2.976 2.976 0 0 1 1.614 5.062Zm-27.046-9.046 3-9h21.938l3 9Z"/></svg>'
-export const vehicleCarSearchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const vehicleCarSearchOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Zm22.02-8.9-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
 export const vehicleCarSearchSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M54.17 27.57h-.51a14.225 14.225 0 0 1-6.73 1.71c-2.35 0-4.74-.62-6.75-1.71H9.79l4.52-13.48c.22-.66.84-1.1 1.53-1.1h17c.12-.86.32-1.7.59-2.5H15.85c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.59l-3.02-3.02ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm28.11-.06c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Z"/><path d="m63.32 29.64-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
 export const vehicleCarSearch = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.741 27.987h-2.732v-.012h-31.3l3-9h16.03v-3H15.713a2.666 2.666 0 0 0-2.906 1.969L9.355 27.987H6.623A1.411 1.411 0 0 0 5.212 29.4v1.15a1.412 1.412 0 0 0 1.411 1.41h2.059v14.015a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969v-2.062h24v2.062a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969V31.96h2.059a1.412 1.412 0 0 0 1.411-1.412V29.4a1.411 1.411 0 0 0-1.411-1.413Zm-28.919 9.035a2.983 2.983 0 1 1-2.6-5.062h.991a2.976 2.976 0 0 1 1.614 5.062Zm21.938 0a2.983 2.983 0 1 1-2.6-5.062h.99a2.977 2.977 0 0 1 1.615 5.062Z"/><path d="M51.9 22.466h-1.089l-.386-.372a8.985 8.985 0 1 0-.966.966l.372.386v1.09l6.9 6.887 2.056-2.056Zm-8.281 0a6.2 6.2 0 1 1 4.4-1.817 6.2 6.2 0 0 1-4.4 1.817Z"/></svg>'
@@ -1674,6 +1681,9 @@ export const vehicleCaravan = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64"
 export const vehicleCarportColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M60.43 20.2h-2.5v34.04h2.5V20.2Zm-54.48 0h-2.5v34.04h2.5V20.2Zm47.24 30.29L51 51h-1.62c-.17-2.65-2.36-4.76-5.05-4.76s-4.88 2.11-5.05 4.76H23.17c-.17-2.65-2.36-4.76-5.05-4.76s-4.75 1.99-5.03 4.54l-1.5-.22c-.54-.08-.93-.55-.89-1.1l.26-4.58h-2.5l-.25 4.44a3.533 3.533 0 0 0 3.02 3.71l2.25.33c.79 1.79 2.57 3.05 4.65 3.05 2.08 0 3.76-1.2 4.58-2.91h17.05c.82 1.71 2.55 2.91 4.58 2.91 2.03 0 3.76-1.2 4.58-2.91h2.38l2.84-.66c.92-.21 1.56-1.02 1.56-1.96v-4.8h-2.5v4.41h-.01Zm-35.07 3.42c-1.42 0-2.58-1.16-2.58-2.58 0-1.42 1.16-2.58 2.58-2.58 1.42 0 2.58 1.16 2.58 2.58 0 1.42-1.16 2.58-2.58 2.58Zm26.2 0c-1.42 0-2.58-1.16-2.58-2.58 0-1.42 1.16-2.58 2.58-2.58 1.42 0 2.58 1.16 2.58 2.58 0 1.42-1.16 2.58-2.58 2.58ZM12.47 41.43l1.3-.88 2.34-3.48a5.637 5.637 0 0 1 3.04-2.24c-.1.31-.21.64-.33 1.03l-.41 1.28c-.27.85-.13 1.74.39 2.46s1.32 1.15 2.21 1.16l22.56.4c.36.09.72.17 1.09.22 1.98.27 4.08.78 6.24 1.5.44.15.83.39 1.16.68h3.06a5.774 5.774 0 0 0-3.42-3.05c-2.31-.77-4.56-1.31-6.7-1.6a9.79 9.79 0 0 1-.97-.19v-.04h-.15c-.96-.26-1.84-.69-2.59-1.25l-4.48-3.4c-1.84-1.4-4.12-2.12-6.44-2.11l-9.71.16a8.174 8.174 0 0 0-6.63 3.59l-2.07 3.07-.89.6a5.877 5.877 0 0 0-2.28 3.03h2.76c.24-.37.54-.7.92-.96v.02Zm22.83-5.4 3.38 2.57-6.84-.12-1.16-4.04c1.66 0 3.3.59 4.63 1.6l-.01-.01Zm-14.51 1.88.41-1.28c.25-.77.49-1.52.66-2.06l6.22-.1 1.14 3.96-8.17-.15a.286.286 0 0 1-.27-.37h.01Z"/><path d="M62.79 20.2H1.09v-9.9h61.7v9.9Zm-59.2-2.5h56.7v-4.9H3.59v4.9Zm51.53 25.88h-4.25a1.25 1.25 0 0 0 0 2.5h4.82c0-.89-.21-1.73-.57-2.5Zm-42.1-1.19H8.8c-.16.48-.26.98-.29 1.49l-.06 1.01h4.57a1.25 1.25 0 0 0 0-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const vehicleCarportOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M60.43 20.2h-2.5v34.04h2.5V20.2Zm-54.48 0h-2.5v34.04h2.5V20.2Zm47.24 30.29L51 51h-1.62c-.17-2.65-2.36-4.76-5.05-4.76s-4.88 2.11-5.05 4.76H23.17c-.17-2.65-2.36-4.76-5.05-4.76s-4.75 1.99-5.03 4.54l-1.5-.22c-.54-.08-.93-.55-.89-1.1l.26-4.58h-2.5l-.25 4.44a3.533 3.533 0 0 0 3.02 3.71l2.25.33c.79 1.79 2.57 3.05 4.65 3.05 2.08 0 3.76-1.2 4.58-2.91h17.05c.82 1.71 2.55 2.91 4.58 2.91 2.03 0 3.76-1.2 4.58-2.91h2.38l2.84-.66c.92-.21 1.56-1.02 1.56-1.96v-4.8h-2.5v4.41h-.01Zm-35.07 3.42c-1.42 0-2.58-1.16-2.58-2.58 0-1.42 1.16-2.58 2.58-2.58 1.42 0 2.58 1.16 2.58 2.58 0 1.42-1.16 2.58-2.58 2.58Zm26.2 0c-1.42 0-2.58-1.16-2.58-2.58 0-1.42 1.16-2.58 2.58-2.58 1.42 0 2.58 1.16 2.58 2.58 0 1.42-1.16 2.58-2.58 2.58ZM12.47 41.43l1.3-.88 2.34-3.48a5.637 5.637 0 0 1 3.04-2.24c-.1.31-.21.64-.33 1.03l-.41 1.28c-.27.85-.13 1.74.39 2.46s1.32 1.15 2.21 1.16l22.56.4c.36.09.72.17 1.09.22 1.98.27 4.08.78 6.24 1.5.44.15.83.39 1.16.68h3.06a5.774 5.774 0 0 0-3.42-3.05c-2.31-.77-4.56-1.31-6.7-1.6a9.79 9.79 0 0 1-.97-.19v-.04h-.15c-.96-.26-1.84-.69-2.59-1.25l-4.48-3.4c-1.84-1.4-4.12-2.12-6.44-2.11l-9.71.16a8.174 8.174 0 0 0-6.63 3.59l-2.07 3.07-.89.6a5.877 5.877 0 0 0-2.28 3.03h2.76c.24-.37.54-.7.92-.96v.02Zm22.83-5.4 3.38 2.57-6.84-.12-1.16-4.04c1.66 0 3.3.59 4.63 1.6l-.01-.01Zm-14.51 1.88.41-1.28c.25-.77.49-1.52.66-2.06l6.22-.1 1.14 3.96-8.17-.15a.286.286 0 0 1-.27-.37h.01Zm42-17.71H1.09v-9.9h61.7v9.9Zm-59.2-2.5h56.7v-4.9H3.59v4.9Z"/><path d="M55.12 43.58h-4.25a1.25 1.25 0 0 0 0 2.5h4.82c0-.89-.21-1.73-.57-2.5Zm-42.1-1.19H8.8c-.16.48-.26.98-.29 1.49l-.06 1.01h4.57a1.25 1.25 0 0 0 0-2.5Z"/></svg>'
 export const vehicleCarport = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M62.847 18.362H1.153v-9.9h61.694Zm-59.194-2.5h56.694v-4.9H3.653Z"/><path d="M57.991 18.361h2.5v35.04h-2.5zm-54.482 0h2.5v35.04h-2.5zM20.15 45.862a4.84 4.84 0 0 0-.056 9.679h.027a4.871 4.871 0 0 0 3.415-1.41 4.84 4.84 0 0 0-3.386-8.269Zm1.623 6.5a2.339 2.339 0 1 1-1.651-4h.013a2.34 2.34 0 0 1 1.638 4Zm20.53-6.5a4.85 4.85 0 0 0-4.867 4.812 4.84 4.84 0 0 0 4.811 4.867h.027a4.871 4.871 0 0 0 3.415-1.41 4.839 4.839 0 0 0-3.386-8.269Zm1.622 6.5a2.381 2.381 0 0 1-1.664.682 2.34 2.34 0 0 1 .014-4.679h.013a2.339 2.339 0 0 1 1.637 4Z"/><path d="M37.473 50.352H24.947c.009.124.035.244.034.369a4.791 4.791 0 0 1-.535 2.141h13.531a4.784 4.784 0 0 1-.536-2.2c.001-.1.025-.205.032-.31Z"/><path d="M54.417 43.339a4.977 4.977 0 0 0-3.3-1.985h-.007l-6.783-.85a1.166 1.166 0 0 1-.473-.18 1.186 1.186 0 0 1-.188-.126l-1.456-1.34-6.072-5.596h-.008a3.716 3.716 0 0 0-2.526-.987H20.623a3.745 3.745 0 0 0-3.207 1.826l-3.54 5.961a1.188 1.188 0 0 1-.718.541 5.96 5.96 0 0 0-4.348 6.779l.671 3.98a1.8 1.8 0 0 0 1.78 1.5h4.585a4.8 4.8 0 0 1-.536-2.2c0-.106.025-.207.032-.312h-3.461l-.573-3.388a3.453 3.453 0 0 1 2.084-3.773h32.243l5.131.643a2.5 2.5 0 0 1 2.086 2.841l-.564 3.681h-5.21c.009.124.035.244.034.369a4.791 4.791 0 0 1-.535 2.141h6.317a1.791 1.791 0 0 0 1.783-1.532l.656-4.276a4.968 4.968 0 0 0-.916-3.717Zm-37.973-2.652 3.147-5.308a1.233 1.233 0 0 1 1.055-.6h7.246l.362 5.908Zm14.329 0-.362-5.908h3.2a1.22 1.22 0 0 1 .829.324l6.063 5.584Z"/></svg>'
+export const vehicleCleanColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M42 43.38H19.316a6.244 6.244 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186h2.5L3.5 38.467a1.743 1.743 0 0 0 1.49 1.83l2.338.348a6.245 6.245 0 0 1 12.485.235h21.68a6.25 6.25 0 0 1 12.5 0h2.5l3.2-.743v-6.06c0-.129-.02-.253-.03-.379h2.5c.008.127.032.25.032.378v6.26a2.244 2.244 0 0 1-1.741 2.191l-3.67.852H53.49a6.247 6.247 0 0 1-11.492 0l.004.001Zm2-2.455a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.757 3.75H44Zm-34.173 0a3.75 3.75 0 1 0 3.749-3.75 3.755 3.755 0 0 0-3.757 3.75h.008Zm48.9-9.727a4.71 4.71 0 0 0-2.26-1.63 45.512 45.512 0 0 0-8.222-1.967c-.485-.07-.965-.166-1.44-.286l-29.452-.523a3.249 3.249 0 0 1-3.04-4.235l1.14-3.57.03-.1a7.747 7.747 0 0 0-4.845 3.24L7.624 26.6l-1.633 1.1a4.751 4.751 0 0 0-1.643 1.942H1.685a7.28 7.28 0 0 1 2.91-4.014l1.227-.828 2.745-4.07A10.252 10.252 0 0 1 16.9 16.21l12.659-.208a13.218 13.218 0 0 1 8.159 2.672l5.84 4.428a10.334 10.334 0 0 0 3.542 1.714h.255v.06c.404.102.814.183 1.227.242a48.13 48.13 0 0 1 8.667 2.084 7.2 7.2 0 0 1 4.325 4l-2.848-.003ZM29.6 18.501h-.162l1.733 6.012-.046.014 10.418.185-5.336-4.044a10.706 10.706 0 0 0-6.377-2.167h-.23Zm-11.432.186c-.337 1.06-.968 3.014-1.475 4.626a.728.728 0 0 0 .1.661.739.739 0 0 0 .6.313l11.168.2-1.712-5.94-8.681.14Z" /><path d="M56.289 33.697v-2.5h5.288c.342.792.54 1.639.584 2.5h-5.872ZM1.358 32.138l.05-.91a7.194 7.194 0 0 1 .276-1.59h5.23v2.5H1.359ZM55.031 14.267a.5.5 0 0 1 .938 0l.937 2.532a.5.5 0 0 0 .295.295l2.532.937a.5.5 0 0 1 0 .938l-2.532.937a.5.5 0 0 0-.295.295l-.937 2.532a.5.5 0 0 1-.938 0l-.937-2.532a.5.5 0 0 0-.295-.295l-2.532-.937a.5.5 0 0 1 0-.938l2.532-.937a.5.5 0 0 0 .295-.295l.937-2.532ZM42.031 3.267a.5.5 0 0 1 .938 0l1.477 3.992a.5.5 0 0 0 .295.295l3.992 1.477a.5.5 0 0 1 0 .938l-3.992 1.477a.5.5 0 0 0-.295.295l-1.477 3.992a.5.5 0 0 1-.938 0l-1.477-3.992a.5.5 0 0 0-.295-.295l-3.992-1.477a.5.5 0 0 1 0-.938l3.992-1.477a.5.5 0 0 0 .295-.295l1.477-3.992Z" fill="rgb(233, 155, 41)"/></svg>'
+export const vehicleCleanOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M42 43.38H19.316a6.244 6.244 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186h2.5L3.5 38.467a1.743 1.743 0 0 0 1.49 1.83l2.338.348a6.245 6.245 0 0 1 12.485.235h21.68a6.25 6.25 0 0 1 12.5 0h2.5l3.2-.743v-6.06c0-.129-.02-.253-.03-.379h2.5c.008.127.032.25.032.378v6.26a2.244 2.244 0 0 1-1.741 2.191l-3.67.852H53.49a6.247 6.247 0 0 1-11.492 0l.004.001Zm2-2.455a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.757 3.75H44Zm-34.173 0a3.75 3.75 0 1 0 3.749-3.75 3.755 3.755 0 0 0-3.757 3.75h.008Zm48.9-9.727a4.71 4.71 0 0 0-2.26-1.63 45.512 45.512 0 0 0-8.222-1.967c-.485-.07-.965-.166-1.44-.286l-29.452-.523a3.249 3.249 0 0 1-3.04-4.235l1.14-3.57.03-.1a7.747 7.747 0 0 0-4.845 3.24L7.624 26.6l-1.633 1.1a4.751 4.751 0 0 0-1.643 1.942H1.685a7.28 7.28 0 0 1 2.91-4.014l1.227-.828 2.745-4.07A10.252 10.252 0 0 1 16.9 16.21l12.659-.208a13.218 13.218 0 0 1 8.159 2.672l5.84 4.428a10.334 10.334 0 0 0 3.542 1.714h.255v.06c.404.102.814.183 1.227.242a48.13 48.13 0 0 1 8.667 2.084 7.2 7.2 0 0 1 4.325 4l-2.848-.003ZM29.6 18.501h-.162l1.733 6.012-.046.014 10.418.185-5.336-4.044a10.706 10.706 0 0 0-6.377-2.167h-.23Zm-11.432.186c-.337 1.06-.968 3.014-1.475 4.626a.728.728 0 0 0 .1.661.739.739 0 0 0 .6.313l11.168.2-1.712-5.94-8.681.14Z" /><path d="M56.289 33.697v-2.5h5.288c.342.792.54 1.639.584 2.5h-5.872ZM1.358 32.138l.05-.91a7.194 7.194 0 0 1 .276-1.59h5.23v2.5H1.359ZM55.031 14.267a.5.5 0 0 1 .938 0l.937 2.532a.5.5 0 0 0 .295.295l2.532.937a.5.5 0 0 1 0 .938l-2.532.937a.5.5 0 0 0-.295.295l-.937 2.532a.5.5 0 0 1-.938 0l-.937-2.532a.5.5 0 0 0-.295-.295l-2.532-.937a.5.5 0 0 1 0-.938l2.532-.937a.5.5 0 0 0 .295-.295l.937-2.532ZM42.031 3.267a.5.5 0 0 1 .938 0l1.477 3.992a.5.5 0 0 0 .295.295l3.992 1.477a.5.5 0 0 1 0 .938l-3.992 1.477a.5.5 0 0 0-.295.295l-1.477 3.992a.5.5 0 0 1-.938 0l-1.477-3.992a.5.5 0 0 0-.295-.295l-3.992-1.477a.5.5 0 0 1 0-.938l3.992-1.477a.5.5 0 0 0 .295-.295l1.477-3.992Z" /></svg>'
+export const vehicleCleanSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M55.031 14.267a.5.5 0 0 1 .938 0l.937 2.532a.5.5 0 0 0 .295.295l2.532.937a.5.5 0 0 1 0 .938l-2.532.937a.5.5 0 0 0-.295.295l-.937 2.532a.5.5 0 0 1-.938 0l-.937-2.532a.5.5 0 0 0-.295-.295l-2.532-.937a.5.5 0 0 1 0-.938l2.532-.937a.5.5 0 0 0 .295-.295l.937-2.532ZM42.031 3.267a.5.5 0 0 1 .938 0l1.477 3.992a.5.5 0 0 0 .295.295l3.992 1.477a.5.5 0 0 1 0 .938l-3.992 1.477a.5.5 0 0 0-.295.295l-1.477 3.992a.5.5 0 0 1-.938 0l-1.477-3.992a.5.5 0 0 0-.295-.295l-3.992-1.477a.5.5 0 0 1 0-.938l3.992-1.477a.5.5 0 0 0 .295-.295l1.477-3.992ZM62.16 33.696h-3.872v-2.5h3.288a7.208 7.208 0 0 0-4.326-4 48.072 48.072 0 0 0-8.666-2.076c-.413-.058-.823-.14-1.227-.243v-.057h-.254a10.336 10.336 0 0 1-3.543-1.716l-5.84-4.43A13.208 13.208 0 0 0 29.56 16l-12.661.2a10.262 10.262 0 0 0-8.333 4.52l-2.744 4.07-1.227.826a7.288 7.288 0 0 0-2.911 4.015h3.23v2.5H1.359l-.35 6.186a4.232 4.232 0 0 0 3.618 4.444l3.142.467a6.244 6.244 0 0 0 11.547.143H42a6.248 6.248 0 0 0 11.492 0h3.29l3.67-.852a2.243 2.243 0 0 0 1.74-2.192v-6.26c0-.128-.022-.25-.03-.378l-.003.006ZM13.569 44.673a3.75 3.75 0 1 1 0-7.5 3.75 3.75 0 0 1 0 7.5Zm3.826-20.387a.747.747 0 0 1-.7-.974l1.477-4.625 8.68-.14 1.712 5.938-11.17-.199Zm13.732.244.047-.013-1.734-6.013h.16a10.678 10.678 0 0 1 6.608 2.164l5.338 4.05-10.42-.188Zm16.616 20.143a3.75 3.75 0 1 1 0-7.5 3.75 3.75 0 0 1 0 7.5Z" /></svg>'
 export const vehicleCollectorColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M.43 35.34h2.55l-.12-.59c-.11-.51.02-1.03.34-1.44.32-.41.8-.65 1.32-.67l9.05-.29 3.65-6.4c.53-.92 1.42-1.56 2.44-1.79-.21.51-.33 1.07-.33 1.65v4.63c0 1.24 1.01 2.25 2.25 2.25h23.6l15.16 2.23c.25.04.45.2.56.41h2.55v-.12a3.267 3.267 0 0 0-2.74-2.76L45.45 30.2l-.08-.01-1.44-.21-4.37-6.9c-.6-.95-1.63-1.51-2.75-1.51H20.47a6.26 6.26 0 0 0-5.43 3.16l-2.95 5.18-7.65.24c-1.26.04-2.43.63-3.2 1.62-.78.99-1.08 2.26-.82 3.49l.02.08H.43Zm36.35-11.27c.26 0 .5.13.63.35l3.66 5.78h-4.15l-.85-6.13h.71Zm-14.97 1.75c0-.96.79-1.75 1.75-1.75h9.99l.85 6.13H21.81v-4.38Zm42.08 12.66-.09-.64h-2.53l.12.86-3.4 3.23h-2.62c-.21-3.25-2.92-5.84-6.23-5.84-3.31 0-6.22 2.78-6.25 6.21H21.22c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-4.62-1.27-.61-2.95H.95l.75 3.6c.17.83.79 1.49 1.61 1.71l5.81 1.59.04-.15c.91 2.33 3.17 3.99 5.82 3.99 2.65 0 4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.71 0 5.02-1.74 5.88-4.16h3.07c.58 0 1.13-.22 1.55-.62l3.56-3.38c.52-.5.78-1.23.68-1.94h-.01Zm-48.91 7.61c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/><path d="M63.8 37.84h-5.93v-2.5h5.56l.37 2.5Zm-58.2 0H.95l-.52-2.5H5.6v2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const vehicleCollectorOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M.43 35.34h2.55l-.12-.59c-.11-.51.02-1.03.34-1.44.32-.41.8-.65 1.32-.67l9.05-.29 3.65-6.4c.53-.92 1.42-1.56 2.44-1.79-.21.51-.33 1.07-.33 1.65v4.63c0 1.24 1.01 2.25 2.25 2.25h23.6l15.16 2.23c.25.04.45.2.56.41h2.55v-.12a3.267 3.267 0 0 0-2.74-2.76L45.45 30.2l-.08-.01-1.44-.21-4.37-6.9c-.6-.95-1.63-1.51-2.75-1.51H20.47a6.26 6.26 0 0 0-5.43 3.16l-2.95 5.18-7.65.24c-1.26.04-2.43.63-3.2 1.62-.78.99-1.08 2.26-.82 3.49l.02.08H.43Zm36.35-11.27c.26 0 .5.13.63.35l3.66 5.78h-4.15l-.85-6.13h.71Zm-14.97 1.75c0-.96.79-1.75 1.75-1.75h9.99l.85 6.13H21.81v-4.38Zm42.08 12.66-.09-.64h-2.53l.12.86-3.4 3.23h-2.62c-.21-3.25-2.92-5.84-6.23-5.84-3.31 0-6.22 2.78-6.25 6.21H21.22c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-4.62-1.27-.61-2.95H.95l.75 3.6c.17.83.79 1.49 1.61 1.71l5.81 1.59.04-.15c.91 2.33 3.17 3.99 5.82 3.99 2.65 0 4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.71 0 5.02-1.74 5.88-4.16h3.07c.58 0 1.13-.22 1.55-.62l3.56-3.38c.52-.5.78-1.23.68-1.94h-.01Zm-48.91 7.61c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/><path d="M63.8 37.84h-5.93v-2.5h5.56l.37 2.5Zm-58.2 0H.95l-.52-2.5H5.6v2.5Z"/></svg>'
 export const vehicleCollectorSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M63.8 37.84h-4.93v-2.5h4.58l-.02-.12c-.2-1.42-1.33-2.56-2.74-2.76l-15.26-2.25-.08-.01-1.44-.21-4.37-6.9a3.22 3.22 0 0 0-2.75-1.51H20.47a6.26 6.26 0 0 0-5.43 3.16l-2.95 5.18-7.65.24c-1.26.04-2.43.63-3.21 1.62-.78.99-1.08 2.26-.82 3.49l.02.08H4.6v2.5H.95l.75 3.6c.17.83.79 1.49 1.61 1.71l5.81 1.59.04-.15c.91 2.33 3.17 3.99 5.82 3.99 2.65 0 4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.71 0 5.02-1.74 5.88-4.16h3.07c.58 0 1.13-.22 1.55-.62l3.56-3.39c.52-.5.78-1.23.68-1.94l-.09-.64h-.01Zm-48.83 8.25c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm6.84-15.89v-4.38c0-.96.79-1.75 1.75-1.75h9.99l.85 6.13H21.81Zm15.12 0-.85-6.13h.7c.26 0 .5.13.63.35l3.66 5.78h-4.14Zm12.22 15.89c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/></svg>'
@@ -1994,6 +2004,8 @@ export const windscreenFluidOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0
 export const windscreenFluid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g transform="translate(0 .533)"><path d="M14.017 10.09a.824.824 0 0 0-.119-.21 1.006 1.006 0 0 0-.15-.191 1.287 1.287 0 0 0-.191-.159.85.85 0 0 0-.219-.12 1.833 1.833 0 0 0-.23-.07 1.247 1.247 0 0 0-1.13.349 1.045 1.045 0 0 0-.16.191 1.344 1.344 0 0 0-.11.21 1.018 1.018 0 0 0-.07.229 1.148 1.148 0 0 0-.03.25 1.122 1.122 0 0 0 .1.481 1.078 1.078 0 0 0 .27.4 1.361 1.361 0 0 0 .4.279 1.337 1.337 0 0 0 .48.09 1.261 1.261 0 0 0 .48-.09 1.419 1.419 0 0 0 .41-.279 1.21 1.21 0 0 0 .269-.4 1.267 1.267 0 0 0 .091-.481 1.106 1.106 0 0 0-.02-.25 1.878 1.878 0 0 0-.071-.229Z"/><circle cx="1.25" cy="1.25" r="1.25" transform="translate(31.473 30.27)"/><circle cx="1.25" cy="1.25" r="1.25" transform="translate(31.473 35.3)"/><path d="M29 6.54a1.251 1.251 0 0 0 .08 1.77 1.278 1.278 0 0 0 .84.32 1.22 1.22 0 0 0 .92-.4A1.249 1.249 0 1 0 29 6.54Zm3.723 33.79a1.245 1.245 0 1 0 1.25 1.25 1.25 1.25 0 0 0-1.25-1.25ZM20.368 3.49a1.239 1.239 0 0 0-1 1.449A1.26 1.26 0 0 0 20.6 5.97a.925.925 0 0 0 .231-.031 1.234 1.234 0 0 0 1-1.449 1.249 1.249 0 0 0-1.463-1Zm5.55.26a1.248 1.248 0 1 0-.69 2.4 1.359 1.359 0 0 0 .35.051 1.249 1.249 0 0 0 .34-2.45Zm-10.63 1.979a1.253 1.253 0 1 0 1.75.25 1.259 1.259 0 0 0-1.75-.25Z"/><circle cx="1.25" cy="1.25" r="1.25" transform="translate(31.473 25.24)"/><path d="M32.723 20.22a1.242 1.242 0 0 0-1.25 1.24 1.25 1.25 0 1 0 2.5 0 1.242 1.242 0 0 0-1.25-1.24Zm21.084-9.89a1.085 1.085 0 0 0-.069-.24 1.344 1.344 0 0 0-.11-.21 1.045 1.045 0 0 0-.16-.191 1.616 1.616 0 0 0-.19-.159 1.416 1.416 0 0 0-.221-.12 1.393 1.393 0 0 0-.229-.07 1.28 1.28 0 0 0-1.13.349 1.006 1.006 0 0 0-.15.191.859.859 0 0 0-.12.21 2.17 2.17 0 0 0-.07.24.97.97 0 0 0-.02.239 1.285 1.285 0 0 0 .09.481 1.228 1.228 0 0 0 .27.4 1.243 1.243 0 0 0 .89.369 1.1 1.1 0 0 0 .469-.1 1.144 1.144 0 0 0 .411-.27 1.179 1.179 0 0 0 .27-.4 1.292 1.292 0 0 0 .1-.481.939.939 0 0 0-.031-.238Zm-5.399-4.351A1.249 1.249 0 0 0 50.4 7.49a1.249 1.249 0 1 0-1.99-1.511Zm-3.33-2.489a1.246 1.246 0 1 0-.46 2.449.922.922 0 0 0 .229.031 1.251 1.251 0 0 0 1.231-1.031 1.239 1.239 0 0 0-1-1.449Zm-13.53 8.41c.007.018 0 .036.009.054l.006.01a1.3 1.3 0 0 0 .107.184 1.314 1.314 0 0 0 .124.178 1.29 1.29 0 0 0 .164.149 1.272 1.272 0 0 0 .181.117 1.323 1.323 0 0 0 .128.082c.024.008.047.006.07.012a1.24 1.24 0 0 0 .315.056c.022 0 .044.012.066.012h.01c.022 0 .044-.01.065-.012a1.205 1.205 0 0 0 .316-.056c.023-.006.046-.005.069-.012a1.144 1.144 0 0 0 .127-.082 1.086 1.086 0 0 0 .478-.457 1.273 1.273 0 0 0 .092-.16c0-.007.01-.013.013-.021.013-.037.008-.076.018-.114a1.228 1.228 0 0 0 .056-.352 1.232 1.232 0 0 0-.029-.17 1.268 1.268 0 0 0-.045-.264c-.006-.016-.02-.025-.026-.04a1.1 1.1 0 0 0-.087-.138 1.2 1.2 0 0 0-.181-.26 6.613 6.613 0 0 0-.39-.259c-.014-.006-.022-.018-.036-.023a1.141 1.141 0 0 0-.229-.038.819.819 0 0 0-.525.016 1.069 1.069 0 0 0-.136.022c-.009 0-.015.012-.024.015a1.291 1.291 0 0 0-.343.219c-.017.015-.039.024-.055.04a1.258 1.258 0 0 0-.249.352c-.006.014-.018.025-.024.039s-.027.034-.035.055a1.16 1.16 0 0 0-.059.348c0 .024-.012.046-.013.071a1.232 1.232 0 0 0 .072.427Zm7.98-8.15a1.249 1.249 0 0 0 .34 2.45 1.371 1.371 0 0 0 .35-.051 1.248 1.248 0 1 0-.69-2.4Zm-4.85 2.71a1.245 1.245 0 0 0 .839 2.17 1.25 1.25 0 1 0-.839-2.17Z"/><path d="M47.3 52.9a1.254 1.254 0 0 1-.719-.227 25.424 25.424 0 0 0-29.162 0 1.236 1.236 0 0 1-1.005.194 1.253 1.253 0 0 1-.813-.621L1.2 25.67a1.249 1.249 0 0 1 .38-1.618 53.034 53.034 0 0 1 60.838 0 1.251 1.251 0 0 1 .38 1.618L48.4 52.244a1.254 1.254 0 0 1-.812.621 1.268 1.268 0 0 1-.288.035ZM32 45.576a27.864 27.864 0 0 1 14.852 4.273l13.213-24.381a50.544 50.544 0 0 0-56.131 0l13.213 24.381A27.87 27.87 0 0 1 32 45.576Z"/><path d="M34.989 53.925a4.2 4.2 0 0 0-3.356-1.2L22 28.038a1.249 1.249 0 1 0-2.328.908l9.648 24.726a3.877 3.877 0 0 0-.309.253 4.227 4.227 0 1 0 5.978 0Zm-1.767 4.21a1.73 1.73 0 1 1 .505-1.221 1.732 1.732 0 0 1-.505 1.221Z"/></g></svg>'
 export const windscreenFrostColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M16.65 48.443a1.251 1.251 0 0 1-1.099-.655L1.15 21.21a1.249 1.249 0 0 1 .379-1.618 53.03 53.03 0 0 1 60.837 0 1.25 1.25 0 0 1 .38 1.618L48.35 47.784a1.25 1.25 0 0 1-1.818.427 25.422 25.422 0 0 0-29.163 0c-.21.15-.461.23-.719.232ZM3.885 21.008 17.097 45.39a27.944 27.944 0 0 1 29.706 0l13.212-24.382a50.544 50.544 0 0 0-56.13 0Z"/><path d="m18.868 25.393.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.67-3.784Zm2.508 4.025.027.012-.027.017v-.03Zm7.409-4.025.016 8.552 2.584-1.61c.105.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.67-3.784Zm2.508 4.025.026.012-.026.017v-.03Zm14.513 8.228a9.806 9.806 0 0 0-2.132-6.256c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.671-3.784.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 9.8 9.8 0 0 0 2.133-6.256Zm-4.6-8.228.026.012-.026.017v-.03Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const windscreenFrostOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M16.65 48.443a1.251 1.251 0 0 1-1.099-.655L1.15 21.21a1.249 1.249 0 0 1 .379-1.618 53.03 53.03 0 0 1 60.837 0 1.25 1.25 0 0 1 .38 1.618L48.35 47.784a1.25 1.25 0 0 1-1.818.427 25.422 25.422 0 0 0-29.163 0c-.21.15-.461.23-.719.232ZM3.885 21.008 17.097 45.39a27.944 27.944 0 0 1 29.706 0l13.212-24.382a50.544 50.544 0 0 0-56.13 0Z"/><path d="m18.868 25.393.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.67-3.784Zm2.508 4.025.027.012-.027.017v-.03Zm7.409-4.025.016 8.552 2.584-1.61c.105.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.67-3.784Zm2.508 4.025.026.012-.026.017v-.03Zm14.513 8.228a9.806 9.806 0 0 0-2.132-6.256c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.671-3.784.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387a29.43 29.43 0 0 0-.386-.565 7.766 7.766 0 0 1 0-9.673 9.8 9.8 0 0 0 2.133-6.256Zm-4.6-8.228.026.012-.026.017v-.03Z"/></svg>'
+export const windscreenFrostWinterColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M3.935 20.974a50.36 50.36 0 0 1 29.529-8.513l.072-2.499a52.86 52.86 0 0 0-31.955 9.595 1.25 1.25 0 0 0-.38 1.619 64061.38 64061.38 0 0 1 14.396 26.562l.004.007a1.25 1.25 0 0 0 1.818.428 25.364 25.364 0 0 1 29.162 0 1.25 1.25 0 0 0 1.818-.427c2.557-4.715 5.114-9.432 7.67-14.15l1.355-2.5-2.198-1.192-1.354 2.5-7.019 12.947a27.866 27.866 0 0 0-29.706 0c-4.404-8.129-8.808-16.257-13.212-24.377Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m47.74 8.088-3.954-3.954 1.768-1.768 3.436 3.436 3.436-3.436 1.768 1.768-3.954 3.954v4.87l4.218-2.436 1.445-5.395 2.415.647-1.257 4.692 4.692 1.257-.646 2.415-5.405-1.447-4.213 2.433 4.218 2.435 5.4-1.447.646 2.415-4.692 1.257 1.257 4.693-2.415.646-1.447-5.4-4.216-2.433v4.872l3.954 3.954-1.768 1.768-3.436-3.436-3.436 3.436-1.768-1.768 3.954-3.954V17.29l-4.217 2.435-1.445 5.4-2.415-.647 1.256-4.693-4.692-1.257.647-2.415 5.4 1.447 4.215-2.435-4.215-2.433-5.4 1.447-.647-2.415 4.692-1.257-1.256-4.692 2.415-.647 1.445 5.4 4.217 2.433V8.088Z" fill="rgb(133, 177, 221)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m31.45 29.349 6.957 4.04-1.255 2.162-2.21-1.284c.439.973.788 2.198.788 3.903 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01c.666-1.114 1.236-2.066 1.236-4.097 0-1.57-.325-2.458-.791-3.316l-.86 2.928-2.399-.704 2.27-7.73Zm-10.34 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.597 5.39l-.008.014c-.667 1.113-1.235 2.063-1.235 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.598-5.383l.006-.01C22.33 41.152 22.9 40.2 22.9 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Zm20.67 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01C43 41.152 43.57 40.2 43.57 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
+export const windscreenFrostWinterOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M3.935 20.974a50.36 50.36 0 0 1 29.529-8.513l.072-2.499a52.86 52.86 0 0 0-31.955 9.595 1.25 1.25 0 0 0-.38 1.619 64061.38 64061.38 0 0 1 14.396 26.562l.004.007a1.25 1.25 0 0 0 1.818.428 25.364 25.364 0 0 1 29.162 0 1.25 1.25 0 0 0 1.818-.427c2.557-4.715 5.114-9.432 7.67-14.15l1.355-2.5-2.198-1.192-1.354 2.5-7.019 12.947a27.866 27.866 0 0 0-29.706 0c-4.404-8.129-8.808-16.257-13.212-24.377Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m47.74 8.088-3.954-3.954 1.768-1.768 3.436 3.436 3.436-3.436 1.768 1.768-3.954 3.954v4.87l4.218-2.436 1.445-5.395 2.415.647-1.257 4.692 4.692 1.257-.646 2.415-5.405-1.447-4.213 2.433 4.218 2.435 5.4-1.447.646 2.415-4.692 1.257 1.257 4.693-2.415.646-1.447-5.4-4.216-2.433v4.872l3.954 3.954-1.768 1.768-3.436-3.436-3.436 3.436-1.768-1.768 3.954-3.954V17.29l-4.217 2.435-1.445 5.4-2.415-.647 1.256-4.693-4.692-1.257.647-2.415 5.4 1.447 4.215-2.435-4.215-2.433-5.4 1.447-.647-2.415 4.692-1.257-1.256-4.692 2.415-.647 1.445 5.4 4.217 2.433V8.088ZM31.45 29.349l6.957 4.04-1.255 2.162-2.21-1.284c.439.973.788 2.198.788 3.903 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01c.666-1.114 1.236-2.066 1.236-4.097 0-1.57-.325-2.458-.791-3.316l-.86 2.928-2.399-.704 2.27-7.73Zm-10.34 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.597 5.39l-.008.014c-.667 1.113-1.235 2.063-1.235 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.598-5.383l.006-.01C22.33 41.152 22.9 40.2 22.9 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Zm20.67 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01C43 41.152 43.57 40.2 43.57 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Z"/></svg>'
 export const windscreenFrost = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M16.65 48.443a1.217 1.217 0 0 1-.287-.034 1.251 1.251 0 0 1-.812-.621L1.15 21.21a1.249 1.249 0 0 1 .379-1.618 53.029 53.029 0 0 1 60.837 0 1.249 1.249 0 0 1 .38 1.618L48.35 47.784a1.251 1.251 0 0 1-1.818.427 25.422 25.422 0 0 0-29.163 0 1.252 1.252 0 0 1-.719.232ZM3.885 21.008 17.097 45.39a27.944 27.944 0 0 1 29.706 0l13.212-24.382a50.544 50.544 0 0 0-56.13 0Z"/><path d="m18.868 25.57.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387q-.19-.285-.386-.565a7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836Zm2.508 4.025.027.012-.027.017Zm7.409-4.025.016 8.552 2.584-1.61c.105.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387q-.19-.285-.386-.565a7.766 7.766 0 0 1 0-9.673 10.245 10.245 0 0 0 0-12.512c-.085-.123-.165-.253-.25-.377l2.949-1.836Zm2.508 4.025.026.012-.026.017Zm14.513 8.228a9.806 9.806 0 0 0-2.132-6.256c-.085-.123-.165-.253-.25-.377l2.949-1.836-7.671-3.784.016 8.552 2.584-1.61c.1.157.206.32.313.474a7.765 7.765 0 0 1 0 9.675 10.244 10.244 0 0 0 0 12.51c.122.177.244.353.364.533l2.08-1.387q-.19-.285-.386-.565a7.766 7.766 0 0 1 0-9.673 9.8 9.8 0 0 0 2.133-6.256Zm-4.6-8.228.026.012-.026.017Z"/></svg>'
 export const windscreenOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M47.25 51.436a1.26 1.26 0 0 1-.719-.227 25.424 25.424 0 0 0-29.162 0 1.25 1.25 0 0 1-1.817-.427L1.15 24.203a1.251 1.251 0 0 1 .38-1.618 53.038 53.038 0 0 1 60.838 0 1.249 1.249 0 0 1 .382 1.618l-14.4 26.58a1.25 1.25 0 0 1-1.1.653Zm-15.3-7.322a27.862 27.862 0 0 1 14.853 4.274l13.213-24.385a50.544 50.544 0 0 0-56.131 0l13.213 24.385a27.856 27.856 0 0 1 14.852-4.274Z"/><path d="m22.96 34.498 5.865-10.158a1.25 1.25 0 0 1 2.165 1.25l-5.865 10.158a1.25 1.25 0 0 1-2.165-1.25Zm8.051 0 5.865-10.158a1.25 1.25 0 0 1 2.165 1.25l-5.865 10.158a1.25 1.25 0 0 1-2.165-1.25Z"/></svg>'
 export const windscreenWiperColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M47.25 47.443c-.257 0-.508-.08-.718-.228a25.427 25.427 0 0 0-29.164 0 1.25 1.25 0 0 1-1.817-.427L1.15 20.21a1.25 1.25 0 0 1 .38-1.618 53.028 53.028 0 0 1 60.836 0 1.25 1.25 0 0 1 .38 1.618L48.35 46.784a1.25 1.25 0 0 1-.813.62 1.16 1.16 0 0 1-.287.039Zm-15.3-7.328a27.848 27.848 0 0 1 14.853 4.275l13.212-24.382a50.544 50.544 0 0 0-56.13 0L17.097 44.39a27.848 27.848 0 0 1 14.853-4.275Z"/><path d="M34.939 48.287a4.2 4.2 0 0 0-3.357-1.2L21.95 22.401a1.25 1.25 0 0 0-2.329.908l9.649 24.726c-.1.085-.213.156-.309.252a4.227 4.227 0 1 0 5.978 0Zm-1.768 4.211a1.769 1.769 0 0 1-2.442 0 1.727 1.727 0 1 1 2.442 0Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'

package/dist/roadtrip/p-336aa5f6.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as i,H as o,a}from"./p-f3d586b3.js";const r=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-disabled),:host(.tab-disabled) road-tooltip,:host(.tab-disabled) road-tooltip road-icon,:host(.tab-disabled) ::slotted(road-icon){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon,:host(.tab-selected) ::slotted(road-icon){color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:"";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}:host(.tab-disabled.focus-visible) ::slotted(road-icon),:host(.tab-disabled.focus-visible) ::slotted(road-label),:host(.tab-disabled:hover) ::slotted(road-icon),:host(.tab-disabled:hover) ::slotted(road-label){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.tab-disabled) .button-native{cursor:not-allowed}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';const s=class{constructor(i){t(this,i);this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7);this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7);this.onKeyUp=t=>{if(t.key==="Enter"\|\|t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)};this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.selected=false;this.tab=undefined;this.target=undefined}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}selectTab(t){if(this.tab!==undefined){if(!this.disabled){this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})}if(this.href===undefined){t.preventDefault()}}}render(){const{href:t,rel:e,target:a,selected:r,tab:s,disabled:l}=this;const n={download:this.download,href:t,rel:e,target:a};return i(o,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:"0","aria-selected":r?"true":null,id:s!==undefined?`navbar-item-${s}`:null,disabled:l,class:{"navbar-item":true,"tab-selected":r,"tab-disabled":l}},i("a",Object.assign({},n,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{class:"button-inner"},i("slot",null))))}get el(){return a(this)}};s.style=r;export{s as road_navbar_item};
2	+ //# sourceMappingURL=p-336aa5f6.entry.js.map

package/dist/roadtrip/p-336aa5f6.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["navbarItemCss","NavbarItem","this","onKeyUp","ev","key","selectTab","onClick","onNavbarChanged","selected","tab","detail","undefined","disabled","roadnavbaritemclick","emit","href","roadNavbarItemClick","preventDefault","render","rel","target","attrs","download","h","Host","onKeyup","role","tabindex","id","class","Object","assign","tabIndex","part"],"sources":["src/components/navbar-item/navbar-item.css?tag=road-navbar-item&encapsulation=shadow","src/components/navbar-item/navbar-item.tsx"],"sourcesContent":["/*\n * Navbar item\n *\n * Index\n * - Native\n * - Inner\n * - Icon\n * - Badge\n */\n\n\n:host {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n flex-basis: 0;\n flex-direction: column;\n flex-grow: 1;\n align-items: center;\n justify-content: center;\n text-align: center;\n white-space: nowrap;\n}\n\n@media (min-width: 1200px) {\n\n :host {\n flex-grow: inherit;\n width: 100%;\n padding: 0.5rem;\n }\n\n}\n\n/**\n * Disabled\n */\n\n:host(.tab-disabled),\n:host(.tab-disabled) road-tooltip,\n:host(.tab-disabled) road-tooltip road-icon,\n:host(.tab-disabled) ::slotted(road-icon) {\n color: var(--road-on-surface-disabled);\n cursor: not-allowed;\n fill: var(--road-on-surface-disabled);\n}\n\n/**\n * Selected state\n */\n\n:host(.tab-selected),\n:host(.tab-selected) road-tooltip road-icon,\n:host(.tab-selected) ::slotted(road-icon) {\n color: var(--road-on-button-tertiary);\n fill: var(--road-on-button-tertiary);\n}\n\n:host(.tab-selected)::after {\n position: absolute;\n bottom: -12px;\n left: 0;\n display: block;\n width: 100%;\n height: 4px;\n color: var(--road-on-button-tertiary);\n content: \"\";\n background-color: var(--road-on-button-tertiary);\n}\n\n@media (min-width: 1200px) {\n\n :host(.tab-selected)::after {\n bottom: auto;\n left: 0;\n width: 4px;\n height: 100%;\n }\n\n}\n\n\n/**\n * Focus on Tab state\n */\n\n:host(.focus-visible) ::slotted(road-icon),\n:host(.focus-visible) ::slotted(road-icon)::after,\n:host(.focus-visible) ::slotted(road-label),\n:host(.focus-visible) ::slotted(road-label)::after,\n:host(:hover) ::slotted(road-icon),\n:host(:hover) ::slotted(road-icon)::after,\n:host(:hover) ::slotted(road-label),\n:host(:hover) ::slotted(road-label)::after {\n color: var(--road-on-button-tertiary);\n}\n\n:host(.tab-disabled.focus-visible) ::slotted(road-icon),\n:host(.tab-disabled.focus-visible) ::slotted(road-label),\n:host(.tab-disabled:hover) ::slotted(road-icon),\n:host(.tab-disabled:hover) ::slotted(road-label) {\n color: var(--road-on-surface-disabled);\n cursor: not-allowed;\n fill: var(--road-on-surface-disabled);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n margin: 0;\n overflow: visible;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n color: inherit;\n text-align: inherit;\n text-decoration: none;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n cursor: pointer;\n background: transparent;\n border-color: initial;\n border-style: initial;\n border-width: 0;\n border-radius: inherit;\n border-image: initial;\n outline: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n:host(.tab-disabled) .button-native {\n cursor: not-allowed;\n}\n\n/* INNER\n -------------------- */\n\n.button-inner {\n position: relative;\n z-index: 1;\n display: flex;\n flex-flow: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n}\n\n/* ICON\n -------------------- */\n\n::slotted(road-icon) {\n display: block;\n width: 2rem;\n height: 2rem;\n margin-right: auto;\n margin-bottom: 0.25rem;\n margin-left: auto;\n fill: currentColor;\n}\n\n/* TOOLTIP\n -------------------- */\n\n@media (min-width: 1200px) {\n\n :host ::slotted(road-tooltip) {\n width: 100%;\n }\n\n}\n\n/* LABEL\n -------------------- */\n\n::slotted(road-label) {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n flex-direction: column;\n font-size: var(--road-label-small);\n font-weight: 700;\n text-align: center;\n white-space: nowrap;\n}\n\n@media (min-width: 1200px) {\n\n ::slotted(road-label) {\n display: block;\n }\n}\n\n/* BADGE\n -------------------- */\n\n::slotted(road-badge) {\n position: absolute;\n top: 4px;\n left: calc(50% + 0.375rem);\n z-index: 1;\n box-sizing: border-box;\n height: auto;\n font-size: var(--road-font-size-10);\n font-weight: 400;\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * @slot - Content of the item, it should be road-icon and road-label elements.\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n tag: 'road-navbar-item',\n styleUrl: 'navbar-item.css',\n shadow: true,\n})\nexport class NavbarItem {\n\n @Element() el!: HTMLRoadNavbarItemElement;\n\n /**\n * If `true`, the user cannot interact with the tab button.\n */\n @Prop() disabled = false;\n\n /**\n * This attribute instructs browsers to download a URL instead of navigating to\n * it, so the user will be prompted to save it as a local file. If the attribute\n * has a value, it is used as the pre-filled file name in the Save prompt\n * (the user can still change the file name if they want).\n */\n @Prop() download: string | undefined;\n\n /**\n * Contains a URL or a URL fragment that the hyperlink points to.\n * If this property is set, an anchor tag will be rendered.\n */\n @Prop() href: string | undefined;\n\n /**\n * Specifies the relationship of the target object to the link object.\n * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\n */\n @Prop() rel: string | undefined;\n\n /**\n * The selected tab component\n */\n @Prop({ mutable: true }) selected = false;\n\n /**\n * A tab id must be provided for each `road-tab`. It's used internally to reference\n * the selected tab.\n */\n @Prop() tab?: string;\n\n /**\n * Specifies where to display the linked URL.\n * Only applies when an `href` is provided.\n * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.\n */\n @Prop() target: string | undefined;\n\n /**\n * Emitted when the tab bar is clicked\n * @internal\n */\n @Event() roadnavbaritemclick!: EventEmitter;\n /** @internal */\n @Event() roadNavbarItemClick!: EventEmitter;\n\n @Listen('roadNavbarChanged', { target: 'window' })\n @Listen('roadnavbarchanged', { target: 'window' })\n onNavbarChanged(ev: CustomEvent) {\n this.selected = this.tab === ev.detail.tab;\n }\n\n private selectTab(ev: Event | KeyboardEvent) {\n if (this.tab !== undefined) {\n if (!this.disabled) {\n this.roadnavbaritemclick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n this.roadNavbarItemClick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n }\n if(this.href === undefined) {\n ev.preventDefault();\n }\n }\n }\n\n private onKeyUp = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n\n private onClick = (ev: Event) => {\n this.selectTab(ev);\n };\n\n render() {\n const { href, rel, target, selected, tab, disabled } = this;\n const attrs = {\n download: this.download,\n href,\n rel,\n target,\n };\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex=\"0\"\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `navbar-item-${tab}` : null}\n disabled={disabled}\n class={{\n 'navbar-item': true,\n 'tab-selected': selected,\n 'tab-disabled': disabled,\n }}\n >\n <a {...attrs} tabIndex={-1} class=\"button-native\" part=\"native\">\n <span class=\"button-inner\">\n <slot/>\n </span>\n </a>\n </Host>\n );\n }\n\n}\n"],"mappings":"2DAAA,MAAMA,EAAgB,iiG,MCaTC,EAAU,M,2IAiFbC,KAAAC,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCH,KAAKI,UAAUF,E,GAIXF,KAAAK,QAAWH,IACjBF,KAAKI,UAAUF,EAAG,E,cAjFD,M,6EAyBiB,M,yCAyBpC,eAAAI,CAAgBJ,GACdF,KAAKO,SAAWP,KAAKQ,MAAQN,EAAGO,OAAOD,G,CAGjC,SAAAJ,CAAUF,GAChB,GAAIF,KAAKQ,MAAQE,UAAW,CAC1B,IAAKV,KAAKW,SAAU,CAClBX,KAAKY,oBAAoBC,KAAK,CAC5BL,IAAKR,KAAKQ,IACVM,KAAMd,KAAKc,KACXP,SAAUP,KAAKO,WAEjBP,KAAKe,oBAAoBF,KAAK,CAC5BL,IAAKR,KAAKQ,IACVM,KAAMd,KAAKc,KACXP,SAAUP,KAAKO,U,CAGnB,GAAGP,KAAKc,OAASJ,UAAW,CAC1BR,EAAGc,gB,GAeT,MAAAC,GACE,MAAMH,KAAEA,EAAII,IAAEA,EAAGC,OAAEA,EAAMZ,SAAEA,EAAQC,IAAEA,EAAGG,SAAEA,GAAaX,KACvD,MAAMoB,EAAQ,CACZC,SAAUrB,KAAKqB,SACfP,OACAI,MACAC,UAGF,OACEG,EAACC,EAAI,CACHlB,QAASL,KAAKK,QACdmB,QAASxB,KAAKC,QACdwB,KAAK,MACLC,SAAS,IAAG,gBACGnB,EAAW,OAAS,KACnCoB,GAAInB,IAAQE,UAAY,eAAeF,IAAQ,KAC/CG,SAAUA,EACViB,MAAO,CACL,cAAe,KACf,eAAgBrB,EAChB,eAAgBI,IAGlBW,EAAA,IAAAO,OAAAC,OAAA,GAAOV,EAAK,CAAEW,UAAW,EAAGH,MAAM,gBAAgBI,KAAK,WACrDV,EAAA,QAAMM,MAAM,gBACVN,EAAA,e"}

package/dist/roadtrip/p-336f7def.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as o,H as e,c as r,a as i}from"./p-f3d586b3.js";import"./p-1ccae339.js";import{n,a as s}from"./p-73fe2357.js";import{i as a,g as d,b as l}from"./p-faa60880.js";const h=":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)}";const c=class{constructor(o){t(this,o);this.color="secondary";this.bubble=false}render(){const t=this.color!==undefined?`badge-${this.color}`:"";const r=this.bubble?"badge-bubble":"";return o(e,{class:`${t} ${r}`},o("slot",null))}};c.style=h;const f=':host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){color:var(--road-on-surface-disabled);pointer-events:none;cursor:not-allowed;background-color:var(--road-surface-disabled);border-color:1px solid var(--road-surface-disabled)}:host([aria-disabled]) ::slotted(road-icon){color:var(--road-on-surface-disabled)}.button-native:disabled{cursor:not-allowed}::slotted([slot="start"]){margin-right:0.5rem}::slotted([slot="end"]){margin-left:0.5rem}:host(.btn-xl){height:3.5rem}:host(.btn-xl) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-icon.btn-xl){width:56px}:host(.btn-lg){height:3rem}:host(.btn-lg) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-icon.btn-lg){width:48px}:host(.btn-md){--font-size:var(--road-font-size-14);height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-icon.btn-md){width:40px}:host(.btn-sm){--font-size:var(--road-font-size-14);height:2rem}:host(.btn-sm) ::slotted(road-icon){width:1.25rem;height:1.25rem}:host(.btn-icon.btn-sm){width:32px}:host(.btn-block){width:100%}:host(.btn-icon) .button-native{padding:0}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}';const u=class{constructor(o){t(this,o);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.onClick=t=>{if(this.el.shadowRoot&&this.el.attachShadow){const o=this.el.closest("form");if(o){t.preventDefault();const e=document.createElement("button");e.type=this.buttonType;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.color="default";this.size="lg";this.buttonType="button";this.iconOnly=false;this.disabled=false;this.expand=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.target=undefined;this.outline=false}render(){const{buttonType:t,disabled:r,href:i,rel:n,target:s,color:a}=this;const d=this.href===undefined?"button":"a";const l=d==="button"?{type:t}:{download:this.download,href:i,rel:n,target:s};const h=this.outline?`btn-outline-${a}`:`btn-${a}`;const c=this.size!==undefined?`btn-${this.size}`:"";const f=this.expand?"btn-block":"";const u=this.iconOnly?"btn-icon":"";return o(e,{class:`${h} ${c} ${f} ${u}`,onClick:this.onClick,"aria-disabled":r?"true":null},o(d,Object.assign({},l,{class:"button-native",part:"native",disabled:r,onFocus:this.onFocus,onBlur:this.onBlur}),o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})))}get el(){return i(this)}};u.style=f;const m=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding-right:8px;padding-left:8px}:host(.col-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-3){flex:0 0 25%;max-width:25%}:host(.col-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-6){flex:0 0 50%;max-width:50%}:host(.col-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-9){flex:0 0 75%;max-width:75%}:host(.col-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-12){flex:0 0 100%;max-width:100%}:host(.offset-1){margin-left:8.3333%}:host(.offset-2){margin-left:16.6667%}:host(.offset-3){margin-left:25%}:host(.offset-4){margin-left:33.3333%}:host(.offset-5){margin-left:41.6667%}:host(.offset-6){margin-left:50%}:host(.offset-7){margin-left:58.3333%}:host(.offset-8){margin-left:66.6667%}:host(.offset-9){margin-left:75%}:host(.offset-10){margin-left:83.3333%}:host(.offset-11){margin-left:91.6667%}@media (min-width: 576px){:host(.col-sm){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-sm-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-sm-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-sm-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-sm-3){flex:0 0 25%;max-width:25%}:host(.col-sm-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-sm-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-sm-6){flex:0 0 50%;max-width:50%}:host(.col-sm-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-sm-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-sm-9){flex:0 0 75%;max-width:75%}:host(.col-sm-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-sm-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-sm-12){flex:0 0 100%;max-width:100%}:host(.offset-sm-0){margin-left:0}:host(.offset-sm-1){margin-left:8.3333%}:host(.offset-sm-2){margin-left:16.6667%}:host(.offset-sm-3){margin-left:25%}:host(.offset-sm-4){margin-left:33.3333%}:host(.offset-sm-5){margin-left:41.6667%}:host(.offset-sm-6){margin-left:50%}:host(.offset-sm-7){margin-left:58.3333%}:host(.offset-sm-8){margin-left:66.6667%}:host(.offset-sm-9){margin-left:75%}:host(.offset-sm-10){margin-left:83.3333%}:host(.offset-sm-11){margin-left:91.6667%}}@media (min-width: 768px){:host(.col-md){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-md-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-md-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-md-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-md-3){flex:0 0 25%;max-width:25%}:host(.col-md-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-md-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-md-6){flex:0 0 50%;max-width:50%}:host(.col-md-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-md-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-md-9){flex:0 0 75%;max-width:75%}:host(.col-md-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-md-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-md-12){flex:0 0 100%;max-width:100%}:host(.offset-md-0){margin-left:0}:host(.offset-md-1){margin-left:8.3333%}:host(.offset-md-2){margin-left:16.6667%}:host(.offset-md-3){margin-left:25%}:host(.offset-md-4){margin-left:33.3333%}:host(.offset-md-5){margin-left:41.6667%}:host(.offset-md-6){margin-left:50%}:host(.offset-md-7){margin-left:58.3333%}:host(.offset-md-8){margin-left:66.6667%}:host(.offset-md-9){margin-left:75%}:host(.offset-md-10){margin-left:83.3333%}:host(.offset-md-11){margin-left:91.6667%}}@media (min-width: 992px){:host(.col-lg){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-lg-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-lg-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-lg-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-lg-3){flex:0 0 25%;max-width:25%}:host(.col-lg-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-lg-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-lg-6){flex:0 0 50%;max-width:50%}:host(.col-lg-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-lg-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-lg-9){flex:0 0 75%;max-width:75%}:host(.col-lg-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-lg-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-lg-12){flex:0 0 100%;max-width:100%}:host(.offset-lg-0){margin-left:0}:host(.offset-lg-1){margin-left:8.3333%}:host(.offset-lg-2){margin-left:16.6667%}:host(.offset-lg-3){margin-left:25%}:host(.offset-lg-4){margin-left:33.3333%}:host(.offset-lg-5){margin-left:41.6667%}:host(.offset-lg-6){margin-left:50%}:host(.offset-lg-7){margin-left:58.3333%}:host(.offset-lg-8){margin-left:66.6667%}:host(.offset-lg-9){margin-left:75%}:host(.offset-lg-10){margin-left:83.3333%}:host(.offset-lg-11){margin-left:91.6667%}}@media (min-width: 1200px){:host(.col-xl){flex-basis:0;flex-grow:1;max-width:100%}:host(.col-xl-auto){flex:0 0 auto;width:auto;max-width:none}:host(.col-xl-1){flex:0 0 8.3333%;max-width:8.3333%}:host(.col-xl-2){flex:0 0 16.6667%;max-width:16.6667%}:host(.col-xl-3){flex:0 0 25%;max-width:25%}:host(.col-xl-4){flex:0 0 33.3333%;max-width:33.3333%}:host(.col-xl-5){flex:0 0 41.6667%;max-width:41.6667%}:host(.col-xl-6){flex:0 0 50%;max-width:50%}:host(.col-xl-7){flex:0 0 58.3333%;max-width:58.3333%}:host(.col-xl-8){flex:0 0 66.6667%;max-width:66.6667%}:host(.col-xl-9){flex:0 0 75%;max-width:75%}:host(.col-xl-10){flex:0 0 83.3333%;max-width:83.3333%}:host(.col-xl-11){flex:0 0 91.6667%;max-width:91.6667%}:host(.col-xl-12){flex:0 0 100%;max-width:100%}:host(.offset-xl-0){margin-left:0}:host(.offset-xl-1){margin-left:8.3333%}:host(.offset-xl-2){margin-left:16.6667%}:host(.offset-xl-3){margin-left:25%}:host(.offset-xl-4){margin-left:33.3333%}:host(.offset-xl-5){margin-left:41.6667%}:host(.offset-xl-6){margin-left:50%}:host(.offset-xl-7){margin-left:58.3333%}:host(.offset-xl-8){margin-left:66.6667%}:host(.offset-xl-9){margin-left:75%}:host(.offset-xl-10){margin-left:83.3333%}:host(.offset-xl-11){margin-left:91.6667%}}";const p=class{constructor(o){t(this,o)}render(){return o("slot",null)}};p.style=m;const g=".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";const b=class{constructor(o){t(this,o);this.roadIncrease=r(this,"roadIncrease",7);this.roadDecrease=r(this,"roadDecrease",7);this.roadChange=r(this,"roadChange",7);this.roadDustbinClick=r(this,"roadDustbinClick",7);this.setIsDustbinVisible=t=>{if(t>this.min){this.isDustbinVisible=false}else if(this.dustbin){this.isDustbinVisible=true}else{this.isDustbinVisible=false}};this.increase=()=>{this.inputElement.querySelector("input").stepUp();let t=parseInt(this.inputElement.querySelector("input").value);if(!t){t=this.min}this.onValueChange(t);this.roadIncrease.emit({value:t})};this.decrease=()=>{if(this.isDustbinVisible){this.roadDustbinClick.emit();return}this.inputElement.querySelector("input").stepDown();let t=parseInt(this.inputElement.querySelector("input").value);if(!t){t=this.min}this.onValueChange(t);this.roadDecrease.emit({value:t})};this.checkValue=t=>{const o=t.target;const e=o.value&&parseInt(o.value);if(e==null\|\|e==="")return;if(e<this.min){o.value=this.min.toString()}else if(this.max&&e>this.max){o.value=this.max.toString()}this.onValueChange(parseInt(o.value))};this.onRoadChange=t=>{t.stopPropagation();const o=t.target;const e=o.value&&parseInt(o.value);if(e!==null&&e!==""){if(e<this.min){this.roadChange.emit({value:this.min})}else if(this.max&&e>this.max){this.roadChange.emit({value:this.max})}else{this.roadChange.emit({value:parseInt(o.value)})}}else{this.roadChange.emit({value:null})}};this.leftIconClasses="";this.rightIconClasses="";this.isDustbinVisible=false;this.inputId=`road-counter-${x++}`;this.min=0;this.max=undefined;this.step=undefined;this.value=1;this.size="lg";this.dustbin=false;this.readonly=false}onValueChange(t){this.setIsDustbinVisible(t);this.setIconsClasses(t)}setIconsClasses(t){t=t!==null&&t!==void 0?t:parseInt(this.inputElement.querySelector("input").value);this.leftIconClasses=t<=this.min&&!this.dustbin?"disabled":"";this.rightIconClasses=this.max&&t>=this.max?"disabled":""}componentWillLoad(){this.onValueChange(this.value)}render(){const t=this.isDustbinVisible?"road-dustbin":"";return o("road-input-group",{class:this.size&&`counter-${this.size}`},o("road-button",{slot:"prepend",size:this.size,onClick:this.decrease,class:this.leftIconClasses,"data-cy":"road-decrease"},o("road-icon",{name:this.isDustbinVisible?"delete-forever":"navigation-add-less",ref:t=>this.iconCounterLess=t,size:this.size,"data-cy":t})),o("road-input",{ref:t=>this.inputElement=t,type:"number",min:this.min.toString(),max:this.max&&this.max.toString(),step:this.step,value:this.value,onRoadChange:this.onRoadChange,onKeyUp:this.checkValue,"data-cy":"road-input-counter",readonly:this.readonly}),o("road-button",{slot:"append",size:this.size,onClick:this.increase,class:this.rightIconClasses,"data-cy":"road-increase"},o("road-icon",{name:"navigation-add-more",size:this.size})))}get el(){return i(this)}static get watchers(){return{value:["onValueChange"]}}};let x=0;b.style=g;const v=":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";const w=class{constructor(o){t(this,o);this.onOpen=r(this,"open",7);this.onClose=r(this,"close",7);this.onBack=r(this,"back",7);this.onClick=t=>{t.stopPropagation();t.preventDefault();this.close()};this.onClickBack=t=>{t.stopPropagation();t.preventDefault();this.back()};this.isOpen=false;this.position="left";this.drawerWidth=480;this.hasInverseHeader=false;this.hasBackIcon=false;this.backText=undefined;this.drawerTitle=undefined;this.hasCloseIcon=true}async open(){this.isOpen=true}async close(){this.isOpen=false}async back(){this.onBack.emit()}handleOpen(t){if(t===true){this.onOpen.emit()}else{this.el.addEventListener("transitionend",(()=>{this.onClose.emit();this.el.shadowRoot&&(this.el.shadowRoot.querySelector(".drawer-body").scrollTop=0)}),{once:true})}}onEscape(t){if(t.key==="Escape"\|\|t.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((t=>{t.addEventListener("click",(()=>this.close()))}))}render(){const t=this.isOpen?"drawer-open":"";const r=this.hasInverseHeader?"drawer-header-inverse":"";const i=this.drawerTitle!==undefined&&!this.hasInverseHeader?"drawer-delimiter":"";const a=this.hasBackIcon?o("button",{type:"button",class:"drawer-action","aria-label":"Back",onClick:this.onClickBack},o("road-icon",{icon:n,rotate:"180"}),this.backText):"";const d=this.hasCloseIcon?o("button",{type:"button",class:"drawer-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:s,"aria-hidden":"true"})):"";const l=this.position==="bottom"?"100%":this.drawerWidth+"px";return o(e,{class:`${t} drawer-${this.position}`,tabindex:"-1",role:"dialog"},o("div",{class:"drawer-overlay",onClick:this.onClick,tabindex:"-1"}),o("div",{class:"drawer-dialog",style:{maxWidth:`${l}`},role:"document",tabindex:"0"},o("div",{class:"drawer-content"},o("header",{class:`drawer-header ${r} ${i}`},a,this.drawerTitle!==undefined?o("h2",{class:"drawer-title"},this.drawerTitle):o("div",{class:"drawer-title"},o("slot",{name:"title"})),d),o("div",{class:"drawer-body"},o("slot",null)))))}get el(){return i(this)}static get watchers(){return{isOpen:["handleOpen"]}}};w.style=v;const y=":host{box-sizing:border-box;display:block;width:100%;padding-right:8px;padding-left:8px;margin-right:auto;margin-left:auto}@media (min-width: 768px){:host{padding-right:24px;padding-left:24px}}";const k=class{constructor(o){t(this,o)}render(){return o("slot",null)}};k.style=y;const z=t=>{const o=document.createElement("div");o.innerHTML=t;for(let t=o.childNodes.length-1;t>=0;t--){if(o.childNodes[t].nodeName.toLowerCase()!=="svg"){o.removeChild(o.childNodes[t])}}const e=o.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){const t=e.getAttribute("class")\|\|"";e.setAttribute("class",(t+" s-ion-icon").trim());if(j(e)){return o.innerHTML}}return""};const j=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let o=0;o<t.attributes.length;o++){const e=t.attributes[o].value;if(a(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(let o=0;o<t.childNodes.length;o++){if(!j(t.childNodes[o])){return false}}}return true};const $=new Map;const C=new Map;const I=(t,o)=>{let e=C.get(t);if(!e){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){e=fetch(t).then((e=>{if(e.ok){return e.text().then((e=>{if(e&&o!==false){e=z(e)}$.set(t,e\|\|"")}))}$.set(t,"")}));C.set(t,e)}else{$.set(t,"");return Promise.resolve()}}return e};const _=":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-50);fill:currentColor}:host(.icon-secondary){color:var(--road-secondary-50);fill:currentColor}:host(.icon-accent){color:var(--road-secondary-50);fill:currentColor}:host(.icon-info){color:var(--road-info-default);fill:currentColor}:host(.icon-success){color:var(--road-success-default);fill:currentColor}:host(.icon-warning){color:var(--road-warning-default);fill:currentColor}:host(.icon-danger){color:var(--road-danger-default);fill:currentColor}:host(.icon-default){color:var(--road-icon);fill:currentColor}:host(.icon-white){color:var(--road-icon-inverse);fill:currentColor}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";const L=class{constructor(o){t(this,o);this.svgContent=undefined;this.isVisible=false;this.color=undefined;this.ariaLabel=undefined;this.ariaHidden=undefined;this.name=undefined;this.src=undefined;this.icon=undefined;this.size="lg";this.rotate=undefined;this.lazy=false;this.sanitize=true}componentWillLoad(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(t,o,e){if(this.lazy&&window.IntersectionObserver){const r=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){r.disconnect();this.io=undefined;e()}}),{rootMargin:o});r.observe(t)}else{e()}}loadIcon(){if(this.isVisible){const t=d(this);if(t){if($.has(t)){this.svgContent=$.get(t)}else{I(t,this.sanitize).then((()=>this.svgContent=$.get(t)))}}}if(!this.ariaLabel&&this.ariaHidden!=="true"){const t=l(this.name,this.icon);if(t){this.ariaLabel=t.replace(/-/g," ")}}}render(){const t=this.color!==undefined?`icon-${this.color}`:"";const r=this.size!==undefined?`icon-${this.size}`:"";const i=this.rotate!==undefined?`icon-rotate-${this.rotate}`:"";return o(e,{class:`${t} ${r} ${i}`,"aria-hidden":"true"},this.svgContent!==""?o("div",{class:"icon-inner",innerHTML:this.svgContent}):o("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return i(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};L.style=_;const F='.sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;-webkit-appearance:none;appearance:none}.form-control[type="number"].sc-road-input{-webkit-appearance:textfield;appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type="date"].sc-road-input~.form-label.sc-road-input,.form-control[type="time"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-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-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:" *"}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="date"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type="time"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:block}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type="password"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}';const O=(t,o)=>{const e=t._original\|\|t;return{_original:t,emit:Y(e.emit.bind(e),o)}};const Y=(t,o=0)=>{let e;return(...r)=>{clearTimeout(e);e=setTimeout(t,o,...r)}};const B=class{constructor(o){t(this,o);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.onInput=t=>{const o=t.target;if(o){this.value=o.value\|\|""}this.roadinput.emit(t);this.roadInput.emit(t)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.inputId=`road-input-${D++}`;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.enterkeyhint=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=this.inputId;this.pattern=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.spellcheck=false;this.step=undefined;this.size=undefined;this.sizes="lg";this.type="text";this.value="";this.label="";this.error=undefined;this.helper=undefined;this.debounce=0}debounceChanged(){this.roadchange=O(this.roadchange,this.debounce);this.roadChange=O(this.roadChange,this.debounce)}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value\|\|"").toString()}render(){const t=this.getValue();const r=this.inputId+"-label";const i=this.value!==""?"has-value":"";const n=this.label!==""?"":"less-label";const s=this.error!==undefined&&this.error!==""?"is-invalid":"";return o(e,{"aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},o("input",{class:`form-control ${i} ${s} ${n}`,id:this.inputId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,enterKeyHint:this.enterkeyhint,autoFocus:this.autofocus,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,step:this.step,size:this.size,type:this.type,value:t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"data-cy":"road-input"}),o("label",{class:"form-label",id:r,htmlFor:this.inputId},this.label),this.error&&this.error!==""&&o("p",{class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&o("p",{class:"helper"},this.helper),this.type&&this.type=="password"&&o("slot",{name:"checklistPassword"}))}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let D=0;B.style=F;const M=':host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot="prepend"]){margin-right:-3px;border-color:var(--road-input-outline);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}::slotted([slot="append"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot="append"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}:host(.phone-number-group) .input-group:focus-within ::slotted([slot="prepend"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:focus-within ::slotted([slot="append"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}.input-group-prepend{z-index:1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot="append"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot="prepend"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot="prepend"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append ::slotted(road-button){background-color:var(--road-surface)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot="append"]),.input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot="prepend"]){border-color:var(--road-danger-outline)}.input-group.is-disabled ::slotted([slot="append"]),.input-group.is-disabled ::slotted([slot="prepend"]){cursor:not-allowed;background:#e4e5e9}.is-disabled ::slotted(road-button){opacity:1}';const q=class{constructor(o){t(this,o)}componentDidLoad(){var t;if(this.el.querySelector("road-input[disabled]")){(t=this.el.querySelector("road-button"))===null\|\|t===void 0?void 0:t.setAttribute("disabled","")}}render(){const t=this.el.querySelector("road-input[error]")?"is-invalid":"";const e=this.el.querySelector("road-input[disabled]")?"is-disabled":"";const r=this.el.querySelector("road-input[sizes]")?`size-${this.el.querySelector("road-input").sizes}`:"";return o("div",{class:`input-group ${t} ${e} ${r}`},o("slot",null),o("div",{class:"input-group-prepend"},o("slot",{name:"prepend"})),o("div",{class:"input-group-append"},o("slot",{name:"append"})))}get el(){return i(this)}};q.style=M;const T=":host{--border-radius:0.25rem;--background-color:transparent;--detail-color:var(--road-icon);--inner-padding:1rem 0.5rem 1rem 0;--min-height:3.5rem;--padding-left:1rem;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-decoration:none;outline:none}.item-native{position:relative;z-index:1;box-sizing:border-box;display:flex;align-items:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);padding:0 0 0 var(--padding-left);margin:0;overflow:inherit;font-family:inherit;font-size:inherit;color:var(--road-on-surface);background-color:var(--background-color);border-color:var(--road-grey-70);border-style:solid;border-width:var(--border-width, 0);border-radius:var(--border-radius);outline:none;transition:background 0.15s ease-in-out;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.item-active{background-color:var(--road-grey-90)}button.item-native:not(:disabled):not(.item-active):hover,button.item-native:not(:disabled):not(.item-active):focus{background-color:var(--road-grey-90)}.item-native::-moz-focus-inner{border:0}button,a{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:inherit;align-items:center;align-self:stretch;width:100%;min-height:inherit;padding:var(--inner-padding);overflow:inherit;text-align:inherit;text-decoration:none;border-color:var(--road-grey-70);border-style:solid;border-width:var(--inner-border-width, 0);outline:0}.input-wrapper{box-sizing:border-box;display:flex;flex:1;flex-direction:inherit;align-items:inherit;align-self:stretch;overflow:inherit;text-overflow:ellipsis}.item-detail-icon{color:var(--detail-color)}::slotted(road-icon){flex-shrink:0;margin-right:0.5rem}::slotted(road-img){flex-shrink:0;width:3rem;height:3rem;object-fit:cover;min-height:inherit;margin-right:1rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;--margin-bottom:0}:host(.item-lines-none){--border-width:0 !important;--inner-border-width:0 !important}:host(.item-lines-full){--border-width:0 0 1px 0 !important;--inner-border-width:0 !important}:host(.item-lines-inset){--inner-border-width:0 0 1px 0 !important}";const V=class{constructor(o){t(this,o);this.multipleInputs=false;this.button=false;this.detail=undefined;this.active=undefined;this.detailIcon=n;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.lines=undefined;this.target=undefined;this.type="button"}isClickable(){return this.href!==undefined\|\|this.button}render(){const{detail:t,detailIcon:r,download:i,lines:n,disabled:s,href:a,rel:d,target:l}=this;const h=this.isClickable();const c=h?a===undefined?"button":"a":"div";const f=c==="button"?{type:this.type}:{download:i,href:a,rel:d,target:l};const u=t!==undefined&&t;return o(e,{"aria-disabled":s?"true":null,class:{[`item-lines-${n}`]:n!==undefined}},o(c,Object.assign({},f,{class:{"item-native":true,"item-active":this.active},part:"native",disabled:s}),o("slot",{name:"start"}),o("div",{class:"item-inner"},o("div",{class:"input-wrapper"},o("slot",null)),o("slot",{name:"end"}),u&&o("road-icon",{icon:r,lazy:false,class:"item-detail-icon"}))))}get el(){return i(this)}};V.style=T;const E=":host{box-sizing:border-box;display:block;overflow:hidden;font-size:var(--road-font-size-14);color:currentColor;text-overflow:ellipsis;white-space:nowrap}";const H=class{constructor(o){t(this,o)}render(){return o("slot",null)}};H.style=E;const W=":host{display:block;contain:content;list-style-type:none}:host(.list-lines-none) ::slotted(road-item){--border-width:0;--inner-border-width:0}:host(.list-lines-full){border:1px solid var(--road-outline);border-bottom:0}:host(.list-lines-full),:host(.list-lines-full) ::slotted(road-item){--border-width:0 0 1px 0;--inner-border-width:0}:host(.item-lines-inset),:host(.list-lines-inset) ::slotted(road-item){--inner-border-width:0 0 1px 0}";const K=class{constructor(o){t(this,o);this.lines=undefined}render(){const{lines:t}=this;return o(e,{class:{[`list-lines-${t}`]:t!==undefined}},o("slot",null))}};K.style=W;const P=":host{display:flex;flex-wrap:wrap;max-width:1440px;margin-right:-8px;margin-left:-8px}@media (min-width: 1440px){:host{margin-right:auto;margin-left:auto}}:host(.flex-wrap){flex-wrap:wrap}:host(.flex-nowrap){flex-wrap:nowrap}:host(.justify-content-start){justify-content:flex-start}:host(.justify-content-end){justify-content:flex-end}:host(.justify-content-center){justify-content:center}:host(.justify-content-between){justify-content:space-between}:host(.justify-content-around){justify-content:space-around}:host(.align-items-start){align-items:flex-start}:host(.align-items-end){align-items:flex-end}:host(.align-items-center){align-items:center}:host(.align-items-baseline){align-items:baseline}:host(.align-items-stretch){align-items:stretch}@media (min-width: 576px){:host(.flex-sm-wrap){flex-wrap:wrap}:host(.flex-sm-nowrap){flex-wrap:nowrap}:host(.justify-content-sm-start){justify-content:flex-start}:host(.justify-content-sm-end){justify-content:flex-end}:host(.justify-content-sm-center){justify-content:center}:host(.justify-content-sm-between){justify-content:space-between}:host(.justify-content-sm-around){justify-content:space-around}:host(.align-items-sm-start){align-items:flex-start}:host(.align-items-sm-end){align-items:flex-end}:host(.align-items-sm-center){align-items:center}:host(.align-items-sm-baseline){align-items:baseline}:host(.align-items-sm-stretch){align-items:stretch}}@media (min-width: 768px){:host(.flex-md-wrap){flex-wrap:wrap}:host(.flex-md-nowrap){flex-wrap:nowrap}:host(.justify-content-md-start){justify-content:flex-start}:host(.justify-content-md-end){justify-content:flex-end}:host(.justify-content-md-center){justify-content:center}:host(.justify-content-md-between){justify-content:space-between}:host(.justify-content-md-around){justify-content:space-around}:host(.align-items-md-start){align-items:flex-start}:host(.align-items-md-end){align-items:flex-end}:host(.align-items-md-center){align-items:center}:host(.align-items-md-baseline){align-items:baseline}:host(.align-items-md-stretch){align-items:stretch}}@media (min-width: 992px){:host(.flex-lg-wrap){flex-wrap:wrap}:host(.flex-lg-nowrap){flex-wrap:nowrap}:host(.justify-content-lg-start){justify-content:flex-start}:host(.justify-content-lg-end){justify-content:flex-end}:host(.justify-content-lg-center){justify-content:center}:host(.justify-content-lg-between){justify-content:space-between}:host(.justify-content-lg-around){justify-content:space-around}:host(.align-items-lg-start){align-items:flex-start}:host(.align-items-lg-end){align-items:flex-end}:host(.align-items-lg-center){align-items:center}:host(.align-items-lg-baseline){align-items:baseline}:host(.align-items-lg-stretch){align-items:stretch}}@media (min-width: 1200px){:host(.flex-xl-wrap){flex-wrap:wrap}:host(.flex-xl-nowrap){flex-wrap:nowrap}:host(.justify-content-xl-start){justify-content:flex-start}:host(.justify-content-xl-end){justify-content:flex-end}:host(.justify-content-xl-center){justify-content:center}:host(.justify-content-xl-between){justify-content:space-between}:host(.justify-content-xl-around){justify-content:space-around}:host(.align-items-xl-start){align-items:flex-start}:host(.align-items-xl-end){align-items:flex-end}:host(.align-items-xl-center){align-items:center}:host(.align-items-xl-baseline){align-items:baseline}:host(.align-items-xl-stretch){align-items:stretch}}:host(.align-content-start){align-content:flex-start}:host(.align-content-end){align-content:flex-end}:host(.align-content-center){align-content:center}:host(.align-content-between){align-content:space-between}:host(.align-content-around){align-content:space-around}:host(.align-content-stretch){align-content:stretch}:host(.align-self-auto){align-self:auto}:host(.align-self-start){align-self:flex-start}:host(.align-self-end){align-self:flex-end}:host(.align-self-center){align-self:center}:host(.align-self-baseline){align-self:baseline}:host(.align-self-stretch){align-self:stretch}";const U=class{constructor(o){t(this,o)}render(){return o(e,null,o("slot",null))}};U.style=P;const X=':host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}.toolbar-title-container{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}.toolbar-title{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21);text-align:center}}.toolbar-content{flex:1 1 0%;min-width:0;max-width:100%}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}::slotted([slot="start"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-right:1px solid var(--road-outline);border-radius:0}::slotted([slot="end"]),::slotted([slot="secondary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-left:1px solid var(--road-outline);border-radius:0}:host(.toolbar-primary){color:var(--road-on-header-surface);background:var(--road-header-surface)}:host(.toolbar-secondary){color:var(--road-on-secondary);background:var(--road-secondary)}';const R=class{constructor(o){t(this,o);this.color=undefined}render(){const t=this.color!==undefined?`toolbar-${this.color}`:"";return o(e,{class:t},o("div",{class:"toolbar-container"},o("slot",{name:"start"}),o("slot",{name:"primary"}),o("div",{class:"toolbar-content"},o("slot",null)),o("slot",{name:"secondary"}),o("slot",{name:"end"})))}};R.style=X;export{c as road_badge,u as road_button,p as road_col,b as road_counter,w as road_drawer,k as road_grid,L as road_icon,B as road_input,q as road_input_group,V as road_item,H as road_label,K as road_list,U as road_row,R as road_toolbar};
2	+ //# sourceMappingURL=p-336f7def.entry.js.map