diff --git a/packages/components/package.json b/packages/components/package.json
index 93cad484..02c878a5 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -26,9 +26,11 @@
"dependencies": {
"@githubocto/flat-ui": "^0.14.1",
"@heroicons/react": "^2.0.17",
+ "@planet/maps": "^8.1.0",
"@tanstack/react-table": "^8.8.5",
"flexsearch": "0.7.21",
"next-mdx-remote": "^4.4.1",
+ "ol": "^7.4.0",
"papaparse": "^5.4.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
@@ -48,6 +50,7 @@
"@storybook/react": "^7.0.7",
"@storybook/react-vite": "^7.0.7",
"@storybook/testing-library": "^0.0.14-next.2",
+ "@swc/core": "^1.3.68",
"@types/flexsearch": "^0.7.3",
"@types/papaparse": "^5.3.7",
"@types/react": "^18.0.28",
@@ -55,6 +58,7 @@
"@typescript-eslint/eslint-plugin": "^5.57.1",
"@typescript-eslint/parser": "^5.57.1",
"@vitejs/plugin-react": "^4.0.0",
+ "@vitejs/plugin-react-swc": "^3.3.2",
"autoprefixer": "^10.4.14",
"eslint": "^8.38.0",
"eslint-plugin-react-hooks": "^4.6.0",
@@ -67,7 +71,8 @@
"tailwindcss": "^3.3.2",
"typescript": "^5.0.2",
"vite": "^4.3.2",
- "vite-plugin-dts": "^2.3.0"
+ "vite-plugin-dts": "^2.3.0",
+ "vite-plugin-swc-only": "^0.1.18"
},
"files": [
"dist"
diff --git a/packages/components/src/components/OpenLayers/Controls.jsx b/packages/components/src/components/OpenLayers/Controls.jsx
new file mode 100644
index 00000000..56ffa921
--- /dev/null
+++ b/packages/components/src/components/OpenLayers/Controls.jsx
@@ -0,0 +1,84 @@
+import React, { useContext, useEffect, useState } from 'react';
+export const Controls = ({ children }) => {
+ return {children}
;
+};
+
+import { FullScreen, Zoom } from 'ol/control';
+import { MapContext } from './Map';
+
+export const FullScreenControl = () => {
+ const { map } = useContext(MapContext);
+ useEffect(() => {
+ if (!map) return;
+ let fullScreenControl = new FullScreen({
+ className: 'ml-1 flex flex-col w-8 items-center mt-2',
+ activeClassName:
+ 'w-full inline-flex justify-center items-center rounded-t-md bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 text-sm',
+ inactiveClassName:
+ 'inline-flex w-full justify-center items-center rounded-t-md bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 text-sm',
+ });
+ let zoomControl = new Zoom({
+ className: 'ml-1 flex flex-col w-8 items-center',
+ zoomInClassName:
+ 'inline-flex w-full justify-center items-center bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 text-sm',
+ zoomOutClassName:
+ 'inline-flex w-full justify-center items-center rounded-b-md bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 text-sm',
+ });
+ map.controls.push(fullScreenControl);
+ map.controls.push(zoomControl);
+
+ return () => {
+ map.controls.remove(zoomControl);
+ map.controls.remove(fullScreenControl);
+ };
+ }, [map]);
+ return null;
+};
+
+//build a list of checkboxes in react
+
+export const ListOfCheckboxes = ({ layers, shownLayers, setShownLayers }) => {
+ //layers is an array of url and name
+ function addLayer(layer) {
+ setShownLayers([...shownLayers, layer.url]);
+ }
+
+ function removeLayer(layer) {
+ setShownLayers(shownLayers.filter((l) => l !== layer.url));
+ }
+
+ return (
+
+ );
+};
diff --git a/packages/components/src/components/OpenLayers/HeatMapLayer.jsx b/packages/components/src/components/OpenLayers/HeatMapLayer.jsx
new file mode 100644
index 00000000..7137b085
--- /dev/null
+++ b/packages/components/src/components/OpenLayers/HeatMapLayer.jsx
@@ -0,0 +1,29 @@
+import { useContext, useEffect, useState } from 'react';
+import HeatMap from 'ol/layer/Heatmap';
+import { MapContext } from './Map';
+const HeatMapLayer = ({ source, style, zIndex = 0 }) => {
+ const { map } = useContext(MapContext);
+ const [heatMapLayer, setHeatMapLayer] = useState(null);
+ useEffect(() => {
+ if (!map) return;
+ let heatMapLayer = new HeatMap({
+ source,
+ style,
+ blur: parseInt(5, 10),
+ radius: parseInt(5, 10),
+ });
+ map.addLayer(heatMapLayer);
+ setHeatMapLayer(heatMapLayer);
+ heatMapLayer.setZIndex(zIndex);
+ return () => {
+ if (map) {
+ map.removeLayer(heatMapLayer);
+ }
+ };
+ }, [map]);
+ useEffect(() => {
+ heatMapLayer && heatMapLayer.setZIndex(zIndex);
+ }, [zIndex]);
+ return null;
+};
+export default HeatMapLayer;
diff --git a/packages/components/src/components/OpenLayers/Layers.jsx b/packages/components/src/components/OpenLayers/Layers.jsx
new file mode 100644
index 00000000..079b6b3a
--- /dev/null
+++ b/packages/components/src/components/OpenLayers/Layers.jsx
@@ -0,0 +1,4 @@
+import React from 'react';
+export const Layers = ({ children }) => {
+ return {children}
;
+};
diff --git a/packages/components/src/components/OpenLayers/Map.jsx b/packages/components/src/components/OpenLayers/Map.jsx
new file mode 100644
index 00000000..cf5b9c92
--- /dev/null
+++ b/packages/components/src/components/OpenLayers/Map.jsx
@@ -0,0 +1,50 @@
+import React, { useRef, useState, useEffect } from 'react';
+import * as ol from 'ol';
+
+export const MapContext = new React.createContext();
+
+const Map = ({ children, zoom, center, setSelected }) => {
+ const mapRef = useRef();
+ const [map, setMap] = useState(null);
+ // on component mount
+ useEffect(() => {
+ let options = {
+ view: new ol.View({ zoom, center }),
+ layers: [],
+ controls: [],
+ overlays: [],
+ };
+ let mapObject = new ol.Map(options);
+ mapObject.setTarget(mapRef.current);
+ setMap(mapObject);
+ return () => mapObject.setTarget(undefined);
+ }, []);
+
+ useEffect(() => {
+ if (map) {
+ if (setSelected !== null) {
+ let selected = null;
+ map.on('pointermove', function (e) {
+ map.forEachFeatureAtPixel(e.pixel, function (f) {
+ selected = f;
+ return true;
+ });
+ if (selected) {
+ setSelected(selected);
+ } else {
+ setSelected(null);
+ }
+ });
+ }
+ }
+ }, [map]);
+ return (
+
+
+ {children}
+
+
+ );
+};
+
+export default Map;
diff --git a/packages/components/src/components/OpenLayers/OpenLayers.tsx b/packages/components/src/components/OpenLayers/OpenLayers.tsx
new file mode 100644
index 00000000..6693380a
--- /dev/null
+++ b/packages/components/src/components/OpenLayers/OpenLayers.tsx
@@ -0,0 +1,136 @@
+import { useEffect, useState } from 'react';
+import Map from './Map';
+import { Layers } from './Layers';
+import { Fill, Icon, Style } from 'ol/style';
+import * as olSource from 'ol/source';
+import TileLayer from './TileLayer';
+import { fromLonLat } from 'ol/proj';
+import VectorLayer from './VectorLayer';
+import { Vector as VectorSource } from 'ol/source';
+import GeoJSON from 'ol/format/GeoJSON';
+import KML from 'ol/format/KML';
+import { colors } from './colors';
+import { FullScreenControl, Controls, ListOfCheckboxes } from './Controls';
+import HeatMapLayer from './HeatMapLayer';
+
+function osm() {
+ return new olSource.OSM();
+}
+
+const formats = {
+ geojson: new GeoJSON(),
+ kml: new KML(),
+};
+
+interface OpenLayersProps {
+ layers: {
+ url: string;
+ name?: string;
+ format?: string;
+ heatmap?: boolean;
+ }[];
+ center?: [number, number];
+ zoom?: number;
+ popup?: (selected: any) => JSX.Element;
+}
+
+export function OpenLayers({
+ layers,
+ center = [0, 0],
+ zoom = 1,
+ popup,
+}: OpenLayersProps) {
+ const [shownLayers, setShownLayers] = useState(
+ layers.map((layer) => layer.url)
+ );
+ const [selected, setSelected] = useState(null);
+ const [style, setStyle] = useState(null);
+
+ useEffect(() => {
+ const style = new Style({
+ fill: new Fill({
+ color: '#eeeeee',
+ }),
+ image: new Icon({
+ anchor: [0.5, 46],
+ anchorXUnits: 'fraction',
+ anchorYUnits: 'pixels',
+ width: 18,
+ height: 28,
+ src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Google_Maps_icon_%282020%29.svg/418px-Google_Maps_icon_%282020%29.svg.png?20200218211225',
+ }),
+ });
+ setStyle(style);
+ }, []);
+
+ return (
+
+
+
+ Biome name
+ {feature.values_.BIOME_NAME}
+
+ );
+ },
+ },
+};
+
+export const Third: Story = {
+ name: 'Map with two layers',
+ args: {
+ layers: [
+ {
+ url: 'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_10m_geography_marine_polys.geojson',
+ name: 'Marine regions',
+ },
+ {
+ url: 'https://openlayers.org/data/vector/ecoregions.json',
+ name: 'Ecoregions',
+ },
+ ],
+ },
+};
+
+export const CustomCenter: Story = {
+ name: 'Map with custom center and zoom',
+ args: {
+ layers: [
+ {
+ url: 'https://openlayers.org/data/vector/ecoregions.json',
+ name: 'Ecoregions',
+ },
+ ],
+ center: [-15, 20],
+ zoom: 4,
+ },
+};
+
+export const PointsOnMap: Story = {
+ name: 'Map with points on',
+ args: {
+ layers: [
+ {
+ url: 'https://opendata.arcgis.com/datasets/9c58741995174fbcb017cf46c8a42f4b_25.geojson',
+ name: 'E-Scooter Parking Bays',
+ },
+ ],
+ center: [-1.055429957881787, 53.963900188025301],
+ zoom: 12,
+ },
+};
+
+export const KMLFile: Story = {
+ name: 'Map with KML File',
+ args: {
+ layers: [
+ {
+ url: 'https://openlayers.org/en/latest/examples/data/kml/2012_Earthquakes_Mag5.kml',
+ name: '2012 Earthquakes M5+',
+ format: 'kml',
+ heatmap: true,
+ },
+ ],
+ },
+};
diff --git a/packages/components/tailwind.config.js b/packages/components/tailwind.config.js
index d21f1cda..b4304ca9 100644
--- a/packages/components/tailwind.config.js
+++ b/packages/components/tailwind.config.js
@@ -1,6 +1,6 @@
/** @type {import('tailwindcss').Config} */
export default {
- content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+ content: ['./index.html', './src/**/*.{js,ts,jsx,tsx,.stories.tsx}'],
theme: {
extend: {},
},
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts
index ddc2109f..d5a7f815 100644
--- a/packages/components/vite.config.ts
+++ b/packages/components/vite.config.ts
@@ -1,29 +1,15 @@
-import react from '@vitejs/plugin-react'
-import path from 'node:path'
-import { defineConfig } from 'vitest/config'
-import dts from 'vite-plugin-dts'
-import tailwindcss from 'tailwindcss'
-import { UserConfigExport } from 'vite'
-import replace from "rollup-plugin-re"
+import react from '@vitejs/plugin-react-swc';
+import path from 'node:path';
+import { defineConfig } from 'vitest/config';
+import dts from 'vite-plugin-dts';
+import tailwindcss from 'tailwindcss';
+import { UserConfigExport } from 'vite';
+import replace from 'rollup-plugin-re';
const app = async (): Promise => {
return defineConfig({
plugins: [
react(),
- replace({
- patterns: [
- {
- match: /js-sha256/,
- test: `eval("require('crypto')")`,
- replace: `require('crypto')`,
- },
- {
- match: /js-sha256/,
- test: `eval("require('buffer').Buffer")`,
- replace: `require('buffer').Buffer`,
- },
- ],
- }),
dts({
insertTypesEntry: true,
}),
@@ -34,6 +20,7 @@ const app = async (): Promise => {
},
},
build: {
+ target: 'es2020',
lib: {
entry: path.resolve(__dirname, 'src/index.ts'),
name: 'components',
@@ -41,10 +28,25 @@ const app = async (): Promise => {
fileName: (format) => `components.${format}.js`,
},
rollupOptions: {
- external: ['react', 'react-dom', 'tailwindcss', 'vega-lite', 'vega', 'react-vega'],
+ external: [
+ 'react',
+ 'ol-mapbox-style',
+ 'react-dom',
+ 'tailwindcss',
+ 'vega-lite',
+ 'vega',
+ 'react-vega',
+ 'ol',
+ 'ol/dom.js',
+ ],
output: {
+ manualChunks: undefined,
globals: {
react: 'React',
+ ol: 'ol',
+ 'ol-mapbox-style': 'ol-mapbox-style',
+ 'ol/dom.js': 'ol/dom.js',
+ 'react-vega': 'react-vega',
'react-dom': 'ReactDOM',
tailwindcss: 'tailwindcss',
},
@@ -55,7 +57,7 @@ const app = async (): Promise => {
globals: true,
environment: 'jsdom',
},
- })
-}
+ });
+};
// https://vitejs.dev/config/
-export default app
+export default app;
diff --git a/packages/components/vite.config.ts.timestamp-1688577409260-11eb314b205fb.mjs b/packages/components/vite.config.ts.timestamp-1688577409260-11eb314b205fb.mjs
new file mode 100644
index 00000000..c5af1bba
--- /dev/null
+++ b/packages/components/vite.config.ts.timestamp-1688577409260-11eb314b205fb.mjs
@@ -0,0 +1,64 @@
+// vite.config.ts
+import react from "file:///home/urutu-branco/Projetos/portaljs/node_modules/@vitejs/plugin-react-swc/index.mjs";
+import path from "node:path";
+import { defineConfig } from "file:///home/urutu-branco/Projetos/portaljs/node_modules/vitest/dist/config.js";
+import dts from "file:///home/urutu-branco/Projetos/portaljs/node_modules/vite-plugin-dts/dist/index.mjs";
+import tailwindcss from "file:///home/urutu-branco/Projetos/portaljs/node_modules/tailwindcss/lib/index.js";
+var __vite_injected_original_dirname = "/home/urutu-branco/Projetos/portaljs/packages/components";
+var app = async () => {
+ return defineConfig({
+ plugins: [
+ react(),
+ dts({
+ insertTypesEntry: true
+ })
+ ],
+ css: {
+ postcss: {
+ plugins: [tailwindcss]
+ }
+ },
+ build: {
+ target: "es2020",
+ lib: {
+ entry: path.resolve(__vite_injected_original_dirname, "src/index.ts"),
+ name: "components",
+ formats: ["es", "umd"],
+ fileName: (format) => `components.${format}.js`
+ },
+ rollupOptions: {
+ external: [
+ "react",
+ "ol-mapbox-style",
+ "react-dom",
+ "tailwindcss",
+ "vega-lite",
+ "vega",
+ "react-vega",
+ "ol",
+ "ol/dom.js"
+ ],
+ output: {
+ manualChunks: void 0,
+ globals: {
+ react: "React",
+ ol: "ol",
+ "ol/dom.js": "ol/dom.js",
+ "react-vega": "react-vega",
+ "react-dom": "ReactDOM",
+ tailwindcss: "tailwindcss"
+ }
+ }
+ }
+ },
+ test: {
+ globals: true,
+ environment: "jsdom"
+ }
+ });
+};
+var vite_config_default = app;
+export {
+ vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS91cnV0dS1icmFuY28vUHJvamV0b3MvcG9ydGFsanMvcGFja2FnZXMvY29tcG9uZW50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL2hvbWUvdXJ1dHUtYnJhbmNvL1Byb2pldG9zL3BvcnRhbGpzL3BhY2thZ2VzL2NvbXBvbmVudHMvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL2hvbWUvdXJ1dHUtYnJhbmNvL1Byb2pldG9zL3BvcnRhbGpzL3BhY2thZ2VzL2NvbXBvbmVudHMvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgcmVhY3QgZnJvbSAnQHZpdGVqcy9wbHVnaW4tcmVhY3Qtc3djJztcbmltcG9ydCBwYXRoIGZyb20gJ25vZGU6cGF0aCc7XG5pbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlc3QvY29uZmlnJztcbmltcG9ydCBkdHMgZnJvbSAndml0ZS1wbHVnaW4tZHRzJztcbmltcG9ydCB0YWlsd2luZGNzcyBmcm9tICd0YWlsd2luZGNzcyc7XG5pbXBvcnQgeyBVc2VyQ29uZmlnRXhwb3J0IH0gZnJvbSAndml0ZSc7XG5pbXBvcnQgcmVwbGFjZSBmcm9tICdyb2xsdXAtcGx1Z2luLXJlJztcblxuY29uc3QgYXBwID0gYXN5bmMgKCk6IFByb21pc2U8VXNlckNvbmZpZ0V4cG9ydD4gPT4ge1xuICByZXR1cm4gZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbXG4gICAgICByZWFjdCgpLFxuICAgICAgZHRzKHtcbiAgICAgICAgaW5zZXJ0VHlwZXNFbnRyeTogdHJ1ZSxcbiAgICAgIH0pLFxuICAgIF0sXG4gICAgY3NzOiB7XG4gICAgICBwb3N0Y3NzOiB7XG4gICAgICAgIHBsdWdpbnM6IFt0YWlsd2luZGNzc10sXG4gICAgICB9LFxuICAgIH0sXG4gICAgYnVpbGQ6IHtcbiAgICAgIHRhcmdldDogJ2VzMjAyMCcsXG4gICAgICBsaWI6IHtcbiAgICAgICAgZW50cnk6IHBhdGgucmVzb2x2ZShfX2Rpcm5hbWUsICdzcmMvaW5kZXgudHMnKSxcbiAgICAgICAgbmFtZTogJ2NvbXBvbmVudHMnLFxuICAgICAgICBmb3JtYXRzOiBbJ2VzJywgJ3VtZCddLFxuICAgICAgICBmaWxlTmFtZTogKGZvcm1hdCkgPT4gYGNvbXBvbmVudHMuJHtmb3JtYXR9LmpzYCxcbiAgICAgIH0sXG4gICAgICByb2xsdXBPcHRpb25zOiB7XG4gICAgICAgIGV4dGVybmFsOiBbXG4gICAgICAgICAgJ3JlYWN0JyxcbiAgICAgICAgICAnb2wtbWFwYm94LXN0eWxlJyxcbiAgICAgICAgICAncmVhY3QtZG9tJyxcbiAgICAgICAgICAndGFpbHdpbmRjc3MnLFxuICAgICAgICAgICd2ZWdhLWxpdGUnLFxuICAgICAgICAgICd2ZWdhJyxcbiAgICAgICAgICAncmVhY3QtdmVnYScsXG4gICAgICAgICAgJ29sJyxcbiAgICAgICAgICAnb2wvZG9tLmpzJyxcbiAgICAgICAgXSxcbiAgICAgICAgb3V0cHV0OiB7XG4gICAgICAgICAgbWFudWFsQ2h1bmtzOiB1bmRlZmluZWQsXG4gICAgICAgICAgZ2xvYmFsczoge1xuICAgICAgICAgICAgcmVhY3Q6ICdSZWFjdCcsXG4gICAgICAgICAgICBvbDogJ29sJyxcbiAgICAgICAgICAgICdvbC9kb20uanMnOiAnb2wvZG9tLmpzJyxcbiAgICAgICAgICAgICdyZWFjdC12ZWdhJzogJ3JlYWN0LXZlZ2EnLFxuICAgICAgICAgICAgJ3JlYWN0LWRvbSc6ICdSZWFjdERPTScsXG4gICAgICAgICAgICB0YWlsd2luZGNzczogJ3RhaWx3aW5kY3NzJyxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICAgIHRlc3Q6IHtcbiAgICAgIGdsb2JhbHM6IHRydWUsXG4gICAgICBlbnZpcm9ubWVudDogJ2pzZG9tJyxcbiAgICB9LFxuICB9KTtcbn07XG4vLyBodHRwczovL3ZpdGVqcy5kZXYvY29uZmlnL1xuZXhwb3J0IGRlZmF1bHQgYXBwO1xuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUEwVixPQUFPLFdBQVc7QUFDNVcsT0FBTyxVQUFVO0FBQ2pCLFNBQVMsb0JBQW9CO0FBQzdCLE9BQU8sU0FBUztBQUNoQixPQUFPLGlCQUFpQjtBQUp4QixJQUFNLG1DQUFtQztBQVF6QyxJQUFNLE1BQU0sWUFBdUM7QUFDakQsU0FBTyxhQUFhO0FBQUEsSUFDbEIsU0FBUztBQUFBLE1BQ1AsTUFBTTtBQUFBLE1BQ04sSUFBSTtBQUFBLFFBQ0Ysa0JBQWtCO0FBQUEsTUFDcEIsQ0FBQztBQUFBLElBQ0g7QUFBQSxJQUNBLEtBQUs7QUFBQSxNQUNILFNBQVM7QUFBQSxRQUNQLFNBQVMsQ0FBQyxXQUFXO0FBQUEsTUFDdkI7QUFBQSxJQUNGO0FBQUEsSUFDQSxPQUFPO0FBQUEsTUFDTCxRQUFRO0FBQUEsTUFDUixLQUFLO0FBQUEsUUFDSCxPQUFPLEtBQUssUUFBUSxrQ0FBVyxjQUFjO0FBQUEsUUFDN0MsTUFBTTtBQUFBLFFBQ04sU0FBUyxDQUFDLE1BQU0sS0FBSztBQUFBLFFBQ3JCLFVBQVUsQ0FBQyxXQUFXLGNBQWM7QUFBQSxNQUN0QztBQUFBLE1BQ0EsZUFBZTtBQUFBLFFBQ2IsVUFBVTtBQUFBLFVBQ1I7QUFBQSxVQUNBO0FBQUEsVUFDQTtBQUFBLFVBQ0E7QUFBQSxVQUNBO0FBQUEsVUFDQTtBQUFBLFVBQ0E7QUFBQSxVQUNBO0FBQUEsVUFDQTtBQUFBLFFBQ0Y7QUFBQSxRQUNBLFFBQVE7QUFBQSxVQUNOLGNBQWM7QUFBQSxVQUNkLFNBQVM7QUFBQSxZQUNQLE9BQU87QUFBQSxZQUNQLElBQUk7QUFBQSxZQUNKLGFBQWE7QUFBQSxZQUNiLGNBQWM7QUFBQSxZQUNkLGFBQWE7QUFBQSxZQUNiLGFBQWE7QUFBQSxVQUNmO0FBQUEsUUFDRjtBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsSUFDQSxNQUFNO0FBQUEsTUFDSixTQUFTO0FBQUEsTUFDVCxhQUFhO0FBQUEsSUFDZjtBQUFBLEVBQ0YsQ0FBQztBQUNIO0FBRUEsSUFBTyxzQkFBUTsiLAogICJuYW1lcyI6IFtdCn0K