@tekkare/auriga 0.1.11 → 0.1.13

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

@@ -88,10 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         FM: string;
         FR: string;
         GA: string;
-        'GB-ENG': string;
-        'GB-NIR': string;
-        'GB-SCT': string;
-        'GB-WLS': string;
+        "GB-ENG": string;
+        "GB-NIR": string;
+        "GB-SCT": string;
+        "GB-WLS": string;
         GB: string;
         GD: string;
         GE: string;

package/dist/runtime/components/argHeader.vue

@@ -73,7 +73,7 @@ export default defineComponent({
   padding: 24px 32px 12px;
   position: fixed;
   top: 0;
-  z-index: 99;
+  z-index: 95;
   border-bottom: 1px solid var(--base-dividers, #ececf2);
   background: transparent;
   width: 100%;

package/dist/runtime/components/argHybridChart.vue

@@ -79,8 +79,8 @@
   </div>
 </template>
 <script>
-import argBtn from "./argBtn";
-import argTooltip from "./argTooltip";
+import argBtn from "./argBtn.vue";
+import argTooltip from "./argTooltip.vue";
 import {
   onMounted,
   ref,

package/dist/runtime/components/argInfoBar.vue

@@ -110,66 +110,4 @@ export default defineComponent({
 .oip_info_item:hover {
   background: rgb(237, 237, 243, 65%);
 }
-
-.oip_info_close {
-  margin: 24px;
-  display: flex;
-  height: 32px;
-  padding: 6px 12px 6px 8px;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-  border-radius: var(--s, 8px);
-  background: var(--pure-white);
-}
-
-.oip_info_close:hover {
-  background: var(--dividers) !important;
-}
-
-.oip_info_section {
-  width: 0px;
-  transition: width ease 0.5s;
-  overflow-x: hidden;
-  height: 0px;
-}
-
-.oip_info_section_open {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  width: 620px;
-  height: 820px;
-}
-
-.oip_info_sidebar {
-  display: flex;
-  width: 160px;
-  padding: var(--l, 24px) var(--None, 0px);
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--m, 16px);
-  align-self: stretch;
-  border-radius: var(--None, 0px);
-
-  border-left: 1px solid var(--base-dividers, #ececf2);
-  background: var(--base-demi-fond, #f9f9fa);
-  backdrop-filter: blur(16px);
-}
-
-.open_container {
-  max-width: 750px !important;
-  height: 820px;
-}
-
-.oip_info_container {
-  display: inline-flex;
-  align-items: flex-start;
-  position: fixed;
-  right: 0;
-  top: 108px;
-  z-index: 999;
-  max-width: 0px;
-  transition: max-width ease 0.5px;
-}
 </style>

package/dist/runtime/components/argMainLayout.vue

@@ -1,14 +1,12 @@
 <template>
   <div :class="sidebarOpen ? 'arg_main_with_sidebar' : 'arg_main_no_sidebar'">
     <slot name="sidebar" />
-    <slot name="tuto" />
     <div class="arg_main_layout_body">
       <div class="arg_info" id="arg_info_section">
         <slot name="infoBar" />
         <slot name="infoSection" />
       </div>
       <div class="arg_main_layout_section" id="arg_main_layout_section">
-        <slot name="header" />
         <slot name="body" />
       </div>
       <argFooter />
@@ -20,12 +18,10 @@ import {
   onMounted,
   defineComponent
 } from "vue";
-import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 import argFooter from "./argFooter.vue";
 export default defineComponent({
   name: "argMainLayout",
-  components: { argIcon, argStyle, argFooter },
+  components: { argFooter },
   props: {
     sidebarOpen: {
       type: Boolean,
@@ -77,6 +73,6 @@ export default defineComponent({
 .arg_info {
   position: fixed;
   right: 8px;
-  z-index: 999;
+  z-index: 98;
 }
 </style>

package/dist/runtime/components/argMultipleSelect.vue

@@ -8,7 +8,7 @@
         :disabled="disabled"
         :show_amount="show_amount"
         :amount_value="selected_items.length"
-        @click="changeDisplay()"
+        @click.stop="changeDisplay()"
         :class="isDisplay ? 'open' : ''"
       >
         <p

package/dist/runtime/components/argNoSavedScope.vue

@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <div class="no_scope_text">
+      <p>{{ noScopeText[lang] }}</p>
+      <ul>
+        <li v-for="(step, index) in saveScopeSteps" :key="index">
+          {{ step[lang] }}
+        </li>
+      </ul>
+      <p>{{ noScopeEnd[lang] }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argNoSavedScope",
+  props: {
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  setup() {
+    const noScopeText = {
+      en: `You don't have Scopes saved yet. Here's how to create a new scope:`,
+      fr: `Vous n'avez pas encore de scope enregistr\xE9. Voici comment cr\xE9er un nouveau scope:`
+    };
+    const saveScopeSteps = [
+      {
+        en: `Switch to \u201CNew Scope Criteria\u201D`,
+        fr: `Choisissez l'onglet "Nouveau crit\xE8re scope"`
+      },
+      {
+        en: `Select all the criteria you need`,
+        fr: `S\xE9lectionnez les crit\xE8res dont vous avez besoin`
+      },
+      {
+        en: `Click on \u201CSave and continue\u201D at the top right of your screen`,
+        fr: `Cliquez sur "Sauvegarder et continuer" en haut \xE0 droite de votre \xE9cran`
+      },
+      {
+        en: `Fill the form with the information you need and click on \u201CSave scope and continue\u201D`,
+        fr: `Remplissez le formulaire avec vos informations et cliquez sur "Sauvegarder le scope et coninuer"`
+      }
+    ];
+    const noScopeEnd = {
+      en: `And that\u2019s it ! Your scope will be saved and you will be able to recover it next time you connect !`,
+      fr: `Et c'est tout ! Votre scope sera enregistr\xE9 et vous pourrez le retrouver lors de vos prochaines connexions !`
+    };
+    return {
+      noScopeText,
+      saveScopeSteps,
+      noScopeEnd
+    };
+  }
+});
+</script>
+
+<style scoped>
+.no_scope_text {
+  font-family: Figtree;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+}
+
+ul {
+  padding-inline-start: 14px !important;
+}
+
+li {
+  list-style: none;
+  font-size: 14px;
+}
+
+li:before {
+  content: "·    ";
+  vertical-align: middle;
+  font-size: 30px !important;
+  font-weight: 300 !important;
+}
+</style>

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    noScopeText: {
+        en: string;
+        fr: string;
+    };
+    saveScopeSteps: {
+        en: string;
+        fr: string;
+    }[];
+    noScopeEnd: {
+        en: string;
+        fr: string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    lang: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argNumberInput.vue

@@ -187,13 +187,13 @@ export default defineComponent({
   cursor: pointer;
 }
 .action_right {
-  top: -1px;
-  right: -1px;
+  top: -1.5px;
+  right: -1.5px;
 }
 
 .action_left {
-  top: -1px;
-  left: -1px;
+  top: -1.5px;
+  left: -1.5px;
 }
 
 .number_input_style {

package/dist/runtime/components/argScopeHeader.vue

@@ -5,16 +5,7 @@
       <h1 class="scope_title">{{ scopeTitle }}</h1>
     </div>
     <div class="oip_row v-center gap-16">
-      <arg-actions
-        :lang="lang"
-        action-type="see-analysis"
-        @onSeeAnalysis="seeAnalysis()"
-      />
-      <arg-actions
-        :lang="lang"
-        action-type="save-analysis"
-        @onSaveAnalysis="saveAnalysis()"
-      />
+      <slot name="actions" />
     </div>
   </div>
 </template>
@@ -33,6 +24,10 @@ export default defineComponent({
       type: String,
       default: "My scope"
     },
+    noSelection: {
+      type: Boolean,
+      default: true
+    },
     lang: {
       type: String,
       default: "en",
@@ -41,23 +36,14 @@ export default defineComponent({
       }
     }
   },
-  emits: ["seeAnalysis", "saveAnalysis"],
-  setup(props, { emit }) {
+  setup() {
     const router = useRouter();
     function goBack() {
       router.back();
     }
-    function seeAnalysis() {
-      emit("seeAnalysis");
-    }
-    function saveAnalysis() {
-      emit("saveAnalysis");
-    }
     return {
       router,
-      goBack,
-      seeAnalysis,
-      saveAnalysis
+      goBack
     };
   }
 });
@@ -71,13 +57,14 @@ export default defineComponent({
   align-items: center;
   justify-content: space-between;
   gap: var(--m, 16px);
-
+  position: fixed;
+  top: 0;
+  left: 0;
   align-self: stretch;
   border-radius: var(--None, 0px);
-
   border-bottom: 1px solid var(--base-dividers, #ececf2);
   background: rgba(253, 253, 255, 0.8);
-
+  width: calc(100% - 48px);
   backdrop-filter: blur(12px);
 }
 

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    noSelection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -11,23 +15,23 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     router: import("vue-router").Router;
     goBack: () => void;
-    seeAnalysis: () => void;
-    saveAnalysis: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("seeAnalysis" | "saveAnalysis")[], "seeAnalysis" | "saveAnalysis", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scopeTitle: {
         type: StringConstructor;
         default: string;
     };
+    noSelection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
-}>> & {
-    onSeeAnalysis?: ((...args: any[]) => any) | undefined;
-    onSaveAnalysis?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     lang: string;
     scopeTitle: string;
+    noSelection: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -4,7 +4,7 @@
     <div class="arg_scope_layout_body">
       <slot name="body" />
     </div>
-    <argFooter />
+    <argFooter class="full_width_footer" />
   </div>
 </template>
 <script>
@@ -16,7 +16,7 @@ import argIcon from "./argIcon.vue";
 import argStyle from "./argStyle.vue";
 import argFooter from "./argFooter.vue";
 export default defineComponent({
-  name: "argMainLayout",
+  name: "argScopeLayout",
   components: { argIcon, argStyle, argFooter },
   props: {
     sidebarOpen: {
@@ -53,9 +53,12 @@ export default defineComponent({
 }
 .arg_scope_layout_body {
   min-height: calc(100vh - 77px);
-  padding: 8px;
+  margin: 116px 32px 0px 32px;
   max-width: 1088px;
-  min-width: 50%;
-  margin-top: 32px;
+  width: calc(100% - 64px);
+}
+
+.full_width_footer {
+  width: calc(100% - 192px);
 }
 </style>

package/dist/runtime/components/argSearchInput.vue

@@ -23,6 +23,7 @@
 <script>
 import argIcon from "./argIcon.vue";
 import {
+  onMounted,
   ref,
   watch,
   defineComponent
@@ -35,23 +36,26 @@ export default defineComponent({
       type: String,
       default: "Search here..."
     },
-    value: {
+    defaultValue: {
       type: String,
-      default: "",
-      required: true
+      default: ""
     }
   },
   emits: ["update:Value", "submitSearch"],
   setup(props, { emit }) {
-    const searchValue = ref(props.value);
+    const searchValue = ref("");
+    onMounted(() => {
+      searchValue.value = props.defaultValue;
+    });
     watch(
-      () => props.value,
+      () => props.defaultValue,
       (new_value) => {
         searchValue.value = new_value;
       }
     );
     function changeInput(event) {
-      emit("update:Value", event.target.value);
+      searchValue.value = event.target.value;
+      emit("update:Value", searchValue.value);
     }
     function submitSearch() {
       emit("submitSearch");

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

@@ -3,14 +3,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    value: {
+    defaultValue: {
         type: StringConstructor;
         default: string;
-        required: true;
     };
 }, {
     searchValue: import("vue").Ref<string>;
-    changeInput: (event: Event) => void;
+    changeInput: (event: any) => void;
     submitSearch: () => void;
     clearValue: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch")[], "update:Value" | "submitSearch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -18,16 +17,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    value: {
+    defaultValue: {
         type: StringConstructor;
         default: string;
-        required: true;
     };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onSubmitSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string;
     placeHolderValue: string;
+    defaultValue: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSidebar.vue

@@ -62,9 +62,11 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
+import argFlag from "./argFlag.vue";
 export default defineComponent({
   name: "argSidebar",
-  components: { argIcon },
+  components: { argIcon, argTooltip, argFlag },
   props: {
     name: { type: String, required: true },
     appIso: {
@@ -119,7 +121,7 @@ export default defineComponent({
   background: var(--background);
   height: 100vh;
   position: fixed;
-  z-index: 100;
+  z-index: 98;
   transition: all ease 0.3s;
   left: 0;
   top: 0;

package/dist/runtime/components/argSimpleInput.vue

@@ -1,5 +1,6 @@
 <template>
-  <div>
+  <div class="oip_filter_display">
+    <p class="oip_filter_label">{{ inputLabel }}</p>
     <input
       class="oip_simple_input"
       :placeholder="placeholderValue"
@@ -32,6 +33,10 @@ export default defineComponent({
     defaultValue: {
       type: [String, Number],
       default: ""
+    },
+    inputLabel: {
+      type: String,
+      required: true
     }
   },
   emits: ["update:Value", "changeValue", "submitInput"],

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    inputLabel: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
     inputValue: import("vue").Ref<string | number>;
     changeInput: (event: any) => void;
@@ -28,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    inputLabel: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onChangeValue?: ((...args: any[]) => any) | undefined;

package/dist/runtime/components/argSourceContainer.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="arg_source_container">
+    <slot />
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argSourceContainer"
+});
+</script>
+
+<style scoped>
+.arg_source_container {
+  padding: 4px 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+  color: var(--primary);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  height: 14px;
+}
+</style>

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

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;