@tekkare/auriga 0.2.134 → 0.2.136

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.134"
+  "version": "0.2.136"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -25,7 +25,7 @@
           </p>
         </div>
         <input
-          id="search_input_advanced"
+          :id="searchBarId"
           v-model="value"
           class="filters_input_style"
           :placeholder="placeHolderValue"
@@ -289,6 +289,10 @@ export default defineComponent({
     appName: {
       type: String,
       default: null
+    },
+    searchBarId: {
+      type: String,
+      default: "search_input_advanced"
     }
   },
   emits: ["update:Value", "onClose", "onTyping"],

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

@@ -112,6 +112,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    searchBarId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     close: () => void;
     changeDisplay: () => void;
@@ -290,6 +294,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    searchBarId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
@@ -310,6 +318,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     posthogKey: string;
     posthogHost: string;
     appName: string;
+    searchBarId: string;
 }, {}, {
     argIcon: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/argGoogleMapsHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <ArgGoogleMaps :map-key="mapKey" :locations="locations" />
+    <arg-google-maps :map-key="mapKey" :locations="locations" />
     <div class="arg_google_maps_header_content">
       <div class="arg_google_maps_header_icon">
         <argIcon :name="icon" size="96px" :color="iconColor" />

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

@@ -1,4 +1,9 @@
 import { PropType } from "vue";
+interface Location {
+    lat: number;
+    lng: number;
+    title: string;
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mapKey: {
         type: StringConstructor;

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -78,6 +78,7 @@
           />
         </div>
       </div>
+      <slot name="extraContent" />
     </div>
   </div>
 </template>

package/dist/runtime/components/argMapsGermany.vue

@@ -8,7 +8,7 @@
       <div v-else class="oip_subtitle">
         {{ title ? title : "Your map title" }}
       </div>
-      <ArgSourceContainer @click="openSource">
+      <ArgSourceContainer v-if="source !== null" @click="openSource">
         {{ source ? source : "Your source" }}
       </ArgSourceContainer>
     </div>
@@ -59,7 +59,7 @@
         />
       </svg>
       <div class="legend">
-        <div class="scale" />
+        <div :class="reverseColors ? 'reverse_scale' : 'scale'" />
         <div class="legend-text">
           <p v-for="value in scale" :key="value">
             {{ Math.ceil(value)?.toLocaleString("fr-FR") }}
@@ -108,6 +108,10 @@ export default defineComponent({
       type: String,
       default: "en",
       required: false
+    },
+    reverseColors: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["openSource"],
@@ -119,25 +123,25 @@ export default defineComponent({
     const scale = ref([]);
     function getColor(value) {
       if (!value) return "var(--lightest)";
-      if (value >= scale.value[9]) {
+      if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
         return "#3F1151";
-      } else if (value >= scale.value[8]) {
+      } else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
         return "#432974";
-      } else if (value >= scale.value[7]) {
+      } else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
         return "#404A85";
-      } else if (value >= scale.value[6]) {
+      } else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
         return "#3F668A";
-      } else if (value >= scale.value[5]) {
+      } else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
         return "#43808C";
-      } else if (value >= scale.value[4]) {
+      } else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
         return "#4C9C8A";
-      } else if (value >= scale.value[3]) {
+      } else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
         return "#5FB57E";
-      } else if (value >= scale.value[2]) {
+      } else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
         return "#85CB68";
-      } else if (value >= scale.value[1]) {
+      } else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
         return "#BDDD51";
-      } else if (value >= scale.value[0]) {
+      } else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
         return "#F9E855";
       }
     }
@@ -152,10 +156,14 @@ export default defineComponent({
     }
     function setupScale() {
       minimalValue.value = Math.floor(
-        Math.min(...props.data.map((x) => x.value))
+        Math.min(
+          ...props.data.filter((f) => f.value !== null).map((x) => x.value)
+        )
       );
       maximalValue.value = Math.ceil(
-        Math.max(...props.data.map((x) => x.value))
+        Math.max(
+          ...props.data.filter((f) => f.value !== null).map((x) => x.value)
+        )
       );
       const step = (maximalValue.value - minimalValue.value) / 10;
       if (minimalValue.value !== null) {
@@ -228,5 +236,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.map{margin-top:24px;width:100%}.p24{padding:24px}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .2s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855);height:10px;transform:rotate(180deg)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.p-24{padding:0 24px}
+.map{margin-top:24px;width:100%}.p24{padding:24px}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .2s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855)}.reverse_scale,.scale{height:10px;transform:rotate(180deg)}.reverse_scale{background:linear-gradient(45deg,#f9e855,#bddd51,#85cb68,#5fb57e,#4c9c8a,#43808c,#3f668a,#404a85,#432974,#3f1151)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.p-24{padding:0 24px}
 </style>

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

@@ -34,6 +34,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         required: false;
     };
+    reverseColors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
     handleHover: (region: RegionsDe) => void;
@@ -85,6 +89,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         required: false;
     };
+    reverseColors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -94,6 +102,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: string | null;
     haveCustomTitle: string | null;
     uniqueID: string | null;
+    reverseColors: boolean;
 }, {}, {
     OneRegionDe: any;
     ArgSourceContainer: any;

package/dist/runtime/components/argMapsKorea.vue

@@ -8,7 +8,7 @@
       <div v-else class="oip_subtitle">
         {{ title ? title : "Your map title" }}
       </div>
-      <ArgSourceContainer @click="openSource">
+      <ArgSourceContainer v-if="source !== null" @click="openSource">
         {{ source ? source : "Your source" }}
       </ArgSourceContainer>
     </div>
@@ -83,7 +83,7 @@
         />
       </svg>
       <div class="legend">
-        <div class="scale" />
+        <div :class="reverseColors ? 'reverse_scale' : 'scale'" />
         <div class="legend-text">
           <p v-for="value in scale" :key="value">
             {{ Math.ceil(value)?.toLocaleString("fr-FR") }}
@@ -132,6 +132,10 @@ export default defineComponent({
       type: String,
       default: "en",
       required: false
+    },
+    reverseColors: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["openSource"],
@@ -143,25 +147,25 @@ export default defineComponent({
     const scale = ref([]);
     function getColor(value) {
       if (!value) return "var(--lightest)";
-      if (value >= scale.value[9]) {
+      if (props.reverseColors ? value <= scale.value[0] : value >= scale.value[9]) {
         return "#3F1151";
-      } else if (value >= scale.value[8]) {
+      } else if (props.reverseColors ? value <= scale.value[1] : value >= scale.value[8]) {
         return "#432974";
-      } else if (value >= scale.value[7]) {
+      } else if (props.reverseColors ? value <= scale.value[2] : value >= scale.value[7]) {
         return "#404A85";
-      } else if (value >= scale.value[6]) {
+      } else if (props.reverseColors ? value <= scale.value[3] : value >= scale.value[6]) {
         return "#3F668A";
-      } else if (value >= scale.value[5]) {
+      } else if (props.reverseColors ? value <= scale.value[4] : value >= scale.value[5]) {
         return "#43808C";
-      } else if (value >= scale.value[4]) {
+      } else if (props.reverseColors ? value <= scale.value[5] : value >= scale.value[4]) {
         return "#4C9C8A";
-      } else if (value >= scale.value[3]) {
+      } else if (props.reverseColors ? value <= scale.value[6] : value >= scale.value[3]) {
         return "#5FB57E";
-      } else if (value >= scale.value[2]) {
+      } else if (props.reverseColors ? value <= scale.value[7] : value >= scale.value[2]) {
         return "#85CB68";
-      } else if (value >= scale.value[1]) {
+      } else if (props.reverseColors ? value <= scale.value[8] : value >= scale.value[1]) {
         return "#BDDD51";
-      } else if (value >= scale.value[0]) {
+      } else if (props.reverseColors ? value > scale.value[8] : value >= scale.value[0]) {
         return "#F9E855";
       }
     }
@@ -176,10 +180,14 @@ export default defineComponent({
     }
     function setupScale() {
       minimalValue.value = Math.floor(
-        Math.min(...props.data.map((x) => x.value))
+        Math.min(
+          ...props.data.filter((f) => f.value !== null).map((x) => x.value)
+        )
       );
       maximalValue.value = Math.ceil(
-        Math.max(...props.data.map((x) => x.value))
+        Math.max(
+          ...props.data.filter((f) => f.value !== null).map((x) => x.value)
+        )
       );
       const step = (maximalValue.value - minimalValue.value) / 10;
       if (minimalValue.value !== null) {
@@ -253,5 +261,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.map{margin-top:24px;width:100%}.p24{padding:24px}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .2s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855);height:10px;transform:rotate(180deg)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.p-24{padding:0 24px}
+.map{margin-top:24px;width:100%}.p24{padding:24px}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .2s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855);height:10px;transform:rotate(180deg)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.p-24{padding:0 24px}.reverse_scale{background:linear-gradient(45deg,#f9e855,#bddd51,#85cb68,#5fb57e,#4c9c8a,#43808c,#3f668a,#404a85,#432974,#3f1151);height:10px;transform:rotate(180deg)}
 </style>

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

@@ -34,6 +34,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         required: false;
     };
+    reverseColors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
     handleHover: (region: RegionsKr) => void;
@@ -86,6 +90,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         required: false;
     };
+    reverseColors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -95,6 +103,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: string | null;
     haveCustomTitle: string | null;
     uniqueID: string | null;
+    reverseColors: boolean;
 }, {}, {
     oneRegionKr: any;
     ArgSourceContainer: any;

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

@@ -124,8 +124,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     fuzzyThreshold: number;
     loadingSuggs: boolean;
     highlightInput: boolean;
-    defaultValue: string;
     searchBarId: string;
+    defaultValue: string;
 }, {}, {
     argIcon: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/argSubMenu.vue

@@ -44,9 +44,10 @@ import {
 } from "vue";
 import argIcon from "./argIcon.vue";
 import argTooltip from "./argTooltip.vue";
+import argFlag from "./argFlag.vue";
 export default defineComponent({
   name: "argSubMenu",
-  components: { argIcon, argTooltip },
+  components: { argIcon, argTooltip, argFlag },
   props: {
     label: { type: String, required: true },
     icon: { type: String, default: null },

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

@@ -50,5 +50,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {
     argIcon: any;
     argTooltip: any;
+    argFlag: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/argTipsBox.vue

@@ -23,7 +23,7 @@
           :class="['action-icon', showMore ? 'icon-rotate' : '']"
         />
         <p>
-          {{ showMore ? langData?.more : langData?.hide }}
+          {{ showMore ? langData?.hide : langData?.more }}
         </p>
       </div>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.134",
+  "version": "0.2.136",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "@vueuse/integrations": "^10.11.1",
     "apexcharts": "^3.54.1",
     "fuse.js": "^6.6.2",
-    "posthog-js": "^1.215.2",
+    "posthog-js": "^1.222.0",
     "save": "^2.9.0",
     "vue-apexcharts": "^1.7.0",
     "vue-svg-map": "^1.2.0",
@@ -52,8 +52,8 @@
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.15.4",
-    "@types/node": "^18.19.75",
+    "@nuxt/test-utils": "^3.17.0",
+    "@types/node": "^18.19.76",
     "changelogen": "^0.5.7",
     "eslint": "^8.57.1",
     "nuxt": "^3.15.4",