@tekkare/auriga 0.2.216 → 0.2.218

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.2.216"
+  "version": "0.2.218"
 }

package/dist/runtime/components/argMapsFrRegionsToDepartements.vue

@@ -94,13 +94,13 @@
         width="auto"
         height="500"
         :style="{ top: mapPosition.y + 'px', left: mapPosition.x + 'px' }"
-        viewBox="0 0 1856 1502"
+        :viewBox="hideDromTom ? '200 0 1700 1500' : '0 0 1856 1502'"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         @click="handleSVGClick"
       >
         <oneRegionToDepartements
-          v-for="region in Regions"
+          v-for="region in filteredRegions"
           :key="region"
           :data="{
             color:
@@ -128,6 +128,7 @@
         />
       </svg>
       <svg
+        v-if="!hideDromTom"
         :class="
           clickedRegion !== null
             ? clickedRegion === Regions.NouvelleAquitaine
@@ -824,6 +825,15 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr"].includes(value);
       }
+    },
+    initialRegion: {
+      type: String,
+      default: null,
+      required: false
+    },
+    hideDromTom: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["openSource"],
@@ -857,6 +867,20 @@ export default defineComponent({
         setLang();
       }
     );
+    const dromTomRegions = [Regions.Reunion, Regions.Martinique, Regions.Guyane, Regions.Guadeloupe, Regions.Mayotte];
+    const filteredRegions = computed(() => {
+      const allRegions = Object.values(Regions);
+      if (props.hideDromTom) {
+        return allRegions.filter((r) => !dromTomRegions.includes(r));
+      }
+      return allRegions;
+    });
+    function resolveRegion(name) {
+      const normalize = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+      return Object.values(Regions).find(
+        (r) => normalize(r) === normalize(name)
+      ) || null;
+    }
     const RegionsData = computed(() => {
       const base = [];
       for (const region in Regions) {
@@ -872,36 +896,46 @@ export default defineComponent({
       return base;
     });
     function getMapPosition() {
+      const h = props.hideDromTom;
       switch (clickedRegion.value) {
         case Regions.AuvergneRhoneAlpes:
-          mapPosition.value = { x: -400, y: -200 };
+          mapPosition.value = h ? { x: -250, y: -200 } : { x: -400, y: -200 };
           break;
         case Regions.BourgogneFrancheComte:
-          mapPosition.value = { x: -400, y: 100 };
+          mapPosition.value = h ? { x: -300, y: 100 } : { x: -400, y: 100 };
           break;
         case Regions.Bretagne:
-          mapPosition.value = { x: 400, y: 200 };
+          mapPosition.value = h ? { x: 500, y: 200 } : { x: 400, y: 200 };
+          break;
+        case Regions.CentreValDeLoire:
+          mapPosition.value = h ? { x: 0, y: 150 } : { x: 0, y: 150 };
+          break;
+        case Regions.Corse:
+          mapPosition.value = h ? { x: -800, y: -650 } : { x: -800, y: -650 };
+          break;
+        case Regions.GrandEst:
+          mapPosition.value = h ? { x: -400, y: 350 } : { x: -400, y: 250 };
           break;
         case Regions.HautDeFrance:
-          mapPosition.value = { x: -50, y: 500 };
+          mapPosition.value = h ? { x: -50, y: 500 } : { x: -50, y: 500 };
           break;
         case Regions.IleDeFrance:
-          mapPosition.value = { x: -250, y: 550 };
+          mapPosition.value = h ? { x: -50, y: 500 } : { x: -250, y: 550 };
           break;
         case Regions.Normandie:
-          mapPosition.value = { x: 200, y: 400 };
+          mapPosition.value = h ? { x: 200, y: 400 } : { x: 100, y: 400 };
           break;
         case Regions.NouvelleAquitaine:
-          mapPosition.value = { x: 80, y: -180 };
+          mapPosition.value = h ? { x: 80, y: -180 } : { x: 80, y: -180 };
           break;
         case Regions.Occitanie:
-          mapPosition.value = { x: -50, y: -450 };
+          mapPosition.value = h ? { x: 0, y: -450 } : { x: -50, y: -350 };
           break;
         case Regions.PaysDeLaLoire:
-          mapPosition.value = { x: 200, y: 100 };
+          mapPosition.value = h ? { x: 300, y: 100 } : { x: 200, y: 100 };
           break;
         case Regions.ProvenceAlpesCoteDazur:
-          mapPosition.value = { x: -500, y: -400 };
+          mapPosition.value = h ? { x: -400, y: -400 } : { x: -500, y: -400 };
           break;
         case Regions.Guyane:
           mapPosition.value = { x: 800, y: 0 };
@@ -918,15 +952,6 @@ export default defineComponent({
         case Regions.Reunion:
           mapPosition.value = { x: 800, y: 700 };
           break;
-        case Regions.CentreValDeLoire:
-          mapPosition.value = { x: 0, y: 150 };
-          break;
-        case Regions.Corse:
-          mapPosition.value = { x: -800, y: -650 };
-          break;
-        case Regions.GrandEst:
-          mapPosition.value = { x: -500, y: 350 };
-          break;
         default:
           mapPosition.value = { x: 0, y: 0 };
           break;
@@ -1032,7 +1057,28 @@ export default defineComponent({
     onMounted(() => {
       setupScale();
       setUpDepartementScale();
+      if (props.initialRegion) {
+        const match = resolveRegion(props.initialRegion);
+        if (match) {
+          clickedRegion.value = match;
+          componentKey.value += 1;
+        }
+      }
     });
+    watch(
+      () => props.initialRegion,
+      (newVal) => {
+        if (newVal) {
+          const match = resolveRegion(newVal);
+          if (match) {
+            clickedRegion.value = match;
+            componentKey.value += 1;
+          }
+        } else {
+          clickedRegion.value = null;
+        }
+      }
+    );
     watch(
       () => props.data,
       () => {
@@ -1140,6 +1186,7 @@ export default defineComponent({
       mapPosition,
       componentKey,
       Regions,
+      filteredRegions,
       getColor,
       regionsPath,
       getReturnText,

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

@@ -34,6 +34,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         validator: (value: string) => boolean;
     };
+    initialRegion: {
+        type: PropType<string | null>;
+        default: null;
+        required: false;
+    };
+    hideDromTom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     dptScale: import("vue").Ref<number[], number[]>;
     scale: import("vue").Ref<number[], number[]>;
@@ -75,6 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     componentKey: import("vue").Ref<number, number>;
     Regions: typeof Regions;
+    filteredRegions: import("vue").ComputedRef<Regions[]>;
     getColor: (value?: number) => "var(--lightest)" | "#3F1151" | "#432974" | "#404A85" | "#3F668A" | "#43808C" | "#4C9C8A" | "#5FB57E" | "#85CB68" | "#BDDD51" | "#F9E855" | undefined;
     regionsPath: any;
     getReturnText: import("vue").ComputedRef<any>;
@@ -109,6 +119,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         validator: (value: string) => boolean;
     };
+    initialRegion: {
+        type: PropType<string | null>;
+        default: null;
+        required: false;
+    };
+    hideDromTom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOpenSource?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -117,7 +136,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     source: string;
     title: string;
     haveCustomTitle: boolean;
+    hideDromTom: boolean;
     withDynamicTitle: boolean;
+    initialRegion: string | null;
 }, {}, {
     oneRegionToDepartements: any;
     ArgSourceContainer: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.216",
+  "version": "0.2.218",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",