@tekkare/auriga 0.2.126 → 0.2.128

package/dist/runtime/components/argFilterTabs.vue.d.ts

@@ -8,10 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
             readonly [Symbol.species]: ArrayConstructor;
         };
         required: true;
@@ -38,10 +38,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
             readonly [Symbol.species]: ArrayConstructor;
         };
         required: true;

package/dist/runtime/components/argFlag.vue

@@ -2274,5 +2274,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.arg_country_icon.rounded{-webkit-clip-path:circle(41% at 50% 50%);clip-path:circle(41% at 50% 50%)}.arg_country_icon.squared{aspect-ratio:1/1;-webkit-clip-path:inset(10% 10% 10% 10%);clip-path:inset(10% 10% 10% 10%)}.arg_country_icon.radius{-webkit-clip-path:inset(0 round 15%);clip-path:inset(0 round 15%)}
+.arg_country_icon.rounded{clip-path:circle(41% at 50% 50%)}.arg_country_icon.squared{aspect-ratio:1/1;clip-path:inset(10% 10% 10% 10%)}.arg_country_icon.radius{clip-path:inset(0 round 15%)}
 </style>

package/dist/runtime/components/argGoogleMaps.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="auriga_map_frame">
+    <GoogleMap
+      v-if="mapKey"
+      :api-key="mapKey"
+      :style="{ width: width, height: height }"
+      :center="center"
+      :zoom="mapZoom"
+      map-id="arg-map"
+    >
+      <MarkerCluster>
+        <AdvancedMarker
+          v-for="(loc, index) in locations"
+          :key="index"
+          :options="{
+            position: { lat: loc.lat, lng: loc.lng },
+            title: loc.title,
+          }"
+        >
+          <InfoWindow v-if="showWindow">
+            <h1 class="auriga_map_infowindow_title">{{ loc.title }}</h1>
+          </InfoWindow>
+        </AdvancedMarker>
+      </MarkerCluster>
+    </GoogleMap>
+  </div>
+</template>
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+import {
+  GoogleMap,
+  AdvancedMarker,
+  InfoWindow,
+  MarkerCluster
+} from "vue3-google-map";
+import argStyle from "./argStyle.vue";
+export default defineComponent({
+  name: "argGoogleMaps",
+  components: {
+    GoogleMap,
+    AdvancedMarker,
+    InfoWindow,
+    argStyle,
+    MarkerCluster
+  },
+  props: {
+    mapKey: {
+      type: String,
+      required: true
+    },
+    locations: {
+      type: Array,
+      required: true
+    },
+    showWindow: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "205px"
+    },
+    zoom: {
+      type: Number,
+      required: false
+    },
+    mapCenter: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const center = computed(() => {
+      if (props.mapCenter) {
+        return props.mapCenter;
+      } else {
+        if (props.locations.length === 0) return { lat: 0, lng: 0 };
+        const totalLat = props.locations.reduce(
+          (sum, loc) => sum + loc?.lat,
+          0
+        );
+        const totalLng = props.locations.reduce(
+          (sum, loc) => sum + loc?.lng,
+          0
+        );
+        return {
+          lat: totalLat / props.locations.length,
+          lng: totalLng / props.locations.length
+        };
+      }
+    });
+    const mapZoom = computed(() => {
+      if (props.zoom) {
+        return props.zoom;
+      } else {
+        if (props.locations.length === 0) return 12;
+        const latitudes = props.locations.map((loc) => loc.lat);
+        const longitudes = props.locations.map((loc) => loc.lng);
+        const latDiff = Math.max(...latitudes) - Math.min(...latitudes);
+        const lngDiff = Math.max(...longitudes) - Math.min(...longitudes);
+        const maxDiff = Math.max(latDiff, lngDiff);
+        if (maxDiff < 0.01) return 16;
+        if (maxDiff < 0.05) return 14;
+        if (maxDiff < 0.1) return 12;
+        if (maxDiff < 0.5) return 10;
+        if (maxDiff < 1) return 8;
+        return 6;
+      }
+    });
+    return {
+      center,
+      mapZoom
+    };
+  }
+});
+</script>
+<style>
+.auriga_map_frame{border:1px solid var(--Main-Light,#dbdef0);border-radius:12px;box-shadow:0 1px 2px 0 rgba(30,41,59,.1);overflow:hidden}.auriga_map_infowindow_title{font-size:20px;font-style:normal;font-weight:800;line-height:normal}
+</style>