@tekkare/auriga 0.1.9 → 0.1.10

package/dist/runtime/components/argMultipleSelect.vue

@@ -2,22 +2,33 @@
   <div>
     <arg-style />
     <!-- Simple select -->
-    <arg-simple-label
-      :disabled="disabled"
-      :show_amount="show_amount"
-      :amount_value="selected_items.length"
-      @click="changeDisplay()"
-      :class="isDisplay ? 'open' : ''"
-    >
-      <p :class="show_amount === true ? 'oip_crop big' : 'oip_crop small'">
-        {{
-          (nested && selected_nested.length > 0) ||
-          (!nested && selected_items.length > 0)
-            ? getAllSelect
-            : emptyMsg
-        }}
-      </p>
-    </arg-simple-label>
+    <div class="oip_select_display">
+      <p class="oip_filter_label">{{ multiple_label }}</p>
+      <arg-simple-label
+        :disabled="disabled"
+        :show_amount="show_amount"
+        :amount_value="selected_items.length"
+        @click="changeDisplay()"
+        :class="isDisplay ? 'open' : ''"
+      >
+        <p
+          :class="[
+            show_amount === true ? 'oip_crop big' : 'oip_crop small',
+            (nested && selected_nested.length > 0) ||
+            (!nested && selected_items.length > 0)
+              ? ''
+              : 'oip_empty_select',
+          ]"
+        >
+          {{
+            (nested && selected_nested.length > 0) ||
+            (!nested && selected_items.length > 0)
+              ? getAllSelect
+              : emptyMsg
+          }}
+        </p>
+      </arg-simple-label>
+    </div>
 
     <div
       :style="isDisplay === false ? 'display : none' : ''"
@@ -306,7 +317,8 @@ export default defineComponent({
     multiple_columns: { type: Boolean, default: false },
     options_disable: { type: Array, default: () => [] },
     show_amount: { type: Boolean, default: true },
-    emptyMsg: { type: String, default: "No selection" }
+    emptyMsg: { type: String, default: "No selection" },
+    multiple_label: { type: String, required: true }
   },
   emits: ["changeElement", "update:Selection", "changeInputValue", "onClose"],
   setup(props, { emit }) {

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

@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
     del_all: () => void;
     del_all_cat: (index: number) => void;
@@ -124,6 +128,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
     onChangeElement?: ((...args: any[]) => any) | undefined;

package/dist/runtime/components/argRadioButtons.vue

@@ -41,7 +41,7 @@ export default defineComponent({
     },
     returnValue: {
       type: Boolean,
-      default: false
+      default: true
     },
     dir: {
       type: String,
@@ -117,6 +117,7 @@ export default defineComponent({
 
 .radio_display {
   display: flex;
+  width: 100%;
 }
 
 .radio_row {

package/dist/runtime/components/argScopeCriteria.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="oip_card arg_scope_card">
+    <arg-filter-tabs
+      v-model:Tab="activeTab"
+      :tabs="lang === 'fr' ? frScopeTabs : scopeTabs"
+      return-value
+    />
+    <div v-show="activeTab === 'new'" class="arg_scope_new">
+      <div class="oip_row v-center gap-8">
+        <h1>{{ lang === "fr" ? "Critère scope" : "Scope criteria" }}</h1>
+        <slot name="filtersAmount" />
+      </div>
+      <div class="oip_row v-center gap-16 wrap">
+        <slot name="new" />
+      </div>
+    </div>
+    <div v-show="activeTab === 'saved'" class="arg_scope_save">
+      <div class="oip_row v-center gap-8">
+        <h1>
+          {{ lang === "fr" ? "Vos scopes enregistrés" : "Your saved scope" }}
+        </h1>
+        <slot name="scopeAmount" />
+      </div>
+      <slot name="saved" />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  defineComponent
+} from "vue";
+import argFilterTabs from "./argFilterTabs.vue";
+export default defineComponent({
+  name: "argScopeCriteria",
+  components: { argFilterTabs },
+  props: {
+    scopeTitle: {
+      type: String,
+      default: "My scope"
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  setup() {
+    const activeTab = ref("new");
+    const scopeTabs = [
+      { name: "New scope criteria", value: "new" },
+      { name: "Apply an existing scope", value: "saved" }
+    ];
+    const frScopeTabs = [
+      { name: "Nouveau crit\xE8re scope", value: "new" },
+      { name: "Appliquer un scope existant", value: "saved" }
+    ];
+    return { activeTab, scopeTabs, frScopeTabs };
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope_card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  width: calc(100% - 48px);
+}
+.arg_scope_new,
+.arg_scope_save {
+  display: flex;
+  align-items: flex-start;
+  align-content: flex-start;
+  flex-direction: column;
+  gap: 16px var(--m, 16px);
+  width: 100%;
+}
+
+.arg_scope_new h1,
+.arg_scope_save h1 {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    activeTab: import("vue").Ref<string>;
+    scopeTabs: {
+        name: string;
+        value: string;
+    }[];
+    frScopeTabs: {
+        name: string;
+        value: string;
+    }[];
+}, 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;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    lang: string;
+    scopeTitle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeHeader.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="arg_scope_header">
+    <div class="oip_row v-center gap-16">
+      <arg-actions :lang="lang" action-type="cancel" @onCancel="goBack()" />
+      <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()"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+import { useRouter } from "vue-router";
+import argActions from "./argActions.vue";
+export default defineComponent({
+  name: "argScopeHeader",
+  components: { argActions },
+  props: {
+    scopeTitle: {
+      type: String,
+      default: "My scope"
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: ["seeAnalysis", "saveAnalysis"],
+  setup(props, { emit }) {
+    const router = useRouter();
+    function goBack() {
+      router.back();
+    }
+    function seeAnalysis() {
+      emit("seeAnalysis");
+    }
+    function saveAnalysis() {
+      emit("saveAnalysis");
+    }
+    return {
+      router,
+      goBack,
+      seeAnalysis,
+      saveAnalysis
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope_header {
+  display: flex;
+  flex-direction: row;
+  padding: var(--l, 24px);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--m, 16px);
+
+  align-self: stretch;
+  border-radius: var(--None, 0px);
+
+  border-bottom: 1px solid var(--base-dividers, #ececf2);
+  background: rgba(253, 253, 255, 0.8);
+
+  backdrop-filter: blur(12px);
+}
+
+.scope_title {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    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<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onSeeAnalysis?: ((...args: any[]) => any) | undefined;
+    onSaveAnalysis?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+    scopeTitle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="arg_main_scope">
+    <slot name="header" />
+    <div class="arg_scope_layout_body">
+      <slot name="body" />
+    </div>
+    <argFooter />
+  </div>
+</template>
+<script>
+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 },
+  props: {
+    sidebarOpen: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    onMounted(() => {
+      adjustMarginForBody();
+      window.addEventListener("resize", adjustMarginForBody);
+    });
+    function adjustMarginForBody() {
+      const fixedHeader = document.getElementById("arg_header");
+      const bodyContent = document.getElementById("arg_main_layout_section");
+      const infoBar = document.getElementById("arg_info_section");
+      if (fixedHeader && bodyContent) {
+        const headerHeight = fixedHeader.offsetHeight;
+        bodyContent.style.marginTop = `${headerHeight}px`;
+      }
+      if (fixedHeader && infoBar) {
+        const headerHeight = fixedHeader.offsetHeight;
+        infoBar.style.top = `${headerHeight + 8}px`;
+      }
+    }
+  }
+});
+</script>
+<style>
+.arg_main_scope {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.arg_scope_layout_body {
+  min-height: calc(100vh - 77px);
+  padding: 8px;
+  max-width: 1088px;
+  min-width: 50%;
+  margin-top: 32px;
+}
+</style>

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

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

package/dist/runtime/components/argSidebar.vue

@@ -38,8 +38,9 @@
       </div>
     </div>
 
-    <h1 class="arg_sidebar_title">
-      <span v-show="sidebarOpen">{{ name }}</span>
+    <h1 v-show="sidebarOpen" class="arg_sidebar_title">
+      <span v-if="appIso"><arg-flag :iso="appIso" emoji /></span>
+      <span>{{ name }}</span>
     </h1>
     <div class="arg_sidebar_body">
       <div class="arg_sidebar_content">
@@ -61,12 +62,15 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 export default defineComponent({
   name: "argSidebar",
-  components: { argIcon, argStyle },
+  components: { argIcon },
   props: {
     name: { type: String, required: true },
+    appIso: {
+      type: String,
+      default: null
+    },
     lang: {
       type: String,
       default: "en",
@@ -151,10 +155,9 @@ export default defineComponent({
 }
 .arg_sidebar_title {
   display: flex;
+  flex-direction: row;
   padding: 0px 8px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   gap: 8px;
   align-self: stretch;
   font-size: 20px;

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    appIso: {
+        type: StringConstructor;
+        default: null;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -20,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    appIso: {
+        type: StringConstructor;
+        default: null;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -34,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:Sidebar"?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    appIso: string;
     homeLink: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSimpleLabel.vue

@@ -53,7 +53,7 @@ export default defineComponent({
 
 .oip_select_block {
   cursor: pointer;
-  width: 228px;
+  width: 222px;
   padding: 12px;
   display: flex;
   align-items: center;