-
-
-
-
-
\ No newline at end of file
diff --git a/build/service-worker.js b/build/service-worker.js
deleted file mode 100644
index 9535a08..0000000
--- a/build/service-worker.js
+++ /dev/null
@@ -1,327 +0,0 @@
-/**
- * TourGuideAI Service Worker
- * Provides caching, offline support, and performance optimizations
- */
-
-// Cache name and version
-const CACHE_NAME = 'tourguide-cache-v1';
-
-// Resources to cache
-const STATIC_CACHE_URLS = [
- '/',
- '/index.html',
- '/static/js/main.*.js',
- '/static/css/main.*.css',
- '/static/media/*',
- '/manifest.json',
- '/favicon.ico',
- '/logo192.png',
- '/logo512.png',
- '/offline.html'
-];
-
-// API response cache
-const API_CACHE_NAME = 'tourguide-api-cache-v1';
-const API_CACHE_DURATION = 24 * 60 * 60 * 1000; // 24 hours
-
-// Install event: cache static assets
-self.addEventListener('install', event => {
- event.waitUntil(
- caches.open(CACHE_NAME)
- .then(cache => {
- console.log('Service Worker: Caching static assets');
- // Use cache.addAll for precaching
- return cache.addAll(STATIC_CACHE_URLS);
- })
- .then(() => self.skipWaiting()) // Force activation
- );
-});
-
-// Activate event: clean up old caches
-self.addEventListener('activate', event => {
- event.waitUntil(
- caches.keys()
- .then(cacheNames => {
- return Promise.all(
- cacheNames
- .filter(cacheName =>
- cacheName.startsWith('tourguide-') &&
- cacheName !== CACHE_NAME &&
- cacheName !== API_CACHE_NAME
- )
- .map(cacheName => {
- console.log('Service Worker: Cleaning old cache:', cacheName);
- return caches.delete(cacheName);
- })
- );
- })
- .then(() => self.clients.claim()) // Take control immediately
- );
-});
-
-// Helper: Should we cache this request?
-const shouldCacheRequest = (request) => {
- // Cache GET requests only
- if (request.method !== 'GET') return false;
-
- const url = new URL(request.url);
-
- // Don't cache API calls with authentication
- if (url.pathname.includes('/api/') && request.headers.has('Authorization')) {
- return false;
- }
-
- return true;
-};
-
-// Helper: Is this an API request?
-const isApiRequest = (request) => {
- const url = new URL(request.url);
- return url.pathname.startsWith('/api/');
-};
-
-// Helper: Cache cleanup for API responses
-const cleanupApiCache = async () => {
- const cache = await caches.open(API_CACHE_NAME);
- const requests = await cache.keys();
- const now = Date.now();
-
- const expiredRequests = requests.filter(request => {
- const url = new URL(request.url);
- const cachedTime = parseInt(url.searchParams.get('cachedTime') || '0', 10);
- return now - cachedTime > API_CACHE_DURATION;
- });
-
- await Promise.all(expiredRequests.map(request => cache.delete(request)));
-};
-
-// Fetch event: network first with cache fallback for API,
-// cache first with network fallback for static assets
-self.addEventListener('fetch', event => {
- // Skip cross-origin requests
- if (!event.request.url.startsWith(self.location.origin)) return;
-
- // Skip if not cacheable
- if (!shouldCacheRequest(event.request)) return;
-
- // Different strategies for API vs static content
- if (isApiRequest(event.request)) {
- // API requests: Network first, cache fallback, with TTL
- event.respondWith(
- fetch(event.request.clone())
- .then(response => {
- if (!response || response.status !== 200) {
- return response;
- }
-
- // Clone the response to store in cache
- const responseToCache = response.clone();
- const url = new URL(event.request.url);
- url.searchParams.set('cachedTime', Date.now().toString());
-
- // Create a new request with the updated URL for cache storage
- const requestToCache = new Request(url.toString(), {
- method: event.request.method,
- headers: event.request.headers,
- mode: event.request.mode,
- credentials: event.request.credentials,
- redirect: event.request.redirect
- });
-
- caches.open(API_CACHE_NAME)
- .then(cache => {
- cache.put(requestToCache, responseToCache);
- // Periodically clean up expired cache
- if (Math.random() < 0.1) { // 10% chance to run cleanup
- cleanupApiCache();
- }
- });
-
- return response;
- })
- .catch(() => {
- // Try to get from cache if network fails
- return caches.open(API_CACHE_NAME)
- .then(cache => cache.match(event.request))
- .then(cachedResponse => {
- if (cachedResponse) {
- const url = new URL(event.request.url);
- const cachedTime = parseInt(url.searchParams.get('cachedTime') || '0', 10);
-
- // Check if cache is still valid
- if (Date.now() - cachedTime < API_CACHE_DURATION) {
- return cachedResponse;
- }
- }
-
- // If no valid cache, return offline response for API
- return new Response(
- JSON.stringify({
- error: 'You are offline and cached data is not available',
- offline: true
- }),
- {
- headers: { 'Content-Type': 'application/json' },
- status: 503
- }
- );
- });
- })
- );
- } else {
- // Static content: Cache first, network fallback
- event.respondWith(
- caches.match(event.request)
- .then(cachedResponse => {
- if (cachedResponse) {
- return cachedResponse;
- }
-
- return fetch(event.request)
- .then(response => {
- if (!response || response.status !== 200) {
- return response;
- }
-
- // Clone the response
- const responseToCache = response.clone();
-
- caches.open(CACHE_NAME)
- .then(cache => {
- cache.put(event.request, responseToCache);
- });
-
- return response;
- })
- .catch(() => {
- // If both cache and network fail, return offline page
- if (event.request.mode === 'navigate') {
- return caches.match('/offline.html');
- }
-
- return new Response('Offline content not available', {
- status: 503,
- headers: { 'Content-Type': 'text/plain' }
- });
- });
- })
- );
- }
-});
-
-// Background sync for offline operations
-self.addEventListener('sync', event => {
- if (event.tag === 'sync-favorites') {
- event.waitUntil(syncFavorites());
- } else if (event.tag === 'sync-routes') {
- event.waitUntil(syncRoutes());
- }
-});
-
-// Helper functions for background sync
-const syncFavorites = async () => {
- try {
- const db = await openIndexedDB();
- const pendingFavorites = await db.getAll('pendingFavorites');
-
- if (pendingFavorites.length === 0) return;
-
- // Process each pending favorite
- await Promise.all(pendingFavorites.map(async (item) => {
- try {
- const response = await fetch('/api/favorites', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(item.data)
- });
-
- if (response.ok) {
- await db.delete('pendingFavorites', item.id);
- }
- } catch (error) {
- console.error('Error syncing favorite:', error);
- }
- }));
- } catch (error) {
- console.error('Error in syncFavorites:', error);
- }
-};
-
-const syncRoutes = async () => {
- try {
- const db = await openIndexedDB();
- const pendingRoutes = await db.getAll('pendingRoutes');
-
- if (pendingRoutes.length === 0) return;
-
- // Process each pending route
- await Promise.all(pendingRoutes.map(async (item) => {
- try {
- const response = await fetch('/api/routes', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(item.data)
- });
-
- if (response.ok) {
- await db.delete('pendingRoutes', item.id);
- }
- } catch (error) {
- console.error('Error syncing route:', error);
- }
- }));
- } catch (error) {
- console.error('Error in syncRoutes:', error);
- }
-};
-
-// Helper for IndexedDB operations
-const openIndexedDB = () => {
- return new Promise((resolve, reject) => {
- const request = indexedDB.open('tourguideDB', 1);
-
- request.onerror = () => reject(request.error);
- request.onsuccess = () => {
- const db = request.result;
- resolve({
- getAll: (storeName) => {
- return new Promise((resolve, reject) => {
- const transaction = db.transaction(storeName, 'readonly');
- const store = transaction.objectStore(storeName);
- const request = store.getAll();
-
- request.onerror = () => reject(request.error);
- request.onsuccess = () => resolve(request.result);
- });
- },
- delete: (storeName, id) => {
- return new Promise((resolve, reject) => {
- const transaction = db.transaction(storeName, 'readwrite');
- const store = transaction.objectStore(storeName);
- const request = store.delete(id);
-
- request.onerror = () => reject(request.error);
- request.onsuccess = () => resolve();
- });
- }
- });
- };
-
- request.onupgradeneeded = (event) => {
- const db = event.target.result;
-
- // Create object stores if they don't exist
- if (!db.objectStoreNames.contains('pendingFavorites')) {
- db.createObjectStore('pendingFavorites', { keyPath: 'id', autoIncrement: true });
- }
-
- if (!db.objectStoreNames.contains('pendingRoutes')) {
- db.createObjectStore('pendingRoutes', { keyPath: 'id', autoIncrement: true });
- }
- };
- });
-};
\ No newline at end of file
diff --git a/build/static/css/125.09d7fa2f.chunk.css b/build/static/css/125.09d7fa2f.chunk.css
deleted file mode 100644
index b2ab336..0000000
--- a/build/static/css/125.09d7fa2f.chunk.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.profile-page{padding:20px 0}.profile-container{display:flex;flex-direction:column;gap:30px}.profile-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:30px;text-align:center}.user-name{color:#333;font-size:2rem;margin:0 0 20px}.profile-image-container{border:4px solid #1976d2;border-radius:50%;box-shadow:0 4px 8px #0003;height:150px;overflow:hidden;width:150px}.profile-image{height:100%;object-fit:cover;width:100%}.routes-board{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.routes-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.routes-header h2{color:#333;font-size:1.5rem;margin:0}.sort-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sort-options span{color:#555;font-weight:500}.sort-btn{background-color:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.sort-btn:hover{background-color:#e0e0e0}.sort-btn.active{background-color:#1976d2;color:#fff}.routes-list{display:flex;flex-direction:column;gap:15px}.route-card{background-color:#f5f5f5;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.route-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.route-info{flex:1 1}.route-name{color:#333;font-size:1.2rem;margin:0 0 5px}.route-date{color:#777;font-size:14px;margin:0 0 15px}.route-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-item{align-items:center;display:flex;gap:5px}.stat-label{color:#555;font-size:14px;font-weight:600}.stat-value{color:#333;font-size:14px}.route-metrics{align-items:flex-start;display:flex;gap:15px}.metric{align-items:center;display:flex;flex-direction:column;min-width:70px}.metric-value{color:#1976d2;font-size:1.2rem;font-weight:600}.metric-label{color:#777;font-size:12px}@media (max-width:768px){.routes-header{align-items:flex-start;flex-direction:column}.sort-options{justify-content:space-between;width:100%}.route-card{flex-direction:column;gap:15px}.route-metrics{justify-content:space-around;width:100%}}
-/*# sourceMappingURL=125.09d7fa2f.chunk.css.map*/
\ No newline at end of file
diff --git a/build/static/css/125.09d7fa2f.chunk.css.map b/build/static/css/125.09d7fa2f.chunk.css.map
deleted file mode 100644
index 121b307..0000000
--- a/build/static/css/125.09d7fa2f.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/125.09d7fa2f.chunk.css","mappings":"AAAA,cACE,cACF,CAEA,mBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAGA,gBAGE,kBAAmB,CACnB,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CALzC,YAAa,CACb,qBAAsB,CAKtB,YAAa,CACb,iBACF,CAEA,WAGE,UAAW,CADX,cAAe,CADf,eAGF,CAEA,yBAKE,wBAAyB,CAFzB,iBAAkB,CAGlB,0BAAwC,CAJxC,YAAa,CAEb,eAAgB,CAHhB,WAMF,CAEA,eAEE,WAAY,CACZ,gBAAiB,CAFjB,UAGF,CAGA,cACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CACzC,YACF,CAEA,eAGE,kBAAmB,CAFnB,YAAa,CAIb,cAAe,CACf,QAAS,CAJT,6BAA8B,CAE9B,kBAGF,CAEA,kBAGE,UAAW,CADX,gBAAiB,CADjB,QAGF,CAEA,cAEE,kBAAmB,CADnB,YAAa,CAGb,cAAe,CADf,QAEF,CAEA,mBACE,UAAW,CACX,eACF,CAEA,UACE,wBAAyB,CACzB,WAAY,CACZ,iBAAkB,CAGlB,cAAe,CADf,cAAe,CADf,gBAAiB,CAGjB,uBACF,CAEA,gBACE,wBACF,CAEA,iBACE,wBAAyB,CACzB,UACF,CAGA,aACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,YAGE,wBAAyB,CACzB,iBAAkB,CAElB,cAAe,CALf,YAAa,CACb,6BAA8B,CAG9B,YAAa,CAEb,iDACF,CAEA,kBAEE,+BAAyC,CADzC,0BAEF,CAEA,YACE,QACF,CAEA,YAGE,UAAW,CADX,gBAAiB,CADjB,cAGF,CAEA,YAGE,UAAW,CADX,cAAe,CADf,eAGF,CAEA,aACE,YAAa,CAEb,cAAe,CADf,QAEF,CAEA,WAEE,kBAAmB,CADnB,YAAa,CAEb,OACF,CAEA,YAEE,UAAW,CACX,cAAe,CAFf,eAGF,CAEA,YACE,UAAW,CACX,cACF,CAEA,eAGE,sBAAuB,CAFvB,YAAa,CACb,QAEF,CAEA,QAGE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAEtB,cACF,CAEA,cAGE,aAAc,CAFd,gBAAiB,CACjB,eAEF,CAEA,cAEE,UAAW,CADX,cAEF,CAGA,yBACE,eAEE,sBAAuB,CADvB,qBAEF,CAEA,cAEE,6BAA8B,CAD9B,UAEF,CAEA,YACE,qBAAsB,CACtB,QACF,CAEA,eAEE,4BAA6B,CAD7B,UAEF,CACF","sources":["styles/ProfilePage.css"],"sourcesContent":[".profile-page {\r\n padding: 20px 0;\r\n}\r\n\r\n.profile-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n}\r\n\r\n/* Profile Header */\r\n.profile-header {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n text-align: center;\r\n}\r\n\r\n.user-name {\r\n margin: 0 0 20px 0;\r\n font-size: 2rem;\r\n color: #333;\r\n}\r\n\r\n.profile-image-container {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 4px solid #1976d2;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.profile-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n/* Routes Board */\r\n.routes-board {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.routes-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n}\r\n\r\n.routes-header h2 {\r\n margin: 0;\r\n font-size: 1.5rem;\r\n color: #333;\r\n}\r\n\r\n.sort-options {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.sort-options span {\r\n color: #555;\r\n font-weight: 500;\r\n}\r\n\r\n.sort-btn {\r\n background-color: #f5f5f5;\r\n border: none;\r\n border-radius: 4px;\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.sort-btn:hover {\r\n background-color: #e0e0e0;\r\n}\r\n\r\n.sort-btn.active {\r\n background-color: #1976d2;\r\n color: white;\r\n}\r\n\r\n/* Routes List */\r\n.routes-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n}\r\n\r\n.route-card {\r\n display: flex;\r\n justify-content: space-between;\r\n background-color: #f5f5f5;\r\n border-radius: 8px;\r\n padding: 15px;\r\n cursor: pointer;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.route-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.route-info {\r\n flex: 1;\r\n}\r\n\r\n.route-name {\r\n margin: 0 0 5px 0;\r\n font-size: 1.2rem;\r\n color: #333;\r\n}\r\n\r\n.route-date {\r\n margin: 0 0 15px 0;\r\n font-size: 14px;\r\n color: #777;\r\n}\r\n\r\n.route-stats {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.stat-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.stat-label {\r\n font-weight: 600;\r\n color: #555;\r\n font-size: 14px;\r\n}\r\n\r\n.stat-value {\r\n color: #333;\r\n font-size: 14px;\r\n}\r\n\r\n.route-metrics {\r\n display: flex;\r\n gap: 15px;\r\n align-items: flex-start;\r\n}\r\n\r\n.metric {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 70px;\r\n}\r\n\r\n.metric-value {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #1976d2;\r\n}\r\n\r\n.metric-label {\r\n font-size: 12px;\r\n color: #777;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n .routes-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n \r\n .sort-options {\r\n width: 100%;\r\n justify-content: space-between;\r\n }\r\n \r\n .route-card {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n \r\n .route-metrics {\r\n width: 100%;\r\n justify-content: space-around;\r\n }\r\n} "],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/css/158.052c05fc.chunk.css b/build/static/css/158.052c05fc.chunk.css
deleted file mode 100644
index f2d0f57..0000000
--- a/build/static/css/158.052c05fc.chunk.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.home-container{font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.home-header{margin-bottom:3rem;text-align:center}.home-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.home-tagline{color:#7f8c8d;font-size:1.2rem}.feature-cards{display:flex;gap:2rem;justify-content:space-between;margin-bottom:4rem}.feature-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;padding:1.5rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h2{color:#3498db;margin-bottom:1rem}.feature-card p{color:#555;margin-bottom:1.5rem}.feature-button{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.feature-button:hover{background-color:#2980b9}.app-info{margin-bottom:4rem;text-align:center}.app-info h2{color:#2c3e50;margin-bottom:2rem}.step-container{display:flex;gap:2rem;justify-content:space-between}.step{flex:1 1;padding:1.5rem}.step-number{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step h3{color:#2c3e50;margin-bottom:.5rem}.home-footer,.step p{color:#7f8c8d}.home-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:2rem;text-align:center}.footer-nav{margin-top:1rem}.footer-nav a{color:#3498db;margin:0 1rem;text-decoration:none}.footer-nav a:hover{text-decoration:underline}@media (max-width:768px){.feature-cards,.step-container{flex-direction:column}.feature-card,.step{margin-bottom:1.5rem}}
-/*# sourceMappingURL=158.052c05fc.chunk.css.map*/
\ No newline at end of file
diff --git a/build/static/css/158.052c05fc.chunk.css.map b/build/static/css/158.052c05fc.chunk.css.map
deleted file mode 100644
index f1b1f62..0000000
--- a/build/static/css/158.052c05fc.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/158.052c05fc.chunk.css","mappings":"AAEA,gBAIE,6BAAiC,CAFjC,aAAc,CADd,gBAAiB,CAEjB,YAEF,CAEA,aAEE,kBAAmB,CADnB,iBAEF,CAEA,gBAEE,aAAc,CADd,gBAAiB,CAEjB,mBACF,CAEA,cAEE,aAAc,CADd,gBAEF,CAEA,eACE,YAAa,CAEb,QAAS,CADT,6BAA8B,CAE9B,kBACF,CAEA,cAEE,wBAAyB,CACzB,iBAAkB,CAElB,8BAAwC,CAJxC,QAAO,CAGP,cAAe,CAEf,6BACF,CAEA,oBACE,0BACF,CAEA,iBACE,aAAc,CACd,kBACF,CAEA,gBAEE,UAAW,CADX,oBAEF,CAEA,gBAGE,wBAAyB,CAGzB,iBAAkB,CAFlB,UAAY,CAHZ,oBAAqB,CAMrB,eAAgB,CALhB,kBAAoB,CAGpB,oBAAqB,CAGrB,oCACF,CAEA,sBACE,wBACF,CAEA,UAEE,kBAAmB,CADnB,iBAEF,CAEA,aAEE,aAAc,CADd,kBAEF,CAEA,gBACE,YAAa,CAEb,QAAS,CADT,6BAEF,CAEA,MACE,QAAO,CACP,cACF,CAEA,aAEE,kBAAmB,CAInB,wBAAyB,CAEzB,iBAAkB,CADlB,UAAY,CANZ,YAAa,CASb,eAAiB,CALjB,WAAY,CAFZ,sBAAuB,CAMvB,kBAAmB,CALnB,UAOF,CAEA,SAEE,aAAc,CADd,mBAEF,CAMA,qBAHE,aASF,CANA,aAIE,yBAA0B,CAF1B,eAAgB,CAChB,gBAAiB,CAFjB,iBAKF,CAEA,YACE,eACF,CAEA,cAEE,aAAc,CADd,aAAc,CAEd,oBACF,CAEA,oBACE,yBACF,CAGA,yBACE,+BAEE,qBACF,CAEA,oBAEE,oBACF,CACF","sources":["styles/HomePage.css"],"sourcesContent":["/* HomePage.css - Styles for the home landing page */\r\n\r\n.home-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.home-header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.home-header h1 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.home-tagline {\r\n font-size: 1.2rem;\r\n color: #7f8c8d;\r\n}\r\n\r\n.feature-cards {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n}\r\n\r\n.feature-card {\r\n flex: 1;\r\n background-color: #f9f9f9;\r\n border-radius: 8px;\r\n padding: 1.5rem;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.feature-card:hover {\r\n transform: translateY(-5px);\r\n}\r\n\r\n.feature-card h2 {\r\n color: #3498db;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.feature-card p {\r\n margin-bottom: 1.5rem;\r\n color: #555;\r\n}\r\n\r\n.feature-button {\r\n display: inline-block;\r\n padding: 0.5rem 1rem;\r\n background-color: #3498db;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n.feature-button:hover {\r\n background-color: #2980b9;\r\n}\r\n\r\n.app-info {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n}\r\n\r\n.app-info h2 {\r\n margin-bottom: 2rem;\r\n color: #2c3e50;\r\n}\r\n\r\n.step-container {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n}\r\n\r\n.step {\r\n flex: 1;\r\n padding: 1.5rem;\r\n}\r\n\r\n.step-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n background-color: #3498db;\r\n color: white;\r\n border-radius: 50%;\r\n margin: 0 auto 1rem;\r\n font-weight: bold;\r\n}\r\n\r\n.step h3 {\r\n margin-bottom: 0.5rem;\r\n color: #2c3e50;\r\n}\r\n\r\n.step p {\r\n color: #7f8c8d;\r\n}\r\n\r\n.home-footer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid #eee;\r\n color: #7f8c8d;\r\n}\r\n\r\n.footer-nav {\r\n margin-top: 1rem;\r\n}\r\n\r\n.footer-nav a {\r\n margin: 0 1rem;\r\n color: #3498db;\r\n text-decoration: none;\r\n}\r\n\r\n.footer-nav a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* Responsive adjustments */\r\n@media (max-width: 768px) {\r\n .feature-cards,\r\n .step-container {\r\n flex-direction: column;\r\n }\r\n \r\n .feature-card,\r\n .step {\r\n margin-bottom: 1.5rem;\r\n }\r\n} "],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/css/449.3cbc5abb.chunk.css b/build/static/css/449.3cbc5abb.chunk.css
deleted file mode 100644
index 18000e5..0000000
--- a/build/static/css/449.3cbc5abb.chunk.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.chat-page{padding:20px 0}.chat-container{display:flex;flex-direction:column;gap:30px}.input-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.input-box{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:15px;min-height:120px;padding:15px;resize:vertical;width:100%}.input-box:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.button-group{display:flex;gap:15px;justify-content:flex-end}.generate-btn,.lucky-btn{font-size:16px;padding:12px 24px}.generate-btn:disabled,.lucky-btn:disabled{cursor:not-allowed;opacity:.6}.content-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.live-popup-section,.rankboard-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.live-popup-section h2,.rankboard-section h2{color:#333;font-size:1.5rem;margin-bottom:15px;margin-top:0}.popup-container{display:flex;flex-direction:column;gap:15px}.popup-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:transform .2s ease}.popup-item:hover{transform:translateY(-3px)}.user-avatar{border:2px solid #fff;border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.popup-content{flex:1 1}.user-name{color:#333;font-weight:600;margin:0 0 5px}.route-name{color:#555;margin:0}.rankboard-container{display:flex;flex-direction:column;gap:20px}.top-three{display:flex;justify-content:space-around;margin-bottom:10px}.medal-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.medal-item:hover{transform:translateY(-3px)}.medal{margin-bottom:10px;position:relative}.upvote-badge{align-items:center;background-color:#f50057;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.rank-1{border:3px solid gold;border-radius:50%;padding:3px}.rank-2{border:3px solid silver;border-radius:50%;padding:3px}.rank-3{border:3px solid #cd7f32;border-radius:50%;padding:3px}.other-ranks{display:flex;flex-direction:column;gap:10px}.rank-item{align-items:center;background-color:#f5f5f5;border-radius:8px;cursor:pointer;display:flex;padding:10px;transition:background-color .2s ease}.rank-item:hover{background-color:#e0e0e0}.rank-number{align-items:center;background-color:#1976d2;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.rank-details{flex:1 1}.upvotes{color:#777;font-size:14px;margin:0}@media (max-width:768px){.content-section{grid-template-columns:1fr}.button-group,.top-three{flex-direction:column}.top-three{align-items:center;gap:20px}}.api-status{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 20px;max-width:800px;padding:10px 20px}.api-status h3{color:#333;font-size:1rem;margin-bottom:10px;margin-top:5px}.api-status ul{list-style:none;margin:0;padding:0}.api-status li{align-items:center;display:flex;flex-wrap:wrap;padding:5px 0}.api-status li:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-right:10px;width:10px}.api-connected:before{background-color:#4caf50}.api-disconnected:before{background-color:#f44336}.api-help{color:#f44336;font-size:.8rem;margin:5px 0 5px 20px;width:100%}.api-status-error{background-color:#fff8f8;border:1px solid #ffcdd2}.api-status-error h3{color:#c62828}
-/*# sourceMappingURL=449.3cbc5abb.chunk.css.map*/
\ No newline at end of file
diff --git a/build/static/css/449.3cbc5abb.chunk.css.map b/build/static/css/449.3cbc5abb.chunk.css.map
deleted file mode 100644
index 9c73439..0000000
--- a/build/static/css/449.3cbc5abb.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/449.3cbc5abb.chunk.css","mappings":"AAAA,WACE,cACF,CAEA,gBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAGA,eACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CACzC,YACF,CAEA,WAIE,wBAAyB,CACzB,iBAAkB,CAIlB,mBAAoB,CAHpB,cAAe,CAEf,kBAAmB,CANnB,gBAAiB,CACjB,YAAa,CAIb,eAAgB,CANhB,UASF,CAEA,iBAEE,oBAAqB,CACrB,8BAA6C,CAF7C,YAGF,CAEA,cACE,YAAa,CACb,QAAS,CACT,wBACF,CAEA,yBAEE,cAAe,CADf,iBAEF,CAEA,2CAEE,kBAAmB,CADnB,UAEF,CAGA,iBAGE,aAAS,CAFT,YAAa,CAEb,QAAS,CADT,6BAEF,CAGA,uCACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CACzC,YACF,CAEA,6CAIE,UAAW,CADX,gBAAiB,CADjB,kBAAmB,CADnB,YAIF,CAEA,iBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,YAEE,kBAAmB,CAEnB,iBAAkB,CAClB,cAAe,CAJf,YAAa,CAEb,YAAa,CAGb,6BACF,CAEA,kBACE,0BACF,CAEA,aAME,qBAAuB,CAHvB,iBAAkB,CADlB,WAAY,CAGZ,iBAAkB,CADlB,gBAAiB,CAHjB,UAMF,CAEA,eACE,QACF,CAEA,WAGE,UAAW,CADX,eAAgB,CADhB,cAGF,CAEA,YAEE,UAAW,CADX,QAEF,CAGA,qBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,WACE,YAAa,CACb,4BAA6B,CAC7B,kBACF,CAEA,YAGE,kBAAmB,CACnB,cAAe,CAHf,YAAa,CACb,qBAAsB,CAGtB,6BACF,CAEA,kBACE,0BACF,CAEA,OAEE,kBAAmB,CADnB,iBAEF,CAEA,cAUE,kBAAmB,CANnB,wBAAyB,CAEzB,iBAAkB,CADlB,UAAY,CAIZ,YAAa,CAGb,cAAe,CACf,eAAiB,CALjB,WAAY,CAGZ,sBAAuB,CAVvB,iBAAkB,CAElB,UAAW,CADX,QAAS,CAKT,UAOF,CAEA,QACE,qBAAsB,CACtB,iBAAkB,CAClB,WACF,CAEA,QACE,uBAAwB,CACxB,iBAAkB,CAClB,WACF,CAEA,QACE,wBAAyB,CACzB,iBAAkB,CAClB,WACF,CAEA,aACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,WAEE,kBAAmB,CAGnB,wBAAyB,CADzB,iBAAkB,CAElB,cAAe,CALf,YAAa,CAEb,YAAa,CAIb,oCACF,CAEA,iBACE,wBACF,CAEA,aAOE,kBAAmB,CAJnB,wBAAyB,CAEzB,iBAAkB,CADlB,UAAY,CAEZ,YAAa,CAGb,eAAiB,CAPjB,WAAY,CAMZ,sBAAuB,CAEvB,iBAAkB,CATlB,UAUF,CAEA,cACE,QACF,CAEA,SAGE,UAAW,CADX,cAAe,CADf,QAGF,CAGA,yBACE,iBACE,yBACF,CAMA,yBAHE,qBAOF,CAJA,WAEE,kBAAmB,CACnB,QACF,CACF,CAGA,YACE,wBAAyB,CACzB,iBAAkB,CAIlB,8BAAwC,CAFxC,kBAAmB,CACnB,eAAgB,CAFhB,iBAIF,CAEA,eAIE,UAAW,CADX,cAAe,CADf,kBAAmB,CADnB,cAIF,CAEA,eACE,eAAgB,CAEhB,QAAS,CADT,SAEF,CAEA,eAGE,kBAAmB,CADnB,YAAa,CAEb,cAAe,CAHf,aAIF,CAEA,sBAKE,iBAAkB,CAJlB,UAAW,CACX,oBAAqB,CAErB,WAAY,CAEZ,iBAAkB,CAHlB,UAIF,CAEA,sBACE,wBACF,CAEA,yBACE,wBACF,CAEA,UAGE,aAAc,CADd,eAAiB,CADjB,qBAAsB,CAGtB,UACF,CAEA,kBACE,wBAAyB,CACzB,wBACF,CAEA,qBACE,aACF","sources":["styles/ChatPage.css"],"sourcesContent":[".chat-page {\r\n padding: 20px 0;\r\n}\r\n\r\n.chat-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n}\r\n\r\n/* Input Section */\r\n.input-section {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.input-box {\r\n width: 100%;\r\n min-height: 120px;\r\n padding: 15px;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n resize: vertical;\r\n margin-bottom: 15px;\r\n font-family: inherit;\r\n}\r\n\r\n.input-box:focus {\r\n outline: none;\r\n border-color: #1976d2;\r\n box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);\r\n}\r\n\r\n.button-group {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: flex-end;\r\n}\r\n\r\n.generate-btn, .lucky-btn {\r\n padding: 12px 24px;\r\n font-size: 16px;\r\n}\r\n\r\n.generate-btn:disabled, .lucky-btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Content Section */\r\n.content-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n/* Live Pop-up Window */\r\n.live-popup-section, .rankboard-section {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.live-popup-section h2, .rankboard-section h2 {\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n color: #333;\r\n}\r\n\r\n.popup-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n}\r\n\r\n.popup-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 15px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.popup-item:hover {\r\n transform: translateY(-3px);\r\n}\r\n\r\n.user-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n margin-right: 15px;\r\n border: 2px solid white;\r\n}\r\n\r\n.popup-content {\r\n flex: 1;\r\n}\r\n\r\n.user-name {\r\n margin: 0 0 5px 0;\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n.route-name {\r\n margin: 0;\r\n color: #555;\r\n}\r\n\r\n/* Route Rankboard */\r\n.rankboard-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n\r\n.top-three {\r\n display: flex;\r\n justify-content: space-around;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.medal-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.medal-item:hover {\r\n transform: translateY(-3px);\r\n}\r\n\r\n.medal {\r\n position: relative;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.upvote-badge {\r\n position: absolute;\r\n top: -5px;\r\n right: -5px;\r\n background-color: #f50057;\r\n color: white;\r\n border-radius: 50%;\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: bold;\r\n}\r\n\r\n.rank-1 {\r\n border: 3px solid gold;\r\n border-radius: 50%;\r\n padding: 3px;\r\n}\r\n\r\n.rank-2 {\r\n border: 3px solid silver;\r\n border-radius: 50%;\r\n padding: 3px;\r\n}\r\n\r\n.rank-3 {\r\n border: 3px solid #cd7f32; /* bronze */\r\n border-radius: 50%;\r\n padding: 3px;\r\n}\r\n\r\n.other-ranks {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.rank-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 10px;\r\n border-radius: 8px;\r\n background-color: #f5f5f5;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.rank-item:hover {\r\n background-color: #e0e0e0;\r\n}\r\n\r\n.rank-number {\r\n width: 30px;\r\n height: 30px;\r\n background-color: #1976d2;\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n margin-right: 15px;\r\n}\r\n\r\n.rank-details {\r\n flex: 1;\r\n}\r\n\r\n.upvotes {\r\n margin: 0;\r\n font-size: 14px;\r\n color: #777;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n .content-section {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .button-group {\r\n flex-direction: column;\r\n }\r\n \r\n .top-three {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n}\r\n\r\n/* API Status Styles */\r\n.api-status {\r\n background-color: #f5f5f5;\r\n border-radius: 8px;\r\n padding: 10px 20px;\r\n margin: 0 auto 20px;\r\n max-width: 800px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.api-status h3 {\r\n margin-top: 5px;\r\n margin-bottom: 10px;\r\n font-size: 1rem;\r\n color: #333;\r\n}\r\n\r\n.api-status ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.api-status li {\r\n padding: 5px 0;\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.api-status li::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.api-connected::before {\r\n background-color: #4caf50;\r\n}\r\n\r\n.api-disconnected::before {\r\n background-color: #f44336;\r\n}\r\n\r\n.api-help {\r\n margin: 5px 0 5px 20px;\r\n font-size: 0.8rem;\r\n color: #f44336;\r\n width: 100%;\r\n}\r\n\r\n.api-status-error {\r\n background-color: #fff8f8;\r\n border: 1px solid #ffcdd2;\r\n}\r\n\r\n.api-status-error h3 {\r\n color: #c62828;\r\n} "],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/css/823.275a0f8d.chunk.css b/build/static/css/823.275a0f8d.chunk.css
deleted file mode 100644
index b9c5210..0000000
--- a/build/static/css/823.275a0f8d.chunk.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.map-page{padding:20px 0}.map-error,.map-loading{color:#555;font-size:18px;padding:50px;text-align:center}.map-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.map-preview{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.info-window{max-width:250px;padding:5px}.info-window h3{color:#333;font-size:16px;margin:0 0 5px}.info-window p{color:#555;font-size:14px;margin:0 0 10px}.info-window h4{color:#333;font-size:14px;margin:10px 0 5px}.info-window ul{font-size:12px;margin:0;padding-left:20px}.info-window li{margin-bottom:5px}.map-sidebar{display:flex;flex-direction:column;gap:20px}.user-input-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.user-input-box h2{color:#333;font-size:1.5rem;margin-bottom:15px;margin-top:0}.query-display{background-color:#f5f5f5;border-radius:8px;padding:15px}.user-info{display:flex;justify-content:space-between;margin-bottom:10px}.username{color:#333;font-weight:600}.date{color:#777;font-size:14px}.query-text{color:#333;font-size:16px;margin:0 0 15px}.intent-recognition{display:flex;flex-wrap:wrap;gap:10px}.intent-item{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:5px 10px}.arrival{background-color:#e3f2fd;color:#1565c0}.date{background-color:#e8f5e9;color:#2e7d32}.duration{background-color:#fff3e0;color:#e65100}.timezone{background-color:#f3e5f5;color:#7b1fa2}.route-timeline{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.route-timeline h2{color:#333;font-size:1.5rem;margin-bottom:15px;margin-top:0}.timeline-container{display:flex;flex-direction:column;gap:30px}.day-container{border-left:2px solid #1976d2;padding-left:20px;position:relative}.day-header{align-items:baseline;display:flex;gap:10px;margin-bottom:15px}.day-header h3{color:#1976d2;font-size:1.2rem;margin:0}.day-date{color:#777;font-size:14px}.routes-container{display:flex;flex-direction:column;gap:20px}.route-item{padding-bottom:20px;position:relative}.timeline-marker{background-color:#1976d2;border:2px solid #fff;border-radius:50%;height:10px;left:-26px;position:absolute;top:0;width:10px}.route-content{background-color:#f5f5f5;border-radius:8px;padding:15px}.route-sites{margin-bottom:10px}.arrival-site,.departure-site{align-items:center;display:flex;gap:10px}.time{font-weight:600;min-width:80px}.site-name,.time{color:#333}.transportation{display:flex;flex-direction:column;gap:5px;margin:10px 0;padding-left:80px}.transport-type{background-color:#e3f2fd;border-radius:4px;color:#1565c0;display:inline-block;font-size:14px;font-weight:500;padding:3px 8px;text-transform:capitalize}.transport-details{color:#777;font-size:14px}.recommendation{border-top:1px solid #e0e0e0;margin-top:10px;padding-top:10px}.recommendation p{color:#555;font-size:14px;font-style:italic;margin:0}@media (min-width:992px){.map-container{grid-template-columns:1fr 1fr}.map-preview{margin-bottom:0}}@media (max-width:768px){.user-info{gap:5px}.intent-recognition,.user-info{flex-direction:column}.arrival-site,.departure-site{align-items:flex-start;flex-direction:column;gap:5px}.transportation{margin:15px 0;padding-left:0}}
-/*# sourceMappingURL=823.275a0f8d.chunk.css.map*/
\ No newline at end of file
diff --git a/build/static/css/823.275a0f8d.chunk.css.map b/build/static/css/823.275a0f8d.chunk.css.map
deleted file mode 100644
index 8419fd7..0000000
--- a/build/static/css/823.275a0f8d.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/823.275a0f8d.chunk.css","mappings":"AAAA,UACE,cACF,CAEA,wBAIE,UAAW,CADX,cAAe,CADf,YAAa,CADb,iBAIF,CAEA,eAGE,aAAS,CAFT,YAAa,CAEb,QAAS,CADT,yBAEF,CAGA,aACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CAEzC,kBAAmB,CADnB,YAEF,CAGA,aAEE,eAAgB,CADhB,WAEF,CAEA,gBAGE,UAAW,CADX,cAAe,CADf,cAGF,CAEA,eAGE,UAAW,CADX,cAAe,CADf,eAGF,CAEA,gBAGE,UAAW,CADX,cAAe,CADf,iBAGF,CAEA,gBAGE,cAAe,CAFf,QAAS,CACT,iBAEF,CAEA,gBACE,iBACF,CAGA,aACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAGA,gBACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CACzC,YACF,CAEA,mBAIE,UAAW,CADX,gBAAiB,CADjB,kBAAmB,CADnB,YAIF,CAEA,eACE,wBAAyB,CACzB,iBAAkB,CAClB,YACF,CAEA,WACE,YAAa,CACb,6BAA8B,CAC9B,kBACF,CAEA,UAEE,UAAW,CADX,eAEF,CAEA,MACE,UAAW,CACX,cACF,CAEA,YAGE,UAAW,CADX,cAAe,CADf,eAGF,CAEA,oBACE,YAAa,CACb,cAAe,CACf,QACF,CAEA,aAGE,kBAAmB,CAFnB,oBAAqB,CAGrB,cAAe,CACf,eAAgB,CAHhB,gBAIF,CAEA,SACE,wBAAyB,CACzB,aACF,CAEA,MACE,wBAAyB,CACzB,aACF,CAEA,UACE,wBAAyB,CACzB,aACF,CAEA,UACE,wBAAyB,CACzB,aACF,CAGA,gBACE,qBAAuB,CACvB,kBAAmB,CACnB,+BAAyC,CACzC,YACF,CAEA,mBAIE,UAAW,CADX,gBAAiB,CADjB,kBAAmB,CADnB,YAIF,CAEA,oBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,eACE,6BAA8B,CAC9B,iBAAkB,CAClB,iBACF,CAEA,YAGE,oBAAqB,CADrB,YAAa,CAEb,QAAS,CAHT,kBAIF,CAEA,eAGE,aAAc,CADd,gBAAiB,CADjB,QAGF,CAEA,UACE,UAAW,CACX,cACF,CAEA,kBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,YAEE,mBAAoB,CADpB,iBAEF,CAEA,iBAOE,wBAAyB,CACzB,qBAAuB,CAFvB,iBAAkB,CADlB,WAAY,CAHZ,UAAW,CADX,iBAAkB,CAElB,KAAM,CACN,UAKF,CAEA,eACE,wBAAyB,CACzB,iBAAkB,CAClB,YACF,CAEA,aACE,kBACF,CAEA,8BAEE,kBAAmB,CADnB,YAAa,CAEb,QACF,CAEA,MACE,eAAgB,CAEhB,cACF,CAEA,iBAJE,UAMF,CAEA,gBAGE,YAAa,CACb,qBAAsB,CACtB,OAAQ,CAJR,aAAc,CACd,iBAIF,CAEA,gBAIE,wBAAyB,CADzB,iBAAkB,CAElB,aAAc,CAJd,oBAAqB,CAKrB,cAAe,CACf,eAAgB,CALhB,eAAgB,CAMhB,yBACF,CAEA,mBACE,UAAW,CACX,cACF,CAEA,gBAGE,4BAA6B,CAF7B,eAAgB,CAChB,gBAEF,CAEA,kBAEE,UAAW,CAEX,cAAe,CADf,iBAAkB,CAFlB,QAIF,CAGA,yBACE,eACE,6BACF,CAEA,aACE,eACF,CACF,CAEA,yBACE,WAEE,OACF,CAEA,+BAJE,qBAMF,CAEA,8BAEE,sBAAuB,CADvB,qBAAsB,CAEtB,OACF,CAEA,gBAEE,aAAc,CADd,cAEF,CACF","sources":["styles/MapPage.css"],"sourcesContent":[".map-page {\r\n padding: 20px 0;\r\n}\r\n\r\n.map-error, .map-loading {\r\n text-align: center;\r\n padding: 50px;\r\n font-size: 18px;\r\n color: #555;\r\n}\r\n\r\n.map-container {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n}\r\n\r\n/* Map Preview */\r\n.map-preview {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* Info Window Styling */\r\n.info-window {\r\n padding: 5px;\r\n max-width: 250px;\r\n}\r\n\r\n.info-window h3 {\r\n margin: 0 0 5px 0;\r\n font-size: 16px;\r\n color: #333;\r\n}\r\n\r\n.info-window p {\r\n margin: 0 0 10px 0;\r\n font-size: 14px;\r\n color: #555;\r\n}\r\n\r\n.info-window h4 {\r\n margin: 10px 0 5px 0;\r\n font-size: 14px;\r\n color: #333;\r\n}\r\n\r\n.info-window ul {\r\n margin: 0;\r\n padding-left: 20px;\r\n font-size: 12px;\r\n}\r\n\r\n.info-window li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n/* Map Sidebar */\r\n.map-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n\r\n/* User Input Box */\r\n.user-input-box {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.user-input-box h2 {\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n color: #333;\r\n}\r\n\r\n.query-display {\r\n background-color: #f5f5f5;\r\n border-radius: 8px;\r\n padding: 15px;\r\n}\r\n\r\n.user-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.username {\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n.date {\r\n color: #777;\r\n font-size: 14px;\r\n}\r\n\r\n.query-text {\r\n margin: 0 0 15px 0;\r\n font-size: 16px;\r\n color: #333;\r\n}\r\n\r\n.intent-recognition {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.intent-item {\r\n display: inline-block;\r\n padding: 5px 10px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n}\r\n\r\n.arrival {\r\n background-color: #e3f2fd;\r\n color: #1565c0;\r\n}\r\n\r\n.date {\r\n background-color: #e8f5e9;\r\n color: #2e7d32;\r\n}\r\n\r\n.duration {\r\n background-color: #fff3e0;\r\n color: #e65100;\r\n}\r\n\r\n.timezone {\r\n background-color: #f3e5f5;\r\n color: #7b1fa2;\r\n}\r\n\r\n/* Route Timeline */\r\n.route-timeline {\r\n background-color: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.route-timeline h2 {\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n color: #333;\r\n}\r\n\r\n.timeline-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n}\r\n\r\n.day-container {\r\n border-left: 2px solid #1976d2;\r\n padding-left: 20px;\r\n position: relative;\r\n}\r\n\r\n.day-header {\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n}\r\n\r\n.day-header h3 {\r\n margin: 0;\r\n font-size: 1.2rem;\r\n color: #1976d2;\r\n}\r\n\r\n.day-date {\r\n color: #777;\r\n font-size: 14px;\r\n}\r\n\r\n.routes-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n\r\n.route-item {\r\n position: relative;\r\n padding-bottom: 20px;\r\n}\r\n\r\n.timeline-marker {\r\n position: absolute;\r\n left: -26px;\r\n top: 0;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background-color: #1976d2;\r\n border: 2px solid white;\r\n}\r\n\r\n.route-content {\r\n background-color: #f5f5f5;\r\n border-radius: 8px;\r\n padding: 15px;\r\n}\r\n\r\n.route-sites {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.departure-site, .arrival-site {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.time {\r\n font-weight: 600;\r\n color: #333;\r\n min-width: 80px;\r\n}\r\n\r\n.site-name {\r\n color: #333;\r\n}\r\n\r\n.transportation {\r\n margin: 10px 0;\r\n padding-left: 80px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n}\r\n\r\n.transport-type {\r\n display: inline-block;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n background-color: #e3f2fd;\r\n color: #1565c0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-transform: capitalize;\r\n}\r\n\r\n.transport-details {\r\n color: #777;\r\n font-size: 14px;\r\n}\r\n\r\n.recommendation {\r\n margin-top: 10px;\r\n padding-top: 10px;\r\n border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.recommendation p {\r\n margin: 0;\r\n color: #555;\r\n font-style: italic;\r\n font-size: 14px;\r\n}\r\n\r\n/* Responsive */\r\n@media (min-width: 992px) {\r\n .map-container {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n \r\n .map-preview {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .user-info {\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n \r\n .intent-recognition {\r\n flex-direction: column;\r\n }\r\n \r\n .departure-site, .arrival-site {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 5px;\r\n }\r\n \r\n .transportation {\r\n padding-left: 0;\r\n margin: 15px 0;\r\n }\r\n} "],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/css/main.424ba46b.css b/build/static/css/main.424ba46b.css
deleted file mode 100644
index 9f7f935..0000000
--- a/build/static/css/main.424ba46b.css
+++ /dev/null
@@ -1,2 +0,0 @@
-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}.page-title{color:#333;font-size:2.5rem;font-weight:600}.card,.page-title{margin-bottom:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#f50057;color:#fff}.btn-secondary:hover{background-color:#c51162}.input-field{border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.input-field:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.app-layout{display:flex;min-height:100vh}.main-content{padding:20px}.navbar{align-items:center;background-color:#1976d2;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.nav-links{display:flex;gap:20px}.nav-link{border-radius:4px;color:#fff;font-weight:500;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.nav-link.active,.nav-link:hover{background-color:#fff3}@media (max-width:768px){.container{padding:10px}.page-title{font-size:2rem}}.loading-spinner-container{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#333;font-size:18px;font-weight:500;margin-bottom:20px}.loading-progress{align-items:center;display:flex;flex-direction:column;max-width:300px;width:80%}.loading-progress-bar{background-color:#f1f1f1;border-radius:5px;height:10px;margin-bottom:8px;overflow:hidden;width:100%}.loading-progress-fill{background-color:#3498db;height:100%;transition:width .3s ease}.loading-progress-text{color:#666;font-size:14px}.component-loading .loading-spinner-container{background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:100%;min-height:200px;padding:20px}.component-loading .loading-spinner{height:30px;width:30px}.component-loading .loading-message{font-size:14px}@media (prefers-color-scheme:dark){.loading-spinner-container{background-color:#1e1e1ecc}.loading-spinner{border-color:#3498db #ffffff1a #ffffff1a}.loading-message{color:#f1f1f1}.loading-progress-bar{background-color:#333}.loading-progress-text{color:#ccc}.component-loading .loading-spinner-container{background-color:#282828e6}}.app{display:flex;flex-direction:column;min-height:100vh}.logo-link{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.main-content{flex:1 1;padding:20px 0}.navbar{background:linear-gradient(90deg,#1976d2,#2196f3);box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.navbar{flex-direction:column;padding:10px}.logo{margin-bottom:10px}.nav-links{justify-content:space-around;width:100%}}
-/*# sourceMappingURL=main.424ba46b.css.map*/
\ No newline at end of file
diff --git a/build/static/css/main.424ba46b.css.map b/build/static/css/main.424ba46b.css.map
deleted file mode 100644
index b7f3ee9..0000000
--- a/build/static/css/main.424ba46b.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.424ba46b.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAClC,wBAAyB,CALzB,mIAEY,CAHZ,QAOF,CAEA,KACE,uEAEF,CAGA,WAEE,aAAc,CADd,gBAAiB,CAEjB,YACF,CAEA,YAEE,UAAW,CADX,gBAAiB,CAGjB,eACF,CAEA,kBAJE,kBAUF,CANA,MACE,qBAAuB,CACvB,iBAAkB,CAClB,+BAAyC,CACzC,YAEF,CAEA,KAGE,WAAY,CADZ,iBAAkB,CAElB,cAAe,CACf,eAAgB,CAJhB,iBAAkB,CAKlB,uBACF,CAEA,aACE,wBAAyB,CACzB,UACF,CAEA,mBACE,wBACF,CAEA,eACE,wBAAyB,CACzB,UACF,CAEA,qBACE,wBACF,CAEA,aAGE,qBAAsB,CACtB,iBAAkB,CAClB,cAAe,CACf,kBAAmB,CAJnB,YAAa,CADb,UAMF,CAEA,mBAEE,oBAAqB,CACrB,8BAA6C,CAF7C,YAGF,CAGA,YACE,YAAa,CACb,gBACF,CAEA,cAEE,YACF,CAGA,QAME,kBAAmB,CALnB,wBAAyB,CACzB,UAAY,CAEZ,YAAa,CACb,6BAA8B,CAF9B,iBAIF,CAEA,WACE,YAAa,CACb,QACF,CAEA,UAKE,iBAAkB,CAJlB,UAAY,CAEZ,eAAgB,CAChB,gBAAiB,CAFjB,oBAAqB,CAIrB,oCACF,CAEA,iCAEE,sBACF,CAGA,yBACE,WACE,YACF,CAEA,YACE,cACF,CACF,CChIA,2BAGE,kBAAmB,CAInB,sBAA0C,CAN1C,YAAa,CACb,qBAAsB,CAGtB,YAAa,CADb,sBAAuB,CAEvB,UAAW,CAEX,YACF,CAEA,iBAME,iCAAkC,CAHlC,0BAA6B,CAD7B,iBAAkB,CAClB,wBAA6B,CAE7B,WAAY,CAEZ,kBAAmB,CAHnB,UAIF,CAEA,gBACE,GAAK,sBAAyB,CAC9B,GAAO,uBAA2B,CACpC,CAEA,iBAGE,UAAW,CAFX,cAAe,CACf,eAAgB,CAEhB,kBACF,CAEA,kBAKE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAFtB,eAAgB,CADhB,SAKF,CAEA,sBAGE,wBAAyB,CACzB,iBAAkB,CAHlB,WAAY,CAKZ,iBAAkB,CADlB,eAAgB,CAHhB,UAKF,CAEA,uBAEE,wBAAyB,CADzB,WAAY,CAEZ,yBACF,CAEA,uBAEE,UAAW,CADX,cAEF,CAGA,8CAGE,0BAA0C,CAC1C,iBAAkB,CAClB,+BAAyC,CAJzC,WAAY,CACZ,gBAAiB,CAIjB,YACF,CAEA,oCAEE,WAAY,CADZ,UAEF,CAEA,oCACE,cACF,CAGA,mCACE,2BACE,0BACF,CAEA,iBAEE,wCACF,CAEA,iBACE,aACF,CAEA,sBACE,qBACF,CAEA,uBACE,UACF,CAEA,8CACE,0BACF,CACF,CC1GA,KACE,YAAa,CACb,qBAAsB,CACtB,gBACF,CAEA,WACE,UAAY,CAEZ,gBAAiB,CACjB,eAAgB,CAFhB,oBAGF,CAEA,cACE,QAAO,CACP,cACF,CAGA,QACE,iDAAoD,CACpD,8BACF,CAGA,yBACE,QACE,qBAAsB,CACtB,YACF,CAEA,MACE,kBACF,CAEA,WAEE,4BAA6B,CAD7B,UAEF,CACF","sources":["styles/index.css","components/common/LoadingSpinner.css","styles/App.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n background-color: #f5f5f5;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n/* Global styles */\r\n.container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n}\r\n\r\n.page-title {\r\n font-size: 2.5rem;\r\n color: #333;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.card {\r\n background-color: white;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.btn {\r\n padding: 10px 20px;\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.btn-primary {\r\n background-color: #1976d2;\r\n color: white;\r\n}\r\n\r\n.btn-primary:hover {\r\n background-color: #1565c0;\r\n}\r\n\r\n.btn-secondary {\r\n background-color: #f50057;\r\n color: white;\r\n}\r\n\r\n.btn-secondary:hover {\r\n background-color: #c51162;\r\n}\r\n\r\n.input-field {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.input-field:focus {\r\n outline: none;\r\n border-color: #1976d2;\r\n box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);\r\n}\r\n\r\n/* Layout */\r\n.app-layout {\r\n display: flex;\r\n min-height: 100vh;\r\n}\r\n\r\n.main-content {\r\n flex: 1;\r\n padding: 20px;\r\n}\r\n\r\n/* Navigation */\r\n.navbar {\r\n background-color: #1976d2;\r\n color: white;\r\n padding: 10px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.nav-links {\r\n display: flex;\r\n gap: 20px;\r\n}\r\n\r\n.nav-link {\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 500;\r\n padding: 5px 10px;\r\n border-radius: 4px;\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n.nav-link:hover,\r\n.nav-link.active {\r\n background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n .container {\r\n padding: 10px;\r\n }\r\n \r\n .page-title {\r\n font-size: 2rem;\r\n }\r\n} ",".loading-spinner-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100vh;\r\n width: 100%;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n z-index: 1000;\r\n}\r\n\r\n.loading-spinner {\r\n border: 4px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n border-top: 4px solid #3498db;\r\n width: 50px;\r\n height: 50px;\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 20px;\r\n}\r\n\r\n@keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n}\r\n\r\n.loading-message {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #333;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.loading-progress {\r\n width: 80%;\r\n max-width: 300px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.loading-progress-bar {\r\n height: 10px;\r\n width: 100%;\r\n background-color: #f1f1f1;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.loading-progress-fill {\r\n height: 100%;\r\n background-color: #3498db;\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.loading-progress-text {\r\n font-size: 14px;\r\n color: #666;\r\n}\r\n\r\n/* Styling for when used as a component loading state */\r\n.component-loading .loading-spinner-container {\r\n height: 100%;\r\n min-height: 200px;\r\n background-color: rgba(255, 255, 255, 0.9);\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n}\r\n\r\n.component-loading .loading-spinner {\r\n width: 30px;\r\n height: 30px;\r\n}\r\n\r\n.component-loading .loading-message {\r\n font-size: 14px;\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n .loading-spinner-container {\r\n background-color: rgba(30, 30, 30, 0.8);\r\n }\r\n \r\n .loading-spinner {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n border-top-color: #3498db;\r\n }\r\n \r\n .loading-message {\r\n color: #f1f1f1;\r\n }\r\n \r\n .loading-progress-bar {\r\n background-color: #333;\r\n }\r\n \r\n .loading-progress-text {\r\n color: #ccc;\r\n }\r\n \r\n .component-loading .loading-spinner-container {\r\n background-color: rgba(40, 40, 40, 0.9);\r\n }\r\n} ",".app {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n}\r\n\r\n.logo-link {\r\n color: white;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n}\r\n\r\n.main-content {\r\n flex: 1;\r\n padding: 20px 0;\r\n}\r\n\r\n/* Custom styles for the navbar */\r\n.navbar {\r\n background: linear-gradient(90deg, #1976d2, #2196f3);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n/* Responsive styles */\r\n@media (max-width: 768px) {\r\n .navbar {\r\n flex-direction: column;\r\n padding: 10px;\r\n }\r\n \r\n .logo {\r\n margin-bottom: 10px;\r\n }\r\n \r\n .nav-links {\r\n width: 100%;\r\n justify-content: space-around;\r\n }\r\n} "],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/js/125.598ad7c6.chunk.js b/build/static/js/125.598ad7c6.chunk.js
deleted file mode 100644
index 1c77295..0000000
--- a/build/static/js/125.598ad7c6.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunktour_guide_ai=self.webpackChunktour_guide_ai||[]).push([[125],{125:(e,s,t)=>{t.r(s),t.d(s,{default:()=>o});var a=t(483),r=t(376),i=t(723);const c={user_id:"uid001",user_name:"TravelExplorer",user_profile:"https://randomuser.me/api/portraits/men/1.jpg"},d=[{user_profile:"https://randomuser.me/api/portraits/men/1.jpg",user_id:"uid001",user_route_id:"uid001-1",user_route_rank:1,created_date:"2025-01-01",upvotes:100,views:500,route_name:"A 3-day US travel plan",sites_included_in_routes:50,route_duration:"3 days",estimated_cost:"3000$"},{user_profile:"https://randomuser.me/api/portraits/men/1.jpg",user_id:"uid001",user_route_id:"uid001-2",user_route_rank:5,created_date:"2025-01-05",upvotes:75,views:320,route_name:"Weekend in Paris",sites_included_in_routes:15,route_duration:"2 days",estimated_cost:"2500$"},{user_profile:"https://randomuser.me/api/portraits/men/1.jpg",user_id:"uid001",user_route_id:"uid001-3",user_route_rank:12,created_date:"2025-01-10",upvotes:45,views:210,route_name:"Tokyo adventure",sites_included_in_routes:25,route_duration:"5 days",estimated_cost:"4500$"},{user_profile:"https://randomuser.me/api/portraits/men/1.jpg",user_id:"uid001",user_route_id:"uid001-4",user_route_rank:20,created_date:"2025-01-15",upvotes:30,views:150,route_name:"Rome historical tour",sites_included_in_routes:20,route_duration:"4 days",estimated_cost:"3500$"}],o=()=>{const e=(0,r.Zp)(),[s,t]=(0,a.useState)(c),[o,l]=(0,a.useState)(d),[n,u]=(0,a.useState)("created_date"),[m,_]=(0,a.useState)("desc"),p=e=>{n===e?_("asc"===m?"desc":"asc"):(u(e),_("desc"))},v=((e,s,t)=>(console.log(`Sorting routes by ${s} in ${t} order`),[...e].sort(((e,a)=>{let r=0;switch(s){case"created_date":r=new Date(e.created_date)-new Date(a.created_date);break;case"upvotes":r=e.upvotes-a.upvotes;break;case"views":r=e.views-a.views;break;case"sites":r=e.sites_included_in_routes-a.sites_included_in_routes;break;case"cost":r=parseFloat(e.estimated_cost)-parseFloat(a.estimated_cost);break;default:r=0}return"asc"===t?r:-r}))))(o,n,m);return(0,i.jsxs)("div",{className:"profile-page",children:[(0,i.jsx)("h1",{className:"page-title",children:"User Profile"}),(0,i.jsxs)("div",{className:"profile-container",children:[(0,i.jsxs)("div",{className:"profile-header",children:[(0,i.jsx)("h2",{className:"user-name",children:s.user_name}),(0,i.jsx)("div",{className:"profile-image-container",children:(0,i.jsx)("img",{src:s.user_profile,alt:s.user_name,className:"profile-image"})})]}),(0,i.jsxs)("div",{className:"routes-board",children:[(0,i.jsxs)("div",{className:"routes-header",children:[(0,i.jsx)("h2",{children:"Your Travel Routes"}),(0,i.jsxs)("div",{className:"sort-options",children:[(0,i.jsx)("span",{children:"Sort by:"}),(0,i.jsxs)("button",{className:"sort-btn "+("created_date"===n?"active":""),onClick:()=>p("created_date"),children:["Date ","created_date"===n&&("asc"===m?"\u2191":"\u2193")]}),(0,i.jsxs)("button",{className:"sort-btn "+("upvotes"===n?"active":""),onClick:()=>p("upvotes"),children:["Upvotes ","upvotes"===n&&("asc"===m?"\u2191":"\u2193")]}),(0,i.jsxs)("button",{className:"sort-btn "+("views"===n?"active":""),onClick:()=>p("views"),children:["Views ","views"===n&&("asc"===m?"\u2191":"\u2193")]}),(0,i.jsxs)("button",{className:"sort-btn "+("sites"===n?"active":""),onClick:()=>p("sites"),children:["Sites ","sites"===n&&("asc"===m?"\u2191":"\u2193")]}),(0,i.jsxs)("button",{className:"sort-btn "+("cost"===n?"active":""),onClick:()=>p("cost"),children:["Cost ","cost"===n&&("asc"===m?"\u2191":"\u2193")]})]})]}),(0,i.jsx)("div",{className:"routes-list",children:v.map((s=>{const t=(e=>(console.log("Calculating route statistics for:",e.route_name),{sites:e.sites_included_in_routes,duration:e.route_duration,cost:e.estimated_cost}))(s);return(0,i.jsxs)("div",{className:"route-card",onClick:()=>{return t=s.user_route_id,void e("/map",{state:{routeId:t}});var t},children:[(0,i.jsxs)("div",{className:"route-info",children:[(0,i.jsx)("h3",{className:"route-name",children:s.route_name}),(0,i.jsxs)("p",{className:"route-date",children:["Created: ",s.created_date]}),(0,i.jsxs)("div",{className:"route-stats",children:[(0,i.jsxs)("div",{className:"stat-item",children:[(0,i.jsx)("span",{className:"stat-label",children:"Duration:"}),(0,i.jsx)("span",{className:"stat-value",children:t.duration})]}),(0,i.jsxs)("div",{className:"stat-item",children:[(0,i.jsx)("span",{className:"stat-label",children:"Sites:"}),(0,i.jsx)("span",{className:"stat-value",children:t.sites})]}),(0,i.jsxs)("div",{className:"stat-item",children:[(0,i.jsx)("span",{className:"stat-label",children:"Est. Cost:"}),(0,i.jsx)("span",{className:"stat-value",children:t.cost})]})]})]}),(0,i.jsxs)("div",{className:"route-metrics",children:[(0,i.jsxs)("div",{className:"metric",children:[(0,i.jsx)("span",{className:"metric-value",children:s.upvotes}),(0,i.jsx)("span",{className:"metric-label",children:"Upvotes"})]}),(0,i.jsxs)("div",{className:"metric",children:[(0,i.jsx)("span",{className:"metric-value",children:s.views}),(0,i.jsx)("span",{className:"metric-label",children:"Views"})]}),(0,i.jsxs)("div",{className:"metric",children:[(0,i.jsxs)("span",{className:"metric-value",children:["#",s.user_route_rank]}),(0,i.jsx)("span",{className:"metric-label",children:"Rank"})]})]})]},s.user_route_id)}))})]})]})]})}}}]);
-//# sourceMappingURL=125.598ad7c6.chunk.js.map
\ No newline at end of file
diff --git a/build/static/js/125.598ad7c6.chunk.js.map b/build/static/js/125.598ad7c6.chunk.js.map
deleted file mode 100644
index 7ef3c60..0000000
--- a/build/static/js/125.598ad7c6.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/125.598ad7c6.chunk.js","mappings":"yKAKA,MAAMA,EAAe,CACnBC,QAAS,SACTC,UAAW,iBACXC,aAAc,iDAGVC,EAAa,CACjB,CACED,aAAc,gDACdF,QAAS,SACTI,cAAe,WACfC,gBAAiB,EACjBC,aAAc,aACdC,QAAS,IACTC,MAAO,IACPC,WAAY,yBACZC,yBAA0B,GAC1BC,eAAgB,SAChBC,eAAgB,SAElB,CACEV,aAAc,gDACdF,QAAS,SACTI,cAAe,WACfC,gBAAiB,EACjBC,aAAc,aACdC,QAAS,GACTC,MAAO,IACPC,WAAY,mBACZC,yBAA0B,GAC1BC,eAAgB,SAChBC,eAAgB,SAElB,CACEV,aAAc,gDACdF,QAAS,SACTI,cAAe,WACfC,gBAAiB,GACjBC,aAAc,aACdC,QAAS,GACTC,MAAO,IACPC,WAAY,kBACZC,yBAA0B,GAC1BC,eAAgB,SAChBC,eAAgB,SAElB,CACEV,aAAc,gDACdF,QAAS,SACTI,cAAe,WACfC,gBAAiB,GACjBC,aAAc,aACdC,QAAS,GACTC,MAAO,IACPC,WAAY,uBACZC,yBAA0B,GAC1BC,eAAgB,SAChBC,eAAgB,UA0LpB,EAtLoBC,KAClB,MAAMC,GAAWC,EAAAA,EAAAA,OACVC,EAAUC,IAAeC,EAAAA,EAAAA,UAASnB,IAClCoB,EAAQC,IAAaF,EAAAA,EAAAA,UAASf,IAC9BkB,EAAQC,IAAaJ,EAAAA,EAAAA,UAAS,iBAC9BK,EAAWC,IAAgBN,EAAAA,EAAAA,UAAS,QA8CrCO,EAAoBC,IACpBL,IAAWK,EAEbF,EAA2B,QAAdD,EAAsB,OAAS,QAG5CD,EAAUI,GACVF,EAAa,QACf,EASIG,EAjDaC,EAACT,EAAQE,EAAQQ,KAClCC,QAAQC,IAAI,qBAAqBV,QAAaQ,WAGvC,IAAIV,GAAQa,MAAK,CAACC,EAAGC,KAC1B,IAAIC,EAAa,EAEjB,OAAQd,GACN,IAAK,eACHc,EAAa,IAAIC,KAAKH,EAAE3B,cAAgB,IAAI8B,KAAKF,EAAE5B,cACnD,MACF,IAAK,UACH6B,EAAaF,EAAE1B,QAAU2B,EAAE3B,QAC3B,MACF,IAAK,QACH4B,EAAaF,EAAEzB,MAAQ0B,EAAE1B,MACzB,MACF,IAAK,QACH2B,EAAaF,EAAEvB,yBAA2BwB,EAAExB,yBAC5C,MACF,IAAK,OACHyB,EAAaE,WAAWJ,EAAErB,gBAAkByB,WAAWH,EAAEtB,gBACzD,MACF,QACEuB,EAAa,EAGjB,MAAiB,QAAVN,EAAkBM,GAAcA,CAAU,KAsBhCP,CAAWT,EAAQE,EAAQE,GAEhD,OACEe,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,aAAYC,SAAC,kBAE3BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,oBAAmBC,SAAA,EAChCF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iBAAgBC,SAAA,EAE7BC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,YAAWC,SAAExB,EAASf,aAGpCwC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,0BAAyBC,UACtCC,EAAAA,EAAAA,KAAA,OACEC,IAAK1B,EAASd,aACdyC,IAAK3B,EAASf,UACdsC,UAAU,wBAMhBD,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,gBAAeC,SAAA,EAC5BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,wBACJF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,QAAAD,SAAM,cACNF,EAAAA,EAAAA,MAAA,UACEC,UAAW,aAAuB,iBAAXlB,EAA4B,SAAW,IAC9DuB,QAASA,IAAMnB,EAAiB,gBAAgBe,SAAA,CACjD,QACkB,iBAAXnB,IAA4C,QAAdE,EAAsB,SAAM,cAElEe,EAAAA,EAAAA,MAAA,UACEC,UAAW,aAAuB,YAAXlB,EAAuB,SAAW,IACzDuB,QAASA,IAAMnB,EAAiB,WAAWe,SAAA,CAC5C,WACqB,YAAXnB,IAAuC,QAAdE,EAAsB,SAAM,cAEhEe,EAAAA,EAAAA,MAAA,UACEC,UAAW,aAAuB,UAAXlB,EAAqB,SAAW,IACvDuB,QAASA,IAAMnB,EAAiB,SAASe,SAAA,CAC1C,SACmB,UAAXnB,IAAqC,QAAdE,EAAsB,SAAM,cAE5De,EAAAA,EAAAA,MAAA,UACEC,UAAW,aAAuB,UAAXlB,EAAqB,SAAW,IACvDuB,QAASA,IAAMnB,EAAiB,SAASe,SAAA,CAC1C,SACmB,UAAXnB,IAAqC,QAAdE,EAAsB,SAAM,cAE5De,EAAAA,EAAAA,MAAA,UACEC,UAAW,aAAuB,SAAXlB,EAAoB,SAAW,IACtDuB,QAASA,IAAMnB,EAAiB,QAAQe,SAAA,CACzC,QACkB,SAAXnB,IAAoC,QAAdE,EAAsB,SAAM,oBAK9DkB,EAAAA,EAAAA,KAAA,OAAKF,UAAU,cAAaC,SACzBb,EAAakB,KAAKC,IACjB,MAAMC,EA1HgBD,KAChChB,QAAQC,IAAI,oCAAqCe,EAAMrC,YAEhD,CACLuC,MAAOF,EAAMpC,yBACbuC,SAAUH,EAAMnC,eAChBuC,KAAMJ,EAAMlC,iBAoHUuC,CAAyBL,GAEvC,OACER,EAAAA,EAAAA,MAAA,OAEEC,UAAU,aACVK,QAASA,KAAMQ,OAzELC,EAyEsBP,EAAM1C,mBAxEpDU,EAAS,OAAQ,CAAEwC,MAAO,CAAED,aADJA,KAyE2C,EAAAb,SAAA,EAErDF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,aAAYC,SAAA,EACzBC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,aAAYC,SAAEM,EAAMrC,cAClC6B,EAAAA,EAAAA,MAAA,KAAGC,UAAU,aAAYC,SAAA,CAAC,YAAUM,EAAMxC,iBAE1CgC,EAAAA,EAAAA,MAAA,OAAKC,UAAU,cAAaC,SAAA,EAC1BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,YAAWC,SAAA,EACxBC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAC,eAC7BC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAEO,EAAME,eAEtCX,EAAAA,EAAAA,MAAA,OAAKC,UAAU,YAAWC,SAAA,EACxBC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAC,YAC7BC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAEO,EAAMC,YAEtCV,EAAAA,EAAAA,MAAA,OAAKC,UAAU,YAAWC,SAAA,EACxBC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAC,gBAC7BC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,aAAYC,SAAEO,EAAMG,iBAK1CZ,EAAAA,EAAAA,MAAA,OAAKC,UAAU,gBAAeC,SAAA,EAC5BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,SAAQC,SAAA,EACrBC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,eAAcC,SAAEM,EAAMvC,WACtCkC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,eAAcC,SAAC,gBAEjCF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,SAAQC,SAAA,EACrBC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,eAAcC,SAAEM,EAAMtC,SACtCiC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,eAAcC,SAAC,cAEjCF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,SAAQC,SAAA,EACrBF,EAAAA,EAAAA,MAAA,QAAMC,UAAU,eAAcC,SAAA,CAAC,IAAEM,EAAMzC,oBACvCoC,EAAAA,EAAAA,KAAA,QAAMF,UAAU,eAAcC,SAAC,iBAnC9BM,EAAM1C,cAsCP,cAMZ,C","sources":["pages/ProfilePage.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport '../styles/ProfilePage.css';\r\n\r\n// Mock data for user profile and routes\r\nconst mockUserData = {\r\n user_id: \"uid001\",\r\n user_name: \"TravelExplorer\",\r\n user_profile: \"https://randomuser.me/api/portraits/men/1.jpg\"\r\n};\r\n\r\nconst mockRoutes = [\r\n {\r\n user_profile: \"https://randomuser.me/api/portraits/men/1.jpg\",\r\n user_id: \"uid001\",\r\n user_route_id: \"uid001-1\",\r\n user_route_rank: 1,\r\n created_date: \"2025-01-01\",\r\n upvotes: 100,\r\n views: 500,\r\n route_name: \"A 3-day US travel plan\",\r\n sites_included_in_routes: 50,\r\n route_duration: \"3 days\",\r\n estimated_cost: \"3000$\"\r\n },\r\n {\r\n user_profile: \"https://randomuser.me/api/portraits/men/1.jpg\",\r\n user_id: \"uid001\",\r\n user_route_id: \"uid001-2\",\r\n user_route_rank: 5,\r\n created_date: \"2025-01-05\",\r\n upvotes: 75,\r\n views: 320,\r\n route_name: \"Weekend in Paris\",\r\n sites_included_in_routes: 15,\r\n route_duration: \"2 days\",\r\n estimated_cost: \"2500$\"\r\n },\r\n {\r\n user_profile: \"https://randomuser.me/api/portraits/men/1.jpg\",\r\n user_id: \"uid001\",\r\n user_route_id: \"uid001-3\",\r\n user_route_rank: 12,\r\n created_date: \"2025-01-10\",\r\n upvotes: 45,\r\n views: 210,\r\n route_name: \"Tokyo adventure\",\r\n sites_included_in_routes: 25,\r\n route_duration: \"5 days\",\r\n estimated_cost: \"4500$\"\r\n },\r\n {\r\n user_profile: \"https://randomuser.me/api/portraits/men/1.jpg\",\r\n user_id: \"uid001\",\r\n user_route_id: \"uid001-4\",\r\n user_route_rank: 20,\r\n created_date: \"2025-01-15\",\r\n upvotes: 30,\r\n views: 150,\r\n route_name: \"Rome historical tour\",\r\n sites_included_in_routes: 20,\r\n route_duration: \"4 days\",\r\n estimated_cost: \"3500$\"\r\n }\r\n];\r\n\r\nconst ProfilePage = () => {\r\n const navigate = useNavigate();\r\n const [userData, setUserData] = useState(mockUserData);\r\n const [routes, setRoutes] = useState(mockRoutes);\r\n const [sortBy, setSortBy] = useState('created_date');\r\n const [sortOrder, setSortOrder] = useState('desc');\r\n \r\n // Mock function for route_statics\r\n const calculateRouteStatistics = (route) => {\r\n console.log('Calculating route statistics for:', route.route_name);\r\n // In a real implementation, this would call APIs to get prices for entertainment, hotels, and transportation\r\n return {\r\n sites: route.sites_included_in_routes,\r\n duration: route.route_duration,\r\n cost: route.estimated_cost\r\n };\r\n };\r\n \r\n // Mock function for rank_route\r\n const sortRoutes = (routes, sortBy, order) => {\r\n console.log(`Sorting routes by ${sortBy} in ${order} order`);\r\n // In a real implementation, this would sort the routes based on the selected criteria\r\n \r\n return [...routes].sort((a, b) => {\r\n let comparison = 0;\r\n \r\n switch (sortBy) {\r\n case 'created_date':\r\n comparison = new Date(a.created_date) - new Date(b.created_date);\r\n break;\r\n case 'upvotes':\r\n comparison = a.upvotes - b.upvotes;\r\n break;\r\n case 'views':\r\n comparison = a.views - b.views;\r\n break;\r\n case 'sites':\r\n comparison = a.sites_included_in_routes - b.sites_included_in_routes;\r\n break;\r\n case 'cost':\r\n comparison = parseFloat(a.estimated_cost) - parseFloat(b.estimated_cost);\r\n break;\r\n default:\r\n comparison = 0;\r\n }\r\n \r\n return order === 'asc' ? comparison : -comparison;\r\n });\r\n };\r\n \r\n // Handle sort change\r\n const handleSortChange = (newSortBy) => {\r\n if (sortBy === newSortBy) {\r\n // Toggle sort order if clicking the same sort option\r\n setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc');\r\n } else {\r\n // Set new sort by and default to descending order\r\n setSortBy(newSortBy);\r\n setSortOrder('desc');\r\n }\r\n };\r\n \r\n // Handle route click\r\n const handleRouteClick = (routeId) => {\r\n navigate('/map', { state: { routeId } });\r\n };\r\n \r\n // Get sorted routes\r\n const sortedRoutes = sortRoutes(routes, sortBy, sortOrder);\r\n\r\n return (\r\n 📶
- You're Offline
-- It looks like you're not connected to the internet at the moment. - TourGuideAI requires an internet connection to plan your perfect journey. -
- - - -
-
-
- Available Offline
-- You can still access your previously saved routes and - view their details while you're offline. -
- View Saved Routes -
-
- Troubleshooting Tips
--
-
- Check your internet connection -
- Try switching between Wi-Fi and mobile data -
- Restart your device -
- Try again in a few minutes -
\r\n
\r\n );\r\n};\r\n\r\nexport default ProfilePage; "],"names":["mockUserData","user_id","user_name","user_profile","mockRoutes","user_route_id","user_route_rank","created_date","upvotes","views","route_name","sites_included_in_routes","route_duration","estimated_cost","ProfilePage","navigate","useNavigate","userData","setUserData","useState","routes","setRoutes","sortBy","setSortBy","sortOrder","setSortOrder","handleSortChange","newSortBy","sortedRoutes","sortRoutes","order","console","log","sort","a","b","comparison","Date","parseFloat","_jsxs","className","children","_jsx","src","alt","onClick","map","route","stats","sites","duration","cost","calculateRouteStatistics","handleRouteClick","routeId","state"],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/js/158.ec931da6.chunk.js b/build/static/js/158.ec931da6.chunk.js
deleted file mode 100644
index 9fc9218..0000000
--- a/build/static/js/158.ec931da6.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunktour_guide_ai=self.webpackChunktour_guide_ai||[]).push([[158],{158:(e,s,r)=>{r.r(s),r.d(s,{default:()=>i});r(483);var a=r(891),n=r(723);const i=()=>(0,n.jsxs)("div",{className:"home-container",children:[(0,n.jsxs)("header",{className:"home-header",children:[(0,n.jsx)("h1",{children:"Welcome to TourGuideAI"}),(0,n.jsx)("p",{className:"home-tagline",children:"Your personal travel planning assistant"})]}),(0,n.jsxs)("section",{className:"feature-cards",children:[(0,n.jsxs)("div",{className:"feature-card",children:[(0,n.jsx)("h2",{children:"Plan Your Journey"}),(0,n.jsx)("p",{children:"Create personalized travel itineraries based on your preferences."}),(0,n.jsx)(a.N_,{to:"/chat",className:"feature-button",children:"Start Planning"})]}),(0,n.jsxs)("div",{className:"feature-card",children:[(0,n.jsx)("h2",{children:"Explore Destinations"}),(0,n.jsx)("p",{children:"View your routes on interactive maps and discover points of interest."}),(0,n.jsx)(a.N_,{to:"/map",className:"feature-button",children:"Open Map"})]}),(0,n.jsxs)("div",{className:"feature-card",children:[(0,n.jsx)("h2",{children:"Manage Your Profile"}),(0,n.jsx)("p",{children:"Save your favorite destinations and track your travel history."}),(0,n.jsx)(a.N_,{to:"/profile",className:"feature-button",children:"View Profile"})]})]}),(0,n.jsxs)("section",{className:"app-info",children:[(0,n.jsx)("h2",{children:"How TourGuideAI Works"}),(0,n.jsxs)("div",{className:"step-container",children:[(0,n.jsxs)("div",{className:"step",children:[(0,n.jsx)("div",{className:"step-number",children:"1"}),(0,n.jsx)("h3",{children:"Tell us about your trip"}),(0,n.jsx)("p",{children:"Share your destination, dates, and preferences."})]}),(0,n.jsxs)("div",{className:"step",children:[(0,n.jsx)("div",{className:"step-number",children:"2"}),(0,n.jsx)("h3",{children:"Get personalized recommendations"}),(0,n.jsx)("p",{children:"Our AI generates a custom itinerary for you."})]}),(0,n.jsxs)("div",{className:"step",children:[(0,n.jsx)("div",{className:"step-number",children:"3"}),(0,n.jsx)("h3",{children:"Explore and refine"}),(0,n.jsx)("p",{children:"Visualize your journey and make adjustments as needed."})]})]})]}),(0,n.jsxs)("footer",{className:"home-footer",children:[(0,n.jsxs)("p",{children:["\xa9 ",(new Date).getFullYear()," TourGuideAI - Your personal tour guide"]}),(0,n.jsxs)("nav",{className:"footer-nav",children:[(0,n.jsx)(a.N_,{to:"/chat",children:"Chat"}),(0,n.jsx)(a.N_,{to:"/map",children:"Map"}),(0,n.jsx)(a.N_,{to:"/profile",children:"Profile"})]})]})]})}}]);
-//# sourceMappingURL=158.ec931da6.chunk.js.map
\ No newline at end of file
diff --git a/build/static/js/158.ec931da6.chunk.js.map b/build/static/js/158.ec931da6.chunk.js.map
deleted file mode 100644
index ecf1d73..0000000
--- a/build/static/js/158.ec931da6.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/158.ec931da6.chunk.js","mappings":"uKAUA,MA+DA,EA/DiBA,KAEbC,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iBAAgBC,SAAA,EAC7BF,EAAAA,EAAAA,MAAA,UAAQC,UAAU,cAAaC,SAAA,EAC7BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,4BACJC,EAAAA,EAAAA,KAAA,KAAGF,UAAU,eAAcC,SAAC,gDAG9BF,EAAAA,EAAAA,MAAA,WAASC,UAAU,gBAAeC,SAAA,EAChCF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,uBACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,uEACHC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,QAAQJ,UAAU,iBAAgBC,SAAC,uBAG9CF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,0BACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,2EACHC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,OAAOJ,UAAU,iBAAgBC,SAAC,iBAG7CF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,eAAcC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,yBACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,oEACHC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,WAAWJ,UAAU,iBAAgBC,SAAC,wBAInDF,EAAAA,EAAAA,MAAA,WAASC,UAAU,WAAUC,SAAA,EAC3BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,2BACJF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iBAAgBC,SAAA,EAC7BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,OAAMC,SAAA,EACnBC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,cAAaC,SAAC,OAC7BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,6BACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,wDAGLF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,OAAMC,SAAA,EACnBC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,cAAaC,SAAC,OAC7BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,sCACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,qDAGLF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,OAAMC,SAAA,EACnBC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,cAAaC,SAAC,OAC7BC,EAAAA,EAAAA,KAAA,MAAAD,SAAI,wBACJC,EAAAA,EAAAA,KAAA,KAAAD,SAAG,qEAKTF,EAAAA,EAAAA,MAAA,UAAQC,UAAU,cAAaC,SAAA,EAC7BF,EAAAA,EAAAA,MAAA,KAAAE,SAAA,CAAG,SAAQ,IAAII,MAAOC,cAAc,8CACpCP,EAAAA,EAAAA,MAAA,OAAKC,UAAU,aAAYC,SAAA,EACzBC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,QAAOH,SAAC,UACjBC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,OAAMH,SAAC,SAChBC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAG,WAAUH,SAAC,oB","sources":["pages/HomePage.js"],"sourcesContent":["import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport '../styles/HomePage.css';\r\n\r\n/**\r\n * Home page component\r\n * Acts as an entry point to the application with navigation to other pages\r\n * \r\n * @returns {JSX.Element}\r\n */\r\nconst HomePage = () => {\r\n return (\r\n User Profile
\r\n \r\n\r\n
\r\n \r\n {/* Element 1: User Name */}\r\n
\r\n \r\n {/* Element 3: Routes Board */}\r\n {userData.user_name}
\r\n \r\n {/* Element 2: User Profile Media */}\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Your Travel Routes
\r\n\r\n Sort by:\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {sortedRoutes.map((route) => {\r\n const stats = calculateRouteStatistics(route);\r\n \r\n return (\r\n
\r\n handleRouteClick(route.user_route_id)}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n {route.route_name}
\r\nCreated: {route.created_date}
\r\n \r\n\r\n
\r\n \r\n Duration:\r\n {stats.duration}\r\n
\r\n \r\n Sites:\r\n {stats.sites}\r\n
\r\n \r\n Est. Cost:\r\n {stats.cost}\r\n
\r\n \r\n
\r\n \r\n {route.upvotes}\r\n Upvotes\r\n
\r\n \r\n {route.views}\r\n Views\r\n
\r\n \r\n #{route.user_route_rank}\r\n Rank\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default HomePage; "],"names":["HomePage","_jsxs","className","children","_jsx","Link","to","Date","getFullYear"],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/js/238.25cc6073.chunk.js b/build/static/js/238.25cc6073.chunk.js
deleted file mode 100644
index da4048d..0000000
--- a/build/static/js/238.25cc6073.chunk.js
+++ /dev/null
@@ -1,3 +0,0 @@
-/*! For license information please see 238.25cc6073.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunktour_guide_ai=self.webpackChunktour_guide_ai||[]).push([[238],{238:(e,t,n)=>{n.d(t,{Fu:()=>at,RH:()=>_,pH:()=>ne,u6:()=>C});var s,o,i=n(723),r=n(483),a=n(998);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function u(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var s=n.call(e,t||"default");if("object"!=l(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function p(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c=d(o?s:(o=1,s=function(e,t,n,s,o,i,r,a){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,s,o,i,r,a],p=0;(l=new Error(t.replace(/%s/g,(function(){return u[p++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}})),g=(0,r.createContext)(null);function h(e,t,n,s){var o,i,r={};return o=e,i=(e,o)=>{var i=n[o];i!==t[o]&&(r[o]=i,e(s,i))},Object.keys(o).forEach((e=>i(o[e],e))),r}function m(e,t,n){var s,o,i,r=(s=n,o=function(n,s,o){return"function"===typeof e[o]&&n.push(google.maps.event.addListener(t,s,e[o])),n},i=[],Object.keys(s).reduce((function(e,t){return o(e,s[t],t)}),i));return r}function v(e){google.maps.event.removeListener(e)}function f(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach(v)}function y(e){var{updaterMap:t,eventMap:n,prevProps:s,nextProps:o,instance:i}=e,r=m(o,i,n);return h(t,s,o,i),r}var L={onDblClick:"dblclick",onDragEnd:"dragend",onDragStart:"dragstart",onMapTypeIdChanged:"maptypeid_changed",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseDown:"mousedown",onMouseUp:"mouseup",onRightClick:"rightclick",onTilesLoaded:"tilesloaded",onBoundsChanged:"bounds_changed",onCenterChanged:"center_changed",onClick:"click",onDrag:"drag",onHeadingChanged:"heading_changed",onIdle:"idle",onProjectionChanged:"projection_changed",onResize:"resize",onTiltChanged:"tilt_changed",onZoomChanged:"zoom_changed"},b={extraMapTypes(e,t){t.forEach((function(t,n){e.mapTypes.set(String(n),t)}))},center(e,t){e.setCenter(t)},clickableIcons(e,t){e.setClickableIcons(t)},heading(e,t){e.setHeading(t)},mapTypeId(e,t){e.setMapTypeId(t)},options(e,t){e.setOptions(t)},streetView(e,t){e.setStreetView(t)},tilt(e,t){e.setTilt(t)},zoom(e,t){e.setZoom(t)}};(0,r.memo)((function(e){var{children:t,options:n,id:s,mapContainerStyle:o,mapContainerClassName:a,center:l,onClick:u,onDblClick:p,onDrag:d,onDragEnd:c,onDragStart:h,onMouseMove:m,onMouseOut:v,onMouseOver:f,onMouseDown:y,onMouseUp:L,onRightClick:b,onCenterChanged:C,onLoad:E,onUnmount:M}=e,[x,w]=(0,r.useState)(null),k=(0,r.useRef)(null),[P,O]=(0,r.useState)(null),[S,D]=(0,r.useState)(null),[j,I]=(0,r.useState)(null),[B,T]=(0,r.useState)(null),[_,U]=(0,r.useState)(null),[z,R]=(0,r.useState)(null),[A,Z]=(0,r.useState)(null),[V,W]=(0,r.useState)(null),[N,H]=(0,r.useState)(null),[F,G]=(0,r.useState)(null),[Y,K]=(0,r.useState)(null),[q,J]=(0,r.useState)(null);return(0,r.useEffect)((()=>{n&&null!==x&&x.setOptions(n)}),[x,n]),(0,r.useEffect)((()=>{null!==x&&"undefined"!==typeof l&&x.setCenter(l)}),[x,l]),(0,r.useEffect)((()=>{x&&p&&(null!==S&&google.maps.event.removeListener(S),D(google.maps.event.addListener(x,"dblclick",p)))}),[p]),(0,r.useEffect)((()=>{x&&c&&(null!==j&&google.maps.event.removeListener(j),I(google.maps.event.addListener(x,"dragend",c)))}),[c]),(0,r.useEffect)((()=>{x&&h&&(null!==B&&google.maps.event.removeListener(B),T(google.maps.event.addListener(x,"dragstart",h)))}),[h]),(0,r.useEffect)((()=>{x&&y&&(null!==_&&google.maps.event.removeListener(_),U(google.maps.event.addListener(x,"mousedown",y)))}),[y]),(0,r.useEffect)((()=>{x&&m&&(null!==z&&google.maps.event.removeListener(z),R(google.maps.event.addListener(x,"mousemove",m)))}),[m]),(0,r.useEffect)((()=>{x&&v&&(null!==A&&google.maps.event.removeListener(A),Z(google.maps.event.addListener(x,"mouseout",v)))}),[v]),(0,r.useEffect)((()=>{x&&f&&(null!==V&&google.maps.event.removeListener(V),W(google.maps.event.addListener(x,"mouseover",f)))}),[f]),(0,r.useEffect)((()=>{x&&L&&(null!==N&&google.maps.event.removeListener(N),H(google.maps.event.addListener(x,"mouseup",L)))}),[L]),(0,r.useEffect)((()=>{x&&b&&(null!==F&&google.maps.event.removeListener(F),G(google.maps.event.addListener(x,"rightclick",b)))}),[b]),(0,r.useEffect)((()=>{x&&u&&(null!==Y&&google.maps.event.removeListener(Y),K(google.maps.event.addListener(x,"click",u)))}),[u]),(0,r.useEffect)((()=>{x&&d&&(null!==q&&google.maps.event.removeListener(q),J(google.maps.event.addListener(x,"drag",d)))}),[d]),(0,r.useEffect)((()=>{x&&C&&(null!==P&&google.maps.event.removeListener(P),O(google.maps.event.addListener(x,"center_changed",C)))}),[u]),(0,r.useEffect)((()=>{var e=null===k.current?null:new google.maps.Map(k.current,n);return w(e),null!==e&&E&&E(e),()=>{null!==e&&M&&M(e)}}),[]),(0,i.jsx)("div",{id:s,ref:k,style:o,className:a,children:(0,i.jsx)(g.Provider,{value:x,children:null!==x?t:null})})}));class C extends r.PureComponent{constructor(){super(...arguments),p(this,"state",{map:null}),p(this,"registeredEvents",[]),p(this,"mapRef",null),p(this,"getInstance",(()=>null===this.mapRef?null:new google.maps.Map(this.mapRef,this.props.options))),p(this,"panTo",(e=>{var t=this.getInstance();t&&t.panTo(e)})),p(this,"setMapCallback",(()=>{null!==this.state.map&&this.props.onLoad&&this.props.onLoad(this.state.map)})),p(this,"getRef",(e=>{this.mapRef=e}))}componentDidMount(){var e=this.getInstance();this.registeredEvents=y({updaterMap:b,eventMap:L,prevProps:{},nextProps:this.props,instance:e}),this.setState((function(){return{map:e}}),this.setMapCallback)}componentDidUpdate(e){null!==this.state.map&&(f(this.registeredEvents),this.registeredEvents=y({updaterMap:b,eventMap:L,prevProps:e,nextProps:this.props,instance:this.state.map}))}componentWillUnmount(){null!==this.state.map&&(this.props.onUnmount&&this.props.onUnmount(this.state.map),f(this.registeredEvents))}render(){return(0,i.jsx)("div",{id:this.props.id,ref:this.getRef,style:this.props.mapContainerStyle,className:this.props.mapContainerClassName,children:(0,i.jsx)(g.Provider,{value:this.state.map,children:null!==this.state.map?this.props.children:null})})}}function E(e,t,n,s,o,i,r){try{var a=e[i](r),l=a.value}catch(e){return void n(e)}a.done?t(l):Promise.resolve(l).then(s,o)}function M(e){return function(){var t=this,n=arguments;return new Promise((function(s,o){var i=e.apply(t,n);function r(e){E(i,s,o,r,a,"next",e)}function a(e){E(i,s,o,r,a,"throw",e)}r(void 0)}))}}function x(e){var{googleMapsApiKey:t,googleMapsClientId:n,version:s="weekly",language:o,region:i,libraries:r,channel:a,mapIds:l,authReferrerPolicy:u}=e,p=[];return c(t&&n||!(t&&n),"You need to specify either googleMapsApiKey or googleMapsClientId for @react-google-maps/api load script to work. You cannot use both at the same time."),t?p.push("key=".concat(t)):n&&p.push("client=".concat(n)),s&&p.push("v=".concat(s)),o&&p.push("language=".concat(o)),i&&p.push("region=".concat(i)),r&&r.length&&p.push("libraries=".concat(r.sort().join(","))),a&&p.push("channel=".concat(a)),l&&l.length&&p.push("map_ids=".concat(l.join(","))),u&&p.push("auth_referrer_policy=".concat(u)),p.push("loading=async"),p.push("callback=initMap"),"https://maps.googleapis.com/maps/api/js?".concat(p.join("&"))}var w="undefined"!==typeof document;function k(e){var{url:t,id:n,nonce:s}=e;return w?new Promise((function(e,o){var i=document.getElementById(n),r=window;if(i){var a=i.getAttribute("data-state");if(i.src===t&&"error"!==a){if("ready"===a)return e(n);var l=r.initMap,u=i.onerror;return r.initMap=function(){l&&l(),e(n)},void(i.onerror=function(e){u&&u(e),o(e)})}i.remove()}var p=document.createElement("script");p.type="text/javascript",p.src=t,p.id=n,p.async=!0,p.nonce=s||"",p.onerror=function(e){p.setAttribute("data-state","error"),o(e)},r.initMap=function(){p.setAttribute("data-state","ready"),e(n)},document.head.appendChild(p)})).catch((e=>{throw console.error("injectScript error: ",e),e})):Promise.reject(new Error("document is undefined"))}function P(e){var t=e.href;return!(!t||0!==t.indexOf("https://fonts.googleapis.com/css?family=Roboto")&&0!==t.indexOf("https://fonts.googleapis.com/css?family=Google+Sans+Text"))||("style"===e.tagName.toLowerCase()&&e.styleSheet&&e.styleSheet.cssText&&0===e.styleSheet.cssText.replace("\r\n","").indexOf(".gm-style")?(e.styleSheet.cssText="",!0):"style"===e.tagName.toLowerCase()&&e.innerHTML&&0===e.innerHTML.replace("\r\n","").indexOf(".gm-style")?(e.innerHTML="",!0):"style"===e.tagName.toLowerCase()&&!e.styleSheet&&!e.innerHTML)}function O(){var e=document.getElementsByTagName("head")[0];if(e){var t=e.insertBefore.bind(e);e.insertBefore=function(n,s){return P(n)||Reflect.apply(t,e,[n,s]),n};var n=e.appendChild.bind(e);e.appendChild=function(t){return P(t)||Reflect.apply(n,e,[t]),t}}}var S=!1;function D(){return(0,i.jsx)("div",{children:"Loading..."})}var j,I={id:"script-loader",version:"weekly"};class B extends r.PureComponent{constructor(){super(...arguments),p(this,"check",null),p(this,"state",{loaded:!1}),p(this,"cleanupCallback",(()=>{delete window.google.maps,this.injectScript()})),p(this,"isCleaningUp",M((function*(){return new Promise((function(e){if(S){if(w)var t=window.setInterval((function(){S||(window.clearInterval(t),e())}),1)}else e()}))}))),p(this,"cleanup",(()=>{S=!0;var e=document.getElementById(this.props.id);e&&e.parentNode&&e.parentNode.removeChild(e),Array.prototype.slice.call(document.getElementsByTagName("script")).filter((function(e){return"string"===typeof e.src&&e.src.includes("maps.googleapis")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("link")).filter((function(e){return"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans"===e.href})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)})),Array.prototype.slice.call(document.getElementsByTagName("style")).filter((function(e){return void 0!==e.innerText&&e.innerText.length>0&&e.innerText.includes(".gm-")})).forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)}))})),p(this,"injectScript",(()=>{this.props.preventGoogleFontsLoading&&O(),c(!!this.props.id,'LoadScript requires "id" prop to be a string: %s',this.props.id),k({id:this.props.id,nonce:this.props.nonce,url:x(this.props)}).then((()=>{this.props.onLoad&&this.props.onLoad(),this.setState((function(){return{loaded:!0}}))})).catch((e=>{this.props.onError&&this.props.onError(e),console.error("\n There has been an Error with loading Google Maps API script, please check that you provided correct google API key (".concat(this.props.googleMapsApiKey||"-",") or Client ID (").concat(this.props.googleMapsClientId||"-",") to Welcome to TourGuideAI
\r\nYour personal travel planning assistant
\r\n\r\n
\r\n\r\n Plan Your Journey
\r\nCreate personalized travel itineraries based on your preferences.
\r\n Start Planning\r\n\r\n
\r\n\r\n Explore Destinations
\r\nView your routes on interactive maps and discover points of interest.
\r\n Open Map\r\n\r\n
\r\n Manage Your Profile
\r\nSave your favorite destinations and track your travel history.
\r\n View Profile\r\nHow TourGuideAI Works
\r\n\r\n
\r\n \r\n
\r\n \r\n 1
\r\n Tell us about your trip
\r\nShare your destination, dates, and preferences.
\r\n\r\n
\r\n \r\n 2
\r\n Get personalized recommendations
\r\nOur AI generates a custom itinerary for you.
\r\n\r\n
\r\n 3
\r\n Explore and refine
\r\nVisualize your journey and make adjustments as needed.
\r\n{`Loading...`}
\n}\n\nexport const defaultLoadScriptProps = {\n id: 'script-loader',\n version: 'weekly',\n}\n\nclass LoadScript extends PureComponentClusterer begins\n * clustering markers.\n * @name Clusterer#clusteringbegin\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, 'clusteringbegin', this);\n if (this.timerRefStatic !== null) {\n window.clearTimeout(this.timerRefStatic);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n delete this.timerRefStatic;\n }\n }\n var map = this.getMap();\n var bounds = map !== null && 'getBounds' in map ? map.getBounds() : null;\n var zoom = (map === null || map === void 0 ? void 0 : map.getZoom()) || 0;\n // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n var mapBounds = zoom > 3\n ? new google.maps.LatLngBounds(bounds === null || bounds === void 0 ? void 0 : bounds.getSouthWest(), bounds === null || bounds === void 0 ? void 0 : bounds.getNorthEast())\n : new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n var extendedMapBounds = this.getExtendedBounds(mapBounds);\n var iLast = Math.min(iFirst + this.batchSize, this.markers.length);\n for (var i = iFirst; i < iLast; i++) {\n var marker = this.markers[i];\n if (marker && !marker.isAdded && this.isMarkerInBounds(marker, extendedMapBounds) && (!this.ignoreHidden || (this.ignoreHidden && marker.getVisible()))) {\n this.addToClosestCluster(marker);\n }\n }\n if (iLast < this.markers.length) {\n this.timerRefStatic = window.setTimeout(function () {\n _this.createClusters(iLast);\n }, 0);\n }\n else {\n this.timerRefStatic = null;\n /**\n * This event is fired when the Clusterer stops\n * clustering markers.\n * @name Clusterer#clusteringend\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, 'clusteringend', this);\n for (var _i = 0, _a = this.clusters; _i < _a.length; _i++) {\n var cluster = _a[_i];\n cluster.updateIcon();\n }\n }\n };\n Clusterer.prototype.extend = function (obj1, obj2) {\n return function applyExtend(object) {\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-types\n var prop = property;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.prototype[prop] = object.prototype[prop];\n }\n return this;\n }.apply(obj1, [obj2]);\n };\n return Clusterer;\n}());\n\nexport { Cluster, ClusterIcon, Clusterer };\n//# sourceMappingURL=esm.js.map\n","import {\n memo,\n useState,\n type JSX,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\nimport {\n Cluster,\n Clusterer,\n type TCalculator,\n type ClusterIconStyle,\n type ClustererOptions,\n} from '@react-google-maps/marker-clusterer'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onClick: 'click',\n onClusteringBegin: 'clusteringbegin',\n onClusteringEnd: 'clusteringend',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n}\n\nconst updaterMap = {\n averageCenter(instance: Clusterer, averageCenter: boolean): void {\n instance.setAverageCenter(averageCenter)\n },\n\n batchSizeIE(instance: Clusterer, batchSizeIE: number): void {\n instance.setBatchSizeIE(batchSizeIE)\n },\n\n calculator(instance: Clusterer, calculator: TCalculator): void {\n instance.setCalculator(calculator)\n },\n\n clusterClass(instance: Clusterer, clusterClass: string): void {\n instance.setClusterClass(clusterClass)\n },\n\n enableRetinaIcons(instance: Clusterer, enableRetinaIcons: boolean): void {\n instance.setEnableRetinaIcons(enableRetinaIcons)\n },\n\n gridSize(instance: Clusterer, gridSize: number): void {\n instance.setGridSize(gridSize)\n },\n\n ignoreHidden(instance: Clusterer, ignoreHidden: boolean): void {\n instance.setIgnoreHidden(ignoreHidden)\n },\n\n imageExtension(instance: Clusterer, imageExtension: string): void {\n instance.setImageExtension(imageExtension)\n },\n\n imagePath(instance: Clusterer, imagePath: string): void {\n instance.setImagePath(imagePath)\n },\n\n imageSizes(instance: Clusterer, imageSizes: number[]): void {\n instance.setImageSizes(imageSizes)\n },\n\n maxZoom(instance: Clusterer, maxZoom: number): void {\n instance.setMaxZoom(maxZoom)\n },\n\n minimumClusterSize(instance: Clusterer, minimumClusterSize: number): void {\n instance.setMinimumClusterSize(minimumClusterSize)\n },\n\n styles(instance: Clusterer, styles: ClusterIconStyle[]): void {\n instance.setStyles(styles)\n },\n\n title(instance: Clusterer, title: string): void {\n instance.setTitle(title)\n },\n\n zoomOnClick(instance: Clusterer, zoomOnClick: boolean): void {\n instance.setZoomOnClick(zoomOnClick)\n },\n}\n\ntype ClustererState = {\n markerClusterer: Clusterer | null\n}\n\nconst defaultOptions = {}\n\nexport type MarkerClustererProps = {\n // required\n children: (markerClusterer: Clusterer) => JSX.Element\n\n options?: ClustererOptions | undefined\n /** Whether the position of a cluster marker should be the average position of all markers in the cluster. If set to false, the cluster marker is positioned at the location of the first marker added to the cluster. The default value is false. */\n averageCenter?: boolean | undefined\n /** When Internet Explorer is being used, markers are processed in several batches with a small delay inserted between each batch in an attempt to avoid Javascript timeout errors. Set this property to the number of markers to be processed in a single batch; select as high a number as you can without causing a timeout error in the browser. This number might need to be as low as 100 if 15,000 markers are being managed, for example. The default value is MarkerClusterer.BATCH_SIZE_IE. */\n batchSizeIE?: number | undefined\n /** The function used to determine the text to be displayed on a cluster marker and the index indicating which style to use for the cluster marker. The input parameters for the function are (1) the array of markers represented by a cluster marker and (2) the number of cluster icon styles. It returns a ClusterIconInfo object. The default calculator returns a text property which is the number of markers in the cluster and an index property which is one higher than the lowest integer such that 10^i exceeds the number of markers in the cluster, or the size of the styles array, whichever is less. The styles array element used has an index of index minus 1. For example, the default calculator returns a text value of \"125\" and an index of 3 for a cluster icon representing 125 markers so the element used in the styles array is 2. A calculator may also return a title property that contains the text of the tooltip to be used for the cluster marker. If title is not defined, the tooltip is set to the value of the title property for the MarkerClusterer. The default value is MarkerClusterer.CALCULATOR. */\n calculator?: TCalculator | undefined\n /** The name of the CSS class defining general styles for the cluster markers. Use this class to define CSS styles that are not set up by the code that processes the styles array. The default value is \"cluster\". */\n clusterClass?: string | undefined\n /** Whether to allow the use of cluster icons that have sizes that are some multiple (typically double) of their actual display size. Icons such as these look better when viewed on high-resolution monitors such as Apple's Retina displays. Note: if this property is true, sprites cannot be used as cluster icons. The default value is false. */\n enableRetinaIcons?: boolean | undefined\n /** The grid size of a cluster in pixels. The grid is a square. The default value is 60. */\n gridSize?: number | undefined\n /** Whether to ignore hidden markers in clusters. You may want to set this to true to ensure that hidden markers are not included in the marker count that appears on a cluster marker (this count is the value of the text property of the result returned by the default calculator). If set to true and you change the visibility of a marker being clustered, be sure to also call MarkerClusterer.repaint(). The default value is false. */\n ignoreHidden?: boolean | undefined\n /** The extension name for the cluster icon image files (e.g., \"png\" or \"jpg\"). The default value is MarkerClusterer.IMAGE_EXTENSION. */\n imageExtension?: string | undefined\n /** The full URL of the root name of the group of image files to use for cluster icons. The complete file name is of the form imagePath.imageExtension where n is the image file number (1, 2, etc.). The default value is MarkerClusterer.IMAGE_PATH. */\n imagePath?: string | undefined\n /** An array of numbers containing the widths of the group of imagePath.imageExtension image files. (The images are assumed to be square.) The default value is MarkerClusterer.IMAGE_SIZES. */\n imageSizes?: number[] | undefined\n /** The maximum zoom level at which clustering is enabled or null if clustering is to be enabled at all zoom levels. The default value is null. */\n maxZoom?: number | undefined\n /** The minimum number of markers needed in a cluster before the markers are hidden and a cluster marker appears. The default value is 2. */\n minimumClusterSize?: number | undefined\n /** An array of ClusterIconStyle elements defining the styles of the cluster markers to be used. The element to be used to style a given cluster marker is determined by the function defined by the calculator property. The default is an array of ClusterIconStyle elements whose properties are derived from the values for imagePath, imageExtension, and imageSizes. */\n styles?: ClusterIconStyle[] | undefined\n /** The tooltip to display when the mouse moves over a cluster marker. (Alternatively, you can use a custom calculator function to specify a different tooltip for each cluster marker.) The default value is \"\". */\n title?: string | undefined\n /** Whether to zoom the map when a cluster marker is clicked. You may want to set this to false if you have installed a handler for the click event and it deals with zooming on its own. The default value is true. */\n zoomOnClick?: boolean | undefined\n /** This event is fired when a cluster marker is clicked. */\n onClick?: ((cluster: Cluster) => void) | undefined\n /** This event is fired when the MarkerClusterer begins clustering markers. */\n onClusteringBegin?: ((markerClusterer: Clusterer) => void) | undefined\n /** This event is fired when the MarkerClusterer stops clustering markers. */\n onClusteringEnd?: ((markerClusterer: Clusterer) => void) | undefined\n /** \tThis event is fired when the mouse moves over a cluster marker. */\n onMouseOver?: (cluster: Cluster) => void | undefined\n /** This event is fired when the mouse moves out of a cluster marker. */\n onMouseOut?: (cluster: Cluster) => void | undefined\n /** This callback is called when the markerClusterer instance has loaded. It is called with the markerClusterer instance. */\n onLoad?: ((markerClusterer: Clusterer) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the markerClusterer instance. */\n onUnmount?: ((markerClusterer: Clusterer) => void) | undefined\n}\n\nfunction MarkerClustererFunctional(\n props: MarkerClustererProps\n): JSX.Element | null {\n const {\n children,\n options,\n averageCenter,\n batchSizeIE,\n calculator,\n clusterClass,\n enableRetinaIcons,\n gridSize,\n ignoreHidden,\n imageExtension,\n imagePath,\n imageSizes,\n maxZoom,\n minimumClusterSize,\n styles,\n title,\n zoomOnClick,\n onClick,\n onClusteringBegin,\n onClusteringEnd,\n onMouseOver,\n onMouseOut,\n onLoad,\n onUnmount,\n } = props\n const [instance, setInstance] = useState containing the InfoBox's content is attached to the DOM. You may wish to monitor this event if you are building out your info window content dynamically. */\n onDomReady?: (() => void) | undefined\n /** This event is fired when the content property changes. */\n onContentChanged?: (() => void) | undefined\n /** This event is fired when the position property changes. */\n onPositionChanged?: (() => void) | undefined\n /** This event is fired when the InfoBox's zIndex changes. */\n onZindexChanged?: (() => void) | undefined\n /** This callback is called when the infoBox instance has loaded. It is called with the infoBox instance. */\n onLoad?: ((infoBox: GoogleMapsInfoBox) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the infoBox instance. */\n onUnmount?: ((infoBox: GoogleMapsInfoBox) => void) | undefined\n}\n\nconst defaultOptions: InfoBoxOptions = {}\n\nfunction InfoBoxFunctional({\n children,\n anchor,\n options,\n position,\n zIndex,\n onCloseClick,\n onDomReady,\n onContentChanged,\n onPositionChanged,\n onZindexChanged,\n onLoad,\n onUnmount,\n}: InfoBoxProps): ReactPortal | null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [closeClickListener, setCloseClickListener] =\n useState(null)\n const [domReadyClickListener, setDomReadyClickListener] =\n useState(null)\n const [contentChangedClickListener, setContentChangedClickListener] =\n useState(null)\n const [positionChangedClickListener, setPositionChangedClickListener] =\n useState(null)\n const [zIndexChangedClickListener, setZindexChangedClickListener] =\n useState(null)\n\n const containerElementRef = useRef(null)\n\n // Order does matter\n useEffect(() => {\n if (map && instance !== null) {\n instance.close()\n\n if (anchor) {\n instance.open(map, anchor)\n } else if (instance.getPosition()) {\n instance.open(map)\n }\n }\n }, [map, instance, anchor])\n\n useEffect(() => {\n if (options && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (position && instance !== null) {\n const positionLatLng =\n position instanceof google.maps.LatLng\n ? position\n : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n new google.maps.LatLng(position.lat, position.lng)\n\n instance.setPosition(positionLatLng)\n }\n }, [position])\n\n useEffect(() => {\n if (typeof zIndex === 'number' && instance !== null) {\n instance.setZIndex(zIndex)\n }\n }, [zIndex])\n\n useEffect(() => {\n if (instance && onCloseClick) {\n if (closeClickListener !== null) {\n google.maps.event.removeListener(closeClickListener)\n }\n\n setCloseClickListener(\n google.maps.event.addListener(instance, 'closeclick', onCloseClick)\n )\n }\n }, [onCloseClick])\n\n useEffect(() => {\n if (instance && onDomReady) {\n if (domReadyClickListener !== null) {\n google.maps.event.removeListener(domReadyClickListener)\n }\n\n setDomReadyClickListener(\n google.maps.event.addListener(instance, 'domready', onDomReady)\n )\n }\n }, [onDomReady])\n\n useEffect(() => {\n if (instance && onContentChanged) {\n if (contentChangedClickListener !== null) {\n google.maps.event.removeListener(contentChangedClickListener)\n }\n\n setContentChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'content_changed',\n onContentChanged\n )\n )\n }\n }, [onContentChanged])\n\n useEffect(() => {\n if (instance && onPositionChanged) {\n if (positionChangedClickListener !== null) {\n google.maps.event.removeListener(positionChangedClickListener)\n }\n\n setPositionChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'position_changed',\n onPositionChanged\n )\n )\n }\n }, [onPositionChanged])\n\n useEffect(() => {\n if (instance && onZindexChanged) {\n if (zIndexChangedClickListener !== null) {\n google.maps.event.removeListener(zIndexChangedClickListener)\n }\n\n setZindexChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'zindex_changed',\n onZindexChanged\n )\n )\n }\n }, [onZindexChanged])\n\n useEffect(() => {\n if (map) {\n const { position, ...infoBoxOptions }: InfoBoxOptions =\n options || defaultOptions\n\n let positionLatLng: google.maps.LatLng | undefined\n\n if (position && !(position instanceof google.maps.LatLng)) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n positionLatLng = new google.maps.LatLng(position.lat, position.lng)\n }\n\n const infoBox = new GoogleMapsInfoBox({\n ...infoBoxOptions,\n ...(positionLatLng ? { position: positionLatLng } : {}),\n })\n\n containerElementRef.current = document.createElement('div')\n\n setInstance(infoBox)\n\n if (onCloseClick) {\n setCloseClickListener(\n google.maps.event.addListener(infoBox, 'closeclick', onCloseClick)\n )\n }\n\n if (onDomReady) {\n setDomReadyClickListener(\n google.maps.event.addListener(infoBox, 'domready', onDomReady)\n )\n }\n\n if (onContentChanged) {\n setContentChangedClickListener(\n google.maps.event.addListener(\n infoBox,\n 'content_changed',\n onContentChanged\n )\n )\n }\n\n if (onPositionChanged) {\n setPositionChangedClickListener(\n google.maps.event.addListener(\n infoBox,\n 'position_changed',\n onPositionChanged\n )\n )\n }\n\n if (onZindexChanged) {\n setZindexChangedClickListener(\n google.maps.event.addListener(\n infoBox,\n 'zindex_changed',\n onZindexChanged\n )\n )\n }\n\n infoBox.setContent(containerElementRef.current)\n\n if (anchor) {\n infoBox.open(map, anchor)\n } else if (infoBox.getPosition()) {\n infoBox.open(map)\n } else {\n invariant(\n false,\n 'You must provide either an anchor or a position prop for .'\n )\n }\n\n if (onLoad) {\n onLoad(infoBox)\n }\n }\n\n return () => {\n if (instance !== null) {\n if (closeClickListener) {\n google.maps.event.removeListener(closeClickListener)\n }\n\n if (contentChangedClickListener) {\n google.maps.event.removeListener(contentChangedClickListener)\n }\n\n if (domReadyClickListener) {\n google.maps.event.removeListener(domReadyClickListener)\n }\n\n if (positionChangedClickListener) {\n google.maps.event.removeListener(positionChangedClickListener)\n }\n\n if (zIndexChangedClickListener) {\n google.maps.event.removeListener(zIndexChangedClickListener)\n }\n\n if (onUnmount) {\n onUnmount(instance)\n }\n\n instance.close()\n }\n }\n }, [])\n\n return containerElementRef.current\n ? createPortal(Children.only(children), containerElementRef.current)\n : null\n}\n\nexport const InfoBoxF = memo(InfoBoxFunctional)\n\nexport class InfoBoxComponent extends PureComponent<\n InfoBoxProps,\n InfoBoxState\n> {\n static override contextType = MapContext\n\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n containerElement: HTMLElement | null = null\n\n override state: InfoBoxState = {\n infoBox: null,\n }\n\n open = (infoBox: GoogleMapsInfoBox, anchor?: google.maps.MVCObject): void => {\n if (anchor) {\n if (this.context !== null) {\n infoBox.open(this.context, anchor)\n }\n } else if (infoBox.getPosition()) {\n if (this.context !== null) {\n infoBox.open(this.context)\n }\n } else {\n invariant(\n false,\n 'You must provide either an anchor or a position prop for .'\n )\n }\n }\n\n setInfoBoxCallback = (): void => {\n if (this.state.infoBox !== null && this.containerElement !== null) {\n this.state.infoBox.setContent(this.containerElement)\n\n this.open(this.state.infoBox, this.props.anchor)\n\n if (this.props.onLoad) {\n this.props.onLoad(this.state.infoBox)\n }\n }\n }\n\n override componentDidMount(): void {\n const { position, ...infoBoxOptions }: InfoBoxOptions =\n this.props.options || {}\n\n let positionLatLng: google.maps.LatLng | undefined\n\n if (position && !(position instanceof google.maps.LatLng)) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n positionLatLng = new google.maps.LatLng(position.lat, position.lng)\n }\n\n const infoBox = new GoogleMapsInfoBox({\n ...infoBoxOptions,\n ...(positionLatLng ? { position: positionLatLng } : {}),\n })\n\n this.containerElement = document.createElement('div')\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: infoBox,\n })\n\n this.setState({ infoBox }, this.setInfoBoxCallback)\n }\n\n override componentDidUpdate(prevProps: InfoBoxProps): void {\n const { infoBox } = this.state\n\n if (infoBox !== null) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: infoBox,\n })\n }\n }\n\n override componentWillUnmount(): void {\n const { onUnmount } = this.props\n const { infoBox } = this.state\n\n if (infoBox !== null) {\n if (onUnmount) {\n onUnmount(infoBox)\n }\n\n unregisterEvents(this.registeredEvents)\n infoBox.close()\n }\n }\n\n override render(): ReactPortal | null {\n return this.containerElement\n ? createPortal(Children.only(this.props.children), this.containerElement)\n : null\n }\n}\n\nexport default InfoBoxComponent\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n for (i = length; i-- !== 0;) {\n var key = keys[i];\n\n if (!equal(a[key], b[key])) return false;\n }\n\n return true;\n }\n\n // true if both NaN, false otherwise\n return a!==a && b!==b;\n};\n","\nconst ARRAY_TYPES = [\n Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint16Array,\n Int32Array, Uint32Array, Float32Array, Float64Array\n];\n\n/** @typedef {Int8ArrayConstructor | Uint8ArrayConstructor | Uint8ClampedArrayConstructor | Int16ArrayConstructor | Uint16ArrayConstructor | Int32ArrayConstructor | Uint32ArrayConstructor | Float32ArrayConstructor | Float64ArrayConstructor} TypedArrayConstructor */\n\nconst VERSION = 1; // serialized format version\nconst HEADER_SIZE = 8;\n\nexport default class KDBush {\n\n /**\n * Creates an index from raw `ArrayBuffer` data.\n * @param {ArrayBuffer} data\n */\n static from(data) {\n if (!(data instanceof ArrayBuffer)) {\n throw new Error('Data must be an instance of ArrayBuffer.');\n }\n const [magic, versionAndType] = new Uint8Array(data, 0, 2);\n if (magic !== 0xdb) {\n throw new Error('Data does not appear to be in a KDBush format.');\n }\n const version = versionAndType >> 4;\n if (version !== VERSION) {\n throw new Error(`Got v${version} data when expected v${VERSION}.`);\n }\n const ArrayType = ARRAY_TYPES[versionAndType & 0x0f];\n if (!ArrayType) {\n throw new Error('Unrecognized array type.');\n }\n const [nodeSize] = new Uint16Array(data, 2, 1);\n const [numItems] = new Uint32Array(data, 4, 1);\n\n return new KDBush(numItems, nodeSize, ArrayType, data);\n }\n\n /**\n * Creates an index that will hold a given number of items.\n * @param {number} numItems\n * @param {number} [nodeSize=64] Size of the KD-tree node (64 by default).\n * @param {TypedArrayConstructor} [ArrayType=Float64Array] The array type used for coordinates storage (`Float64Array` by default).\n * @param {ArrayBuffer} [data] (For internal use only)\n */\n constructor(numItems, nodeSize = 64, ArrayType = Float64Array, data) {\n if (isNaN(numItems) || numItems < 0) throw new Error(`Unpexpected numItems value: ${numItems}.`);\n\n this.numItems = +numItems;\n this.nodeSize = Math.min(Math.max(+nodeSize, 2), 65535);\n this.ArrayType = ArrayType;\n this.IndexArrayType = numItems < 65536 ? Uint16Array : Uint32Array;\n\n const arrayTypeIndex = ARRAY_TYPES.indexOf(this.ArrayType);\n const coordsByteSize = numItems * 2 * this.ArrayType.BYTES_PER_ELEMENT;\n const idsByteSize = numItems * this.IndexArrayType.BYTES_PER_ELEMENT;\n const padCoords = (8 - idsByteSize % 8) % 8;\n\n if (arrayTypeIndex < 0) {\n throw new Error(`Unexpected typed array class: ${ArrayType}.`);\n }\n\n if (data && (data instanceof ArrayBuffer)) { // reconstruct an index from a buffer\n this.data = data;\n this.ids = new this.IndexArrayType(this.data, HEADER_SIZE, numItems);\n this.coords = new this.ArrayType(this.data, HEADER_SIZE + idsByteSize + padCoords, numItems * 2);\n this._pos = numItems * 2;\n this._finished = true;\n } else { // initialize a new index\n this.data = new ArrayBuffer(HEADER_SIZE + coordsByteSize + idsByteSize + padCoords);\n this.ids = new this.IndexArrayType(this.data, HEADER_SIZE, numItems);\n this.coords = new this.ArrayType(this.data, HEADER_SIZE + idsByteSize + padCoords, numItems * 2);\n this._pos = 0;\n this._finished = false;\n\n // set header\n new Uint8Array(this.data, 0, 2).set([0xdb, (VERSION << 4) + arrayTypeIndex]);\n new Uint16Array(this.data, 2, 1)[0] = nodeSize;\n new Uint32Array(this.data, 4, 1)[0] = numItems;\n }\n }\n\n /**\n * Add a point to the index.\n * @param {number} x\n * @param {number} y\n * @returns {number} An incremental index associated with the added item (starting from `0`).\n */\n add(x, y) {\n const index = this._pos >> 1;\n this.ids[index] = index;\n this.coords[this._pos++] = x;\n this.coords[this._pos++] = y;\n return index;\n }\n\n /**\n * Perform indexing of the added points.\n */\n finish() {\n const numAdded = this._pos >> 1;\n if (numAdded !== this.numItems) {\n throw new Error(`Added ${numAdded} items when expected ${this.numItems}.`);\n }\n // kd-sort both arrays for efficient search\n sort(this.ids, this.coords, this.nodeSize, 0, this.numItems - 1, 0);\n\n this._finished = true;\n return this;\n }\n\n /**\n * Search the index for items within a given bounding box.\n * @param {number} minX\n * @param {number} minY\n * @param {number} maxX\n * @param {number} maxY\n * @returns {number[]} An array of indices correponding to the found items.\n */\n range(minX, minY, maxX, maxY) {\n if (!this._finished) throw new Error('Data not yet indexed - call index.finish().');\n\n const {ids, coords, nodeSize} = this;\n const stack = [0, ids.length - 1, 0];\n const result = [];\n\n // recursively search for items in range in the kd-sorted arrays\n while (stack.length) {\n const axis = stack.pop() || 0;\n const right = stack.pop() || 0;\n const left = stack.pop() || 0;\n\n // if we reached \"tree node\", search linearly\n if (right - left <= nodeSize) {\n for (let i = left; i <= right; i++) {\n const x = coords[2 * i];\n const y = coords[2 * i + 1];\n if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[i]);\n }\n continue;\n }\n\n // otherwise find the middle index\n const m = (left + right) >> 1;\n\n // include the middle item if it's in range\n const x = coords[2 * m];\n const y = coords[2 * m + 1];\n if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[m]);\n\n // queue search in halves that intersect the query\n if (axis === 0 ? minX <= x : minY <= y) {\n stack.push(left);\n stack.push(m - 1);\n stack.push(1 - axis);\n }\n if (axis === 0 ? maxX >= x : maxY >= y) {\n stack.push(m + 1);\n stack.push(right);\n stack.push(1 - axis);\n }\n }\n\n return result;\n }\n\n /**\n * Search the index for items within a given radius.\n * @param {number} qx\n * @param {number} qy\n * @param {number} r Query radius.\n * @returns {number[]} An array of indices correponding to the found items.\n */\n within(qx, qy, r) {\n if (!this._finished) throw new Error('Data not yet indexed - call index.finish().');\n\n const {ids, coords, nodeSize} = this;\n const stack = [0, ids.length - 1, 0];\n const result = [];\n const r2 = r * r;\n\n // recursively search for items within radius in the kd-sorted arrays\n while (stack.length) {\n const axis = stack.pop() || 0;\n const right = stack.pop() || 0;\n const left = stack.pop() || 0;\n\n // if we reached \"tree node\", search linearly\n if (right - left <= nodeSize) {\n for (let i = left; i <= right; i++) {\n if (sqDist(coords[2 * i], coords[2 * i + 1], qx, qy) <= r2) result.push(ids[i]);\n }\n continue;\n }\n\n // otherwise find the middle index\n const m = (left + right) >> 1;\n\n // include the middle item if it's in range\n const x = coords[2 * m];\n const y = coords[2 * m + 1];\n if (sqDist(x, y, qx, qy) <= r2) result.push(ids[m]);\n\n // queue search in halves that intersect the query\n if (axis === 0 ? qx - r <= x : qy - r <= y) {\n stack.push(left);\n stack.push(m - 1);\n stack.push(1 - axis);\n }\n if (axis === 0 ? qx + r >= x : qy + r >= y) {\n stack.push(m + 1);\n stack.push(right);\n stack.push(1 - axis);\n }\n }\n\n return result;\n }\n}\n\n/**\n * @param {Uint16Array | Uint32Array} ids\n * @param {InstanceType} coords\n * @param {number} nodeSize\n * @param {number} left\n * @param {number} right\n * @param {number} axis\n */\nfunction sort(ids, coords, nodeSize, left, right, axis) {\n if (right - left <= nodeSize) return;\n\n const m = (left + right) >> 1; // middle index\n\n // sort ids and coords around the middle index so that the halves lie\n // either left/right or top/bottom correspondingly (taking turns)\n select(ids, coords, m, left, right, axis);\n\n // recursively kd-sort first half and second half on the opposite axis\n sort(ids, coords, nodeSize, left, m - 1, 1 - axis);\n sort(ids, coords, nodeSize, m + 1, right, 1 - axis);\n}\n\n/**\n * Custom Floyd-Rivest selection algorithm: sort ids and coords so that\n * [left..k-1] items are smaller than k-th item (on either x or y axis)\n * @param {Uint16Array | Uint32Array} ids\n * @param {InstanceType} coords\n * @param {number} k\n * @param {number} left\n * @param {number} right\n * @param {number} axis\n */\nfunction select(ids, coords, k, left, right, axis) {\n\n while (right > left) {\n if (right - left > 600) {\n const n = right - left + 1;\n const m = k - left + 1;\n const z = Math.log(n);\n const s = 0.5 * Math.exp(2 * z / 3);\n const sd = 0.5 * Math.sqrt(z * s * (n - s) / n) * (m - n / 2 < 0 ? -1 : 1);\n const newLeft = Math.max(left, Math.floor(k - m * s / n + sd));\n const newRight = Math.min(right, Math.floor(k + (n - m) * s / n + sd));\n select(ids, coords, k, newLeft, newRight, axis);\n }\n\n const t = coords[2 * k + axis];\n let i = left;\n let j = right;\n\n swapItem(ids, coords, left, k);\n if (coords[2 * right + axis] > t) swapItem(ids, coords, left, right);\n\n while (i < j) {\n swapItem(ids, coords, i, j);\n i++;\n j--;\n while (coords[2 * i + axis] < t) i++;\n while (coords[2 * j + axis] > t) j--;\n }\n\n if (coords[2 * left + axis] === t) swapItem(ids, coords, left, j);\n else {\n j++;\n swapItem(ids, coords, j, right);\n }\n\n if (j <= k) left = j + 1;\n if (k <= j) right = j - 1;\n }\n}\n\n/**\n * @param {Uint16Array | Uint32Array} ids\n * @param {InstanceType} coords\n * @param {number} i\n * @param {number} j\n */\nfunction swapItem(ids, coords, i, j) {\n swap(ids, i, j);\n swap(coords, 2 * i, 2 * j);\n swap(coords, 2 * i + 1, 2 * j + 1);\n}\n\n/**\n * @param {InstanceType} arr\n * @param {number} i\n * @param {number} j\n */\nfunction swap(arr, i, j) {\n const tmp = arr[i];\n arr[i] = arr[j];\n arr[j] = tmp;\n}\n\n/**\n * @param {number} ax\n * @param {number} ay\n * @param {number} bx\n * @param {number} by\n */\nfunction sqDist(ax, ay, bx, by) {\n const dx = ax - bx;\n const dy = ay - by;\n return dx * dx + dy * dy;\n}\n","\nimport KDBush from 'kdbush';\n\nconst defaultOptions = {\n minZoom: 0, // min zoom to generate clusters on\n maxZoom: 16, // max zoom level to cluster the points on\n minPoints: 2, // minimum points to form a cluster\n radius: 40, // cluster radius in pixels\n extent: 512, // tile extent (radius is calculated relative to it)\n nodeSize: 64, // size of the KD-tree leaf node, affects performance\n log: false, // whether to log timing info\n\n // whether to generate numeric ids for input features (in vector tiles)\n generateId: false,\n\n // a reduce function for calculating custom cluster properties\n reduce: null, // (accumulated, props) => { accumulated.sum += props.sum; }\n\n // properties to use for individual points when running the reducer\n map: props => props // props => ({sum: props.my_value})\n};\n\nconst fround = Math.fround || (tmp => ((x) => { tmp[0] = +x; return tmp[0]; }))(new Float32Array(1));\n\nconst OFFSET_ZOOM = 2;\nconst OFFSET_ID = 3;\nconst OFFSET_PARENT = 4;\nconst OFFSET_NUM = 5;\nconst OFFSET_PROP = 6;\n\nexport default class Supercluster {\n constructor(options) {\n this.options = Object.assign(Object.create(defaultOptions), options);\n this.trees = new Array(this.options.maxZoom + 1);\n this.stride = this.options.reduce ? 7 : 6;\n this.clusterProps = [];\n }\n\n load(points) {\n const {log, minZoom, maxZoom} = this.options;\n\n if (log) console.time('total time');\n\n const timerId = `prepare ${ points.length } points`;\n if (log) console.time(timerId);\n\n this.points = points;\n\n // generate a cluster object for each point and index input points into a KD-tree\n const data = [];\n\n for (let i = 0; i < points.length; i++) {\n const p = points[i];\n if (!p.geometry) continue;\n\n const [lng, lat] = p.geometry.coordinates;\n const x = fround(lngX(lng));\n const y = fround(latY(lat));\n // store internal point/cluster data in flat numeric arrays for performance\n data.push(\n x, y, // projected point coordinates\n Infinity, // the last zoom the point was processed at\n i, // index of the source feature in the original input array\n -1, // parent cluster id\n 1 // number of points in a cluster\n );\n if (this.options.reduce) data.push(0); // noop\n }\n let tree = this.trees[maxZoom + 1] = this._createTree(data);\n\n if (log) console.timeEnd(timerId);\n\n // cluster points on max zoom, then cluster the results on previous zoom, etc.;\n // results in a cluster hierarchy across zoom levels\n for (let z = maxZoom; z >= minZoom; z--) {\n const now = +Date.now();\n\n // create a new set of clusters for the zoom and index them with a KD-tree\n tree = this.trees[z] = this._createTree(this._cluster(tree, z));\n\n if (log) console.log('z%d: %d clusters in %dms', z, tree.numItems, +Date.now() - now);\n }\n\n if (log) console.timeEnd('total time');\n\n return this;\n }\n\n getClusters(bbox, zoom) {\n let minLng = ((bbox[0] + 180) % 360 + 360) % 360 - 180;\n const minLat = Math.max(-90, Math.min(90, bbox[1]));\n let maxLng = bbox[2] === 180 ? 180 : ((bbox[2] + 180) % 360 + 360) % 360 - 180;\n const maxLat = Math.max(-90, Math.min(90, bbox[3]));\n\n if (bbox[2] - bbox[0] >= 360) {\n minLng = -180;\n maxLng = 180;\n } else if (minLng > maxLng) {\n const easternHem = this.getClusters([minLng, minLat, 180, maxLat], zoom);\n const westernHem = this.getClusters([-180, minLat, maxLng, maxLat], zoom);\n return easternHem.concat(westernHem);\n }\n\n const tree = this.trees[this._limitZoom(zoom)];\n const ids = tree.range(lngX(minLng), latY(maxLat), lngX(maxLng), latY(minLat));\n const data = tree.data;\n const clusters = [];\n for (const id of ids) {\n const k = this.stride * id;\n clusters.push(data[k + OFFSET_NUM] > 1 ? getClusterJSON(data, k, this.clusterProps) : this.points[data[k + OFFSET_ID]]);\n }\n return clusters;\n }\n\n getChildren(clusterId) {\n const originId = this._getOriginId(clusterId);\n const originZoom = this._getOriginZoom(clusterId);\n const errorMsg = 'No cluster with the specified id.';\n\n const tree = this.trees[originZoom];\n if (!tree) throw new Error(errorMsg);\n\n const data = tree.data;\n if (originId * this.stride >= data.length) throw new Error(errorMsg);\n\n const r = this.options.radius / (this.options.extent * Math.pow(2, originZoom - 1));\n const x = data[originId * this.stride];\n const y = data[originId * this.stride + 1];\n const ids = tree.within(x, y, r);\n const children = [];\n for (const id of ids) {\n const k = id * this.stride;\n if (data[k + OFFSET_PARENT] === clusterId) {\n children.push(data[k + OFFSET_NUM] > 1 ? getClusterJSON(data, k, this.clusterProps) : this.points[data[k + OFFSET_ID]]);\n }\n }\n\n if (children.length === 0) throw new Error(errorMsg);\n\n return children;\n }\n\n getLeaves(clusterId, limit, offset) {\n limit = limit || 10;\n offset = offset || 0;\n\n const leaves = [];\n this._appendLeaves(leaves, clusterId, limit, offset, 0);\n\n return leaves;\n }\n\n getTile(z, x, y) {\n const tree = this.trees[this._limitZoom(z)];\n const z2 = Math.pow(2, z);\n const {extent, radius} = this.options;\n const p = radius / extent;\n const top = (y - p) / z2;\n const bottom = (y + 1 + p) / z2;\n\n const tile = {\n features: []\n };\n\n this._addTileFeatures(\n tree.range((x - p) / z2, top, (x + 1 + p) / z2, bottom),\n tree.data, x, y, z2, tile);\n\n if (x === 0) {\n this._addTileFeatures(\n tree.range(1 - p / z2, top, 1, bottom),\n tree.data, z2, y, z2, tile);\n }\n if (x === z2 - 1) {\n this._addTileFeatures(\n tree.range(0, top, p / z2, bottom),\n tree.data, -1, y, z2, tile);\n }\n\n return tile.features.length ? tile : null;\n }\n\n getClusterExpansionZoom(clusterId) {\n let expansionZoom = this._getOriginZoom(clusterId) - 1;\n while (expansionZoom <= this.options.maxZoom) {\n const children = this.getChildren(clusterId);\n expansionZoom++;\n if (children.length !== 1) break;\n clusterId = children[0].properties.cluster_id;\n }\n return expansionZoom;\n }\n\n _appendLeaves(result, clusterId, limit, offset, skipped) {\n const children = this.getChildren(clusterId);\n\n for (const child of children) {\n const props = child.properties;\n\n if (props && props.cluster) {\n if (skipped + props.point_count <= offset) {\n // skip the whole cluster\n skipped += props.point_count;\n } else {\n // enter the cluster\n skipped = this._appendLeaves(result, props.cluster_id, limit, offset, skipped);\n // exit the cluster\n }\n } else if (skipped < offset) {\n // skip a single point\n skipped++;\n } else {\n // add a single point\n result.push(child);\n }\n if (result.length === limit) break;\n }\n\n return skipped;\n }\n\n _createTree(data) {\n const tree = new KDBush(data.length / this.stride | 0, this.options.nodeSize, Float32Array);\n for (let i = 0; i < data.length; i += this.stride) tree.add(data[i], data[i + 1]);\n tree.finish();\n tree.data = data;\n return tree;\n }\n\n _addTileFeatures(ids, data, x, y, z2, tile) {\n for (const i of ids) {\n const k = i * this.stride;\n const isCluster = data[k + OFFSET_NUM] > 1;\n\n let tags, px, py;\n if (isCluster) {\n tags = getClusterProperties(data, k, this.clusterProps);\n px = data[k];\n py = data[k + 1];\n } else {\n const p = this.points[data[k + OFFSET_ID]];\n tags = p.properties;\n const [lng, lat] = p.geometry.coordinates;\n px = lngX(lng);\n py = latY(lat);\n }\n\n const f = {\n type: 1,\n geometry: [[\n Math.round(this.options.extent * (px * z2 - x)),\n Math.round(this.options.extent * (py * z2 - y))\n ]],\n tags\n };\n\n // assign id\n let id;\n if (isCluster || this.options.generateId) {\n // optionally generate id for points\n id = data[k + OFFSET_ID];\n } else {\n // keep id if already assigned\n id = this.points[data[k + OFFSET_ID]].id;\n }\n\n if (id !== undefined) f.id = id;\n\n tile.features.push(f);\n }\n }\n\n _limitZoom(z) {\n return Math.max(this.options.minZoom, Math.min(Math.floor(+z), this.options.maxZoom + 1));\n }\n\n _cluster(tree, zoom) {\n const {radius, extent, reduce, minPoints} = this.options;\n const r = radius / (extent * Math.pow(2, zoom));\n const data = tree.data;\n const nextData = [];\n const stride = this.stride;\n\n // loop through each point\n for (let i = 0; i < data.length; i += stride) {\n // if we've already visited the point at this zoom level, skip it\n if (data[i + OFFSET_ZOOM] <= zoom) continue;\n data[i + OFFSET_ZOOM] = zoom;\n\n // find all nearby points\n const x = data[i];\n const y = data[i + 1];\n const neighborIds = tree.within(data[i], data[i + 1], r);\n\n const numPointsOrigin = data[i + OFFSET_NUM];\n let numPoints = numPointsOrigin;\n\n // count the number of points in a potential cluster\n for (const neighborId of neighborIds) {\n const k = neighborId * stride;\n // filter out neighbors that are already processed\n if (data[k + OFFSET_ZOOM] > zoom) numPoints += data[k + OFFSET_NUM];\n }\n\n // if there were neighbors to merge, and there are enough points to form a cluster\n if (numPoints > numPointsOrigin && numPoints >= minPoints) {\n let wx = x * numPointsOrigin;\n let wy = y * numPointsOrigin;\n\n let clusterProperties;\n let clusterPropIndex = -1;\n\n // encode both zoom and point index on which the cluster originated -- offset by total length of features\n const id = ((i / stride | 0) << 5) + (zoom + 1) + this.points.length;\n\n for (const neighborId of neighborIds) {\n const k = neighborId * stride;\n\n if (data[k + OFFSET_ZOOM] <= zoom) continue;\n data[k + OFFSET_ZOOM] = zoom; // save the zoom (so it doesn't get processed twice)\n\n const numPoints2 = data[k + OFFSET_NUM];\n wx += data[k] * numPoints2; // accumulate coordinates for calculating weighted center\n wy += data[k + 1] * numPoints2;\n\n data[k + OFFSET_PARENT] = id;\n\n if (reduce) {\n if (!clusterProperties) {\n clusterProperties = this._map(data, i, true);\n clusterPropIndex = this.clusterProps.length;\n this.clusterProps.push(clusterProperties);\n }\n reduce(clusterProperties, this._map(data, k));\n }\n }\n\n data[i + OFFSET_PARENT] = id;\n nextData.push(wx / numPoints, wy / numPoints, Infinity, id, -1, numPoints);\n if (reduce) nextData.push(clusterPropIndex);\n\n } else { // left points as unclustered\n for (let j = 0; j < stride; j++) nextData.push(data[i + j]);\n\n if (numPoints > 1) {\n for (const neighborId of neighborIds) {\n const k = neighborId * stride;\n if (data[k + OFFSET_ZOOM] <= zoom) continue;\n data[k + OFFSET_ZOOM] = zoom;\n for (let j = 0; j < stride; j++) nextData.push(data[k + j]);\n }\n }\n }\n }\n\n return nextData;\n }\n\n // get index of the point from which the cluster originated\n _getOriginId(clusterId) {\n return (clusterId - this.points.length) >> 5;\n }\n\n // get zoom of the point from which the cluster originated\n _getOriginZoom(clusterId) {\n return (clusterId - this.points.length) % 32;\n }\n\n _map(data, i, clone) {\n if (data[i + OFFSET_NUM] > 1) {\n const props = this.clusterProps[data[i + OFFSET_PROP]];\n return clone ? Object.assign({}, props) : props;\n }\n const original = this.points[data[i + OFFSET_ID]].properties;\n const result = this.options.map(original);\n return clone && result === original ? Object.assign({}, result) : result;\n }\n}\n\nfunction getClusterJSON(data, i, clusterProps) {\n return {\n type: 'Feature',\n id: data[i + OFFSET_ID],\n properties: getClusterProperties(data, i, clusterProps),\n geometry: {\n type: 'Point',\n coordinates: [xLng(data[i]), yLat(data[i + 1])]\n }\n };\n}\n\nfunction getClusterProperties(data, i, clusterProps) {\n const count = data[i + OFFSET_NUM];\n const abbrev =\n count >= 10000 ? `${Math.round(count / 1000) }k` :\n count >= 1000 ? `${Math.round(count / 100) / 10 }k` : count;\n const propIndex = data[i + OFFSET_PROP];\n const properties = propIndex === -1 ? {} : Object.assign({}, clusterProps[propIndex]);\n return Object.assign(properties, {\n cluster: true,\n cluster_id: data[i + OFFSET_ID],\n point_count: count,\n point_count_abbreviated: abbrev\n });\n}\n\n// longitude/latitude to spherical mercator in [0..1] range\nfunction lngX(lng) {\n return lng / 360 + 0.5;\n}\nfunction latY(lat) {\n const sin = Math.sin(lat * Math.PI / 180);\n const y = (0.5 - 0.25 * Math.log((1 + sin) / (1 - sin)) / Math.PI);\n return y < 0 ? 0 : y > 1 ? 1 : y;\n}\n\n// spherical mercator to longitude/latitude\nfunction xLng(x) {\n return (x - 0.5) * 360;\n}\nfunction yLat(y) {\n const y2 = (180 - y * 360) * Math.PI / 180;\n return 360 * Math.atan(Math.exp(y2)) / Math.PI - 90;\n}\n","import equal from 'fast-deep-equal';\nimport SuperCluster from 'supercluster';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\n\n/**\n * Copyright 2023 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * util class that creates a common set of convenience functions to wrap\n * shared behavior of Advanced Markers and Markers.\n */\nclass MarkerUtils {\n static isAdvancedMarkerAvailable(map) {\n return (google.maps.marker &&\n map.getMapCapabilities().isAdvancedMarkersAvailable === true);\n }\n static isAdvancedMarker(marker) {\n return (google.maps.marker &&\n marker instanceof google.maps.marker.AdvancedMarkerElement);\n }\n static setMap(marker, map) {\n if (this.isAdvancedMarker(marker)) {\n marker.map = map;\n }\n else {\n marker.setMap(map);\n }\n }\n static getPosition(marker) {\n // SuperClusterAlgorithm.calculate expects a LatLng instance so we fake it for Adv Markers\n if (this.isAdvancedMarker(marker)) {\n if (marker.position) {\n if (marker.position instanceof google.maps.LatLng) {\n return marker.position;\n }\n // since we can't cast to LatLngLiteral for reasons =(\n if (marker.position.lat && marker.position.lng) {\n return new google.maps.LatLng(marker.position.lat, marker.position.lng);\n }\n }\n return new google.maps.LatLng(null);\n }\n return marker.getPosition();\n }\n static getVisible(marker) {\n if (this.isAdvancedMarker(marker)) {\n /**\n * Always return true for Advanced Markers because the clusterer\n * uses getVisible as a way to count legacy markers not as an actual\n * indicator of visibility for some reason. Even when markers are hidden\n * Marker.getVisible returns `true` and this is used to set the marker count\n * on the cluster. See the behavior of Cluster.count\n */\n return true;\n }\n return marker.getVisible();\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nclass Cluster {\n constructor({ markers, position }) {\n this.markers = markers;\n if (position) {\n if (position instanceof google.maps.LatLng) {\n this._position = position;\n }\n else {\n this._position = new google.maps.LatLng(position);\n }\n }\n }\n get bounds() {\n if (this.markers.length === 0 && !this._position) {\n return;\n }\n const bounds = new google.maps.LatLngBounds(this._position, this._position);\n for (const marker of this.markers) {\n bounds.extend(MarkerUtils.getPosition(marker));\n }\n return bounds;\n }\n get position() {\n return this._position || this.bounds.getCenter();\n }\n /**\n * Get the count of **visible** markers.\n */\n get count() {\n return this.markers.filter((m) => MarkerUtils.getVisible(m)).length;\n }\n /**\n * Add a marker to the cluster.\n */\n push(marker) {\n this.markers.push(marker);\n }\n /**\n * Cleanup references and remove marker from map.\n */\n delete() {\n if (this.marker) {\n MarkerUtils.setMap(this.marker, null);\n this.marker = undefined;\n }\n this.markers.length = 0;\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Returns the markers visible in a padded map viewport\n *\n * @param map\n * @param mapCanvasProjection\n * @param markers The list of marker to filter\n * @param viewportPaddingPixels The padding in pixel\n * @returns The list of markers in the padded viewport\n */\nconst filterMarkersToPaddedViewport = (map, mapCanvasProjection, markers, viewportPaddingPixels) => {\n const extendedMapBounds = extendBoundsToPaddedViewport(map.getBounds(), mapCanvasProjection, viewportPaddingPixels);\n return markers.filter((marker) => extendedMapBounds.contains(MarkerUtils.getPosition(marker)));\n};\n/**\n * Extends a bounds by a number of pixels in each direction\n */\nconst extendBoundsToPaddedViewport = (bounds, projection, numPixels) => {\n const { northEast, southWest } = latLngBoundsToPixelBounds(bounds, projection);\n const extendedPixelBounds = extendPixelBounds({ northEast, southWest }, numPixels);\n return pixelBoundsToLatLngBounds(extendedPixelBounds, projection);\n};\n/**\n * Gets the extended bounds as a bbox [westLng, southLat, eastLng, northLat]\n */\nconst getPaddedViewport = (bounds, projection, pixels) => {\n const extended = extendBoundsToPaddedViewport(bounds, projection, pixels);\n const ne = extended.getNorthEast();\n const sw = extended.getSouthWest();\n return [sw.lng(), sw.lat(), ne.lng(), ne.lat()];\n};\n/**\n * Returns the distance between 2 positions.\n *\n * @hidden\n */\nconst distanceBetweenPoints = (p1, p2) => {\n const R = 6371; // Radius of the Earth in km\n const dLat = ((p2.lat - p1.lat) * Math.PI) / 180;\n const dLon = ((p2.lng - p1.lng) * Math.PI) / 180;\n const sinDLat = Math.sin(dLat / 2);\n const sinDLon = Math.sin(dLon / 2);\n const a = sinDLat * sinDLat +\n Math.cos((p1.lat * Math.PI) / 180) *\n Math.cos((p2.lat * Math.PI) / 180) *\n sinDLon *\n sinDLon;\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n return R * c;\n};\n/**\n * Converts a LatLng bound to pixels.\n *\n * @hidden\n */\nconst latLngBoundsToPixelBounds = (bounds, projection) => {\n return {\n northEast: projection.fromLatLngToDivPixel(bounds.getNorthEast()),\n southWest: projection.fromLatLngToDivPixel(bounds.getSouthWest()),\n };\n};\n/**\n * Extends a pixel bounds by numPixels in all directions.\n *\n * @hidden\n */\nconst extendPixelBounds = ({ northEast, southWest }, numPixels) => {\n northEast.x += numPixels;\n northEast.y -= numPixels;\n southWest.x -= numPixels;\n southWest.y += numPixels;\n return { northEast, southWest };\n};\n/**\n * @hidden\n */\nconst pixelBoundsToLatLngBounds = ({ northEast, southWest }, projection) => {\n const sw = projection.fromDivPixelToLatLng(southWest);\n const ne = projection.fromDivPixelToLatLng(northEast);\n return new google.maps.LatLngBounds(sw, ne);\n};\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * @hidden\n */\nclass AbstractAlgorithm {\n constructor({ maxZoom = 16 }) {\n this.maxZoom = maxZoom;\n }\n /**\n * Helper function to bypass clustering based upon some map state such as\n * zoom, number of markers, etc.\n *\n * ```typescript\n * cluster({markers, map}: AlgorithmInput): Cluster[] {\n * if (shouldBypassClustering(map)) {\n * return this.noop({markers})\n * }\n * }\n * ```\n */\n noop({ markers, }) {\n return noop(markers);\n }\n}\n/**\n * Abstract viewport algorithm proves a class to filter markers by a padded\n * viewport. This is a common optimization.\n *\n * @hidden\n */\nclass AbstractViewportAlgorithm extends AbstractAlgorithm {\n constructor(_a) {\n var { viewportPadding = 60 } = _a, options = __rest(_a, [\"viewportPadding\"]);\n super(options);\n this.viewportPadding = 60;\n this.viewportPadding = viewportPadding;\n }\n calculate({ markers, map, mapCanvasProjection, }) {\n if (map.getZoom() >= this.maxZoom) {\n return {\n clusters: this.noop({\n markers,\n }),\n changed: false,\n };\n }\n return {\n clusters: this.cluster({\n markers: filterMarkersToPaddedViewport(map, mapCanvasProjection, markers, this.viewportPadding),\n map,\n mapCanvasProjection,\n }),\n };\n }\n}\n/**\n * @hidden\n */\nconst noop = (markers) => {\n const clusters = markers.map((marker) => new Cluster({\n position: MarkerUtils.getPosition(marker),\n markers: [marker],\n }));\n return clusters;\n};\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * The default Grid algorithm historically used in Google Maps marker\n * clustering.\n *\n * The Grid algorithm does not implement caching and markers may flash as the\n * viewport changes. Instead use {@link SuperClusterAlgorithm}.\n */\nclass GridAlgorithm extends AbstractViewportAlgorithm {\n constructor(_a) {\n var { maxDistance = 40000, gridSize = 40 } = _a, options = __rest(_a, [\"maxDistance\", \"gridSize\"]);\n super(options);\n this.clusters = [];\n this.state = { zoom: -1 };\n this.maxDistance = maxDistance;\n this.gridSize = gridSize;\n }\n calculate({ markers, map, mapCanvasProjection, }) {\n const state = { zoom: map.getZoom() };\n let changed = false;\n if (this.state.zoom >= this.maxZoom && state.zoom >= this.maxZoom) ;\n else {\n changed = !equal(this.state, state);\n }\n this.state = state;\n if (map.getZoom() >= this.maxZoom) {\n return {\n clusters: this.noop({\n markers,\n }),\n changed,\n };\n }\n return {\n clusters: this.cluster({\n markers: filterMarkersToPaddedViewport(map, mapCanvasProjection, markers, this.viewportPadding),\n map,\n mapCanvasProjection,\n }),\n };\n }\n cluster({ markers, map, mapCanvasProjection, }) {\n this.clusters = [];\n markers.forEach((marker) => {\n this.addToClosestCluster(marker, map, mapCanvasProjection);\n });\n return this.clusters;\n }\n addToClosestCluster(marker, map, projection) {\n let maxDistance = this.maxDistance; // Some large number\n let cluster = null;\n for (let i = 0; i < this.clusters.length; i++) {\n const candidate = this.clusters[i];\n const distance = distanceBetweenPoints(candidate.bounds.getCenter().toJSON(), MarkerUtils.getPosition(marker).toJSON());\n if (distance < maxDistance) {\n maxDistance = distance;\n cluster = candidate;\n }\n }\n if (cluster &&\n extendBoundsToPaddedViewport(cluster.bounds, projection, this.gridSize).contains(MarkerUtils.getPosition(marker))) {\n cluster.push(marker);\n }\n else {\n const cluster = new Cluster({ markers: [marker] });\n this.clusters.push(cluster);\n }\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Noop algorithm does not generate any clusters or filter markers by the an extended viewport.\n */\nclass NoopAlgorithm extends AbstractAlgorithm {\n constructor(_a) {\n var options = __rest(_a, []);\n super(options);\n }\n calculate({ markers, map, mapCanvasProjection, }) {\n return {\n clusters: this.cluster({ markers, map, mapCanvasProjection }),\n changed: false,\n };\n }\n cluster(input) {\n return this.noop(input);\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * A very fast JavaScript algorithm for geospatial point clustering using KD trees.\n *\n * @see https://www.npmjs.com/package/supercluster for more information on options.\n */\nclass SuperClusterAlgorithm extends AbstractAlgorithm {\n constructor(_a) {\n var { maxZoom, radius = 60 } = _a, options = __rest(_a, [\"maxZoom\", \"radius\"]);\n super({ maxZoom });\n this.state = { zoom: -1 };\n this.superCluster = new SuperCluster(Object.assign({ maxZoom: this.maxZoom, radius }, options));\n }\n calculate(input) {\n let changed = false;\n const state = { zoom: input.map.getZoom() };\n if (!equal(input.markers, this.markers)) {\n changed = true;\n // TODO use proxy to avoid copy?\n this.markers = [...input.markers];\n const points = this.markers.map((marker) => {\n const position = MarkerUtils.getPosition(marker);\n const coordinates = [position.lng(), position.lat()];\n return {\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates,\n },\n properties: { marker },\n };\n });\n this.superCluster.load(points);\n }\n if (!changed) {\n if (this.state.zoom <= this.maxZoom || state.zoom <= this.maxZoom) {\n changed = !equal(this.state, state);\n }\n }\n this.state = state;\n if (changed) {\n this.clusters = this.cluster(input);\n }\n return { clusters: this.clusters, changed };\n }\n cluster({ map }) {\n return this.superCluster\n .getClusters([-180, -90, 180, 90], Math.round(map.getZoom()))\n .map((feature) => this.transformCluster(feature));\n }\n transformCluster({ geometry: { coordinates: [lng, lat], }, properties, }) {\n if (properties.cluster) {\n return new Cluster({\n markers: this.superCluster\n .getLeaves(properties.cluster_id, Infinity)\n .map((leaf) => leaf.properties.marker),\n position: { lat, lng },\n });\n }\n const marker = properties.marker;\n return new Cluster({\n markers: [marker],\n position: MarkerUtils.getPosition(marker),\n });\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * A very fast JavaScript algorithm for geospatial point clustering using KD trees.\n *\n * @see https://www.npmjs.com/package/supercluster for more information on options.\n */\nclass SuperClusterViewportAlgorithm extends AbstractViewportAlgorithm {\n constructor(_a) {\n var { maxZoom, radius = 60, viewportPadding = 60 } = _a, options = __rest(_a, [\"maxZoom\", \"radius\", \"viewportPadding\"]);\n super({ maxZoom, viewportPadding });\n this.superCluster = new SuperCluster(Object.assign({ maxZoom: this.maxZoom, radius }, options));\n this.state = { zoom: -1, view: [0, 0, 0, 0] };\n }\n calculate(input) {\n const state = {\n zoom: Math.round(input.map.getZoom()),\n view: getPaddedViewport(input.map.getBounds(), input.mapCanvasProjection, this.viewportPadding),\n };\n let changed = !equal(this.state, state);\n if (!equal(input.markers, this.markers)) {\n changed = true;\n // TODO use proxy to avoid copy?\n this.markers = [...input.markers];\n const points = this.markers.map((marker) => {\n const position = MarkerUtils.getPosition(marker);\n const coordinates = [position.lng(), position.lat()];\n return {\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates,\n },\n properties: { marker },\n };\n });\n this.superCluster.load(points);\n }\n if (changed) {\n this.clusters = this.cluster(input);\n this.state = state;\n }\n return { clusters: this.clusters, changed };\n }\n cluster({ map, mapCanvasProjection }) {\n /* recalculate new state because we can't use the cached version. */\n const state = {\n zoom: Math.round(map.getZoom()),\n view: getPaddedViewport(map.getBounds(), mapCanvasProjection, this.viewportPadding),\n };\n return this.superCluster\n .getClusters(state.view, state.zoom)\n .map((feature) => this.transformCluster(feature));\n }\n transformCluster({ geometry: { coordinates: [lng, lat], }, properties, }) {\n if (properties.cluster) {\n return new Cluster({\n markers: this.superCluster\n .getLeaves(properties.cluster_id, Infinity)\n .map((leaf) => leaf.properties.marker),\n position: { lat, lng },\n });\n }\n const marker = properties.marker;\n return new Cluster({\n markers: [marker],\n position: MarkerUtils.getPosition(marker),\n });\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Provides statistics on all clusters in the current render cycle for use in {@link Renderer.render}.\n */\nclass ClusterStats {\n constructor(markers, clusters) {\n this.markers = { sum: markers.length };\n const clusterMarkerCounts = clusters.map((a) => a.count);\n const clusterMarkerSum = clusterMarkerCounts.reduce((a, b) => a + b, 0);\n this.clusters = {\n count: clusters.length,\n markers: {\n mean: clusterMarkerSum / clusters.length,\n sum: clusterMarkerSum,\n min: Math.min(...clusterMarkerCounts),\n max: Math.max(...clusterMarkerCounts),\n },\n };\n }\n}\nclass DefaultRenderer {\n /**\n * The default render function for the library used by {@link MarkerClusterer}.\n *\n * Currently set to use the following:\n *\n * ```typescript\n * // change color if this cluster has more markers than the mean cluster\n * const color =\n * count > Math.max(10, stats.clusters.markers.mean)\n * ? \"#ff0000\"\n * : \"#0000ff\";\n *\n * // create svg url with fill color\n * const svg = window.btoa(`\n * `);\n *\n * // create marker using svg icon\n * return new google.maps.Marker({\n * position,\n * icon: {\n * url: `data:image/svg+xml;base64,${svg}`,\n * scaledSize: new google.maps.Size(45, 45),\n * },\n * label: {\n * text: String(count),\n * color: \"rgba(255,255,255,0.9)\",\n * fontSize: \"12px\",\n * },\n * // adjust zIndex to be above other markers\n * zIndex: 1000 + count,\n * });\n * ```\n */\n render({ count, position }, stats, map) {\n // change color if this cluster has more markers than the mean cluster\n const color = count > Math.max(10, stats.clusters.markers.mean) ? \"#ff0000\" : \"#0000ff\";\n // create svg literal with fill color\n const svg = ``;\n const title = `Cluster of ${count} markers`, \n // adjust zIndex to be above other markers\n zIndex = Number(google.maps.Marker.MAX_ZINDEX) + count;\n if (MarkerUtils.isAdvancedMarkerAvailable(map)) {\n // create cluster SVG element\n const parser = new DOMParser();\n const svgEl = parser.parseFromString(svg, \"image/svg+xml\").documentElement;\n svgEl.setAttribute(\"transform\", \"translate(0 25)\");\n const clusterOptions = {\n map,\n position,\n zIndex,\n title,\n content: svgEl,\n };\n return new google.maps.marker.AdvancedMarkerElement(clusterOptions);\n }\n const clusterOptions = {\n position,\n zIndex,\n title,\n icon: {\n url: `data:image/svg+xml;base64,${btoa(svg)}`,\n anchor: new google.maps.Point(25, 25),\n },\n };\n return new google.maps.Marker(clusterOptions);\n }\n}\n\n/**\n * Copyright 2019 Google LLC. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Extends an object's prototype by another's.\n *\n * @param type1 The Type to be extended.\n * @param type2 The Type to extend with.\n * @ignore\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction extend(type1, type2) {\n /* istanbul ignore next */\n // eslint-disable-next-line prefer-const\n for (let property in type2.prototype) {\n type1.prototype[property] = type2.prototype[property];\n }\n}\n/**\n * @ignore\n */\nclass OverlayViewSafe {\n constructor() {\n // MarkerClusterer implements google.maps.OverlayView interface. We use the\n // extend function to extend MarkerClusterer with google.maps.OverlayView\n // because it might not always be available when the code is defined so we\n // look for it at the last possible moment. If it doesn't exist now then\n // there is no point going ahead :)\n extend(OverlayViewSafe, google.maps.OverlayView);\n }\n}\n\n/**\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nvar MarkerClustererEvents;\n(function (MarkerClustererEvents) {\n MarkerClustererEvents[\"CLUSTERING_BEGIN\"] = \"clusteringbegin\";\n MarkerClustererEvents[\"CLUSTERING_END\"] = \"clusteringend\";\n MarkerClustererEvents[\"CLUSTER_CLICK\"] = \"click\";\n})(MarkerClustererEvents || (MarkerClustererEvents = {}));\nconst defaultOnClusterClickHandler = (_, cluster, map) => {\n map.fitBounds(cluster.bounds);\n};\n/**\n * MarkerClusterer creates and manages per-zoom-level clusters for large amounts\n * of markers. See {@link MarkerClustererOptions} for more details.\n *\n */\nclass MarkerClusterer extends OverlayViewSafe {\n constructor({ map, markers = [], algorithmOptions = {}, algorithm = new SuperClusterAlgorithm(algorithmOptions), renderer = new DefaultRenderer(), onClusterClick = defaultOnClusterClickHandler, }) {\n super();\n this.markers = [...markers];\n this.clusters = [];\n this.algorithm = algorithm;\n this.renderer = renderer;\n this.onClusterClick = onClusterClick;\n if (map) {\n this.setMap(map);\n }\n }\n addMarker(marker, noDraw) {\n if (this.markers.includes(marker)) {\n return;\n }\n this.markers.push(marker);\n if (!noDraw) {\n this.render();\n }\n }\n addMarkers(markers, noDraw) {\n markers.forEach((marker) => {\n this.addMarker(marker, true);\n });\n if (!noDraw) {\n this.render();\n }\n }\n removeMarker(marker, noDraw) {\n const index = this.markers.indexOf(marker);\n if (index === -1) {\n // Marker is not in our list of markers, so do nothing:\n return false;\n }\n MarkerUtils.setMap(marker, null);\n this.markers.splice(index, 1); // Remove the marker from the list of managed markers\n if (!noDraw) {\n this.render();\n }\n return true;\n }\n removeMarkers(markers, noDraw) {\n let removed = false;\n markers.forEach((marker) => {\n removed = this.removeMarker(marker, true) || removed;\n });\n if (removed && !noDraw) {\n this.render();\n }\n return removed;\n }\n clearMarkers(noDraw) {\n this.markers.length = 0;\n if (!noDraw) {\n this.render();\n }\n }\n /**\n * Recalculates and draws all the marker clusters.\n */\n render() {\n const map = this.getMap();\n if (map instanceof google.maps.Map && map.getProjection()) {\n google.maps.event.trigger(this, MarkerClustererEvents.CLUSTERING_BEGIN, this);\n const { clusters, changed } = this.algorithm.calculate({\n markers: this.markers,\n map,\n mapCanvasProjection: this.getProjection(),\n });\n // Allow algorithms to return flag on whether the clusters/markers have changed.\n if (changed || changed == undefined) {\n // Accumulate the markers of the clusters composed of a single marker.\n // Those clusters directly use the marker.\n // Clusters with more than one markers use a group marker generated by a renderer.\n const singleMarker = new Set();\n for (const cluster of clusters) {\n if (cluster.markers.length == 1) {\n singleMarker.add(cluster.markers[0]);\n }\n }\n const groupMarkers = [];\n // Iterate the clusters that are currently rendered.\n for (const cluster of this.clusters) {\n if (cluster.marker == null) {\n continue;\n }\n if (cluster.markers.length == 1) {\n if (!singleMarker.has(cluster.marker)) {\n // The marker:\n // - was previously rendered because it is from a cluster with 1 marker,\n // - should no more be rendered as it is not in singleMarker.\n MarkerUtils.setMap(cluster.marker, null);\n }\n }\n else {\n // Delay the removal of old group markers to avoid flickering.\n groupMarkers.push(cluster.marker);\n }\n }\n this.clusters = clusters;\n this.renderClusters();\n // Delayed removal of the markers of the former groups.\n requestAnimationFrame(() => groupMarkers.forEach((marker) => MarkerUtils.setMap(marker, null)));\n }\n google.maps.event.trigger(this, MarkerClustererEvents.CLUSTERING_END, this);\n }\n }\n onAdd() {\n this.idleListener = this.getMap().addListener(\"idle\", this.render.bind(this));\n this.render();\n }\n onRemove() {\n google.maps.event.removeListener(this.idleListener);\n this.reset();\n }\n reset() {\n this.markers.forEach((marker) => MarkerUtils.setMap(marker, null));\n this.clusters.forEach((cluster) => cluster.delete());\n this.clusters = [];\n }\n renderClusters() {\n // Generate stats to pass to renderers.\n const stats = new ClusterStats(this.markers, this.clusters);\n const map = this.getMap();\n this.clusters.forEach((cluster) => {\n if (cluster.markers.length === 1) {\n cluster.marker = cluster.markers[0];\n }\n else {\n // Generate the marker to represent the group.\n cluster.marker = this.renderer.render(cluster, stats, map);\n // Make sure all individual markers are removed from the map.\n cluster.markers.forEach((marker) => MarkerUtils.setMap(marker, null));\n if (this.onClusterClick) {\n cluster.marker.addListener(\"click\", \n /* istanbul ignore next */\n (event) => {\n google.maps.event.trigger(this, MarkerClustererEvents.CLUSTER_CLICK, cluster);\n this.onClusterClick(event, cluster, map);\n });\n }\n }\n MarkerUtils.setMap(cluster.marker, map);\n });\n }\n}\n\nexport { AbstractAlgorithm, AbstractViewportAlgorithm, Cluster, ClusterStats, DefaultRenderer, GridAlgorithm, MarkerClusterer, MarkerClustererEvents, MarkerUtils, NoopAlgorithm, SuperClusterAlgorithm, SuperClusterViewportAlgorithm, defaultOnClusterClickHandler, distanceBetweenPoints, extendBoundsToPaddedViewport, extendPixelBounds, filterMarkersToPaddedViewport, getPaddedViewport, noop, pixelBoundsToLatLngBounds };\n//# sourceMappingURL=index.esm.js.map\n","import { useState, useEffect, memo, type ReactElement } from 'react'\nimport {\n MarkerClusterer,\n type MarkerClustererOptions,\n} from '@googlemaps/markerclusterer'\n\nimport { useGoogleMap } from '../../map-context.js'\n\nexport type MarkerClustererOptionsSubset = Omit<\n MarkerClustererOptions,\n 'map' | 'markers'\n>\n\nexport type GoogleMarkerClustererProps = {\n /** Render prop that exposes marker clusterer to children components\n *\n * The callback function should return a list of Marker components.\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n children: (markerClusterer: MarkerClusterer) => ReactElement\n /** Subset of {@link MarkerClustererOptions} options\n *\n * ```\n * {\n * algorithm?: Algorithm;\n * renderer?: Renderer;\n * onClusterClick?: onClusterClickHandler;\n * }\n * ```\n */\n options: MarkerClustererOptionsSubset\n}\n\nexport function useGoogleMarkerClusterer(\n options: MarkerClustererOptionsSubset\n): MarkerClusterer | null {\n const map = useGoogleMap()\n\n const [markerClusterer, setMarkerClusterer] =\n useState(null)\n\n useEffect(() => {\n if (map && markerClusterer === null) {\n const markerCluster = new MarkerClusterer({ ...options, map })\n\n setMarkerClusterer(markerCluster)\n }\n }, [map])\n\n return markerClusterer\n}\n\n/** Wrapper around [@googlemaps/markerclusterer](https://github.com/googlemaps/js-markerclusterer)\n *\n * Accepts {@link MarkerClustererOptionsSubset} which is a subset of {@link MarkerClustererOptions}\n */\nfunction GoogleMarkerClusterer({\n children,\n options,\n}: GoogleMarkerClustererProps) {\n const markerClusterer = useGoogleMarkerClusterer(options)\n\n return markerClusterer !== null ? children(markerClusterer) : null\n}\n\nexport default memo(GoogleMarkerClusterer)\n","/* global google */\nimport {\n memo,\n useRef,\n Children,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ReactNode,\n type ReactPortal,\n type ContextType,\n} from 'react'\nimport invariant from 'invariant'\nimport { createPortal } from 'react-dom'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onCloseClick: 'closeclick',\n onContentChanged: 'content_changed',\n onDomReady: 'domready',\n onPositionChanged: 'position_changed',\n onZindexChanged: 'zindex_changed',\n}\n\nconst updaterMap = {\n options(\n instance: google.maps.InfoWindow,\n options: google.maps.InfoWindowOptions\n ): void {\n instance.setOptions(options)\n },\n position(\n instance: google.maps.InfoWindow,\n position: google.maps.LatLng | google.maps.LatLngLiteral\n ): void {\n instance.setPosition(position)\n },\n zIndex(instance: google.maps.InfoWindow, zIndex: number): void {\n instance.setZIndex(zIndex)\n },\n}\n\ntype InfoWindowState = {\n infoWindow: google.maps.InfoWindow | null\n}\n\nexport type InfoWindowProps = {\n children?: ReactNode | undefined\n /** Can be any MVCObject that exposes a LatLng position property and optionally a Point anchorPoint property for calculating the pixelOffset. The anchorPoint is the offset from the anchor's position to the tip of the InfoWindow. */\n anchor?: google.maps.MVCObject | undefined\n options?: google.maps.InfoWindowOptions | undefined\n /** The LatLng at which to display this InfoWindow. If the InfoWindow is opened with an anchor, the anchor's position will be used instead. */\n position?: google.maps.LatLng | google.maps.LatLngLiteral | undefined\n /** All InfoWindows are displayed on the map in order of their zIndex, with higher values displaying in front of InfoWindows with lower values. By default, InfoWindows are displayed according to their latitude, with InfoWindows of lower latitudes appearing in front of InfoWindows at higher latitudes. InfoWindows are always displayed in front of markers. */\n zIndex?: number | undefined\n /** This event is fired when the close button was clicked. */\n onCloseClick?: (() => void) | undefined\n /** This event is fired when the
containing the InfoWindow's content is attached to the DOM. You may wish to monitor this event if you are building out your info window content dynamically. */\n onDomReady?: (() => void) | undefined\n /** This event is fired when the content property changes. */\n onContentChanged?: (() => void) | undefined\n /** This event is fired when the position property changes. */\n onPositionChanged?: (() => void) | undefined\n /** This event is fired when the InfoWindow's zIndex changes. */\n onZindexChanged?: (() => void) | undefined\n /** This callback is called when the infoWindow instance has loaded. It is called with the infoWindow instance. */\n onLoad?: ((infoWindow: google.maps.InfoWindow) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the infoWindow instance. */\n onUnmount?: ((infoWindow: google.maps.InfoWindow) => void) | undefined\n}\n\nfunction InfoWindowFunctional({\n children,\n anchor,\n options,\n position,\n zIndex,\n onCloseClick,\n onDomReady,\n onContentChanged,\n onPositionChanged,\n onZindexChanged,\n onLoad,\n onUnmount,\n}: InfoWindowProps): ReactPortal | null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [closeclickListener, setCloseClickListener] =\n useState(null)\n const [domreadyclickListener, setDomReadyClickListener] =\n useState(null)\n const [contentchangedclickListener, setContentChangedClickListener] =\n useState(null)\n const [positionchangedclickListener, setPositionChangedClickListener] =\n useState(null)\n const [zindexchangedclickListener, setZindexChangedClickListener] =\n useState(null)\n\n const containerElementRef = useRef(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.close()\n\n if (anchor) {\n instance.open(map, anchor)\n } else if (instance.getPosition()) {\n instance.open(map)\n }\n }\n }, [map, instance, anchor])\n\n useEffect(() => {\n if (options && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (position && instance !== null) {\n instance.setPosition(position)\n }\n }, [position])\n\n useEffect(() => {\n if (typeof zIndex === 'number' && instance !== null) {\n instance.setZIndex(zIndex)\n }\n }, [zIndex])\n\n useEffect(() => {\n if (instance && onCloseClick) {\n if (closeclickListener !== null) {\n google.maps.event.removeListener(closeclickListener)\n }\n\n setCloseClickListener(\n google.maps.event.addListener(instance, 'closeclick', onCloseClick)\n )\n }\n }, [onCloseClick])\n\n useEffect(() => {\n if (instance && onDomReady) {\n if (domreadyclickListener !== null) {\n google.maps.event.removeListener(domreadyclickListener)\n }\n\n setDomReadyClickListener(\n google.maps.event.addListener(instance, 'domready', onDomReady)\n )\n }\n }, [onDomReady])\n\n useEffect(() => {\n if (instance && onContentChanged) {\n if (contentchangedclickListener !== null) {\n google.maps.event.removeListener(contentchangedclickListener)\n }\n\n setContentChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'content_changed',\n onContentChanged\n )\n )\n }\n }, [onContentChanged])\n\n useEffect(() => {\n if (instance && onPositionChanged) {\n if (positionchangedclickListener !== null) {\n google.maps.event.removeListener(positionchangedclickListener)\n }\n\n setPositionChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'position_changed',\n onPositionChanged\n )\n )\n }\n }, [onPositionChanged])\n\n useEffect(() => {\n if (instance && onZindexChanged) {\n if (zindexchangedclickListener !== null) {\n google.maps.event.removeListener(zindexchangedclickListener)\n }\n\n setZindexChangedClickListener(\n google.maps.event.addListener(\n instance,\n 'zindex_changed',\n onZindexChanged\n )\n )\n }\n }, [onZindexChanged])\n\n useEffect(() => {\n const infoWindow = new google.maps.InfoWindow(options)\n\n setInstance(infoWindow)\n\n containerElementRef.current = document.createElement('div')\n\n if (onCloseClick) {\n setCloseClickListener(\n google.maps.event.addListener(infoWindow, 'closeclick', onCloseClick)\n )\n }\n\n if (onDomReady) {\n setDomReadyClickListener(\n google.maps.event.addListener(infoWindow, 'domready', onDomReady)\n )\n }\n\n if (onContentChanged) {\n setContentChangedClickListener(\n google.maps.event.addListener(\n infoWindow,\n 'content_changed',\n onContentChanged\n )\n )\n }\n\n if (onPositionChanged) {\n setPositionChangedClickListener(\n google.maps.event.addListener(\n infoWindow,\n 'position_changed',\n onPositionChanged\n )\n )\n }\n\n if (onZindexChanged) {\n setZindexChangedClickListener(\n google.maps.event.addListener(\n infoWindow,\n 'zindex_changed',\n onZindexChanged\n )\n )\n }\n\n infoWindow.setContent(containerElementRef.current)\n\n if (position) {\n infoWindow.setPosition(position)\n }\n\n if (zIndex) {\n infoWindow.setZIndex(zIndex)\n }\n\n if (anchor) {\n infoWindow.open(map, anchor)\n } else if (infoWindow.getPosition()) {\n infoWindow.open(map)\n } else {\n invariant(\n false,\n `You must provide either an anchor (typically render it inside a ) or a position props for .`\n )\n }\n\n if (onLoad) {\n onLoad(infoWindow)\n }\n\n return () => {\n if (closeclickListener) {\n google.maps.event.removeListener(closeclickListener)\n }\n\n if (contentchangedclickListener) {\n google.maps.event.removeListener(contentchangedclickListener)\n }\n\n if (domreadyclickListener) {\n google.maps.event.removeListener(domreadyclickListener)\n }\n\n if (positionchangedclickListener) {\n google.maps.event.removeListener(positionchangedclickListener)\n }\n\n if (zindexchangedclickListener) {\n google.maps.event.removeListener(zindexchangedclickListener)\n }\n\n if (onUnmount) {\n onUnmount(infoWindow)\n }\n\n infoWindow.close()\n }\n }, [])\n\n return containerElementRef.current\n ? createPortal(Children.only(children), containerElementRef.current)\n : null\n}\n\nexport const InfoWindowF = memo(InfoWindowFunctional)\n\nexport class InfoWindow extends PureComponent<\n InfoWindowProps,\n InfoWindowState\n> {\n static override contextType = MapContext\n\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n containerElement: HTMLElement | null = null\n\n override state: InfoWindowState = {\n infoWindow: null,\n }\n\n open = (\n infoWindow: google.maps.InfoWindow,\n anchor?: google.maps.MVCObject | undefined\n ): void => {\n if (anchor) {\n infoWindow.open(this.context, anchor)\n } else if (infoWindow.getPosition()) {\n infoWindow.open(this.context)\n } else {\n invariant(\n false,\n `You must provide either an anchor (typically render it inside a ) or a position props for .`\n )\n }\n }\n\n setInfoWindowCallback = (): void => {\n if (this.state.infoWindow !== null && this.containerElement !== null) {\n this.state.infoWindow.setContent(this.containerElement)\n\n this.open(this.state.infoWindow, this.props.anchor)\n\n if (this.props.onLoad) {\n this.props.onLoad(this.state.infoWindow)\n }\n }\n }\n\n override componentDidMount(): void {\n const infoWindow = new google.maps.InfoWindow(this.props.options)\n\n this.containerElement = document.createElement('div')\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: infoWindow,\n })\n\n this.setState(() => {\n return {\n infoWindow,\n }\n }, this.setInfoWindowCallback)\n }\n\n override componentDidUpdate(prevProps: InfoWindowProps): void {\n if (this.state.infoWindow !== null) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: this.state.infoWindow,\n })\n }\n }\n\n override componentWillUnmount(): void {\n if (this.state.infoWindow !== null) {\n unregisterEvents(this.registeredEvents)\n\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.infoWindow)\n }\n\n this.state.infoWindow.close()\n }\n }\n\n override render(): ReactPortal | null {\n return this.containerElement\n ? createPortal(Children.only(this.props.children), this.containerElement)\n : null\n }\n}\n\nexport default InfoWindow\n","import {\n memo,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n}\n\nconst updaterMap = {\n draggable(instance: google.maps.Polyline, draggable: boolean): void {\n instance.setDraggable(draggable)\n },\n editable(instance: google.maps.Polyline, editable: boolean): void {\n instance.setEditable(editable)\n },\n map(instance: google.maps.Polyline, map: google.maps.Map): void {\n instance.setMap(map)\n },\n options(\n instance: google.maps.Polyline,\n options: google.maps.PolylineOptions\n ): void {\n instance.setOptions(options)\n },\n path(\n instance: google.maps.Polyline,\n path:\n | google.maps.MVCArray\n | google.maps.LatLng[]\n | google.maps.LatLngLiteral[]\n ): void {\n instance.setPath(path)\n },\n visible(instance: google.maps.Polyline, visible: boolean): void {\n instance.setVisible(visible)\n },\n}\n\ntype PolylineState = {\n polyline: google.maps.Polyline | null\n}\n\nexport type PolylineProps = {\n options?: google.maps.PolylineOptions | undefined\n /** If set to true, the user can drag this shape over the map. The geodesic property defines the mode of dragging. */\n draggable?: boolean | undefined\n /** If set to true, the user can edit this shape by dragging the control points shown at the vertices and on each segment. */\n editable?: boolean | undefined\n /** Hides this poly if set to false. */\n visible?: boolean | undefined\n /** Sets the path. The ordered sequence of coordinates of the Polyline. This path may be specified using either a simple array of LatLngs, or an MVCArray of LatLngs. Note that if you pass a simple array, it will be converted to an MVCArray Inserting or removing LatLngs in the MVCArray will automatically update the polyline on the map. */\n path?:\n | google.maps.MVCArray\n | google.maps.LatLng[]\n | google.maps.LatLngLiteral[]\n | undefined\n /** This event is fired when the DOM dblclick event is fired on the Polyline. */\n onDblClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user stops dragging the polyline. */\n onDragEnd?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user starts dragging the polyline. */\n onDragStart?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousedown event is fired on the Polyline. */\n onMouseDown?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousemove event is fired on the Polyline. */\n onMouseMove?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on Polyline mouseout. */\n onMouseOut?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on Polyline mouseover. */\n onMouseOver?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mouseup event is fired on the Polyline. */\n onMouseUp?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the Polyline is right-clicked on. */\n onRightClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM click event is fired on the Polyline. */\n onClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is repeatedly fired while the user drags the polyline. */\n onDrag?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This callback is called when the polyline instance has loaded. It is called with the polyline instance. */\n onLoad?: ((polyline: google.maps.Polyline) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the polyline instance. */\n onUnmount?: ((polyline: google.maps.Polyline) => void) | undefined\n}\n\nconst defaultOptions = {}\n\nfunction PolylineFunctional({\n options,\n draggable,\n editable,\n visible,\n path,\n onDblClick,\n onDragEnd,\n onDragStart,\n onMouseDown,\n onMouseMove,\n onMouseOut,\n onMouseOver,\n onMouseUp,\n onRightClick,\n onClick,\n onDrag,\n onLoad,\n onUnmount,\n}: PolylineProps): null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [dblclickListener, setDblclickListener] =\n useState(null)\n const [dragendListener, setDragendListener] =\n useState(null)\n const [dragstartListener, setDragstartListener] =\n useState(null)\n const [mousedownListener, setMousedownListener] =\n useState(null)\n const [mousemoveListener, setMousemoveListener] =\n useState(null)\n const [mouseoutListener, setMouseoutListener] =\n useState(null)\n const [mouseoverListener, setMouseoverListener] =\n useState(null)\n const [mouseupListener, setMouseupListener] =\n useState(null)\n const [rightclickListener, setRightclickListener] =\n useState(null)\n const [clickListener, setClickListener] =\n useState(null)\n const [dragListener, setDragListener] =\n useState(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.setMap(map)\n }\n }, [map])\n\n useEffect(() => {\n if (typeof options !== 'undefined' && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (typeof draggable !== 'undefined' && instance !== null) {\n instance.setDraggable(draggable)\n }\n }, [instance, draggable])\n\n useEffect(() => {\n if (typeof editable !== 'undefined' && instance !== null) {\n instance.setEditable(editable)\n }\n }, [instance, editable])\n\n useEffect(() => {\n if (typeof visible !== 'undefined' && instance !== null) {\n instance.setVisible(visible)\n }\n }, [instance, visible])\n\n useEffect(() => {\n if (typeof path !== 'undefined' && instance !== null) {\n instance.setPath(path)\n }\n }, [instance, path])\n\n useEffect(() => {\n if (instance && onDblClick) {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n setDblclickListener(\n google.maps.event.addListener(instance, 'dblclick', onDblClick)\n )\n }\n }, [onDblClick])\n\n useEffect(() => {\n if (instance && onDragEnd) {\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n setDragendListener(\n google.maps.event.addListener(instance, 'dragend', onDragEnd)\n )\n }\n }, [onDragEnd])\n\n useEffect(() => {\n if (instance && onDragStart) {\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n setDragstartListener(\n google.maps.event.addListener(instance, 'dragstart', onDragStart)\n )\n }\n }, [onDragStart])\n\n useEffect(() => {\n if (instance && onMouseDown) {\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n setMousedownListener(\n google.maps.event.addListener(instance, 'mousedown', onMouseDown)\n )\n }\n }, [onMouseDown])\n\n useEffect(() => {\n if (instance && onMouseMove) {\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n setMousemoveListener(\n google.maps.event.addListener(instance, 'mousemove', onMouseMove)\n )\n }\n }, [onMouseMove])\n\n useEffect(() => {\n if (instance && onMouseOut) {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n setMouseoutListener(\n google.maps.event.addListener(instance, 'mouseout', onMouseOut)\n )\n }\n }, [onMouseOut])\n\n useEffect(() => {\n if (instance && onMouseOver) {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n setMouseoverListener(\n google.maps.event.addListener(instance, 'mouseover', onMouseOver)\n )\n }\n }, [onMouseOver])\n\n useEffect(() => {\n if (instance && onMouseUp) {\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n setMouseupListener(\n google.maps.event.addListener(instance, 'mouseup', onMouseUp)\n )\n }\n }, [onMouseUp])\n\n useEffect(() => {\n if (instance && onRightClick) {\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n setRightclickListener(\n google.maps.event.addListener(instance, 'rightclick', onRightClick)\n )\n }\n }, [onRightClick])\n\n useEffect(() => {\n if (instance && onClick) {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n setClickListener(\n google.maps.event.addListener(instance, 'click', onClick)\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && onDrag) {\n if (dragListener !== null) {\n google.maps.event.removeListener(dragListener)\n }\n\n setDragListener(google.maps.event.addListener(instance, 'drag', onDrag))\n }\n }, [onDrag])\n\n useEffect(() => {\n const polyline = new google.maps.Polyline({\n ...(options || defaultOptions),\n map,\n })\n\n if (path) {\n polyline.setPath(path)\n }\n\n if (typeof visible !== 'undefined') {\n polyline.setVisible(visible)\n }\n\n if (typeof editable !== 'undefined') {\n polyline.setEditable(editable)\n }\n\n if (typeof draggable !== 'undefined') {\n polyline.setDraggable(draggable)\n }\n\n if (onDblClick) {\n setDblclickListener(\n google.maps.event.addListener(polyline, 'dblclick', onDblClick)\n )\n }\n\n if (onDragEnd) {\n setDragendListener(\n google.maps.event.addListener(polyline, 'dragend', onDragEnd)\n )\n }\n\n if (onDragStart) {\n setDragstartListener(\n google.maps.event.addListener(polyline, 'dragstart', onDragStart)\n )\n }\n\n if (onMouseDown) {\n setMousedownListener(\n google.maps.event.addListener(polyline, 'mousedown', onMouseDown)\n )\n }\n\n if (onMouseMove) {\n setMousemoveListener(\n google.maps.event.addListener(polyline, 'mousemove', onMouseMove)\n )\n }\n\n if (onMouseOut) {\n setMouseoutListener(\n google.maps.event.addListener(polyline, 'mouseout', onMouseOut)\n )\n }\n\n if (onMouseOver) {\n setMouseoverListener(\n google.maps.event.addListener(polyline, 'mouseover', onMouseOver)\n )\n }\n\n if (onMouseUp) {\n setMouseupListener(\n google.maps.event.addListener(polyline, 'mouseup', onMouseUp)\n )\n }\n\n if (onRightClick) {\n setRightclickListener(\n google.maps.event.addListener(polyline, 'rightclick', onRightClick)\n )\n }\n\n if (onClick) {\n setClickListener(\n google.maps.event.addListener(polyline, 'click', onClick)\n )\n }\n\n if (onDrag) {\n setDragListener(google.maps.event.addListener(polyline, 'drag', onDrag))\n }\n\n setInstance(polyline)\n\n if (onLoad) {\n onLoad(polyline)\n }\n\n return () => {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n if (onUnmount) {\n onUnmount(polyline)\n }\n\n polyline.setMap(null)\n }\n }, [])\n\n return null\n}\n\nexport const PolylineF = memo(PolylineFunctional)\n\nexport class Polyline extends PureComponent {\n static override contextType = MapContext\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n\n override state: PolylineState = {\n polyline: null,\n }\n\n setPolylineCallback = (): void => {\n if (this.state.polyline !== null && this.props.onLoad) {\n this.props.onLoad(this.state.polyline)\n }\n }\n\n override componentDidMount(): void {\n const polyline = new google.maps.Polyline({\n ...this.props.options,\n map: this.context,\n })\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: polyline,\n })\n\n this.setState(function setPolyline() {\n return {\n polyline,\n }\n }, this.setPolylineCallback)\n }\n\n override componentDidUpdate(prevProps: PolylineProps): void {\n if (this.state.polyline !== null) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: this.state.polyline,\n })\n }\n }\n\n override componentWillUnmount(): void {\n if (this.state.polyline === null) {\n return\n }\n\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.polyline)\n }\n\n unregisterEvents(this.registeredEvents)\n\n this.state.polyline.setMap(null)\n }\n\n override render(): null {\n return null\n }\n}\n\nexport default Polyline\n","/* global google */\nimport {\n memo,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n}\n\nconst updaterMap = {\n draggable(instance: google.maps.Polygon, draggable: boolean): void {\n instance.setDraggable(draggable)\n },\n editable(instance: google.maps.Polygon, editable: boolean): void {\n instance.setEditable(editable)\n },\n map(instance: google.maps.Polygon, map: google.maps.Map): void {\n instance.setMap(map)\n },\n options(\n instance: google.maps.Polygon,\n options: google.maps.PolygonOptions\n ): void {\n instance.setOptions(options)\n },\n path(\n instance: google.maps.Polygon,\n path:\n | google.maps.MVCArray\n | google.maps.LatLng[]\n | google.maps.LatLngLiteral[]\n ): void {\n instance.setPath(path)\n },\n\n paths(\n instance: google.maps.Polygon,\n paths:\n | google.maps.MVCArray\n | google.maps.MVCArray>\n | google.maps.LatLng[]\n | google.maps.LatLng[][]\n | google.maps.LatLngLiteral[]\n | google.maps.LatLngLiteral[][]\n ): void {\n instance.setPaths(paths)\n },\n\n visible(instance: google.maps.Polygon, visible: boolean): void {\n instance.setVisible(visible)\n },\n}\n\nexport type PolygonProps = {\n options?: google.maps.PolygonOptions | undefined\n /** If set to true, the user can drag this shape over the map. The geodesic property defines the mode of dragging. */\n draggable?: boolean | undefined\n /** If set to true, the user can edit this shape by dragging the control points shown at the vertices and on each segment. */\n editable?: boolean | undefined\n /** Hides this poly if set to false. */\n visible?: boolean | undefined\n /** Sets the first path. See Paths for more details. */\n path?:\n | google.maps.MVCArray\n | google.maps.LatLng[]\n | google.maps.LatLngLiteral[]\n | undefined\n /** Sets the path for this polygon. The ordered sequence of coordinates that designates a closed loop. Unlike polylines, a polygon may consist of one or more paths. As a result, the paths property may specify one or more arrays of LatLng coordinates. Paths are closed automatically; do not repeat the first vertex of the path as the last vertex. Simple polygons may be defined using a single array of LatLngs. More complex polygons may specify an array of arrays. Any simple arrays are converted into MVCArrays. Inserting or removing LatLngs from the MVCArray will automatically update the polygon on the map. */\n paths?:\n | google.maps.MVCArray\n | google.maps.MVCArray>\n | google.maps.LatLng[]\n | google.maps.LatLng[][]\n | google.maps.LatLngLiteral[]\n | google.maps.LatLngLiteral[][]\n | undefined\n /** This event is fired when the DOM dblclick event is fired on the Polygon. */\n onDblClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user stops dragging the polygon. */\n onDragEnd?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user starts dragging the polygon. */\n onDragStart?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousedown event is fired on the Polygon. */\n onMouseDown?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousemove event is fired on the Polygon. */\n onMouseMove?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on Polygon mouseout. */\n onMouseOut?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on Polygon mouseover. */\n onMouseOver?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mouseup event is fired on the Polygon. */\n onMouseUp?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the Polygon is right-clicked on. */\n onRightClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM click event is fired on the Polygon. */\n onClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is repeatedly fired while the user drags the polygon. */\n onDrag?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This callback is called when the polygon instance has loaded. It is called with the polygon instance. */\n onLoad?: ((polygon: google.maps.Polygon) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the polygon instance. */\n onUnmount?: ((polygon: google.maps.Polygon) => void) | undefined\n /** This callback is called when the components editing is finished */\n onEdit?: ((polygon: google.maps.Polygon) => void) | undefined\n}\n\nfunction PolygonFunctional({\n options,\n draggable,\n editable,\n visible,\n path,\n paths,\n onDblClick,\n onDragEnd,\n onDragStart,\n onMouseDown,\n onMouseMove,\n onMouseOut,\n onMouseOver,\n onMouseUp,\n onRightClick,\n onClick,\n onDrag,\n onLoad,\n onUnmount,\n onEdit,\n}: PolygonProps): null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [dblclickListener, setDblclickListener] =\n useState(null)\n const [dragendListener, setDragendListener] =\n useState(null)\n const [dragstartListener, setDragstartListener] =\n useState(null)\n const [mousedownListener, setMousedownListener] =\n useState(null)\n const [mousemoveListener, setMousemoveListener] =\n useState(null)\n const [mouseoutListener, setMouseoutListener] =\n useState(null)\n const [mouseoverListener, setMouseoverListener] =\n useState(null)\n const [mouseupListener, setMouseupListener] =\n useState(null)\n const [rightclickListener, setRightclickListener] =\n useState(null)\n const [clickListener, setClickListener] =\n useState(null)\n const [dragListener, setDragListener] =\n useState(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.setMap(map)\n }\n }, [map])\n\n useEffect(() => {\n if (typeof options !== 'undefined' && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (typeof draggable !== 'undefined' && instance !== null) {\n instance.setDraggable(draggable)\n }\n }, [instance, draggable])\n\n useEffect(() => {\n if (typeof editable !== 'undefined' && instance !== null) {\n instance.setEditable(editable)\n }\n }, [instance, editable])\n\n useEffect(() => {\n if (typeof visible !== 'undefined' && instance !== null) {\n instance.setVisible(visible)\n }\n }, [instance, visible])\n\n useEffect(() => {\n if (typeof path !== 'undefined' && instance !== null) {\n instance.setPath(path)\n }\n }, [instance, path])\n\n useEffect(() => {\n if (typeof paths !== 'undefined' && instance !== null) {\n instance.setPaths(paths)\n }\n }, [instance, paths])\n\n useEffect(() => {\n if (instance && typeof onDblClick === 'function') {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n setDblclickListener(\n google.maps.event.addListener(instance, 'dblclick', onDblClick)\n )\n }\n }, [onDblClick])\n\n useEffect(() => {\n if (!instance) {\n return\n }\n\n google.maps.event.addListener(instance.getPath(), 'insert_at', () => {\n onEdit?.(instance)\n })\n\n google.maps.event.addListener(instance.getPath(), 'set_at', () => {\n onEdit?.(instance)\n })\n\n google.maps.event.addListener(instance.getPath(), 'remove_at', () => {\n onEdit?.(instance)\n })\n }, [instance, onEdit])\n\n useEffect(() => {\n if (instance && typeof onDragEnd === 'function') {\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n setDragendListener(\n google.maps.event.addListener(instance, 'dragend', onDragEnd)\n )\n }\n }, [onDragEnd])\n\n useEffect(() => {\n if (instance && typeof onDragStart === 'function') {\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n setDragstartListener(\n google.maps.event.addListener(instance, 'dragstart', onDragStart)\n )\n }\n }, [onDragStart])\n\n useEffect(() => {\n if (instance && typeof onMouseDown === 'function') {\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n setMousedownListener(\n google.maps.event.addListener(instance, 'mousedown', onMouseDown)\n )\n }\n }, [onMouseDown])\n\n useEffect(() => {\n if (instance && typeof onMouseMove === 'function') {\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n setMousemoveListener(\n google.maps.event.addListener(instance, 'mousemove', onMouseMove)\n )\n }\n }, [onMouseMove])\n\n useEffect(() => {\n if (instance && typeof onMouseOut === 'function') {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n setMouseoutListener(\n google.maps.event.addListener(instance, 'mouseout', onMouseOut)\n )\n }\n }, [onMouseOut])\n\n useEffect(() => {\n if (instance && typeof onMouseOver === 'function') {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n setMouseoverListener(\n google.maps.event.addListener(instance, 'mouseover', onMouseOver)\n )\n }\n }, [onMouseOver])\n\n useEffect(() => {\n if (instance && typeof onMouseUp === 'function') {\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n setMouseupListener(\n google.maps.event.addListener(instance, 'mouseup', onMouseUp)\n )\n }\n }, [onMouseUp])\n\n useEffect(() => {\n if (instance && typeof onRightClick === 'function') {\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n setRightclickListener(\n google.maps.event.addListener(instance, 'rightclick', onRightClick)\n )\n }\n }, [onRightClick])\n\n useEffect(() => {\n if (instance && typeof onClick === 'function') {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n setClickListener(\n google.maps.event.addListener(instance, 'click', onClick)\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && typeof onDrag === 'function') {\n if (dragListener !== null) {\n google.maps.event.removeListener(dragListener)\n }\n\n setDragListener(google.maps.event.addListener(instance, 'drag', onDrag))\n }\n }, [onDrag])\n\n useEffect(() => {\n const polygon = new google.maps.Polygon({\n ...options,\n map,\n })\n\n if (path) {\n polygon.setPath(path)\n }\n\n if (paths) {\n polygon.setPaths(paths)\n }\n\n if (typeof visible !== 'undefined') {\n polygon.setVisible(visible)\n }\n\n if (typeof editable !== 'undefined') {\n polygon.setEditable(editable)\n }\n\n if (typeof draggable !== 'undefined') {\n polygon.setDraggable(draggable)\n }\n\n if (onDblClick) {\n setDblclickListener(\n google.maps.event.addListener(polygon, 'dblclick', onDblClick)\n )\n }\n\n if (onDragEnd) {\n setDragendListener(\n google.maps.event.addListener(polygon, 'dragend', onDragEnd)\n )\n }\n\n if (onDragStart) {\n setDragstartListener(\n google.maps.event.addListener(polygon, 'dragstart', onDragStart)\n )\n }\n\n if (onMouseDown) {\n setMousedownListener(\n google.maps.event.addListener(polygon, 'mousedown', onMouseDown)\n )\n }\n\n if (onMouseMove) {\n setMousemoveListener(\n google.maps.event.addListener(polygon, 'mousemove', onMouseMove)\n )\n }\n\n if (onMouseOut) {\n setMouseoutListener(\n google.maps.event.addListener(polygon, 'mouseout', onMouseOut)\n )\n }\n\n if (onMouseOver) {\n setMouseoverListener(\n google.maps.event.addListener(polygon, 'mouseover', onMouseOver)\n )\n }\n\n if (onMouseUp) {\n setMouseupListener(\n google.maps.event.addListener(polygon, 'mouseup', onMouseUp)\n )\n }\n\n if (onRightClick) {\n setRightclickListener(\n google.maps.event.addListener(polygon, 'rightclick', onRightClick)\n )\n }\n\n if (onClick) {\n setClickListener(google.maps.event.addListener(polygon, 'click', onClick))\n }\n\n if (onDrag) {\n setDragListener(google.maps.event.addListener(polygon, 'drag', onDrag))\n }\n\n setInstance(polygon)\n\n if (onLoad) {\n onLoad(polygon)\n }\n\n return () => {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n if (onUnmount) {\n onUnmount(polygon)\n }\n\n polygon.setMap(null)\n }\n }, [])\n\n return null\n}\n\nexport const PolygonF = memo(PolygonFunctional)\n\nexport class Polygon extends PureComponent {\n static override contextType = MapContext\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n\n polygon: google.maps.Polygon | undefined\n\n override componentDidMount(): void {\n const polygonOptions = this.props.options || {}\n\n this.polygon = new google.maps.Polygon(polygonOptions)\n\n this.polygon.setMap(this.context)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: this.polygon,\n })\n\n if (this.props.onLoad) {\n this.props.onLoad(this.polygon)\n }\n }\n\n override componentDidUpdate(prevProps: PolygonProps): void {\n if (this.polygon) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: this.polygon,\n })\n }\n }\n\n override componentWillUnmount(): void {\n if (this.polygon) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.polygon)\n }\n\n unregisterEvents(this.registeredEvents)\n\n if (this.polygon) {\n this.polygon.setMap(null)\n }\n }\n }\n\n override render(): null {\n return null\n }\n}\n\nexport default Polygon\n","import {\n memo,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onBoundsChanged: 'bounds_changed',\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n}\n\nconst updaterMap = {\n bounds(\n instance: google.maps.Rectangle,\n bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral\n ): void {\n instance.setBounds(bounds)\n },\n draggable(instance: google.maps.Rectangle, draggable: boolean): void {\n instance.setDraggable(draggable)\n },\n editable(instance: google.maps.Rectangle, editable: boolean): void {\n instance.setEditable(editable)\n },\n map(instance: google.maps.Rectangle, map: google.maps.Map): void {\n instance.setMap(map)\n },\n options(\n instance: google.maps.Rectangle,\n options: google.maps.RectangleOptions\n ): void {\n instance.setOptions(options)\n },\n visible(instance: google.maps.Rectangle, visible: boolean): void {\n instance.setVisible(visible)\n },\n}\n\ntype RectangleState = {\n rectangle: google.maps.Rectangle | null\n}\n\nexport type RectangleProps = {\n options?: google.maps.RectangleOptions | undefined\n /** Sets the bounds of this rectangle. */\n bounds?:\n | google.maps.LatLngBounds\n | google.maps.LatLngBoundsLiteral\n | undefined\n /** If set to true, the user can drag this rectangle over the map. */\n draggable?: boolean | undefined\n /** If set to true, the user can edit this rectangle by dragging the control points shown at the corners and on each edge. */\n editable?: boolean | undefined\n /** Hides this rectangle if set to false. */\n visible?: boolean | undefined\n /** @deprecated Indicates whether this Rectangle handles mouse events. Defaults to true. Does not exist on RectangleF component. In google-maps-api types it belongs to options! update options.clickable instead! */\n clickable?: boolean | undefined\n /** This event is fired when the DOM dblclick event is fired on the rectangle. */\n onDblClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user stops dragging the rectangle. */\n onDragEnd?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user starts dragging the rectangle. */\n onDragStart?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousedown event is fired on the rectangle. */\n onMouseDown?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousemove event is fired on the rectangle. */\n onMouseMove?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on rectangle mouseout. */\n onMouseOut?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on rectangle mouseover. */\n onMouseOver?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mouseup event is fired on the rectangle. */\n onMouseUp?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the rectangle is right-clicked on. */\n onRightClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM click event is fired on the rectangle. */\n onClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is repeatedly fired while the user drags the rectangle. */\n onDrag?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the rectangle's bounds are changed. */\n onBoundsChanged?: (() => void) | undefined\n /** This callback is called when the rectangle instance has loaded. It is called with the rectangle instance. */\n onLoad?: ((rectangle: google.maps.Rectangle) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the rectangle instance. */\n onUnmount?: ((rectangle: google.maps.Rectangle) => void) | undefined\n}\n\nfunction RectangleFunctional({\n options,\n bounds,\n draggable,\n editable,\n visible,\n onDblClick,\n onDragEnd,\n onDragStart,\n onMouseDown,\n onMouseMove,\n onMouseOut,\n onMouseOver,\n onMouseUp,\n onRightClick,\n onClick,\n onDrag,\n onBoundsChanged,\n onLoad,\n onUnmount,\n}: RectangleProps): null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [dblclickListener, setDblclickListener] =\n useState(null)\n const [dragendListener, setDragendListener] =\n useState(null)\n const [dragstartListener, setDragstartListener] =\n useState(null)\n const [mousedownListener, setMousedownListener] =\n useState(null)\n const [mousemoveListener, setMousemoveListener] =\n useState(null)\n const [mouseoutListener, setMouseoutListener] =\n useState(null)\n const [mouseoverListener, setMouseoverListener] =\n useState(null)\n const [mouseupListener, setMouseupListener] =\n useState(null)\n const [rightClickListener, setRightClickListener] =\n useState(null)\n const [clickListener, setClickListener] =\n useState(null)\n const [dragListener, setDragListener] =\n useState(null)\n const [boundsChangedListener, setBoundsChangedListener] =\n useState(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.setMap(map)\n }\n }, [map])\n\n useEffect(() => {\n if (typeof options !== 'undefined' && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (typeof draggable !== 'undefined' && instance !== null) {\n instance.setDraggable(draggable)\n }\n }, [instance, draggable])\n\n useEffect(() => {\n if (typeof editable !== 'undefined' && instance !== null) {\n instance.setEditable(editable)\n }\n }, [instance, editable])\n\n useEffect(() => {\n if (typeof visible !== 'undefined' && instance !== null) {\n instance.setVisible(visible)\n }\n }, [instance, visible])\n\n useEffect(() => {\n if (typeof bounds !== 'undefined' && instance !== null) {\n instance.setBounds(bounds)\n }\n }, [instance, bounds])\n\n useEffect(() => {\n if (instance && onDblClick) {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n setDblclickListener(\n google.maps.event.addListener(instance, 'dblclick', onDblClick)\n )\n }\n }, [onDblClick])\n\n useEffect(() => {\n if (instance && onDragEnd) {\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n setDragendListener(\n google.maps.event.addListener(instance, 'dragend', onDragEnd)\n )\n }\n }, [onDragEnd])\n\n useEffect(() => {\n if (instance && onDragStart) {\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n setDragstartListener(\n google.maps.event.addListener(instance, 'dragstart', onDragStart)\n )\n }\n }, [onDragStart])\n\n useEffect(() => {\n if (instance && onMouseDown) {\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n setMousedownListener(\n google.maps.event.addListener(instance, 'mousedown', onMouseDown)\n )\n }\n }, [onMouseDown])\n\n useEffect(() => {\n if (instance && onMouseMove) {\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n setMousemoveListener(\n google.maps.event.addListener(instance, 'mousemove', onMouseMove)\n )\n }\n }, [onMouseMove])\n\n useEffect(() => {\n if (instance && onMouseOut) {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n setMouseoutListener(\n google.maps.event.addListener(instance, 'mouseout', onMouseOut)\n )\n }\n }, [onMouseOut])\n\n useEffect(() => {\n if (instance && onMouseOver) {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n setMouseoverListener(\n google.maps.event.addListener(instance, 'mouseover', onMouseOver)\n )\n }\n }, [onMouseOver])\n\n useEffect(() => {\n if (instance && onMouseUp) {\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n setMouseupListener(\n google.maps.event.addListener(instance, 'mouseup', onMouseUp)\n )\n }\n }, [onMouseUp])\n\n useEffect(() => {\n if (instance && onRightClick) {\n if (rightClickListener !== null) {\n google.maps.event.removeListener(rightClickListener)\n }\n\n setRightClickListener(\n google.maps.event.addListener(instance, 'rightclick', onRightClick)\n )\n }\n }, [onRightClick])\n\n useEffect(() => {\n if (instance && onClick) {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n setClickListener(\n google.maps.event.addListener(instance, 'click', onClick)\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && onDrag) {\n if (dragListener !== null) {\n google.maps.event.removeListener(dragListener)\n }\n\n setDragListener(google.maps.event.addListener(instance, 'drag', onDrag))\n }\n }, [onDrag])\n\n useEffect(() => {\n if (instance && onBoundsChanged) {\n if (boundsChangedListener !== null) {\n google.maps.event.removeListener(boundsChangedListener)\n }\n\n setBoundsChangedListener(\n google.maps.event.addListener(\n instance,\n 'bounds_changed',\n onBoundsChanged\n )\n )\n }\n }, [onBoundsChanged])\n\n useEffect(() => {\n const rectangle = new google.maps.Rectangle({\n ...options,\n map,\n })\n\n if (typeof visible !== 'undefined') {\n rectangle.setVisible(visible)\n }\n\n if (typeof editable !== 'undefined') {\n rectangle.setEditable(editable)\n }\n\n if (typeof draggable !== 'undefined') {\n rectangle.setDraggable(draggable)\n }\n\n if (typeof bounds !== 'undefined') {\n rectangle.setBounds(bounds)\n }\n\n if (onDblClick) {\n setDblclickListener(\n google.maps.event.addListener(rectangle, 'dblclick', onDblClick)\n )\n }\n\n if (onDragEnd) {\n setDragendListener(\n google.maps.event.addListener(rectangle, 'dragend', onDragEnd)\n )\n }\n\n if (onDragStart) {\n setDragstartListener(\n google.maps.event.addListener(rectangle, 'dragstart', onDragStart)\n )\n }\n\n if (onMouseDown) {\n setMousedownListener(\n google.maps.event.addListener(rectangle, 'mousedown', onMouseDown)\n )\n }\n\n if (onMouseMove) {\n setMousemoveListener(\n google.maps.event.addListener(rectangle, 'mousemove', onMouseMove)\n )\n }\n\n if (onMouseOut) {\n setMouseoutListener(\n google.maps.event.addListener(rectangle, 'mouseout', onMouseOut)\n )\n }\n\n if (onMouseOver) {\n setMouseoverListener(\n google.maps.event.addListener(rectangle, 'mouseover', onMouseOver)\n )\n }\n\n if (onMouseUp) {\n setMouseupListener(\n google.maps.event.addListener(rectangle, 'mouseup', onMouseUp)\n )\n }\n\n if (onRightClick) {\n setRightClickListener(\n google.maps.event.addListener(rectangle, 'rightclick', onRightClick)\n )\n }\n\n if (onClick) {\n setClickListener(\n google.maps.event.addListener(rectangle, 'click', onClick)\n )\n }\n\n if (onDrag) {\n setDragListener(google.maps.event.addListener(rectangle, 'drag', onDrag))\n }\n\n if (onBoundsChanged) {\n setBoundsChangedListener(\n google.maps.event.addListener(\n rectangle,\n 'bounds_changed',\n onBoundsChanged\n )\n )\n }\n\n setInstance(rectangle)\n\n if (onLoad) {\n onLoad(rectangle)\n }\n\n return () => {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n if (rightClickListener !== null) {\n google.maps.event.removeListener(rightClickListener)\n }\n\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n if (dragListener !== null) {\n google.maps.event.removeListener(dragListener)\n }\n\n if (boundsChangedListener !== null) {\n google.maps.event.removeListener(boundsChangedListener)\n }\n\n if (onUnmount) {\n onUnmount(rectangle)\n }\n\n rectangle.setMap(null)\n }\n }, [])\n\n return null\n}\n\nexport const RectangleF = memo(RectangleFunctional)\n\nexport class Rectangle extends PureComponent {\n static override contextType = MapContext\n\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n\n override state: RectangleState = {\n rectangle: null,\n }\n\n setRectangleCallback = (): void => {\n if (this.state.rectangle !== null && this.props.onLoad) {\n this.props.onLoad(this.state.rectangle)\n }\n }\n\n override componentDidMount(): void {\n const rectangle = new google.maps.Rectangle({\n ...this.props.options,\n map: this.context,\n })\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: rectangle,\n })\n\n this.setState(function setRectangle() {\n return {\n rectangle,\n }\n }, this.setRectangleCallback)\n }\n\n override componentDidUpdate(prevProps: RectangleProps): void {\n if (this.state.rectangle !== null) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: this.state.rectangle,\n })\n }\n }\n\n override componentWillUnmount(): void {\n if (this.state.rectangle !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.rectangle)\n }\n\n unregisterEvents(this.registeredEvents)\n\n this.state.rectangle.setMap(null)\n }\n }\n\n override render(): null {\n return null\n }\n}\n\nexport default Rectangle\n","import {\n memo,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onCenterChanged: 'center_changed',\n onRadiusChanged: 'radius_changed',\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n}\n\nconst updaterMap = {\n center(instance: google.maps.Circle, center: google.maps.LatLng): void {\n instance.setCenter(center)\n },\n draggable(instance: google.maps.Circle, draggable: boolean): void {\n instance.setDraggable(draggable)\n },\n editable(instance: google.maps.Circle, editable: boolean): void {\n instance.setEditable(editable)\n },\n map(instance: google.maps.Circle, map: google.maps.Map): void {\n instance.setMap(map)\n },\n options(\n instance: google.maps.Circle,\n options: google.maps.CircleOptions\n ): void {\n instance.setOptions(options)\n },\n radius(instance: google.maps.Circle, radius: number): void {\n instance.setRadius(radius)\n },\n visible(instance: google.maps.Circle, visible: boolean): void {\n instance.setVisible(visible)\n },\n}\n\ntype CircleState = {\n circle: google.maps.Circle | null\n}\n\nexport type CircleProps = {\n options?: google.maps.CircleOptions | undefined\n\n /** sets the center of the circle */\n center?: google.maps.LatLng | google.maps.LatLngLiteral | undefined\n\n // required\n /** Sets the radius of this circle (in meters) */\n radius?: number | undefined\n /** If set to true, the user can drag this circle over the map */\n draggable?: boolean | undefined\n /** If set to true, the user can edit this circle by dragging the control points shown at the center and around the circumference of the circle. */\n editable?: boolean | undefined\n /** Hides this circle if set to false. */\n visible?: boolean | undefined\n /** This event is fired when the DOM dblclick event is fired on the circle. */\n onDblClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user stops dragging the circle. */\n onDragEnd?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the user starts dragging the circle. */\n onDragStart?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousedown event is fired on the circle. */\n onMouseDown?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mousemove event is fired on the circle. */\n onMouseMove?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on circle mouseout. */\n onMouseOut?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired on circle mouseover. */\n onMouseOver?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM mouseup event is fired on the circle. */\n onMouseUp?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the circle is right-clicked on. */\n onRightClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the DOM click event is fired on the circle. */\n onClick?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is repeatedly fired while the user drags the circle. */\n onDrag?: ((e: google.maps.MapMouseEvent) => void) | undefined\n /** This event is fired when the circle's center is changed. */\n onCenterChanged?: (() => void) | undefined\n /** This event is fired when the circle's radius is changed. */\n onRadiusChanged?: (() => void) | undefined\n /** This callback is called when the circle instance has loaded. It is called with the circle instance. */\n onLoad?: ((circle: google.maps.Circle) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the circle instance. */\n onUnmount?: ((circle: google.maps.Circle) => void) | undefined\n}\n\nconst defaultOptions = {}\n\nfunction CircleFunctional({\n options,\n center,\n radius,\n draggable,\n editable,\n visible,\n onDblClick,\n onDragEnd,\n onDragStart,\n onMouseDown,\n onMouseMove,\n onMouseOut,\n onMouseOver,\n onMouseUp,\n onRightClick,\n onClick,\n onDrag,\n onCenterChanged,\n onRadiusChanged,\n onLoad,\n onUnmount,\n}: CircleProps): null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [dblclickListener, setDblclickListener] =\n useState(null)\n const [dragendListener, setDragendListener] =\n useState(null)\n const [dragstartListener, setDragstartListener] =\n useState(null)\n const [mousedownListener, setMousedownListener] =\n useState(null)\n const [mousemoveListener, setMousemoveListener] =\n useState(null)\n const [mouseoutListener, setMouseoutListener] =\n useState(null)\n const [mouseoverListener, setMouseoverListener] =\n useState(null)\n const [mouseupListener, setMouseupListener] =\n useState(null)\n const [rightclickListener, setRightclickListener] =\n useState(null)\n const [clickListener, setClickListener] =\n useState(null)\n const [dragListener, setDragListener] =\n useState(null)\n const [centerChangedListener, setCenterChangedListener] =\n useState(null)\n const [radiusChangedListener, setRadiusChangedListener] =\n useState(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.setMap(map)\n }\n }, [map])\n\n useEffect(() => {\n if (typeof options !== 'undefined' && instance !== null) {\n instance.setOptions(options)\n }\n }, [instance, options])\n\n useEffect(() => {\n if (typeof draggable !== 'undefined' && instance !== null) {\n instance.setDraggable(draggable)\n }\n }, [instance, draggable])\n\n useEffect(() => {\n if (typeof editable !== 'undefined' && instance !== null) {\n instance.setEditable(editable)\n }\n }, [instance, editable])\n\n useEffect(() => {\n if (typeof visible !== 'undefined' && instance !== null) {\n instance.setVisible(visible)\n }\n }, [instance, visible])\n\n useEffect(() => {\n if (typeof radius === 'number' && instance !== null) {\n instance.setRadius(radius)\n }\n }, [instance, radius])\n\n useEffect(() => {\n if (typeof center !== 'undefined' && instance !== null) {\n instance.setCenter(center)\n }\n }, [instance, center])\n\n useEffect(() => {\n if (instance && onDblClick) {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n setDblclickListener(\n google.maps.event.addListener(instance, 'dblclick', onDblClick)\n )\n }\n }, [onDblClick])\n\n useEffect(() => {\n if (instance && onDragEnd) {\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n setDragendListener(\n google.maps.event.addListener(instance, 'dragend', onDragEnd)\n )\n }\n }, [onDragEnd])\n\n useEffect(() => {\n if (instance && onDragStart) {\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n setDragstartListener(\n google.maps.event.addListener(instance, 'dragstart', onDragStart)\n )\n }\n }, [onDragStart])\n\n useEffect(() => {\n if (instance && onMouseDown) {\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n setMousedownListener(\n google.maps.event.addListener(instance, 'mousedown', onMouseDown)\n )\n }\n }, [onMouseDown])\n\n useEffect(() => {\n if (instance && onMouseMove) {\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n setMousemoveListener(\n google.maps.event.addListener(instance, 'mousemove', onMouseMove)\n )\n }\n }, [onMouseMove])\n\n useEffect(() => {\n if (instance && onMouseOut) {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n setMouseoutListener(\n google.maps.event.addListener(instance, 'mouseout', onMouseOut)\n )\n }\n }, [onMouseOut])\n\n useEffect(() => {\n if (instance && onMouseOver) {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n setMouseoverListener(\n google.maps.event.addListener(instance, 'mouseover', onMouseOver)\n )\n }\n }, [onMouseOver])\n\n useEffect(() => {\n if (instance && onMouseUp) {\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n setMouseupListener(\n google.maps.event.addListener(instance, 'mouseup', onMouseUp)\n )\n }\n }, [onMouseUp])\n\n useEffect(() => {\n if (instance && onRightClick) {\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n setRightclickListener(\n google.maps.event.addListener(instance, 'rightclick', onRightClick)\n )\n }\n }, [onRightClick])\n\n useEffect(() => {\n if (instance && onClick) {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n setClickListener(\n google.maps.event.addListener(instance, 'click', onClick)\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && onDrag) {\n if (dragListener !== null) {\n google.maps.event.removeListener(dragListener)\n }\n\n setDragListener(google.maps.event.addListener(instance, 'drag', onDrag))\n }\n }, [onDrag])\n\n useEffect(() => {\n if (instance && onCenterChanged) {\n if (centerChangedListener !== null) {\n google.maps.event.removeListener(centerChangedListener)\n }\n\n setCenterChangedListener(\n google.maps.event.addListener(\n instance,\n 'center_changed',\n onCenterChanged\n )\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && onRadiusChanged) {\n if (radiusChangedListener !== null) {\n google.maps.event.removeListener(radiusChangedListener)\n }\n\n setRadiusChangedListener(\n google.maps.event.addListener(\n instance,\n 'radius_changed',\n onRadiusChanged\n )\n )\n }\n }, [onRadiusChanged])\n\n useEffect(() => {\n const circle = new google.maps.Circle({\n ...(options || defaultOptions),\n map,\n })\n\n if (typeof radius === 'number') {\n circle.setRadius(radius)\n }\n\n if (typeof center !== 'undefined') {\n circle.setCenter(center)\n }\n\n if (typeof radius === 'number') {\n circle.setRadius(radius)\n }\n\n if (typeof visible !== 'undefined') {\n circle.setVisible(visible)\n }\n\n if (typeof editable !== 'undefined') {\n circle.setEditable(editable)\n }\n\n if (typeof draggable !== 'undefined') {\n circle.setDraggable(draggable)\n }\n\n if (onDblClick) {\n setDblclickListener(\n google.maps.event.addListener(circle, 'dblclick', onDblClick)\n )\n }\n\n if (onDragEnd) {\n setDragendListener(\n google.maps.event.addListener(circle, 'dragend', onDragEnd)\n )\n }\n\n if (onDragStart) {\n setDragstartListener(\n google.maps.event.addListener(circle, 'dragstart', onDragStart)\n )\n }\n\n if (onMouseDown) {\n setMousedownListener(\n google.maps.event.addListener(circle, 'mousedown', onMouseDown)\n )\n }\n\n if (onMouseMove) {\n setMousemoveListener(\n google.maps.event.addListener(circle, 'mousemove', onMouseMove)\n )\n }\n\n if (onMouseOut) {\n setMouseoutListener(\n google.maps.event.addListener(circle, 'mouseout', onMouseOut)\n )\n }\n\n if (onMouseOver) {\n setMouseoverListener(\n google.maps.event.addListener(circle, 'mouseover', onMouseOver)\n )\n }\n\n if (onMouseUp) {\n setMouseupListener(\n google.maps.event.addListener(circle, 'mouseup', onMouseUp)\n )\n }\n\n if (onRightClick) {\n setRightclickListener(\n google.maps.event.addListener(circle, 'rightclick', onRightClick)\n )\n }\n\n if (onClick) {\n setClickListener(google.maps.event.addListener(circle, 'click', onClick))\n }\n\n if (onDrag) {\n setDragListener(google.maps.event.addListener(circle, 'drag', onDrag))\n }\n\n if (onCenterChanged) {\n setCenterChangedListener(\n google.maps.event.addListener(circle, 'center_changed', onCenterChanged)\n )\n }\n\n if (onRadiusChanged) {\n setRadiusChangedListener(\n google.maps.event.addListener(circle, 'radius_changed', onRadiusChanged)\n )\n }\n\n setInstance(circle)\n\n if (onLoad) {\n onLoad(circle)\n }\n\n return () => {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n if (dragendListener !== null) {\n google.maps.event.removeListener(dragendListener)\n }\n\n if (dragstartListener !== null) {\n google.maps.event.removeListener(dragstartListener)\n }\n\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n if (centerChangedListener !== null) {\n google.maps.event.removeListener(centerChangedListener)\n }\n\n if (radiusChangedListener !== null) {\n google.maps.event.removeListener(radiusChangedListener)\n }\n\n if (onUnmount) {\n onUnmount(circle)\n }\n\n circle.setMap(null)\n }\n }, [])\n\n return null\n}\n\nexport const CircleF = memo(CircleFunctional)\n\nexport class Circle extends PureComponent {\n static override contextType = MapContext\n declare context: ContextType\n\n registeredEvents: google.maps.MapsEventListener[] = []\n\n override state: CircleState = {\n circle: null,\n }\n\n setCircleCallback = (): void => {\n if (this.state.circle !== null && this.props.onLoad) {\n this.props.onLoad(this.state.circle)\n }\n }\n\n override componentDidMount(): void {\n const circle = new google.maps.Circle({\n ...this.props.options,\n map: this.context,\n })\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps: {},\n nextProps: this.props,\n instance: circle,\n })\n\n this.setState(function setCircle() {\n return {\n circle,\n }\n }, this.setCircleCallback)\n }\n\n override componentDidUpdate(prevProps: CircleProps): void {\n if (this.state.circle !== null) {\n unregisterEvents(this.registeredEvents)\n\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap,\n eventMap,\n prevProps,\n nextProps: this.props,\n instance: this.state.circle,\n })\n }\n }\n\n override componentWillUnmount(): void {\n if (this.state.circle !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.circle)\n }\n\n unregisterEvents(this.registeredEvents)\n\n this.state.circle?.setMap(null)\n }\n }\n\n override render(): null {\n return null\n }\n}\n\nexport default Circle\n","import {\n memo,\n useState,\n useEffect,\n useContext,\n PureComponent,\n type ContextType,\n} from 'react'\n\nimport {\n unregisterEvents,\n applyUpdatersToPropsAndRegisterEvents,\n} from '../../utils/helper.js'\n\nimport MapContext from '../../map-context.js'\n\nconst eventMap = {\n onClick: 'click',\n onDblClick: 'dblclick',\n onMouseDown: 'mousedown',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick',\n onAddFeature: 'addfeature',\n onRemoveFeature: 'removefeature',\n onRemoveProperty: 'removeproperty',\n onSetGeometry: 'setgeometry',\n onSetProperty: 'setproperty',\n}\n\nconst updaterMap = {\n add(\n instance: google.maps.Data,\n feature: google.maps.Data.Feature | google.maps.Data.FeatureOptions\n ): void {\n instance.add(feature)\n },\n addgeojson(\n instance: google.maps.Data,\n geojson: object,\n options?: google.maps.Data.GeoJsonOptions | undefined\n ): void {\n instance.addGeoJson(geojson, options)\n },\n contains(\n instance: google.maps.Data,\n feature: google.maps.Data.Feature\n ): void {\n instance.contains(feature)\n },\n foreach(\n instance: google.maps.Data,\n callback: (feature: google.maps.Data.Feature) => void\n ): void {\n instance.forEach(callback)\n },\n loadgeojson(\n instance: google.maps.Data,\n url: string,\n options: google.maps.Data.GeoJsonOptions,\n callback: (features: google.maps.Data.Feature[]) => void\n ): void {\n instance.loadGeoJson(url, options, callback)\n },\n overridestyle(\n instance: google.maps.Data,\n feature: google.maps.Data.Feature,\n style: google.maps.Data.StyleOptions\n ): void {\n instance.overrideStyle(feature, style)\n },\n remove(instance: google.maps.Data, feature: google.maps.Data.Feature): void {\n instance.remove(feature)\n },\n revertstyle(\n instance: google.maps.Data,\n feature: google.maps.Data.Feature\n ): void {\n instance.revertStyle(feature)\n },\n controlposition(\n instance: google.maps.Data,\n controlPosition: google.maps.ControlPosition\n ): void {\n instance.setControlPosition(controlPosition)\n },\n controls(instance: google.maps.Data, controls: string[] | null): void {\n instance.setControls(controls)\n },\n drawingmode(instance: google.maps.Data, mode: string | null): void {\n instance.setDrawingMode(mode)\n },\n map(instance: google.maps.Data, map: google.maps.Map): void {\n instance.setMap(map)\n },\n style(\n instance: google.maps.Data,\n style: google.maps.Data.StylingFunction | google.maps.Data.StyleOptions\n ): void {\n instance.setStyle(style)\n },\n togeojson(\n instance: google.maps.Data,\n callback: (feature: object) => void\n ): void {\n instance.toGeoJson(callback)\n },\n}\n\ntype DataState = {\n data: google.maps.Data | null\n}\n\nexport type DataProps = {\n options?: google.maps.Data.DataOptions | undefined\n /** This event is fired for a click on the geometry. */\n onClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired for a double click on the geometry. */\n onDblClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired for a mousedown on the geometry. */\n onMouseDown?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired when the DOM mousemove event is fired on the rectangle. */\n onMouseMove?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired when the mouse leaves the area of the geometry. */\n onMouseOut?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired when the mouse enters the area of the geometry. */\n onMouseOver?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired for a mouseup on the geometry. */\n onMouseUp?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired for a rightclick on the geometry. */\n onRightClick?: ((e: google.maps.Data.MouseEvent) => void) | undefined\n /** This event is fired when a feature is added to the collection. */\n onAddFeature?: ((e: google.maps.Data.AddFeatureEvent) => void) | undefined\n /** This event is fired when a feature is removed from the collection. */\n onRemoveFeature?:\n | ((e: google.maps.Data.RemoveFeatureEvent) => void)\n | undefined\n /** This event is fired when a feature's property is removed. */\n onRemoveProperty?:\n | ((e: google.maps.Data.RemovePropertyEvent) => void)\n | undefined\n /** This event is fired when a feature's geometry is set. */\n onSetGeometry?: ((e: google.maps.Data.SetGeometryEvent) => void) | undefined\n /** This event is fired when a feature's property is set. */\n onSetProperty?: ((e: google.maps.Data.SetPropertyEvent) => void) | undefined\n /** This callback is called when the data instance has loaded. It is called with the data instance. */\n onLoad?: ((data: google.maps.Data) => void) | undefined\n /** This callback is called when the component unmounts. It is called with the data instance. */\n onUnmount?: ((data: google.maps.Data) => void) | undefined\n}\n\nfunction DataFunctional({\n options,\n onClick,\n onDblClick,\n onMouseDown,\n onMouseMove,\n onMouseOut,\n onMouseOver,\n onMouseUp,\n onRightClick,\n onAddFeature,\n onRemoveFeature,\n onRemoveProperty,\n onSetGeometry,\n onSetProperty,\n onLoad,\n onUnmount,\n}: DataProps): null {\n const map = useContext(MapContext)\n\n const [instance, setInstance] = useState(null)\n\n const [dblclickListener, setDblclickListener] =\n useState(null)\n const [mousedownListener, setMousedownListener] =\n useState(null)\n const [mousemoveListener, setMousemoveListener] =\n useState(null)\n const [mouseoutListener, setMouseoutListener] =\n useState(null)\n const [mouseoverListener, setMouseoverListener] =\n useState(null)\n const [mouseupListener, setMouseupListener] =\n useState(null)\n const [rightclickListener, setRightclickListener] =\n useState(null)\n const [clickListener, setClickListener] =\n useState(null)\n\n const [addFeatureListener, setAddFeatureListener] =\n useState(null)\n const [removeFeatureListener, setRemoveFeatureListener] =\n useState(null)\n const [removePropertyListener, setRemovePropertyListener] =\n useState(null)\n const [setGeometryListener, setSetGeometryListener] =\n useState(null)\n const [setPropertyListener, setSetPropertyListener] =\n useState(null)\n\n // Order does matter\n useEffect(() => {\n if (instance !== null) {\n instance.setMap(map)\n }\n }, [map])\n\n useEffect(() => {\n if (instance && onDblClick) {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n setDblclickListener(\n google.maps.event.addListener(instance, 'dblclick', onDblClick)\n )\n }\n }, [onDblClick])\n\n useEffect(() => {\n if (instance && onMouseDown) {\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n setMousedownListener(\n google.maps.event.addListener(instance, 'mousedown', onMouseDown)\n )\n }\n }, [onMouseDown])\n\n useEffect(() => {\n if (instance && onMouseMove) {\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n setMousemoveListener(\n google.maps.event.addListener(instance, 'mousemove', onMouseMove)\n )\n }\n }, [onMouseMove])\n\n useEffect(() => {\n if (instance && onMouseOut) {\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n setMouseoutListener(\n google.maps.event.addListener(instance, 'mouseout', onMouseOut)\n )\n }\n }, [onMouseOut])\n\n useEffect(() => {\n if (instance && onMouseOver) {\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n setMouseoverListener(\n google.maps.event.addListener(instance, 'mouseover', onMouseOver)\n )\n }\n }, [onMouseOver])\n\n useEffect(() => {\n if (instance && onMouseUp) {\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n setMouseupListener(\n google.maps.event.addListener(instance, 'mouseup', onMouseUp)\n )\n }\n }, [onMouseUp])\n\n useEffect(() => {\n if (instance && onRightClick) {\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n setRightclickListener(\n google.maps.event.addListener(instance, 'rightclick', onRightClick)\n )\n }\n }, [onRightClick])\n\n useEffect(() => {\n if (instance && onClick) {\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n setClickListener(\n google.maps.event.addListener(instance, 'click', onClick)\n )\n }\n }, [onClick])\n\n useEffect(() => {\n if (instance && onAddFeature) {\n if (addFeatureListener !== null) {\n google.maps.event.removeListener(addFeatureListener)\n }\n\n setAddFeatureListener(\n google.maps.event.addListener(instance, 'addfeature', onAddFeature)\n )\n }\n }, [onAddFeature])\n\n useEffect(() => {\n if (instance && onRemoveFeature) {\n if (removeFeatureListener !== null) {\n google.maps.event.removeListener(removeFeatureListener)\n }\n\n setRemoveFeatureListener(\n google.maps.event.addListener(\n instance,\n 'removefeature',\n onRemoveFeature\n )\n )\n }\n }, [onRemoveFeature])\n\n useEffect(() => {\n if (instance && onRemoveProperty) {\n if (removePropertyListener !== null) {\n google.maps.event.removeListener(removePropertyListener)\n }\n\n setRemovePropertyListener(\n google.maps.event.addListener(\n instance,\n 'removeproperty',\n onRemoveProperty\n )\n )\n }\n }, [onRemoveProperty])\n\n useEffect(() => {\n if (instance && onSetGeometry) {\n if (setGeometryListener !== null) {\n google.maps.event.removeListener(setGeometryListener)\n }\n\n setSetGeometryListener(\n google.maps.event.addListener(instance, 'setgeometry', onSetGeometry)\n )\n }\n }, [onSetGeometry])\n\n useEffect(() => {\n if (instance && onSetProperty) {\n if (setPropertyListener !== null) {\n google.maps.event.removeListener(setPropertyListener)\n }\n\n setSetPropertyListener(\n google.maps.event.addListener(instance, 'setproperty', onSetProperty)\n )\n }\n }, [onSetProperty])\n\n useEffect(() => {\n if (map !== null) {\n const data = new google.maps.Data({\n ...options,\n map,\n })\n\n if (onDblClick) {\n setDblclickListener(\n google.maps.event.addListener(data, 'dblclick', onDblClick)\n )\n }\n\n if (onMouseDown) {\n setMousedownListener(\n google.maps.event.addListener(data, 'mousedown', onMouseDown)\n )\n }\n\n if (onMouseMove) {\n setMousemoveListener(\n google.maps.event.addListener(data, 'mousemove', onMouseMove)\n )\n }\n\n if (onMouseOut) {\n setMouseoutListener(\n google.maps.event.addListener(data, 'mouseout', onMouseOut)\n )\n }\n\n if (onMouseOver) {\n setMouseoverListener(\n google.maps.event.addListener(data, 'mouseover', onMouseOver)\n )\n }\n\n if (onMouseUp) {\n setMouseupListener(\n google.maps.event.addListener(data, 'mouseup', onMouseUp)\n )\n }\n\n if (onRightClick) {\n setRightclickListener(\n google.maps.event.addListener(data, 'rightclick', onRightClick)\n )\n }\n\n if (onClick) {\n setClickListener(google.maps.event.addListener(data, 'click', onClick))\n }\n\n if (onAddFeature) {\n setAddFeatureListener(\n google.maps.event.addListener(data, 'addfeature', onAddFeature)\n )\n }\n\n if (onRemoveFeature) {\n setRemoveFeatureListener(\n google.maps.event.addListener(data, 'removefeature', onRemoveFeature)\n )\n }\n\n if (onRemoveProperty) {\n setRemovePropertyListener(\n google.maps.event.addListener(\n data,\n 'removeproperty',\n onRemoveProperty\n )\n )\n }\n\n if (onSetGeometry) {\n setSetGeometryListener(\n google.maps.event.addListener(data, 'setgeometry', onSetGeometry)\n )\n }\n\n if (onSetProperty) {\n setSetPropertyListener(\n google.maps.event.addListener(data, 'setproperty', onSetProperty)\n )\n }\n\n setInstance(data)\n\n if (onLoad) {\n onLoad(data)\n }\n }\n\n return () => {\n if (instance) {\n if (dblclickListener !== null) {\n google.maps.event.removeListener(dblclickListener)\n }\n\n if (mousedownListener !== null) {\n google.maps.event.removeListener(mousedownListener)\n }\n\n if (mousemoveListener !== null) {\n google.maps.event.removeListener(mousemoveListener)\n }\n\n if (mouseoutListener !== null) {\n google.maps.event.removeListener(mouseoutListener)\n }\n\n if (mouseoverListener !== null) {\n google.maps.event.removeListener(mouseoverListener)\n }\n\n if (mouseupListener !== null) {\n google.maps.event.removeListener(mouseupListener)\n }\n\n if (rightclickListener !== null) {\n google.maps.event.removeListener(rightclickListener)\n }\n\n if (clickListener !== null) {\n google.maps.event.removeListener(clickListener)\n }\n\n if (addFeatureListener !== null) {\n google.maps.event.removeListener(addFeatureListener)\n }\n\n if (removeFeatureListener !== null) {\n google.maps.event.removeListener(removeFeatureListener)\n }\n\n if (removePropertyListener !== null) {\n google.maps.event.removeListener(removePropertyListener)\n }\n\n if (setGeometryListener !== null) {\n google.maps.event.removeListener(setGeometryListener)\n }\n\n if (setPropertyListener !== null) {\n google.maps.event.removeListener(setPropertyListener)\n }\n\n if (onUnmount) {\n onUnmount(instance)\n }\n\n instance.setMap(null)\n }\n }\n }, [])\n\n return null\n}\n\nexport const DataF = memo(DataFunctional)\n\nexport class Data extends PureComponent