@tekkare/auriga 0.1.38 → 0.1.40

package/dist/module.json

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

package/dist/runtime/components/argChart.vue

@@ -652,6 +652,7 @@ export default defineComponent({
   display: flex;
   align-items: center;
   height: 14px;
+  cursor: pointer;
 }
 .prmt_chart_source a {
   color: #2176ff;

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/argHomeSelectedBlock.vue

@@ -23,7 +23,31 @@
         </div>
         <p class="theme_descr">{{ selected.description }}</p>
       </div>
-      <slot name="links" />
+      <div>
+        <div v-for="(item, index) in selected.links" :key="index">
+          <arg-sub-menu
+            v-if="item.subLinks"
+            sidebar-open
+            :label="item.linkName"
+          >
+            <arg-menu-item
+              v-for="(subLink, subIndex) in item.subLinks"
+              :key="subIndex"
+              sidebar-open
+              :label="subLink.name"
+              :to="subLink.to"
+              :icon="subLink.icon"
+            />
+          </arg-sub-menu>
+          <arg-menu-item
+            v-else
+            sidebar-open
+            :label="item.linkName"
+            :to="item.linkUrl"
+            :icon="item.linkLogo"
+          />
+        </div>
+      </div>
     </div>
   </div>
 </template>

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/argNoSelectedScope.vue

@@ -136,7 +136,7 @@ export default defineComponent({
 .arg_no_scope_display {
   height: 100%;
   width: 100%;
-  margin-top: 80px;
+  margin: 80px 32px 0px 32px;
   display: flex;
   align-items: center;
   justify-content: center;

package/dist/runtime/components/argScopeCriteriaIndicator.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="criteria_section">
+    <p class="arg_scope_label">Scope applied:</p>
+    <p class="arg_scope">
+      {{ selected !== null ? selected : "Custom" }}
+    </p>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argScopeCriteriaIndicator",
+  props: {
+    selected: {
+      type: Object,
+      default: null
+    }
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  color: #525670;
+}
+
+.arg_scope_label {
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  color: #1e293b;
+}
+</style>

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

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    selected: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}>>, {
+    selected: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeModal.vue

@@ -219,6 +219,7 @@ export default defineComponent({
 .footer_action {
   width: 50%;
   flex: 1 1 0;
+  display: flex;
 }
 
 .arg_save_header > h1 {

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,11 +118,26 @@ button {
 }
 .oip_container {
   margin: 0 auto;
-  padding: 0px 64px 0px 32px;
+  padding-right: 58px;
   max-width: 1080px;
 }
 
 .arg_page_display {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 32px;
+  align-self: stretch;
+}
+.arg_page_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 32px;
+  align-self: stretch;
+  padding: 0px 24px;
+}
+.arg_scope_page_content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/runtime/components/argTipsBox.vue

@@ -90,6 +90,7 @@ export default defineComponent({
   font-weight: 400;
   line-height: 160%;
   transition: all ease 0.5s;
+  align-self: stretch;
 }
 
 .arg_tips_open {

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.40",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",