@tekkare/auriga 0.1.28 → 0.1.29

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.28"
+  "version": "0.1.29"
 }

package/dist/runtime/components/argActions.vue

@@ -5,24 +5,34 @@
       class="cancel_action"
       @click="sendAction()"
     >
-      <slot v-if="customize" />
+      <slot v-if="customize" name="custom" />
       <span v-else>{{ getActionText }}</span>
     </div>
     <arg-text-btn
-      v-else-if="actionType === 'download' || actionType === 'see-analysis'"
+      v-else-if="actionType === 'see-analysis'"
       :disable="disable"
       @onClick="sendAction()"
     >
-      <slot v-if="customize" />
+      <slot v-if="customize" name="custom" />
       <span v-else>{{ getActionText }}</span>
     </arg-text-btn>
     <arg-btn
-      v-else-if="actionType === 'scope' || actionType === 'save-analysis'"
-      :btn-style="disable ? 'disable' : 'primary-fill'"
+      v-else-if="
+        actionType === 'scope' ||
+        actionType === 'save-analysis' ||
+        actionType === 'download'
+      "
+      :btn-style="
+        disable
+          ? 'disable'
+          : actionType === 'download'
+          ? 'primary-stroke'
+          : 'primary-fill'
+      "
       :round="actionType === 'save-analysis'"
       @onClick="sendAction()"
     >
-      <slot v-if="customize" />
+      <slot v-if="customize" name="custom" />
       <span v-else>{{ getActionText }}</span>
     </arg-btn>
   </div>
@@ -59,7 +69,7 @@ export default defineComponent({
       }
     }
   },
-  emits: ["onClickAction"],
+  emits: ["onAction"],
   setup(props, { emit }) {
     const getActionText = computed(() => {
       let finalText = "";
@@ -85,7 +95,7 @@ export default defineComponent({
       return finalText;
     });
     function sendAction() {
-      emit("onClickAction");
+      emit("onAction");
     }
     return {
       getActionText,

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     getActionText: import("vue").ComputedRef<string>;
     sendAction: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClickAction"[], "onClickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onAction"[], "onAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     actionType: {
         type: StringConstructor;
         required: true;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
 }>> & {
-    onOnClickAction?: ((...args: any[]) => any) | undefined;
+    onOnAction?: ((...args: any[]) => any) | undefined;
 }, {
     customize: boolean;
     disable: boolean;

package/dist/runtime/components/argBtn.vue

@@ -1,5 +1,7 @@
 <template>
-  <div :class="fullWidth ? 'full_width' : ''">
+  <div
+    :class="[fullWidth ? 'full_width' : 'fit_width', `oip_${btnStyle}_shadow`]"
+  >
     <span
       v-if="onlyIcon === false"
       :class="
@@ -65,7 +67,7 @@ export default defineComponent({
   components: { argIcon },
   props: {
     btnStyle: { type: String, default: "primary" },
-    becomeSmall: { type: Boolean, default: true },
+    becomeSmall: { type: Boolean, default: false },
     icon: { type: String, default: "Spinner" },
     onlyIcon: { type: Boolean, default: false },
     prefixIcon: { type: String, default: null },
@@ -127,4 +129,7 @@ export default defineComponent({
 .full_width {
   width: 100%;
 }
+.fit_width {
+  width: fit-content;
+}
 </style>

package/dist/runtime/components/argChart.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="prmt_chart" :class="`${type}_arg_chart`">
-    <h1 class="prmt_chart_title"><slot name="title" /></h1>
-    <div class="prmt_chart_source"><slot name="source" /></div>
+    <!--<h1 class="prmt_chart_title"><slot name="title" /></h1>
+    <div class="prmt_chart_source"><slot name="source" /></div>-->
     <apexchart
       :type="chartType"
       :options="chartOptions"
@@ -113,7 +113,35 @@ export default defineComponent({
         redrawOnParentResize: true,
         redrawOnWindowResize: true
       };
-      props.options["title"] = { align: "center" };
+      props.options["title"] = {
+        text: "My Chart",
+        align: "left",
+        margin: 0,
+        offsetX: -10,
+        offsetY: 0,
+        floating: false,
+        style: {
+          fontSize: "18px",
+          fontWeight: "bold",
+          fontFamily: "Figtree, sans-serif",
+          color: "#263238",
+          lineHeight: "21px"
+        }
+      };
+      props.options["subtitle"] = {
+        text: "My source",
+        align: "left",
+        margin: 0,
+        offsetX: -10,
+        offsetY: 24,
+        floating: false,
+        style: {
+          fontSize: "12px",
+          fontWeight: "normal",
+          fontFamily: "Figtree, sans-serif",
+          color: "#2176ff"
+        }
+      };
       if (props.colors) {
         props.options["colors"] = props.colors;
       }

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -7,6 +7,7 @@
           v-for="(block, index) in globalBlocks"
           :key="index"
           class="oip_card block_card"
+          :class="selectedBlock?.title === block.title ? 'block_selected' : ''"
           @click="selectBlock(block)"
         >
           <slot v-if="customizeBlocks" name="custom" v-bind:block="block" />

package/dist/runtime/components/argScopeHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="arg_scope_header">
     <div class="oip_row v-center gap-16">
-      <arg-actions :lang="lang" action-type="cancel" @onCancel="goBack()" />
+      <arg-actions :lang="lang" action-type="cancel" @onAction="goBack()" />
       <h1 class="scope_title">{{ scopeTitle }}</h1>
     </div>
     <div class="oip_row v-center gap-16">

package/dist/runtime/components/argScopeManage.vue

@@ -0,0 +1,248 @@
+<template>
+  <div>
+    <div class="arg_scope_manage">
+      <div class="arg_scope_manage_modal">
+        <div class="arg_scope_manage_header">
+          <h1>
+            {{ lang === "fr" ? "Gérer mes scopes" : "Manage my scopes" }}
+          </h1>
+          <div class="cursor-pointer" @click="closeManageScope()">
+            <arg-icon name="X" size="16" color="var(--cool-grey)" />
+          </div>
+        </div>
+        <div class="arg_manage_scope_body">
+          <div
+            v-for="(scope, index) in scopes"
+            :key="index"
+            class="oip_card scope_card"
+          >
+            <div class="arg_manage_scope_general">
+              <div class="oip_row v-center space-between full-width">
+                <h2 class="oip_subtitle">{{ scope.title }}</h2>
+                <arg-text-btn
+                  text-style="warning"
+                  @onClick="deleteScope(scope)"
+                  >{{ lang === "fr" ? "Supprimer" : "Delete" }}</arg-text-btn
+                >
+              </div>
+              <p class="oip_body">{{ scope.description }}</p>
+              <p class="oip_filter_label">
+                {{ lang === "fr" ? "Créé le " : "Created the " }}
+                <span
+                  ><arg-date
+                    class="oip_filter_label"
+                    :raw-date="scope.createdAt"
+                  />
+                </span>
+              </p>
+            </div>
+
+            <div class="arg_scope_manage_criteria">
+              <p class="scope_criteria_title">Criteria:</p>
+              <div class="oip_row v-center gap-8 wrap">
+                <arg-tags
+                  v-for="(criteria, critIndex) in showAllProps === index
+                    ? getScopeCriteria(scope)
+                    : getScopeCriteria(scope).slice(0, 6)"
+                  set-style="gray"
+                  :key="critIndex"
+                  >{{ criteria }}</arg-tags
+                >
+                <arg-text-btn
+                  v-if="
+                    getScopeCriteria(scope).length > 6 && showAllProps !== index
+                  "
+                  @onClick="
+                    showAllProps === index
+                      ? (showAllProps = null)
+                      : (showAllProps = index)
+                  "
+                >
+                  +{{ getScopeCriteria(scope).length - 6 }}
+                </arg-text-btn>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="arg_scope_manage_footer">
+          <arg-btn
+            class="footer_btn"
+            :become-small="false"
+            full-width
+            btn-style="secondary-stroke"
+            @onClick="closeManageScope"
+            >{{ lang === "fr" ? "Fermer" : "Close" }}</arg-btn
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref, defineComponent } from "vue";
+import argBtn from "./argBtn.vue";
+import argDate from "./argDate.vue";
+import argIcon from "./argIcon.vue";
+import argTextBtn from "./argTextBtn.vue";
+export default defineComponent({
+  name: "argScopeManage",
+  components: { argBtn, argIcon, argTextBtn, argDate },
+  props: {
+    scopes: {
+      type: Array,
+      required: true
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: ["onDelete", "onClose"],
+  setup(props, { emit }) {
+    const showAllProps = ref(null);
+    function getScopeCriteria(scope) {
+      const allCriteria = [];
+      const scopeCriteria = JSON.parse(scope.criteria);
+      for (let i = 0; i < scopeCriteria.length; i++) {
+        for (let j = 0; j < scopeCriteria[i].values.length; j++) {
+          allCriteria.push(scopeCriteria[i].values[j]);
+        }
+      }
+      return allCriteria;
+    }
+    function closeManageScope() {
+      emit("onClose");
+    }
+    function deleteScope(scope) {
+      emit("onDelete", scope);
+    }
+    return {
+      getScopeCriteria,
+      closeManageScope,
+      deleteScope,
+      showAllProps
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope_manage {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
+  background-color: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  height: 100%;
+}
+
+.arg_scope_manage_modal {
+  display: flex;
+  width: calc(100% - 164px);
+  max-width: 640px;
+  max-height: 670px;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-shrink: 0;
+  border-radius: 8px;
+  background: var(--pure-white);
+}
+
+.arg_scope_manage_header {
+  display: flex;
+  padding: 24px;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+  box-shadow: 0px 6px 8px 0px rgba(30, 41, 59, 0.1) !important;
+  z-index: 1;
+}
+
+.arg_scope_manage_footer {
+  display: flex;
+  padding: 24px;
+  gap: 32px;
+  align-items: center;
+  justify-content: center;
+  align-self: stretch;
+  box-shadow: 0px -6px 8px 0px rgba(30, 41, 59, 0.1);
+  z-index: 1;
+}
+
+.scope_card {
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  align-self: stretch;
+}
+
+.arg_scope_manage_header > h1 {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+
+.arg_manage_scope_body {
+  display: flex;
+  padding: 24px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  align-self: stretch;
+  background-color: var(--background);
+  z-index: 0;
+  max-height: 510px;
+  overflow-y: scroll;
+}
+
+.full-width {
+  align-self: stretch;
+}
+
+.footer_action .footer_btn {
+  width: calc(100% - 24px);
+  justify-content: center;
+  white-space: wrap;
+  text-align: center;
+}
+
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
+.oip_required_input,
+.oip_required_input:hover {
+  border-color: var(--system-alert) !important;
+}
+
+.oip_error {
+  color: var(--system-alert);
+}
+
+.arg_manage_scope_general,
+.arg_scope_manage_criteria {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+}
+
+.scope_criteria_title {
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    scopes: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    getScopeCriteria: (scope: any) => never[];
+    closeManageScope: () => void;
+    deleteScope: (scope: any) => void;
+    showAllProps: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onDelete")[], "onClose" | "onDelete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scopes: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onOnDelete?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeModal.vue

@@ -62,7 +62,7 @@
               <arg-tags
                 v-for="(criteria, index) in scopeCriteria"
                 :key="index"
-                set-style="light_grey"
+                set-style="gray"
                 >{{ criteria }}</arg-tags
               >
             </div>
@@ -73,7 +73,8 @@
             <arg-btn
               class="footer_btn"
               :become-small="false"
-              btn-style="skeleton"
+              full-width
+              btn-style="secondary-stroke"
               @onClick="closeSaveScope"
               >{{ lang === "fr" ? "Annuler" : "Cancel" }}</arg-btn
             >
@@ -82,7 +83,8 @@
             <arg-btn
               class="footer_btn"
               :become-small="false"
-              btn-style="primary"
+              btn-style="primary-fill"
+              full-width
               @onClick="saveScope"
               >{{
                 lang === "fr"
@@ -259,7 +261,7 @@ textarea::placeholder {
 }
 
 .footer_action .footer_btn {
-  width: calc(100% - 24px);
+  width: 100%;
   justify-content: center;
   white-space: wrap;
   text-align: center;

package/dist/runtime/components/argSimpleLabel.vue

@@ -19,6 +19,7 @@
 <script>
 import argIcon from "./argIcon.vue";
 import {
+  onMounted,
   defineComponent
 } from "vue";
 export default defineComponent({
@@ -31,6 +32,13 @@ export default defineComponent({
     },
     show_amount: { type: Boolean, default: false },
     amount_value: { type: Number, default: null }
+  },
+  setup() {
+    onMounted(() => {
+      CSS.paintWorklet.addModule(
+        "https://www.unpkg.com/css-houdini-squircle/squircle.min.js"
+      );
+    });
   }
 });
 </script>

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: null;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/runtime/components/argStyle.vue

@@ -3,10 +3,18 @@
 </template>
 <script>
 import {
+  onMounted,
   defineComponent
 } from "vue";
 export default defineComponent({
-  name: "argStyle"
+  name: "argStyle",
+  setup() {
+    onMounted(() => {
+      CSS.paintWorklet.addModule(
+        "https://www.unpkg.com/css-houdini-squircle/squircle.min.js"
+      );
+    });
+  }
 });
 </script>
 <style>
@@ -68,7 +76,10 @@ export default defineComponent({
   --overlay-shadow: 0px 0px 40px rgba(94, 92, 154, 0.12);
   --button-small-shadow: 3px 5px 20px rgba(94, 92, 154, 0.1);
   --button-big-shadow: 3px 5px 10px rgba(62, 63, 94, 0.2);
-  --primary-button-shadow: 4px 7px 12px rgba(33, 118, 255, 0.2);
+  --primary-button-shadow: 4px 7px 12px 0px rgba(33, 118, 255, 0.2);
+  --secondary-button-shadow: 4px 7px 12px 0px rgba(62, 63, 94, 0.2);
+  --warning-button-shadow: 4px 7px 12px 0px rgba(239, 68, 68, 0.2);
+  --success-button-shadow: 4px 7px 12px 0px rgba(34, 197, 94, 0.2);
   --accent-button-shadow: 4px 7px 12px rgba(255, 152, 26, 0.2);
 
   /*company colors*/
@@ -107,7 +118,7 @@ button {
 }
 .oip_container {
   margin: 0 auto;
-  padding: 0px 64px 0px 8px;
+  padding: 0px 64px 0px 32px;
   max-width: 1080px;
 }
 
@@ -305,6 +316,32 @@ button {
   font-size: 14px !important;
   line-height: 16px !important;
   width: fit-content;
+  mask-image: paint(squircle);
+  --squircle-radius: 8px;
+  --squircle-smooth: 1;
+}
+
+.oip_primary-fill_shadow {
+  box-shadow: var(--primary-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_secondary-fill_shadow {
+  box-shadow: var(--secondary-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_warning-fill_shadow {
+  box-shadow: var(--warning-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_success-fill_shadow {
+  box-shadow: var(--success-button-shadow) !important;
+  border-radius: 8px;
+}
+.oip_primary-fill_shadow:hover,
+.oip_secondary-fill_shadow:hover,
+.oip_warning-fill_shadow:hover,
+.oip_success-fill_shadow:hover {
+  box-shadow: none !important;
 }
 
 .oip_btn_s {
@@ -316,7 +353,7 @@ button {
 }
 
 .oip_full_btn {
-  width: calc(100% - 32px) !important;
+  width: calc(100% - 36px) !important;
 }
 
 .oip_round_btn {
@@ -326,7 +363,6 @@ button {
 .oip_primary-fill_button {
   background: var(--primary) !important;
   border: 2px solid var(--primary) !important;
-  box-shadow: var(--primary-button-shadow) !important;
   color: var(--pure-white) !important;
 }
 .oip_primary-fill_button .oip_button_spinner div {
@@ -454,11 +490,13 @@ button {
 }
 
 .oip_secondary-stroke_button:hover,
-.oip_secondary-stroke_button:focus {
+.oip_secondary-stroke_button:focus,
+.oip_secondary-stroke_icon_button:hover,
+.oip_secondary-stroke_icon_button:focus {
   background: rgba(62, 63, 94, 0.05) !important;
   border: 2px solid rgba(62, 63, 94, 0.2) !important;
   box-shadow: none !important;
-  color: var(--independence) !important;
+  color: #21223d !important;
 }
 
 .oip_secondary-stroke_button:hover .oip__button_prefix_icon,
@@ -481,16 +519,12 @@ button {
   padding: 0px 6px !important;
 }
 
-.oip_secondary-stroke_icon_button:hover,
-.oip_secondary-stroke_icon_button:focus {
-  border: 2px solid rgba(33, 118, 255, 0.2) !important;
-}
 .oip_secondary-stroke_icon_button:hover svg,
 .oip_secondary-stroke_icon_buttonn:focus svg,
 .oip_secondary-stroke_icon_button:hover svg,
 .oip_secondary-stroke_icon_button:focus svg {
-  stroke: var(--primary) !important;
-  color: var(--primary) !important;
+  stroke: #21223d !important;
+  color: #21223d !important;
 }
 
 .oip_primary-stroke_button {
@@ -505,7 +539,7 @@ button {
 .oip_primary-stroke_icon_button:hover,
 .oip_primary-stroke_icon_button:focus {
   background: rgba(33, 118, 255, 0.05) !important;
-  color: var(--) !important;
+  color: var(--primary-hover) !important;
 }
 .oip_primary-stroke_button .oip_button_spinner div,
 .oip_primary-stroke_icon_button .oip_button_spinner div {
@@ -529,7 +563,7 @@ button {
 .oip_warning-stroke_button:focus,
 .oip_warning-stroke_icon_button:hover,
 .oip_warning-stroke_icon_button:focus {
-  background: rgba(239, 68, 68, 0.2) !important;
+  background: rgba(239, 68, 68, 0.05) !important;
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
   color: var(--system-alert-hover) !important;
 }
@@ -604,8 +638,8 @@ button {
 .oip_success-fill_button:focus,
 .oip_success-fill_icon_button:hover,
 .oip_success-fill_icon_button:focus {
-  background: #2eb830 !important;
-  border: 2px solid #2eb830 !important;
+  background: #069a3d !important;
+  border: 2px solid #069a3d !important;
   box-shadow: none !important;
 }
 .oip_success-fill_button .oip_button_spinner div,
@@ -711,9 +745,11 @@ button {
   width: fit-content;
   font-family: "Figtree", sans-serif;
   display: inline-flex;
-  padding: 4px 8px;
   align-items: center;
   gap: 8px;
+  mask-image: paint(squircle);
+  --squircle-radius: 4px;
+  --squircle-smooth: 1;
 }
 .oip_tag > svg {
   cursor: pointer;
@@ -975,7 +1011,7 @@ button {
   gap: 10px;
   flex-wrap: wrap;
 }
-.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
+/*.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
   padding-left: 24px !important;
 }
 .arg_sub_menu .arg_sub_menu .auriga_menu_item {
@@ -983,7 +1019,7 @@ button {
 }
 .arg_sub_menu .auriga_menu_item {
   padding-left: 24px !important;
-}
+}*/
 
 .arg_tuto_content {
   display: flex;

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argSubMenu.vue

@@ -87,6 +87,9 @@ export default defineComponent({
 }
 .arg_sub_menu_content {
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .icon_sb,

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

@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     showToggle: import("vue").Ref<boolean>;
     showLine: import("vue").Ref<any>;
     openLine: (index: number) => void;
-    getTooltipDir: (index: number) => "bottom" | "left";
+    getTooltipDir: (index: number) => "left" | "bottom";
     getColumnTypes: () => void;
     isNA: (val: string) => boolean;
     sortDatas: (index: number) => void;

package/dist/runtime/components/argTutoModal.vue

@@ -4,7 +4,7 @@
   >
     <div v-show="openTuto" class="arg_tuto_modal">
       <div class="arg_tuto_header">
-        <arg-actions action-type="close" customize @onClose="closeTuto">
+        <arg-actions action-type="close" customize @onAction="closeTuto">
           <template #custom>
             <div class="oip_row v-center gap-6">
               <arg-icon name="X" size="20" />

package/package.json

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