@tekkare/auriga 0.1.7 → 0.1.9

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

@@ -0,0 +1,143 @@
+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;
+    };
+}, {
+    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;
+    };
+}>> & {
+    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,134 @@
+<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: false
+    },
+    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;
+}
+
+.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/argSidebar.vue

@@ -1,14 +1,46 @@
+<!-- eslint-disable vue/max-attributes-per-line -->
 <template>
-  <div class="arg_sidebar">
-    <div class="arg_sidebar_header">
+  <div :class="sidebarOpen ? 'arg_sidebar_open' : ''" class="arg_sidebar">
+    <div
+      :class="
+        sidebarOpen ? 'arg_sidebar_header_full' : 'arg_sidebar_header_small'
+      "
+    >
       <nuxt-link to="/" class="arg_sidebar_home">
-        <arg-icon name="House" color="var(--primary)" />
-        <span v-if="lang === 'en'"> Home </span>
-        <span v-if="lang === 'fr'"> Accueil </span>
+        <arg-tooltip
+          :tooltip-text="lang === 'en' ? 'Home' : 'Accueil'"
+          :disable="sidebarOpen"
+          dir="right"
+          :class="[
+            'tooltip_display',
+            sidebarOpen ? '' : 'link_menu_tooltip_icon',
+          ]"
+        >
+          <arg-icon name="House" color="var(--primary)" />
+        </arg-tooltip>
+        <span v-if="lang === 'en' && sidebarOpen"> Home </span>
+        <span v-if="lang === 'fr' && sidebarOpen"> Accueil </span>
       </nuxt-link>
+      <div class="sidebar_toggle" @click="toggleSidebar()">
+        <arg-tooltip
+          :tooltip-text="
+            lang === 'en' ? 'Open sidebar' : 'Ouvrir le menu latéral'
+          "
+          :disable="sidebarOpen"
+          dir="right"
+          :class="[
+            'tooltip_display',
+            sidebarOpen ? '' : 'link_menu_tooltip_icon',
+          ]"
+        >
+          <arg-icon name="Sidebar" color="var(--primary)" />
+        </arg-tooltip>
+      </div>
     </div>
 
-    <h1 class="arg_sidebar_title">{{ name }}</h1>
+    <h1 class="arg_sidebar_title">
+      <span v-show="sidebarOpen">{{ name }}</span>
+    </h1>
     <div class="arg_sidebar_body">
       <div class="arg_sidebar_content">
         <slot name="menu" />
@@ -24,6 +56,8 @@
 </template>
 <script>
 import {
+  onMounted,
+  ref,
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
@@ -41,13 +75,38 @@ export default defineComponent({
       }
     },
     homeLink: { type: String, default: "/" }
+  },
+  emits: ["onSidebarChange", "update:Sidebar"],
+  setup(props, { emit }) {
+    onMounted(() => {
+      window?.addEventListener("resize", handleResize);
+      handleResize();
+    });
+    const sidebarOpen = ref(true);
+    function handleResize() {
+      if (window.innerWidth >= 1e3) {
+        sidebarOpen.value = true;
+      } else
+        sidebarOpen.value = false;
+      emit("onSidebarChange", sidebarOpen.value);
+      emit("update:Sidebar", sidebarOpen.value);
+    }
+    function toggleSidebar() {
+      emit("onSidebarChange", !sidebarOpen.value);
+      emit("update:Sidebar", !sidebarOpen.value);
+      sidebarOpen.value = !sidebarOpen.value;
+    }
+    return {
+      sidebarOpen,
+      toggleSidebar
+    };
   }
 });
 </script>
 <style scoped>
 .arg_sidebar {
   display: flex;
-  width: 200px;
+  width: 52px;
   padding: 16px 8px;
   flex-direction: column;
   align-items: flex-start;
@@ -62,12 +121,22 @@ export default defineComponent({
   top: 0;
   box-sizing: border-box;
 }
-.arg_sidebar_header {
+
+.arg_sidebar_open {
+  width: 200px;
+}
+.arg_sidebar_header_full {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
   align-self: stretch;
 }
+.arg_sidebar_header_small {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--xxs, 4px);
+}
 .arg_sidebar_home {
   display: flex;
   height: 32px;
@@ -107,4 +176,15 @@ export default defineComponent({
   flex-direction: column;
   gap: 8px;
 }
+
+.sidebar_toggle {
+  cursor: pointer;
+}
+
+.link_menu_tooltip_icon {
+  flex: 1 1 100%;
+}
+.tooltip_display {
+  display: flex !important;
+}
 </style>

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

@@ -12,7 +12,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    sidebarOpen: import("vue").Ref<boolean>;
+    toggleSidebar: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSidebarChange" | "update:Sidebar")[], "onSidebarChange" | "update:Sidebar", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;
@@ -26,7 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    onOnSidebarChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Sidebar"?: ((...args: any[]) => any) | undefined;
+}, {
     lang: string;
     homeLink: string;
 }, {}>;

package/dist/runtime/components/argStyle.vue

@@ -108,7 +108,16 @@ button {
 }
 .oip_container {
   margin: 0 auto;
-  max-width: 1440px;
+  padding: 0px 64px 0px 8px;
+  max-width: 1080px;
+}
+
+.arg_page_display {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 32px;
+  width: 100%;
 }
 
 /*** TEXT ***/
@@ -829,13 +838,20 @@ button {
 }
 
 .oip_table_card {
-  padding: 32px 0px;
+  padding: 32px 0px 0px 0px;
   border-radius: 12px;
   background: var(--pure-white);
   box-shadow: var(--container-shadow);
   margin: 8px 0;
 }
 
+.oip_half_card {
+  flex: 1 1 50%;
+}
+.oip_third_card {
+  flex: 1 1 33%;
+}
+
 .oip_table_card .oip_card__header {
   padding: 0px 24px;
 }