@tekkare/auriga 0.2.145 → 0.2.146

package/dist/module.json

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

package/dist/runtime/components/argExportXLSX.vue

@@ -156,7 +156,7 @@ export default defineComponent({
       );
       await props.beforeExport();
       if (props.posthogHost !== null && props.posthogKey !== null) {
-        const eventName = "Download Excel";
+        const eventName = "downloadExcel";
         const eventProps = {
           title: `${props.exportName}-from_${currentDate}`
         };

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/package.json

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