@community-release/nx-ui 0.0.33 → 0.0.34

package/dist/module.d.mts

@@ -117,7 +117,6 @@ var generateComponentsDefaults = (options) => {
 `;
     }
   }
-  console.log("componentsStyle", result);
   return result;
 };
 

package/dist/module.d.ts

@@ -117,7 +117,6 @@ var generateComponentsDefaults = (options) => {
 `;
     }
   }
-  console.log("componentsStyle", result);
   return result;
 };
 

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.33"
+  "version": "0.0.34"
 }

package/dist/module.mjs

@@ -117,7 +117,6 @@ const generateComponentsDefaults = (options) => {
 `;
     }
   }
-  console.log("componentsStyle", result);
   return result;
 };
 

package/dist/runtime/components/helpers/wait.d.ts

@@ -0,0 +1,2 @@
+declare function _default(ms?: number): any;
+export default _default;

package/dist/runtime/components/helpers/wait.mjs

@@ -0,0 +1 @@
+export default (ms = 0) => new Promise(r => {setTimeout(r, ms)})

package/dist/runtime/components/map/location/nearest.vue

@@ -12,6 +12,7 @@
 	import { ref } from 'vue';
 	import UiLoading from '../../loading.vue';
 	import { useMapStore } from '../store';
+	import wait from '../../helpers/wait'; 
 
 // Data
 	const props = defineProps({
@@ -28,6 +29,7 @@
 			type: Array
 		},
 	});
+	const emit = defineEmits(['error']);
 	const store = useMapStore();
 	const loading = ref(false);
 	let cachedPosition = null;
@@ -65,7 +67,11 @@
 		});
 	}
 
+	let clickInProcess = false;
 	async function handleClick() {
+		if (clickInProcess) return;
+		clickInProcess = true;
+		
 		try {
 			// If cache not exist or it's older than 1 minute
 			if (!cachedPosition || Date.now() - cachedTime > 60000) {
@@ -86,14 +92,22 @@
 			);
 
 			// Set coord and zoom
-			store.setCoord(nearest.coord, 2);
+			store.setCoord(cachedPosition, 750);
+			store.setZoom(14);
+
+			await wait(2000);
+
+			store.setCoord(nearest.coord, 1500);
 			store.setZoom(nearest?.zoom ? nearest.zoom : 14);
 		} catch (err) {
 			console.log('handleClick err', err);
+
+			emit('error', 'error-geo-not-enabled-on-device');
 		}
 
 		store.setSelectedMarker(null);
 		loading.value = false;
+		clickInProcess = false;
 	}
 </script>
 

package/dist/runtime/components/map/openlayers/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="component-ui-map-openlayer component-ui-map-engine">
+	<div class="component-ui-map-openlayer component-ui-map-engine" :class="{'tag-user-position': userCoord.length}">
 		<div class="map" ref="refMap"></div>
 		<div style="display:none">
 			<div id="user-position-marker"></div>
@@ -86,14 +86,20 @@
 
 	// Watch coord
 	watch([requestCoordChange, coord], (v) => {
-		if (!v[0]) return;
+		const req = v[0];
+
+		if (!req) return;
 
 		const coord = fromLonLat(v[1]);
 
-		if (v[0] === 1)
+		// If req === 1 then set coord instantly
+		if (req === 1) {
 			view.setCenter(coord);
-		else
-			view.animate({center: coord, duration: 300});
+		// If req === 2 then set coord in default duration, else treat req as duration time in ms
+		} else {
+			const duration = req === 2 ? 300 : req;
+			view.animate({center: coord, duration});
+		}
 
 		requestCoordChange.value = 0;
 	});
@@ -339,8 +345,6 @@
 			}, 50);
 		});
 
-		initialized = true;
-
 		// Handle map marker click
 		map.on('click', (e) => {
 			cluster.getFeatures(e.pixel).then((clickedFeatures) => {
@@ -367,7 +371,12 @@
 			});
 		});
 
-		map.on('loadend', () => { emit('initialized', payload); });
+		map.on('loadend', () => { 
+			if (initialized) return;
+			
+			initialized = true;
+			emit('initialized', payload);
+		});
 	}
 
 // Hooks
@@ -468,6 +477,14 @@
 
 	#user-position-marker {
 		.mix-pulsar;
+
+		display: none;
+	}
+
+	&.tag-user-position {
+		#user-position-marker {
+			display: block;
+		}
 	}
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@community-release/nx-ui",
-    "version": "0.0.33",
+    "version": "0.0.34",
     "description": "nx-ui - Nuxt UI library",
     "repository": {
         "type": "git",