@tekkare/auriga 0.1.8 → 0.1.10

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

@@ -0,0 +1,151 @@
+declare const _default: import("vue").DefineComponent<{
+    element_table: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    nested: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filter_placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    show_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    default_select: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    preselection_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple_columns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options_disable: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    show_amount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple_label: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    del_all: () => void;
+    del_all_cat: (index: number) => void;
+    add_all_cat: (index: number) => void;
+    add_all: () => void;
+    del_nested_elements: (index: number, elem: string) => void;
+    add_nested_element: (index: number, elem: string) => void;
+    del_element: (element: string, index: number) => void;
+    add_element: (element: string, index: number) => void;
+    close: () => void;
+    changeDisplay: () => void;
+    selected_all_cats: (index: number) => boolean;
+    getNestedOptions: (index: number) => any;
+    nestedIncludes: (option: string, index: number) => boolean;
+    changeInput: () => void;
+    nestedSelectedLength: import("vue").ComputedRef<number>;
+    optionsWithoutDisabled: import("vue").ComputedRef<NumberConstructor[]>;
+    filterNested: import("vue").ComputedRef<unknown[]>;
+    filterName: import("vue").ComputedRef<unknown[]>;
+    getOptions: import("vue").ComputedRef<NumberConstructor[]>;
+    getAllSelect: import("vue").ComputedRef<string>;
+    isDisplay: import("vue").Ref<boolean>;
+    searchName: import("vue").Ref<null>;
+    selected_items: import("vue").Ref<never[]>;
+    selected_nested: import("vue").Ref<never[]>;
+    selected_all: import("vue").Ref<boolean>;
+    selectedCats: import("vue").Ref<never[]>;
+    valueFrom: import("vue").Ref<never[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "changeElement" | "update:Selection" | "changeInputValue")[], "onClose" | "changeElement" | "update:Selection" | "changeInputValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    element_table: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    nested: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filter_placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    show_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    default_select: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    preselection_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple_columns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options_disable: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    show_amount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple_label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onChangeElement?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+    onChangeInputValue?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    show_amount: boolean;
+    search: boolean;
+    nested: boolean;
+    show_all: boolean;
+    preselection_all: boolean;
+    multiple_columns: boolean;
+    options_disable: unknown[];
+    emptyMsg: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argNavBar.vue

@@ -24,9 +24,9 @@
           :class="{
             active: true_index_menu.toString() === (index + 1).toString(),
           }"
-          @click="changeMenu(index + 1)"
+          @click="changeMenu(index + 1, tab.value)"
         >
-          <p>{{ tab }}</p>
+          <p>{{ tab.name }}</p>
         </button>
       </span>
     </div>
@@ -60,18 +60,28 @@ export default defineComponent({
     index_menu: {
       type: [String, Number],
       default: 1
+    },
+    returnValue: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["updateMenu", "update:Menu"],
   setup(props, { emit }) {
-    const true_index_menu = ref(props.index_menu);
+    const true_index_menu = ref(0);
     const scrollValue = ref(0);
     const oldWidth = ref();
     const isOverflow = ref(false);
     watch(
       () => props.index_menu,
       (new_index_menu) => {
-        true_index_menu.value = new_index_menu;
+        if (typeof new_index_menu === "string") {
+          true_index_menu.value = props.tabs.findIndex(
+            (i) => i.value === new_index_menu
+          ) + 1;
+        } else {
+          true_index_menu.value = new_index_menu;
+        }
         setBarWidth(true_index_menu.value);
       }
     );
@@ -106,15 +116,15 @@ export default defineComponent({
       } else
         isOverflow.value = false;
     }
-    function changeMenu(value) {
-      if (typeof true_index_menu.value === "string") {
-        emit("updateMenu", value.toString());
-        emit("update:Menu", value.toString());
-      } else {
+    function changeMenu(index, value) {
+      if (props.returnValue) {
         emit("updateMenu", value);
         emit("update:Menu", value);
+      } else {
+        emit("updateMenu", index);
+        emit("update:Menu", index);
       }
-      true_index_menu.value = value;
+      true_index_menu.value = index;
       setBarWidth(true_index_menu.value);
     }
     function scroll_left() {
@@ -165,14 +175,18 @@ export default defineComponent({
         }
         oldWidth.value = window?.innerWidth;
       };
-      true_index_menu.value = props.index_menu;
+      if (typeof props.index_menu === "string") {
+        true_index_menu.value = props.tabs.findIndex((i) => i.value === props.index_menu) + 1;
+      } else {
+        true_index_menu.value = props.index_menu;
+      }
       setTimeout(() => {
         const content = document.getElementById("scroll_tabs");
         if (content !== null) {
           if (getTranslationWidth.value > content.offsetWidth) {
             content.scrollLeft += getTranslationWidth.value;
           }
-          setBarWidth(props.index_menu);
+          setBarWidth(true_index_menu.value);
           checkOverflow();
         }
       }, 100);

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

@@ -7,11 +7,15 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    true_index_menu: import("vue").Ref<string | number>;
+    true_index_menu: import("vue").Ref<number>;
     scrollValue: import("vue").Ref<number>;
     oldWidth: import("vue").Ref<any>;
-    changeMenu: (value: number | string) => void;
+    changeMenu: (index: number, value: string) => void;
     setBarWidth: (index: number | string) => void;
     isOverflow: import("vue").Ref<boolean>;
     checkOverflow: () => void;
@@ -26,10 +30,15 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onUpdateMenu?: ((...args: any[]) => any) | undefined;
     "onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
 }, {
+    returnValue: boolean;
     index_menu: string | number;
 }, {}>;
 export default _default;

package/dist/runtime/components/argRadioButtons.vue

@@ -0,0 +1,135 @@
+<template>
+  <div :class="`radio_display radio_${dir}`">
+    <div
+      v-for="(radio, index) in elements"
+      :key="index"
+      class="oip_row v-center gap-4"
+      :class="selectedRadio === index + 1 ? 'selected-radio' : 'display-radio'"
+      @click="selectRadio(index + 1, radio)"
+    >
+      <arg-icon
+        :name="getIconName(index + 1)"
+        size="20"
+        :color="getColor(index + 1)"
+        thickness="24"
+      />
+      <p>{{ radio }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import argIcon from "./argIcon.vue";
+import {
+  ref,
+  onBeforeMount,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argRadioButtons",
+  components: {
+    argIcon
+  },
+  props: {
+    elements: {
+      type: Array,
+      required: true
+    },
+    defaultSelect: {
+      type: Number,
+      default: 1
+    },
+    returnValue: {
+      type: Boolean,
+      default: true
+    },
+    dir: {
+      type: String,
+      default: "row"
+    }
+  },
+  emits: ["changeElement", "update:Selection"],
+  setup(props, { emit }) {
+    const selectedRadio = ref(1);
+    onBeforeMount(() => {
+      selectRadio(props.defaultSelect, "");
+    });
+    function selectRadio(index, value) {
+      selectedRadio.value = index;
+      if (props.returnValue) {
+        emit("changeElement", value);
+        emit("update:Selection", value);
+      } else {
+        emit("changeElement", selectedRadio.value);
+        emit("update:Selection", selectedRadio.value);
+      }
+    }
+    function getIconName(index) {
+      if (index === selectedRadio.value) {
+        return "CheckCircleFill";
+      } else
+        return "Circle";
+    }
+    function getColor(index) {
+      if (index === selectedRadio.value) {
+        return "var(--primary)";
+      } else
+        return "var(--lavendar-grey)";
+    }
+    return {
+      selectedRadio,
+      selectRadio,
+      getIconName,
+      getColor
+    };
+  }
+});
+</script>
+
+<style scoped>
+.display-radio,
+.selected-radio {
+  border-radius: 2px;
+  cursor: pointer;
+}
+.display-radio:hover,
+.selected-radio:hover {
+  background: var(--background);
+  box-shadow: 0px 0px 0px 4px #f5f5f9;
+}
+
+.display-radio:hover svg,
+.selected-radio:hover svg {
+  color: var(--primary) !important;
+}
+
+.display-radio p {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.selected-radio p {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.radio_display {
+  display: flex;
+  width: 100%;
+}
+
+.radio_row {
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.radio_column {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+</style>

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

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<{
+    elements: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    defaultSelect: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    selectedRadio: import("vue").Ref<number>;
+    selectRadio: (index: number, value: string) => void;
+    getIconName: (index: number) => "CheckCircleFill" | "Circle";
+    getColor: (index: number) => "var(--primary)" | "var(--lavendar-grey)";
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection")[], "changeElement" | "update:Selection", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    elements: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    defaultSelect: {
+        type: NumberConstructor;
+        default: number;
+    };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChangeElement?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+}, {
+    defaultSelect: number;
+    returnValue: boolean;
+    dir: string;
+}, {}>;
+export default _default;

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;