@tekkare/auriga 0.2.145 → 0.2.147

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.145"
+  "version": "0.2.147"
 }

package/dist/runtime/components/argExportXLSX.vue

@@ -139,6 +139,10 @@ export default defineComponent({
       type: String,
       default: null
     },
+    posthogProperties: {
+      type: Object,
+      default: null
+    },
     cut: {
       type: Boolean,
       default: false
@@ -155,13 +159,10 @@ export default defineComponent({
         }
       );
       await props.beforeExport();
-      if (props.posthogHost !== null && props.posthogKey !== null) {
-        const eventName = "Download Excel";
-        const eventProps = {
-          title: `${props.exportName}-from_${currentDate}`
-        };
+      if (props.posthogHost !== null && props.posthogKey !== null && props.posthogProperties !== null) {
+        const eventName = "downloadExcel";
         try {
-          posthog.capture(eventName, eventProps);
+          posthog.capture(eventName, props.posthogProperties);
         } catch (error) {
           console.warn(
             "PostHog not initialized or event capture failed.",

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

@@ -16,6 +16,13 @@ interface Tab {
     schema: columnSchem[];
 }
 type Tabs = Tab[];
+type exportPosthog = {
+    appName: string;
+    resourceName: string;
+    eventType: "download";
+    resourceCountries: string[];
+    global: boolean;
+};
 interface Source {
     name: string;
     date: string | Date;
@@ -80,6 +87,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    posthogProperties: {
+        type: PropType<exportPosthog>;
+        default: null;
+    };
     cut: {
         type: BooleanConstructor;
         default: boolean;
@@ -147,6 +158,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    posthogProperties: {
+        type: PropType<exportPosthog>;
+        default: null;
+    };
     cut: {
         type: BooleanConstructor;
         default: boolean;
@@ -164,6 +179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     exportName: string;
     limit: number;
     actualAmount: number;
+    posthogProperties: exportPosthog;
 }, {}, {
     argBtn: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/argFilterCard.vue

@@ -80,6 +80,8 @@ export default defineComponent({
   setup(props, { emit }) {
     const filtersOpen = ref(null);
     const scrollPosition = ref(0);
+    const lastScrollY = ref(0);
+    const isUserScrolling = ref(false);
     const langData = ref(null);
     async function setLang() {
       const jsonFiles = import.meta.glob("./locales/*.json");
@@ -92,6 +94,9 @@ export default defineComponent({
     }
     onBeforeMount(async () => {
       setLang();
+      if (window.scrollY === 0) {
+        filtersOpen.value = true;
+      }
     });
     watch(
       () => props.lang,
@@ -100,15 +105,20 @@ export default defineComponent({
       }
     );
     function openFromScroll() {
-      if (window.scrollY === 0) {
-        filtersOpen.value = true;
-        scrollPosition.value = scrollY;
+      const currentScrollY = window.scrollY;
+      if (currentScrollY === 0) {
+        if (!isUserScrolling.value) {
+          return;
+        } else {
+          filtersOpen.value = true;
+          lastScrollY.value = currentScrollY;
+        }
       } else {
         const filters = document.getElementById("arg_filters_section");
         if (filters) {
-          if (window.scrollY > scrollPosition.value + filters.offsetHeight) {
+          if (window.scrollY > lastScrollY.value + filters.offsetHeight) {
             filtersOpen.value = false;
-            scrollPosition.value = window.scrollY;
+            lastScrollY.value = currentScrollY;
           }
         }
       }
@@ -144,6 +154,7 @@ export default defineComponent({
       const config = { attributes: true, childList: true };
       const callback = function() {
         adjustFilterPosition();
+        isUserScrolling.value = false;
       };
       const observer = new MutationObserver(callback);
       if (fixedHeader !== null) {
@@ -166,6 +177,13 @@ export default defineComponent({
     function save() {
       emit("saveScope");
     }
+    onMounted(() => {
+      window.addEventListener("scroll", () => {
+        if (window.scrollY !== lastScrollY.value) {
+          isUserScrolling.value = true;
+        }
+      });
+    });
     return {
       filtersOpen,
       clear,
@@ -176,7 +194,6 @@ export default defineComponent({
   }
 });
 </script>
-
 <style scoped>
 .oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;max-width:1032px;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2176ff)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
 </style>

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -61,6 +61,7 @@
                 :to="subLink.to"
                 :icon="subLink.icon"
                 :new-tab="subLink.newTab === undefined ? true : subLink.newTab"
+                @clickLink="sendPosthog"
               />
             </arg-sub-menu>
             <arg-line-break
@@ -75,6 +76,7 @@
             :to="item.linkUrl"
             :icon="item.linkIcon"
             :new-tab="item.newTab === undefined ? true : item.newTab"
+            @clickLink="sendPosthog"
           />
         </div>
       </div>
@@ -84,6 +86,7 @@
 </template>
 
 <script>
+import posthog from "posthog-js";
 import {
   ref,
   watch,
@@ -116,6 +119,22 @@ export default defineComponent({
     extraDescription: {
       type: Boolean,
       default: false
+    },
+    posthogKey: {
+      type: String,
+      default: null
+    },
+    posthogHost: {
+      type: String,
+      default: null
+    },
+    posthogProperties: {
+      type: Object,
+      default: null
+    },
+    eventName: {
+      type: String,
+      default: null
     }
   },
   setup(props) {
@@ -129,6 +148,23 @@ export default defineComponent({
         }
       }
     }
+    const sendPosthog = (linkProp) => {
+      if (props.posthogHost !== null && props.posthogKey !== null && props.posthogProperties !== null && props.eventName !== null) {
+        const properties = {
+          appName: props.posthogProperties.appName,
+          resourceName: `${props.posthogProperties.resourceName} - ${linkProp.label}`,
+          eventType: "click"
+        };
+        try {
+          posthog.capture(props.eventName, properties);
+        } catch (error) {
+          console.warn(
+            "PostHog not initialized or event capture failed.",
+            error
+          );
+        }
+      }
+    };
     onBeforeMount(async () => {
       setLang();
     });
@@ -138,7 +174,7 @@ export default defineComponent({
         setLang();
       }
     );
-    return { langData };
+    return { langData, sendPosthog };
   }
 });
 </script>

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

@@ -1,3 +1,8 @@
+import type { PropType } from "vue";
+type exportPosthog = {
+    appName: string;
+    resourceName: string;
+};
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     selected: {
         type: ObjectConstructor;
@@ -16,8 +21,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogProperties: {
+        type: PropType<exportPosthog>;
+        default: null;
+    };
+    eventName: {
+        type: StringConstructor;
+        default: null;
+    };
 }>, {
     langData: import("vue").Ref<any, any>;
+    sendPosthog: (linkProp: any) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     selected: {
         type: ObjectConstructor;
@@ -36,11 +58,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    posthogKey: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogHost: {
+        type: StringConstructor;
+        default: null;
+    };
+    posthogProperties: {
+        type: PropType<exportPosthog>;
+        default: null;
+    };
+    eventName: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & Readonly<{}>, {
     lang: string;
+    posthogKey: string;
+    posthogHost: string;
+    posthogProperties: exportPosthog;
     selected: Record<string, any>;
     lineBreak: boolean;
     extraDescription: boolean;
+    eventName: string;
 }, {}, {
     argIcon: any;
     argFlag: any;

package/dist/runtime/components/argMenuItem.vue

@@ -5,6 +5,7 @@
     activeClass="is-active"
     :target="newTab ? '_blank' : '_self'"
     :class="loading ? 'loading' : ''"
+    @click="emitPosthog"
   >
     <span v-if="loading" class="loader" />
     <arg-tooltip
@@ -67,6 +68,15 @@ export default defineComponent({
     label: { type: String, required: true },
     newTab: { type: Boolean || void 0, default: false },
     loading: { type: Boolean, default: false }
+  },
+  emits: ["clickLink"],
+  setup(props, { emit }) {
+    const emitPosthog = () => {
+      emit("clickLink", { label: props.label, to: props.to });
+    };
+    return {
+      emitPosthog
+    };
   }
 });
 </script>

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

@@ -28,7 +28,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    emitPosthog: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickLink"[], "clickLink", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: StringConstructor;
         required: true;
@@ -58,7 +60,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onClickLink?: ((...args: any[]) => any) | undefined;
+}>, {
     loading: boolean;
     newTab: boolean;
 }, {}, {

package/package.json

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