@tekkare/auriga 0.2.186 → 0.2.188

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.186"
+  "version": "0.2.188"
 }

package/dist/runtime/components/argHeaderTabs.vue

@@ -23,6 +23,10 @@
           v-for="(tab, index) in tabs"
           :key="index"
           :id="`headerTab${index + 1}`"
+          :class="{
+            active_header:
+              true_index_menu.toString() === (index + 1).toString(),
+          }"
         >
           <button
             class="header_one_tab"
@@ -157,8 +161,8 @@ export default defineComponent({
         if (elementRect.right > containerRect.right) {
           width = containerRect.right - elementRect.left;
         }
-        selector.style.width = `${width - leftOffset}px`;
-        selector.style.transform = `translateX(${element.offsetLeft + leftOffset - container.scrollLeft}px)`;
+        selector.style.width = `${width - leftOffset + 1}px`;
+        selector.style.transform = `translateX(${element.offsetLeft + leftOffset - container.scrollLeft - 1}px)`;
       }
     }
     function isPartiallyHidden(element, container) {
@@ -255,5 +259,5 @@ export default defineComponent({
 
 <!-- Custom navbar -->
 <style scoped>
-.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--darkest)}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}
+.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px;padding:8px 16px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;border-radius:8px;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;transition:background-color .3s;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--primary);font-weight:600}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}.active_header{background-color:#2176ff10;border-radius:8px 8px 0 0;color:var(--primary)!important;transition:background-color .3s}
 </style>

package/dist/runtime/components/argSidebar.vue

@@ -14,11 +14,7 @@
           : 'arg_sidebar_header_small',
       ]"
     >
-      <nuxt-link
-        v-if="homeLink !== null"
-        :to="homeLink"
-        class="arg_sidebar_home"
-      >
+      <div v-if="homeLink !== null" class="arg_sidebar_home" @click="goHome()">
         <arg-tooltip
           :tooltip-text="langData === null ? '' : langData?.home"
           :disable="sidebarOpen"
@@ -31,7 +27,7 @@
           <arg-icon name="House" color="var(--primary)" />
         </arg-tooltip>
         <span v-if="sidebarOpen"> {{ langData?.home }} </span>
-      </nuxt-link>
+      </div>
       <div class="sidebar_toggle" @click="toggleSidebar()">
         <arg-tooltip
           :tooltip-text="langData === null ? '' : langData?.open"
@@ -134,14 +130,20 @@ export default defineComponent({
       emit("update:Sidebar", !sidebarOpen.value);
       sidebarOpen.value = !sidebarOpen.value;
     }
+    function goHome() {
+      if (props.homeLink !== null) {
+        window.location.href = props.homeLink;
+      }
+    }
     return {
       sidebarOpen,
       toggleSidebar,
+      goHome,
       langData
     };
   }
 });
 </script>
 <style scoped>
-.arg_sidebar{align-items:flex-start;background:var(--lightest);border-right:1px solid var(--light,#ececf2);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100vh;left:0;padding:16px 8px;position:fixed;top:0;transition:all .3s ease;width:54px;z-index:98}.arg_sidebar_open{width:200px}.arg_sidebar_header_full{align-items:center;align-self:stretch;display:flex}.arg_sidebar_header_full.center{display:flex;justify-content:space-between}.arg_sidebar_header_full.end{display:flex;justify-content:flex-end}.arg_sidebar_header_small{align-items:center;display:flex;flex-direction:column;gap:var(--xxs,4px)}.arg_sidebar_home{background:var(--transparent);border-radius:4px;color:var(--primary);font-size:14px;font-weight:400;gap:6px;height:32px;line-height:160%;padding:6px}.arg_sidebar_home,.arg_sidebar_title{align-items:center;display:flex;font-style:normal}.arg_sidebar_title{align-self:stretch;flex-direction:row;font-size:20px;font-weight:900;gap:8px;line-height:normal;margin-bottom:16px;padding:0 8px}.arg_sidebar_body{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:space-between;width:100%}.arg_sidebar_content{display:flex;flex-direction:column;gap:8px;max-height:632px;overflow-y:scroll}.arg_sidebar_content::-webkit-scrollbar{height:5px;width:5px}.arg_sidebar_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.arg_sidebar_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sidebar_toggle{align-items:center;align-self:flex-end;background:transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px}.link_menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.arg_sidebar_home:hover,.sidebar_toggle:hover{background:var(--light,#ececf2)!important}
+.arg_sidebar{align-items:flex-start;background:var(--lightest);border-right:1px solid var(--light,#ececf2);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100vh;left:0;padding:16px 8px;position:fixed;top:0;transition:all .3s ease;width:54px;z-index:98}.arg_sidebar_open{width:200px}.arg_sidebar_header_full{align-items:center;align-self:stretch;display:flex}.arg_sidebar_header_full.center{display:flex;justify-content:space-between}.arg_sidebar_header_full.end{display:flex;justify-content:flex-end}.arg_sidebar_header_small{align-items:center;display:flex;flex-direction:column;gap:var(--xxs,4px)}.arg_sidebar_home{background:var(--transparent);border-radius:4px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:400;gap:6px;height:32px;line-height:160%;padding:6px}.arg_sidebar_home,.arg_sidebar_title{align-items:center;display:flex;font-style:normal}.arg_sidebar_title{align-self:stretch;flex-direction:row;font-size:20px;font-weight:900;gap:8px;line-height:normal;margin-bottom:16px;padding:0 8px}.arg_sidebar_body{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:space-between;width:100%}.arg_sidebar_content{display:flex;flex-direction:column;gap:8px;max-height:632px;overflow-y:scroll}.arg_sidebar_content::-webkit-scrollbar{height:5px;width:5px}.arg_sidebar_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.arg_sidebar_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sidebar_toggle{align-items:center;align-self:flex-end;background:transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px}.link_menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.arg_sidebar_home:hover,.sidebar_toggle:hover{background:var(--light,#ececf2)!important}
 </style>

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     sidebarOpen: import("vue").Ref<boolean, boolean>;
     toggleSidebar: () => void;
+    goHome: () => void;
     langData: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSidebarChange" | "update:Sidebar")[], "onSidebarChange" | "update:Sidebar", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {

package/package.json

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