@tekkare/auriga 0.2.124 → 0.2.126

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.124"
+  "version": "0.2.126"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -229,14 +229,16 @@
 <script>
 import {
   onMounted,
-  onUnmounted,
   ref,
   computed,
   watch,
-  defineComponent
+  defineComponent,
+  onBeforeUnmount
 } from "vue";
 import argIcon from "./argIcon.vue";
 import { useFuse } from "@vueuse/integrations/useFuse";
+import posthog from "posthog-js";
+import { useRoute } from "#app";
 export default defineComponent({
   name: "argAdvancedSearchBar",
   components: { argIcon },
@@ -275,6 +277,18 @@ export default defineComponent({
     highlightInput: {
       type: Boolean,
       default: false
+    },
+    posthogKey: {
+      type: String,
+      default: null
+    },
+    posthogHost: {
+      type: String,
+      default: null
+    },
+    appName: {
+      type: String,
+      default: null
     }
   },
   emits: ["update:Value", "onClose", "onTyping"],
@@ -402,7 +416,7 @@ export default defineComponent({
     });
     onMounted(() => {
       searchBar.value = document.getElementById("search_input_advanced");
-      searchBar.value.addEventListener("input", debounce(handleInput, 300));
+      searchBar.value?.addEventListener("input", debounce(handleInput, 300));
       tagsSection.value = document.getElementById("tags");
       if (props.customShortcuts.length > 0) {
         for (let i = 0; i < props.customShortcuts.length; i++) {
@@ -420,8 +434,8 @@ export default defineComponent({
         searchedWords.value = props.defaultInputs;
       }
     });
-    onUnmounted(() => {
-      searchBar.value.removeEventListener("input", debounce(handleInput, 300));
+    onBeforeUnmount(() => {
+      searchBar.value?.removeEventListener("input", debounce(handleInput, 300));
     });
     function shortcutColor(shortcut) {
       if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
@@ -475,6 +489,22 @@ export default defineComponent({
       if (!isDefault) {
         emit("update:Value", searchedWords.value);
       }
+      if (props.posthogHost !== null && props.posthogKey !== null && props.appName !== null) {
+        const eventName = "Search Input";
+        const eventProps = {
+          title: `${props.appName}_search`,
+          page: useRoute().path,
+          value: searchedWords.value
+        };
+        try {
+          posthog.capture(eventName, eventProps);
+        } catch (error) {
+          console.warn(
+            "PostHog not initialized or event capture failed.",
+            error
+          );
+        }
+      }
       searchBar.value.focus();
       resetSearch();
     }

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

@@ -100,6 +100,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
+    appName: {
+        type: StringConstructor;
+        default: null;
+    };
 }>, {
     close: () => void;
     changeDisplay: () => void;
@@ -266,6 +278,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
+    appName: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & Readonly<{
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
@@ -283,6 +307,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     fuzzyThreshold: number;
     loadingSuggs: boolean;
     highlightInput: boolean;
+    posthogKey: string;
+    posthogHost: string;
+    appName: string;
 }, {}, {
     argIcon: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -153,6 +153,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     lang: string;
+    posthogKey: string;
+    posthogHost: string;
     cut: boolean;
     style: string;
     subtitle: string;
@@ -162,8 +164,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     exportName: string;
     limit: number;
     actualAmount: number;
-    posthogKey: string;
-    posthogHost: string;
 }, {}, {
     argBtn: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/argNoSavedScope.vue

@@ -1,13 +1,29 @@
 <template>
   <div>
     <div class="no_scope_text">
-      <p>{{ noScopeText }}</p>
+      <p>
+        {{
+          isScenario
+            ? noScopeText?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : noScopeText
+        }}
+      </p>
       <ul>
         <li v-for="(step, index) in saveScopeSteps" :key="index">
-          {{ step }}
+          {{
+            isScenario
+              ? step?.replaceAll(RegExp("scope", "gi"), "scenario")
+              : step
+          }}
         </li>
       </ul>
-      <p>{{ noScopeEnd }}</p>
+      <p>
+        {{
+          isScenario
+            ? noScopeEnd?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : noScopeEnd
+        }}
+      </p>
     </div>
   </div>
 </template>
@@ -29,7 +45,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   setup(props) {
     const langData = ref(null);

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

@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     noScopeText: import("vue").ComputedRef<any>;
     saveScopeSteps: import("vue").ComputedRef<any[]>;
@@ -15,7 +19,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     lang: string;
+    isScenario: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -5,12 +5,20 @@
         <arg-icon name="CrosshairSimple" size="32" />
       </div>
       <div class="arg_no_scope_text">
-        {{ getNoScopeMsg }}
+        {{
+          isScenario
+            ? getNoScopeMsg?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : getNoScopeMsg
+        }}
       </div>
       <div v-if="scopeArray.length > 0" class="arg_scopes_select">
         <div class="oip_row v-center justify-between full_row">
           <p class="args_select_title">
-            {{ langData?.exists }}
+            {{
+              isScenario
+                ? langData?.exist?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.exist
+            }}
           </p>
           <slot name="manage" />
         </div>
@@ -27,7 +35,11 @@
         size="m"
         full-width
         @onClick="selectScope"
-        >{{ langData?.apply }}</arg-btn
+        >{{
+          isScenario
+            ? langData?.apply?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : langData?.apply
+        }}</arg-btn
       >
       <div
         v-if="scopeArray.length > 0"
@@ -42,7 +54,11 @@
         size="m"
         full-width
         @onClick="createNewScope"
-        >{{ langData?.new }}</arg-btn
+        >{{
+          isScenario
+            ? langData?.new?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : langData?.new
+        }}</arg-btn
       >
     </div>
   </div>
@@ -73,7 +89,8 @@ export default defineComponent({
     scopeArray: {
       type: Array,
       default: () => []
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onSelectScope", "update:Scope", "onCreateScope"],
   setup(props, { emit }) {

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ArrayConstructor;
         default: () => never[];
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getNoScopeMsg: import("vue").ComputedRef<any>;
     selectedScope: import("vue").Ref<any, any>;
@@ -24,12 +28,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ArrayConstructor;
         default: () => never[];
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnSelectScope?: ((...args: any[]) => any) | undefined;
     "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onOnCreateScope?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     scopeArray: unknown[];
 }, {}, {
     argIcon: any;

package/dist/runtime/components/argScopeChange.vue

@@ -22,7 +22,13 @@
             full-width
             @onClick="saveScope()"
             prefix-icon="BoxArrowDown"
-            >{{ saveMsg !== null ? saveMsg : langData?.save }}</arg-btn
+            >{{
+              saveMsg !== null
+                ? saveMsg
+                : isScenario
+                ? langData?.save?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.save
+            }}</arg-btn
           >
           <arg-btn
             v-if="createNew"
@@ -31,7 +37,11 @@
             full-width
             @onClick="newScope()"
             prefix-icon="PlusCircle"
-            >{{ langData?.new }}</arg-btn
+            >{{
+              isScenario
+                ? langData?.new?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.new
+            }}</arg-btn
           >
         </div>
         <div class="oip_scope_list">
@@ -117,6 +127,10 @@ export default defineComponent({
     customActions: {
       type: Boolean,
       default: false
+    },
+    isScenario: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["changeScope", "update:Scope", "onNewScope", "onSave"],
@@ -157,7 +171,9 @@ export default defineComponent({
       }
     );
     const getTitle = computed(() => {
-      if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
+      if (props.isScenario) {
+        return props.scopes.length === 0 ? "+ New scenario" : "Change scenario";
+      } else if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
         return langData.value?.change;
       } else
         return langData.value?.apply;

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

@@ -54,6 +54,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     isDisplay: import("vue").Ref<boolean, boolean>;
     closeDropdown: () => void;
@@ -120,6 +124,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onChangeScope?: ((...args: any[]) => any) | undefined;
@@ -128,6 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     lang: string;
     save: boolean;
+    isScenario: boolean;
     active_scope: Record<string, any>;
     custom_active: boolean;
     createNew: boolean;

package/dist/runtime/components/argScopeCriteria.vue

@@ -9,7 +9,7 @@
     <div v-show="activeTab === 'new'" class="arg_scope_new">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{ langData?.title }}
+          {{ isScenario ? "Scenario criteria" : langData?.title }}
         </h1>
         <slot name="filtersAmount" />
       </div>
@@ -20,7 +20,7 @@
     <div v-show="!onlyNew && activeTab === 'saved'" class="arg_scope_save">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{ langData?.saved }}
+          {{ isScenario ? "Your saved scenarios" : langData?.saved }}
         </h1>
         <slot name="scopeAmount" />
       </div>
@@ -49,7 +49,8 @@ export default defineComponent({
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
     },
-    onlyNew: { type: Boolean, default: false }
+    onlyNew: { type: Boolean, default: false },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["update:Criteria", "onChangeCriteria"],
   setup(props, { emit }) {
@@ -82,8 +83,14 @@ export default defineComponent({
     );
     const scopeTabs = computed(() => {
       return [
-        { name: langData.value?.tabs.new, value: "new" },
-        { name: langData.value?.tabs.saved, value: "saved" }
+        {
+          name: props.isScenario ? "New scenario criteria" : langData.value?.tabs.new,
+          value: "new"
+        },
+        {
+          name: props.isScenario ? "Apply an existing scenario" : langData.value?.tabs.saved,
+          value: "saved"
+        }
       ];
     });
     return { activeTab, scopeTabs, langData };

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     activeTab: import("vue").Ref<string, string>;
     scopeTabs: import("vue").ComputedRef<{
@@ -25,11 +29,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:Criteria"?: ((...args: any[]) => any) | undefined;
     onOnChangeCriteria?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     onlyNew: boolean;
 }, {}, {
     argFilterTabs: any;

package/dist/runtime/components/argScopeCriteriaIndicator.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="criteria_section">
     <p class="arg_scope_label">
-      {{ langData?.apply }}
+      {{ isScenario ? "Applied scenario" : langData?.apply }}
     </p>
     <p class="arg_scope">
       {{ selected !== null ? selected : langData?.custom }}
@@ -29,7 +29,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   setup(props) {
     const langData = ref(null);

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     langData: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -20,8 +24,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     lang: string;
     selected: string;
+    isScenario: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/argScopeHeader.vue

@@ -3,7 +3,13 @@
     <div class="oip_row v-center gap-16">
       <arg-actions :lang="lang" action-type="cancel" @onAction="goBack()" />
       <h1 class="scope_title">
-        {{ scopeTitle !== null ? scopeTitle : langData }}
+        {{
+          scopeTitle !== null
+            ? scopeTitle
+            : isScenario
+            ? "My scenarios"
+            : langData
+        }}
       </h1>
     </div>
     <div class="oip_row v-center gap-16">
@@ -29,6 +35,10 @@ export default defineComponent({
       type: String,
       default: null
     },
+    isScenario: {
+      type: Boolean,
+      default: false
+    },
     lang: {
       type: String,
       default: "en",

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -22,6 +26,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -34,6 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     lang: string;
+    isScenario: boolean;
     scopeTitle: string;
     cancelLink: string;
 }, {}, {

package/dist/runtime/components/argScopeManage.vue

@@ -4,7 +4,7 @@
       <div class="arg_scope_manage_modal">
         <div class="arg_scope_manage_header">
           <h1>
-            {{ langData?.title }}
+            {{ isScenario ? "Manage my scenarios" : langData?.title }}
           </h1>
           <div class="cursor-pointer" @click="closeManageScope()">
             <arg-icon name="X" size="16" color="var(--dark)" />
@@ -120,7 +120,8 @@ export default defineComponent({
     reloadingScopes: {
       type: Boolean,
       default: false
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onDelete", "onClose"],
   setup(props, { emit }) {

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getScopeCriteria: (scope: any) => any;
     closeManageScope: () => void;
@@ -32,11 +36,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnDelete?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     reloadingScopes: boolean;
 }, {}, {
     argBtn: any;

package/dist/runtime/components/argScopeModal.vue

@@ -4,7 +4,7 @@
       <div class="arg_save_modal">
         <div class="arg_save_header">
           <h1>
-            {{ langData?.title }}
+            {{ isScenario ? "Save my scenario" : langData?.title }}
           </h1>
           <div class="cursor-pointer" @click="closeSaveScope()">
             <arg-icon name="X" size="16" color="var(--dark)" />
@@ -76,7 +76,9 @@
               btn-style="primary-fill"
               full-width
               @onClick="saveScope"
-              >{{ langData?.save }}</arg-btn
+              >{{
+                isScenario ? "Save scenario and continue" : langData?.save
+              }}</arg-btn
             >
           </div>
         </div>
@@ -112,7 +114,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onClose", "onSave"],
   setup(props, { emit }) {

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

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     closeSaveScope: () => void;
     saveScope: () => void;
@@ -53,11 +57,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnSave?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
 }, {}, {
     argTags: any;
     argIcon: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.124",
+  "version": "0.2.126",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -30,7 +30,7 @@
     "patch": "nuxt-module-build && npm version patch && npm publish"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.14.1592",
+    "@nuxt/kit": "^3.15.3",
     "@svg-maps/france.departments": "^1.0.1",
     "@svg-maps/france.regions": "^1.1.1",
     "@svg-maps/usa": "^1.1.1",
@@ -39,7 +39,7 @@
     "@vueuse/integrations": "^10.11.1",
     "apexcharts": "^3.54.1",
     "fuse.js": "^6.6.2",
-    "posthog-js": "^1.194.4",
+    "posthog-js": "^1.210.2",
     "save": "^2.9.0",
     "vue-apexcharts": "^1.7.0",
     "vue-svg-map": "^1.2.0",
@@ -50,12 +50,12 @@
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.14.1592",
-    "@nuxt/test-utils": "^3.15.0",
-    "@types/node": "^18.19.67",
+    "@nuxt/schema": "^3.15.3",
+    "@nuxt/test-utils": "^3.15.4",
+    "@types/node": "^18.19.74",
     "changelogen": "^0.5.7",
     "eslint": "^8.57.1",
-    "nuxt": "^3.14.1592",
+    "nuxt": "^3.15.3",
     "vitest": "^0.34.6"
   },
   "author": "Tekkare"