@sjvair/monitor-map 3.0.3 → 3.0.5

package/dist/lib/LoadScreen.svelte

@@ -0,0 +1,68 @@
+<script lang="ts" module>
+	export interface LoadScreenState {
+		enabled: boolean;
+		entered: boolean;
+	}
+
+	export const loadScreenState: LoadScreenState = $state({
+		enabled: true,
+		entered: false
+	});
+
+	export function enable() {
+		if (!loadScreenState.enabled) {
+			loadScreenState.enabled = true;
+		}
+	}
+
+	export function disable() {
+		if (loadScreenState.enabled) {
+			loadScreenState.enabled = false;
+		}
+	}
+</script>
+
+<script lang="ts">
+	import type { Attachment } from "svelte/attachments";
+
+	const animationTrigger: Attachment<HTMLDivElement> = () => {
+		loadScreenState.entered = true;
+	};
+</script>
+
+{#if loadScreenState.enabled}
+	<div
+		class="absolute top-0 left-0 z-50 flex h-full w-full items-center justify-center overflow-hidden bg-white"
+		{@attach animationTrigger}
+	>
+		<div class="flex justify-around gap-4">
+			<enhanced:img
+				src="./assets/logos/sjvair-parts/sjvair-icon.webp"
+				alt="SJVAir Icon"
+				class="icon inline-block h-24! w-auto! transition-all duration-500 ease-out object-contain"
+				class:translate-x-0={loadScreenState.entered}
+				class:-translate-x-full={!loadScreenState.entered}
+				class:opacity-100={loadScreenState.entered}
+				class:opacity-0={!loadScreenState.entered}
+			/>
+			<enhanced:img
+				src="./assets/logos/sjvair-parts/sjvair-sjv.webp"
+				alt="SJV"
+				class="sjv inline-block h-24! w-auto! transition-all duration-500 ease-out object-contain"
+				class:translate-y-0={loadScreenState.entered}
+				class:-translate-y-full={!loadScreenState.entered}
+				class:opacity-100={loadScreenState.entered}
+				class:opacity-0={!loadScreenState.entered}
+			/>
+			<enhanced:img
+				src="./assets/logos/sjvair-parts/sjvair-air.webp"
+				alt="Air"
+				class="air inline-block h-24! w-auto! transition-all duration-500 ease-out object-contain"
+				class:translate-y-0={loadScreenState.entered}
+				class:translate-y-full={!loadScreenState.entered}
+				class:opacity-100={loadScreenState.entered}
+				class:opacity-0={!loadScreenState.entered}
+			/>
+		</div>
+	</div>
+{/if}

package/dist/lib/LoadScreen.svelte.d.ts

@@ -0,0 +1,25 @@
+export interface LoadScreenState {
+    enabled: boolean;
+    entered: boolean;
+}
+export declare const loadScreenState: LoadScreenState;
+export declare function enable(): void;
+export declare function disable(): void;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const LoadScreen: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LoadScreen = InstanceType<typeof LoadScreen>;
+export default LoadScreen;

package/dist/lib/MainMapView.svelte

@@ -0,0 +1 @@
+<!-- Map view — the map renders in App.svelte, not in the router outlet -->

package/dist/lib/MainMapView.svelte.d.ts

@@ -0,0 +1,26 @@
+export default MainMapView;
+type MainMapView = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MainMapView: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/lib/MapLegend.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import MonitorMarkersLegend from "./monitors/components/MonitorMarkersLegend.svelte";
+	import HMSFireLegend from "./hms/components/HMSFireLegend.svelte";
+</script>
+
+<!--
+<div class="z-10 absolute bottom-6 left-6 w-1/2 lg:w-1/5">
+	<MonitorMarkersLegend />
+	<HMSFireLegend />
+</div>
+-->
+<div class="flex flex-col gap-1 pointer-events-none pl-4 pb-4">
+	<HMSFireLegend />
+	<MonitorMarkersLegend />
+</div>

package/dist/lib/MapLegend.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MapLegend: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MapLegend = InstanceType<typeof MapLegend>;
+export default MapLegend;

package/dist/lib/MonitorDetailPanel.svelte

@@ -0,0 +1,152 @@
+<script lang="ts">
+	import type { ComponentProps } from "svelte";
+	import type { SJVAirEntryLevel } from "@sjvair/sdk";
+	import DataBox from "./components/DataBox.svelte";
+	import MonitorWidgetModal from "./monitors/components/MonitorWidgetModal.svelte";
+	import MonitorSubscriptionManager from "./monitors/components/MonitorSubscriptionManager.svelte";
+	import DataChart from "./data-chart/DataChart.svelte";
+	import { monitorsManager } from "./";
+	import { useMonitorMapRouter } from "./router-context";
+	import { fetchTempByCoords } from "./weather.ts";
+	import { Colors, valueToColor } from "./colors";
+	import { getCurrentLevel } from "./monitors/monitor-utils.ts";
+
+	type TempDataBox = Pick<ComponentProps<typeof DataBox>, "color" | "value">;
+
+	interface BadgeOpts {
+		bgClass?: string;
+		iconColorClass?: string;
+		labelColorClass?: string;
+		href?: string;
+	}
+	const { route, navigate, basePath } = useMonitorMapRouter();
+
+	const monitor = $derived(monitorsManager.latest?.get(route.params.id ?? ""));
+	let tempData: TempDataBox | undefined = $state();
+	const entryData: ComponentProps<typeof DataBox> | undefined = $derived.by(() => {
+		if (!monitor || !monitorsManager.meta) return;
+
+		const entryType = monitorsManager.meta.entryType(monitor.latest.entry_type);
+		const level: SJVAirEntryLevel | undefined = getCurrentLevel(
+			monitor.latest.value,
+			entryType.asIter.levels!
+		);
+
+		const updateDuration = monitorsManager.meta.monitorType(monitor.type).expected_interval;
+
+		return {
+			color: level?.color ?? "",
+			header: entryType.label,
+			subheading: `(${updateDuration} avg)`,
+			value: Math.round(parseInt(monitor.latest.value, 10)).toString()
+		};
+	});
+
+	const tempColors = [
+		{ min: -Infinity, color: Colors.blue },
+		{ min: 65, color: Colors.green },
+		{ min: 78, color: Colors.yellow },
+		{ min: 95, color: Colors.red }
+	];
+
+	$effect(() => {
+		if (monitor && monitor.position) {
+			fetchTempByCoords(monitor.position.coordinates).then((temperature) => {
+				tempData = {
+					value: `${temperature}°F`,
+					color: valueToColor(temperature, tempColors)
+				};
+			});
+		}
+	});
+</script>
+
+{#snippet badge(icon: string, label: string, opts: BadgeOpts = {})}
+	<span
+		class="flex items-center justify-center gap-1 rounded-sm border px-1 py-0.5
+    {opts.bgClass ?? 'bg-neutral-100'}"
+	>
+		<span class={["svg-icon", icon, opts.iconColorClass ?? "bg-black/70"]}></span>
+		{#if opts.href}
+			<a class="text-link text-xs" href={opts.href} target="_blank" translate="no">{label}</a>
+		{:else}
+			<span
+				class={["text-xs whitespace-nowrap", opts.labelColorClass ?? "text-black/70"]}
+				translate="no">{label}</span
+			>
+		{/if}
+	</span>
+{/snippet}
+
+<div class="flex h-full w-full flex-col overflow-y-auto bg-white">
+	<div
+		class="flex flex-col items-center justify-center gap-8 border-b border-gray-200 p-4 shadow-lg"
+	>
+		<button
+			class="cursor-pointer self-end rounded border border-gray-300 px-2 py-1 text-sm hover:bg-gray-50"
+			onclick={() => navigate(`${basePath}/`)}
+		>
+			✕ Close
+		</button>
+		{#if monitor}
+			<h2 class="text-center text-3xl font-semibold">{monitor.name}</h2>
+			<div class="flex flex-wrap items-center justify-center gap-4">
+				{#if monitor.is_sjvair}
+					{@render badge("lungs", "SJVAir", {
+						bgClass: "bg-aqua-haze",
+						iconColorClass: "bg-sky-600",
+						labelColorClass: "text-sky-600"
+					})}
+				{/if}
+
+				{@render badge("rss-feed", monitor.data_source.name, { href: monitor.data_source.url })}
+				{@render badge("router", monitor.device)}
+				{@render badge("location-on", monitor.county)}
+				{@render badge("location-searching", monitor.location)}
+			</div>
+		{/if}
+	</div>
+
+	<div class="flex flex-col items-center gap-12 overflow-y-auto p-5 pt-10">
+		{#if monitor}
+			<div class="flex w-full justify-around">
+				{#if tempData}
+					<DataBox color={tempData.color} header="Temperature" value={tempData.value} />
+				{/if}
+				{#if entryData}
+					<DataBox
+						color={entryData.color}
+						header={entryData.header}
+						subheading={entryData.subheading}
+						value={entryData.value}
+					/>
+				{/if}
+			</div>
+
+			<MonitorWidgetModal monitorId={monitor.id} />
+			<!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
+			{#if (globalThis as any).USER?.is_authenticated}
+				<MonitorSubscriptionManager monitorId={monitor.id} />
+			{/if}
+
+			<div class="w-full">
+				<DataChart {monitor} />
+			</div>
+
+			<div class="w-full">
+				<h3 class="font-semibold">Data Provided Courtesy Of:</h3>
+				<ul>
+					{#each monitor.data_providers as provider, idx (idx)}
+						<li>
+							{#if provider.url}
+								<a class="text-link" href={provider.url} target="_blank">{provider.name}</a>
+							{:else}
+								<span>{provider.name}</span>
+							{/if}
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/if}
+	</div>
+</div>

package/dist/lib/MonitorDetailPanel.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const MonitorDetailPanel: import("svelte").Component<Record<string, never>, {}, "">;
+type MonitorDetailPanel = ReturnType<typeof MonitorDetailPanel>;
+export default MonitorDetailPanel;

package/dist/lib/MonitorMapLayout.svelte

@@ -0,0 +1,193 @@
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import { onDestroy } from "svelte";
+	import LoadScreen, { disable as disableLoadScreen } from "./LoadScreen.svelte";
+	import Map from "./map/Map.svelte";
+	import Menu from "./map/Menu.svelte";
+	import MonitorsDisplayOptions from "./monitors/components/MonitorsDisplayOptions.svelte";
+	import MapLayersDisplayOptions from "./components/MapLayersDisplayOptions.svelte";
+	import MapStyleDisplayOptions from "./map/MapStyleDisplayOptions.svelte";
+	import { mapManager } from "./map/map.svelte";
+	import { monitorsManager } from "./monitors/monitors.svelte";
+	import { monitorsMapIntegration } from "./monitors/monitors-map-integration.svelte.ts";
+	import { windMapIntegration } from "./wind/wind.svelte";
+	import { baseLayerSeperator } from "./map/integrations/base-layer-seperator";
+	import type { SomeMapIntegration } from "./map/integrations/types";
+	import { collocationSitesManager } from "./collocation-sites/collocations.svelte";
+	import { collocationSitesMapIntegration } from "./collocation-sites/collocations-map-integration.svelte";
+	import EvStationsDisplayOptions from "./ev-stations/components/EvStationsDisplayOptions.svelte";
+	import { evStationsMapIntegration } from "./ev-stations/ev-stations-map-integration.svelte.ts";
+	import { hmsManager } from "./hms/hms.svelte.ts";
+	import { hmsFireMapIntegration } from "./hms/hms-fire-map-integration.svelte.ts";
+	import { hmsSmokeMapIntegration } from "./hms/hms-smoke-map-integration.svelte.ts";
+	import MapLegend from "./MapLegend.svelte";
+	import Search from "./search/Search.svelte";
+	import { useMonitorMapRouter } from "./router-context";
+
+	interface Props {
+		children: Snippet;
+	}
+
+	let { children }: Props = $props();
+
+	const { route, navigate, basePath } = useMonitorMapRouter();
+
+	const TRANSITION_MS = 300;
+
+	const integrations: Array<SomeMapIntegration> = [
+		baseLayerSeperator,
+		collocationSitesMapIntegration,
+		windMapIntegration,
+		hmsSmokeMapIntegration,
+		hmsFireMapIntegration,
+		monitorsMapIntegration,
+		evStationsMapIntegration
+	];
+
+	monitorsManager.init(route.search.pollutant);
+	collocationSitesManager.init();
+	hmsManager.init();
+	monitorsMapIntegration.onMonitorClick = (id: string) => {
+		navigate(`${basePath}/monitor/:id`, { params: { id } }).catch(console.error);
+	};
+
+	let panelOpen = $derived(route.pathname.startsWith(`${basePath}/monitor/`));
+
+	$effect(() => {
+		if (mapManager.map && monitorsManager.initialized) {
+			mapManager.map.once("idle", () => disableLoadScreen());
+		}
+	});
+
+	$effect(() => {
+		if (panelOpen) {
+			// Container width snapped to open; resize after layout settles
+			requestAnimationFrame(() => mapManager.map?.resize());
+		} else {
+			// Container width snaps back after the transform transition ends
+			setTimeout(() => mapManager.map?.resize(), TRANSITION_MS);
+		}
+	});
+
+	// Clear selected icon scale when the detail panel closes
+	$effect(() => {
+		if (panelOpen) return;
+		monitorsMapIntegration.selectedMonitorId = null;
+	});
+
+	onDestroy(() => {
+		monitorsManager.autoUpdate.stop();
+	});
+
+	/**
+	 * HACK: Fix for escaping sv-router and allowing navigation to other pages,
+	 * as well as navigating back
+	 */
+	const rootPath = basePath || "/";
+	const knownRoutes = [`${basePath}/monitor/`];
+
+	window.addEventListener("pageshow", (e) => {
+		if (e.persisted) window.location.reload();
+	});
+
+	document.addEventListener(
+		"click",
+		(e) => {
+			const anchor = e
+				.composedPath()
+				.find((el) => el instanceof HTMLAnchorElement) as HTMLAnchorElement;
+			if (!anchor) return;
+			const { pathname } = new URL(anchor.href);
+			const isKnown = pathname === rootPath || knownRoutes.some((r) => pathname.startsWith(r));
+			if (!isKnown) {
+				e.stopImmediatePropagation();
+				window.location.href = anchor.href;
+			}
+		},
+		{ capture: true }
+	);
+</script>
+
+<div class="shell" class:panel-open={panelOpen}>
+	<LoadScreen />
+	<div class="relative flex-1 overflow-hidden">
+		<Map {integrations} />
+		<div class="z-10 absolute bottom-0 left-0 pointer-events-none">
+			<MapLegend />
+		</div>
+		<div class="absolute top-4 left-4 z-10">
+			<div class="absolute z-10">
+				<Menu>
+					<MonitorsDisplayOptions />
+					<EvStationsDisplayOptions />
+					<MapLayersDisplayOptions />
+					<MapStyleDisplayOptions />
+				</Menu>
+			</div>
+			<div class="absolute left-16">
+				<Search />
+			</div>
+		</div>
+	</div>
+	<div class="panel-container">
+		<div class="panel-content">
+			{@render children()}
+		</div>
+	</div>
+</div>
+
+<style>
+	.shell {
+		display: flex;
+		position: relative;
+		width: 100%;
+		height: 100%;
+	}
+
+	.panel-container {
+		flex-shrink: 0;
+		overflow: hidden;
+		width: 0;
+	}
+
+	.shell.panel-open .panel-container {
+		width: 33.333vw;
+	}
+
+	.panel-content {
+		width: 33.333vw;
+		height: 100%;
+		transform: translateX(100%);
+		transition: transform 300ms ease-in-out;
+	}
+
+	.shell.panel-open .panel-content {
+		transform: translateX(0);
+	}
+
+	@media (max-width: 768px) {
+		.shell {
+			flex-direction: column;
+		}
+
+		.panel-container {
+			width: 100vw;
+			height: 0;
+		}
+
+		.shell.panel-open .panel-container {
+			width: 100vw;
+			height: 50vh;
+		}
+
+		.panel-content {
+			width: 100vw;
+			height: 50vh;
+			transform: translateY(100%);
+		}
+
+		.shell.panel-open .panel-content {
+			transform: translateY(0);
+		}
+	}
+</style>

package/dist/lib/MonitorMapLayout.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from "svelte";
+interface Props {
+    children: Snippet;
+}
+declare const MonitorMapLayout: import("svelte").Component<Props, {}, "">;
+type MonitorMapLayout = ReturnType<typeof MonitorMapLayout>;
+export default MonitorMapLayout;

package/dist/lib/actions.d.ts

@@ -0,0 +1,3 @@
+export declare function portal(node: HTMLElement): {
+    destroy(): void;
+} | undefined;

package/dist/lib/actions.js

@@ -1,9 +1,13 @@
-//#region src/lib/actions.ts
-function e(e) {
-	let t = document.getElementById("SJVAirMonitorMap");
-	if (t) return t.appendChild(e), { destroy() {
-		e.remove();
-	} };
+// CSS transforms create a new containing block for `position: fixed` descendants.
+// Use this action to move a node to document.body, escaping any transformed ancestor.
+export function portal(node) {
+    const target = document.getElementById("SJVAirMonitorMap");
+    if (target) {
+        target.appendChild(node);
+        return {
+            destroy() {
+                node.remove();
+            }
+        };
+    }
 }
-//#endregion
-export { e as portal };

package/dist/lib/assets/icons/adjustment-horizontal.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" />
+</svg>

package/dist/lib/assets/logos/airgradient-blue.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 566.9 283.5" style="enable-background:new 0 0 566.9 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1c75bc;}
+	.st1{fill:#D1D3D4;}
+	.st2{clip-path:url(#SVGID_2_);}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M192.2,266.9c-19.1,5-38.2,6.1-57.6,2.1c-24.2-5-47.1-17-64.6-34.6c-32.9-33-43.3-82.9-30.3-127.2
+			c13.8-47,56-84.1,105.6-87c44.3-2.6,86.3,26.6,95.3,70.6c-7.6-19-20.3-34.5-38.3-44.6c-21.5-12.1-46.7-14.4-70.2-7.1
+			c-50.3,15.6-79.9,66.6-76.7,117.8c2.2,35.3,20.3,67.1,49.2,87.4C130.6,262.5,160.9,269.3,192.2,266.9z"/>
+		<g>
+			<path class="st0" d="M335.3,97.6c-1.4-10.7-4-21.3-7.9-31.4c-7.7-20.2-19.8-37-35.5-51.6c18.3,24.5,29.3,52.6,30.3,83.1H335.3z"
+				/>
+			<path class="st0" d="M302.7,169.8c-8.3,13.1-19,24.8-31.9,34.2c-45.1,32.8-109,35.4-152.7-1.6c-20.4-17.3-33-41.7-34.4-68.5
+				c-1.2-22.4,5.5-43.1,18.5-61.1c-35.1,34-37.4,89.4-9.2,128.6c31.6,43.8,90.2,60.9,141.3,46.1c40-11.5,74.1-40.1,90.9-77.7H302.7z
+				"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M154.7,147.6c0,4.9,0.2,9.6,0.7,12.4h-14.3l-0.9-5.1h-0.3c-3.3,4.1-8.5,6.3-14.6,6.3
+					c-10.3,0-16.5-7.5-16.5-15.6c0-13.2,11.9-19.6,29.9-19.5v-0.7c0-2.7-1.5-6.6-9.3-6.6c-5.2,0-10.7,1.8-14.1,3.9l-2.9-10.2
+					c3.5-2,10.5-4.5,19.8-4.5c17,0,22.4,10,22.4,22V147.6z M139.3,136c-8.3-0.1-14.8,1.9-14.8,8c0,4.1,2.7,6,6.3,6
+					c4,0,7.2-2.6,8.2-5.8c0.2-0.8,0.3-1.8,0.3-2.7V136z"/>
+				<path class="st0" d="M178.4,94.9c0,4.4-3.3,7.9-8.6,7.9c-5,0-8.3-3.5-8.2-7.9c-0.1-4.6,3.2-8,8.3-8
+					C175.1,86.9,178.3,90.3,178.4,94.9z M162.1,160v-51h15.8v51H162.1z"/>
+				<path class="st0" d="M185.4,125.8c0-7.5-0.2-12.4-0.4-16.8h13.7l0.5,9.4h0.4c2.6-7.4,8.9-10.5,13.8-10.5c1.5,0,2.2,0,3.3,0.2v15
+					c-1.1-0.3-2.5-0.5-4.3-0.5c-5.8,0-9.8,3.1-10.8,8c-0.2,1-0.3,2.3-0.3,3.5V160h-15.8V125.8z"/>
+				<path class="st0" d="M264.1,152.7c0,11.6-2.3,18.7-7.2,23c-4.9,4.6-12,6-18.4,6c-6,0-12.7-1.5-16.8-4.2l2.3-7
+					c3.3,2.1,8.6,4,14.8,4c9.4,0,16.3-4.9,16.3-17.6v-5.6H255c-2.8,4.7-8.2,8.4-16.1,8.4c-12.5,0-21.5-10.6-21.5-24.6
+					c0-17.1,11.2-26.8,22.7-26.8c8.8,0,13.6,4.6,15.7,8.8h0.2l0.4-7.6h8c-0.2,3.6-0.4,7.7-0.4,13.9V152.7z M255.1,129.5
+					c0-1.6-0.1-2.9-0.5-4.2c-1.7-5.3-6.2-9.7-12.8-9.7c-8.8,0-15,7.4-15,19.1c0,9.9,5,18.1,14.9,18.1c5.6,0,10.7-3.5,12.7-9.4
+					c0.5-1.6,0.7-3.3,0.7-4.9V129.5z"/>
+				<path class="st0" d="M273.5,125.3c0-5.9-0.1-11.1-0.4-15.7h8l0.3,9.9h0.4c2.3-6.8,7.8-11.1,14-11.1c1,0,1.8,0.1,2.6,0.3v8.7
+					c-0.9-0.2-1.9-0.3-3.1-0.3c-6.5,0-11.1,4.9-12.3,11.8c-0.2,1.3-0.4,2.7-0.4,4.3V160h-9.1V125.3z"/>
+				<path class="st0" d="M337.3,147.9c0,4.4,0.2,8.7,0.8,12.1h-8.3l-0.7-6.4h-0.3c-2.8,4-8.2,7.5-15.4,7.5
+					c-10.2,0-15.4-7.2-15.4-14.5c0-12.2,10.8-18.9,30.3-18.8v-1c0-4.2-1.1-11.7-11.5-11.7c-4.7,0-9.6,1.5-13.1,3.8l-2.1-6
+					c4.2-2.7,10.2-4.5,16.6-4.5c15.4,0,19.2,10.5,19.2,20.6V147.9z M328.5,134.3c-10-0.2-21.4,1.6-21.4,11.4c0,5.9,4,8.8,8.7,8.8
+					c6.6,0,10.7-4.2,12.2-8.4c0.3-0.9,0.5-2,0.5-2.9V134.3z"/>
+				<path class="st0" d="M390.5,86v61c0,4.5,0.1,9.6,0.4,13h-8.2l-0.4-8.8h-0.2c-2.8,5.6-9,9.9-17.2,9.9
+					c-12.2,0-21.6-10.3-21.6-25.6c-0.1-16.8,10.3-27.1,22.6-27.1c7.7,0,12.9,3.6,15.2,7.7h0.2V86H390.5z M381.3,130.1
+					c0-1.1-0.1-2.7-0.4-3.9c-1.4-5.8-6.4-10.6-13.2-10.6c-9.5,0-15.1,8.3-15.1,19.5c0,10.2,5,18.7,14.9,18.7
+					c6.2,0,11.8-4.1,13.4-10.9c0.3-1.3,0.4-2.5,0.4-4V130.1z"/>
+				<path class="st0" d="M410.7,95.4c0.1,3.1-2.2,5.6-5.8,5.6c-3.2,0-5.5-2.5-5.5-5.6c0-3.2,2.4-5.7,5.7-5.7
+					C408.5,89.7,410.7,92.2,410.7,95.4z M400.5,160v-50.5h9.2V160H400.5z"/>
+				<path class="st0" d="M424.8,136.5c0.2,12.4,8.1,17.5,17.3,17.5c6.6,0,10.5-1.1,14-2.6l1.6,6.6c-3.2,1.5-8.8,3.2-16.8,3.2
+					c-15.5,0-24.8-10.3-24.8-25.5c0-15.2,9-27.2,23.7-27.2c16.5,0,20.9,14.5,20.9,23.8c0,1.9-0.2,3.3-0.3,4.3H424.8z M451.7,129.9
+					c0.1-5.8-2.4-14.9-12.7-14.9c-9.3,0-13.3,8.6-14.1,14.9H451.7z"/>
+				<path class="st0" d="M466.7,123.2c0-5.2-0.1-9.5-0.4-13.7h8.1l0.5,8.3h0.2c2.5-4.8,8.3-9.5,16.7-9.5c7,0,17.8,4.2,17.8,21.5V160
+					h-9.2V131c0-8.1-3-14.9-11.7-14.9c-6,0-10.7,4.3-12.3,9.4c-0.4,1.1-0.6,2.7-0.6,4.3V160h-9.2V123.2z"/>
+				<path class="st0" d="M530,97.5v12.1h13.1v7H530v27.2c0,6.3,1.8,9.8,6.9,9.8c2.5,0,4-0.2,5.3-0.6l0.4,6.9
+					c-1.8,0.7-4.6,1.4-8.1,1.4c-4.3,0-7.7-1.5-9.9-4c-2.6-2.7-3.5-7.2-3.5-13.1v-27.5h-7.8v-7h7.8v-9.3L530,97.5z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>