@tekkare/auriga 0.1.38 → 0.1.39

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.38"
+  "version": "0.1.39"
 }

package/dist/runtime/components/argFilterCard.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     class="oip_filter_card"
+    id="arg_filter_card"
     :class="filtersOpen ? 'filter_card' : 'filter_card_collapse'"
     @click="filtersOpen = !filtersOpen"
   >
@@ -39,6 +40,7 @@
 
 <script>
 import {
+  onMounted,
   ref,
   defineComponent
 } from "vue";
@@ -61,6 +63,14 @@ export default defineComponent({
   },
   emits: ["clearFilters", "saveScope"],
   setup(props, { emit }) {
+    onMounted(() => {
+      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);
     function clear() {
       emit("clearFilters");
@@ -90,7 +100,10 @@ export default defineComponent({
   transition: all ease 0.7s;
   cursor: pointer;
   z-index: 91;
-  width: calc(100% - 48px);
+  align-self: stretch;
+  position: sticky;
+  position: -webkit-sticky;
+  top: 0;
 }
 
 .filter_card {
@@ -103,6 +116,7 @@ export default defineComponent({
   max-height: 32px;
   overflow: hidden;
   background: rgba(245, 245, 249, 0.8);
+  backdrop-filter: blur(12px);
 }
 
 .full-width {

package/dist/runtime/components/argHeader.vue

@@ -19,7 +19,7 @@
       <slot name="group" />
     </div>
     <arg-header-tabs
-      v-if="tabs"
+      v-if="tabs !== null"
       :tabs="tabs"
       :index_menu="index_menu"
       @updateMenu="updateMenu"
@@ -31,17 +31,16 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 import argHeaderTabs from "./argHeaderTabs.vue";
 import { useRouter } from "vue-router";
 export default defineComponent({
   name: "argHeader",
-  components: { argIcon, argStyle, argHeaderTabs },
+  components: { argIcon, argHeaderTabs },
   props: {
     title: { type: String, required: true },
     backTo: { type: String, required: false },
     haveReturn: { type: Boolean, default: false },
-    tabs: { type: Array, required: false },
+    tabs: { type: Array, required: false, default: null },
     index_menu: { type: [String, Number], default: 1 },
     sidebarOpen: { type: Boolean, default: false }
   },
@@ -49,11 +48,7 @@ export default defineComponent({
   setup(props, { emit }) {
     const router = useRouter();
     function goBack() {
-      if (props.backTo) {
-        router.push(props.backTo);
-      } else {
-        router.back();
-      }
+      router.back();
     }
     function updateMenu(value) {
       emit("updateMenu", value);

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

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     tabs: {
         type: ArrayConstructor;
         required: false;
+        default: null;
     };
     index_menu: {
         type: (StringConstructor | NumberConstructor)[];
@@ -42,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     tabs: {
         type: ArrayConstructor;
         required: false;
+        default: null;
     };
     index_menu: {
         type: (StringConstructor | NumberConstructor)[];
@@ -55,6 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateMenu?: ((...args: any[]) => any) | undefined;
     "onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
 }, {
+    tabs: unknown[];
     index_menu: string | number;
     haveReturn: boolean;
     sidebarOpen: boolean;

package/dist/runtime/components/argHeaderTabs.vue

@@ -169,11 +169,11 @@ export default defineComponent({
   white-space: pre-line;
   overflow-wrap: break-word;
   vertical-align: middle;
+  cursor: pointer;
 }
 
-.header_one_tab:hover {
+.header_one_tab:not(.active):hover {
   color: var(--primary) !important;
-  cursor: pointer;
 }
 
 .header_one_tab.active {

package/dist/runtime/components/argIcon.vue

@@ -2154,3 +2154,8 @@ export default defineComponent({
   }
 });
 </script>
+<style>
+.phosphor-icon {
+  flex-shrink: 0 !important;
+}
+</style>

package/dist/runtime/components/argMainLayout.vue

@@ -32,6 +32,7 @@ export default defineComponent({
     onMounted(() => {
       adjustMarginForBody();
       window.addEventListener("resize", adjustMarginForBody);
+      window.addEventListener("click", adjustMarginForBody);
     });
     function adjustMarginForBody() {
       const fixedHeader = document.getElementById("arg_header");

package/dist/runtime/components/argSidebar.vue

@@ -6,7 +6,7 @@
         sidebarOpen ? 'arg_sidebar_header_full' : 'arg_sidebar_header_small'
       "
     >
-      <nuxt-link to="/" class="arg_sidebar_home">
+      <nuxt-link :to="homeLink" class="arg_sidebar_home">
         <arg-tooltip
           :tooltip-text="lang === 'en' ? 'Home' : 'Accueil'"
           :disable="sidebarOpen"

package/dist/runtime/components/argStyle.vue

@@ -118,7 +118,7 @@ button {
 }
 .oip_container {
   margin: 0 auto;
-  padding: 0px 64px 0px 32px;
+  padding-right: 62px;
   max-width: 1080px;
 }
 
@@ -127,7 +127,15 @@ button {
   flex-direction: column;
   align-items: flex-start;
   gap: 32px;
-  width: 100%;
+  align-self: stretch;
+}
+.arg_page_content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 32px;
+  align-self: stretch;
+  padding: 0px 24px;
 }
 
 .oip_filter_display {

package/dist/runtime/components/argTutoModal.vue

@@ -4,13 +4,15 @@
   >
     <div v-show="openTuto" class="arg_tuto_modal">
       <div class="arg_tuto_header">
-        <arg-actions action-type="close" customize @onAction="closeTuto">
-          <template>
-            <div class="oip_row v-center gap-6">
-              <arg-icon name="X" size="20" />
-              <p>Close</p>
-            </div>
-          </template>
+        <arg-actions
+          action-type="close"
+          :customize="true"
+          @onAction="closeTuto"
+        >
+          <div class="oip_row v-center gap-6">
+            <arg-icon name="X" size="20" />
+            <p>Close</p>
+          </div>
         </arg-actions>
 
         <h1>{{ title }}</h1>

package/package.json

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