@tekkare/auriga 0.1.56 → 0.1.57

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.56"
+  "version": "0.1.57"
 }

package/dist/runtime/components/argFilterCard.vue

@@ -58,7 +58,9 @@
 import {
   onMounted,
   ref,
-  defineComponent
+  watch,
+  defineComponent,
+  onUpdated
 } from "vue";
 import argIcon from "./argIcon.vue";
 export default defineComponent({
@@ -66,6 +68,7 @@ export default defineComponent({
   components: { argIcon },
   props: {
     filters_amount: { type: Number, default: 0 },
+    isOpen: { type: Boolean, default: true },
     haveSaveScope: { type: Boolean, default: false },
     clearMsg: { type: String, default: null },
     saveScopeMsg: { type: String, default: null },
@@ -79,15 +82,40 @@ export default defineComponent({
   },
   emits: ["clearFilters", "saveScope"],
   setup(props, { emit }) {
+    const filtersOpen = ref(true);
     onMounted(() => {
+      adjustFilterPosition();
+      listenToHeaderChange();
+      filtersOpen.value = props.isOpen;
+    });
+    onUpdated(() => {
+      adjustFilterPosition();
+    });
+    function listenToHeaderChange() {
+      const fixedHeader = document.getElementById("arg_header");
+      const config = { attributes: true };
+      const callback = function() {
+        adjustFilterPosition();
+      };
+      const observer = new MutationObserver(callback);
+      if (fixedHeader !== null) {
+        observer.observe(fixedHeader, config);
+      }
+    }
+    function adjustFilterPosition() {
       const header = document.getElementById("arg_header");
       const filterCard = document.getElementById("arg_filter_card");
       if (header && filterCard) {
         const headerHeight = header.offsetHeight;
         filterCard.style.top = `${headerHeight + 8}px`;
       }
-    });
-    const filtersOpen = ref(true);
+    }
+    watch(
+      () => props.isOpen,
+      (new_is_open) => {
+        filtersOpen.value = new_is_open;
+      }
+    );
     function clear() {
       emit("clearFilters");
     }

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     haveSaveScope: {
         type: BooleanConstructor;
         default: boolean;
@@ -29,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     haveSaveScope: {
         type: BooleanConstructor;
         default: boolean;
@@ -52,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     lang: string;
     filters_amount: number;
+    isOpen: boolean;
     haveSaveScope: boolean;
     clearMsg: string;
     saveScopeMsg: string;

package/dist/runtime/components/argHomeHeader.vue

@@ -23,8 +23,10 @@
 import {
   defineComponent
 } from "vue";
+import argMenuLink from "./argMenuLink.vue";
 export default defineComponent({
   name: "argHomeHeader",
+  components: { argMenuLink },
   props: {
     homeTitle: {
       type: String,

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -57,9 +57,12 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argFlag from "./argFlag.vue";
+import argMenuItem from "./argMenuItem.vue";
+import argSubMenu from "./argSubMenu.vue";
 export default defineComponent({
   name: "argHomeSelectedBlock",
-  components: { argIcon },
+  components: { argIcon, argFlag, argMenuItem, argSubMenu },
   props: {
     selected: {
       type: Object,

package/dist/runtime/components/argMainLayout.vue

@@ -21,8 +21,6 @@
 <script>
 import {
   onMounted,
-  ref,
-  watch,
   defineComponent,
   onUpdated
 } from "vue";
@@ -42,22 +40,26 @@ export default defineComponent({
     }
   },
   setup() {
-    const arg_header = ref();
     onMounted(() => {
       adjustMarginForBody();
+      listenToHeaderChange();
       window.addEventListener("resize", adjustMarginForBody);
       window.addEventListener("popstate", adjustMarginForBody);
-      window.addEventListener("click", adjustMarginForBody);
     });
     onUpdated(() => {
       adjustMarginForBody();
     });
-    watch(
-      () => arg_header.value,
-      (new_header) => {
+    function listenToHeaderChange() {
+      const fixedHeader = document.getElementById("arg_header");
+      const config = { attributes: true };
+      const callback = function() {
         adjustMarginForBody();
+      };
+      const observer = new MutationObserver(callback);
+      if (fixedHeader !== null) {
+        observer.observe(fixedHeader, config);
       }
-    );
+    }
     function adjustMarginForBody() {
       const fixedHeader = document.getElementById("arg_header");
       const bodyContent = document.getElementById("arg_main_layout_section");

package/dist/runtime/components/argScopeManage.vue

@@ -90,9 +90,10 @@ import argDate from "./argDate.vue";
 import argIcon from "./argIcon.vue";
 import argTextBtn from "./argTextBtn.vue";
 import argDataLoader from "./argDataLoader.vue";
+import argTags from "./argTags.vue";
 export default defineComponent({
   name: "argScopeManage",
-  components: { argBtn, argIcon, argTextBtn, argDate, argDataLoader },
+  components: { argBtn, argIcon, argTextBtn, argDate, argDataLoader, argTags },
   props: {
     scopes: {
       type: Array,

package/dist/runtime/components/argStyle.vue

@@ -1065,4 +1065,10 @@ button {
   height: 100%;
   width: 100%;
 }
+.arg_home_page {
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  align-items: flex-start;
+}
 </style>

package/package.json

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