@tekkare/auriga 0.1.24 → 0.1.26

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.24"
+  "version": "0.1.26"
 }

package/dist/runtime/components/argBtn.vue

@@ -1,10 +1,11 @@
 <template>
-  <div>
+  <div :class="fullWidth ? 'full_width' : ''">
     <span
       v-if="onlyIcon === false"
       :class="
-        `oip_${btnStyle}_button oip_btn ` +
-        [becomeSmall === true ? 'prmt_button_big' : '']
+        `oip_${btnStyle}_button oip_btn oip_btn_${size} ` +
+        [becomeSmall === true ? 'prmt_button_big ' : ''] +
+        [fullWidth === true ? 'oip_full_btn' : '']
       "
       @click="send()"
     >
@@ -53,7 +54,6 @@
 
 <script>
 import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 import {
   ref,
   computed,
@@ -61,7 +61,7 @@ import {
 } from "vue";
 export default defineComponent({
   name: "argBtn",
-  components: { argIcon, argStyle },
+  components: { argIcon },
   props: {
     btnStyle: { type: String, default: "primary" },
     becomeSmall: { type: Boolean, default: true },
@@ -69,7 +69,15 @@ export default defineComponent({
     onlyIcon: { type: Boolean, default: false },
     prefixIcon: { type: String, default: null },
     suffixIcon: { type: String, default: null },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    fullWidth: { type: Boolean, default: false },
+    size: {
+      type: String,
+      default: "s",
+      validator: (value) => {
+        return ["s", "m"].includes(value);
+      }
+    }
   },
   emits: ["onClick"],
   setup(props, { emit }) {
@@ -113,4 +121,8 @@ export default defineComponent({
     display: none !important;
   }
 }
+
+.full_width {
+  width: 100%;
+}
 </style>

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

@@ -27,6 +27,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     getIconColor: import("vue").ComputedRef<string>;
     send: () => void;
@@ -59,6 +68,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -69,5 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     prefixIcon: string;
     suffixIcon: string;
     loading: boolean;
+    fullWidth: boolean;
+    size: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argComplexSelect.vue

@@ -18,7 +18,9 @@
           ]"
         >
           {{
-            del_table.map((elem) => elem).length > 0 ? getAllSelect : empty_msg
+            del_table.map((elem) => elem).length > 0
+              ? getAllSelect
+              : getEmptyMsg
           }}
         </span>
       </arg-simple-label>
@@ -33,7 +35,13 @@
       <div class="oip_select_complex_header">
         <h1 class="oip_select_complex_header_title">
           {{
-            !!select_placeholder ? `${select_placeholder} select` : "Select "
+            !!select_placeholder
+              ? `${select_placeholder} ${
+                  lang === "fr" ? "sélection" : "select"
+                }`
+              : lang === "fr"
+              ? "Sélection"
+              : "Select"
           }}
         </h1>
       </div>
@@ -61,30 +69,36 @@
           </div>
         </div>
       </div>
-      <p v-if="reachMax" class="warning_text">{{ reach_max_msg }}</p>
+      <p v-if="reachMax" class="warning_text">{{ getMaxSelectMsg }}</p>
       <div class="oip_select_complex_all_selection">
         <div class="oip_select_complex_add_selection">
           <div class="oip_select_complex_all_title">
-            <div class="oip_select_complex_all_tittle_left">Available</div>
+            <div class="oip_select_complex_all_tittle_left">
+              {{ lang === "fr" ? "Disponible" : "Available" }}
+            </div>
             <div
               v-if="show_select_all"
               class="oip_select_complex_all_tittle_right add"
               @click="add_all_element"
             >
-              Select all
+              {{ lang === "fr" ? "Tout sélectionner" : "Select all" }}
             </div>
             <div
               v-if="max_amount !== null"
               class="oip_select_complex_all_tittle_right"
             >
-              Maximum selection: {{ max_amount }} items
+              {{
+                lng === "fr"
+                  ? `Maximum: ${max_amount} éléments`
+                  : `Maximum: ${max_amount} items`
+              }}
             </div>
           </div>
           <div class="oip_search_container">
             <arg-icon size="20" name="MagnifyingGlass"></arg-icon>
             <input
               class="oip_search_name"
-              :placeholder="search_placeholder"
+              :placeholder="getPlaceholderAdd"
               v-model="searchNameAdd"
               @input="changeInput"
             />
@@ -130,25 +144,36 @@
               </div>
             </div>
           </div>
+          <div
+            class="oip_empty_dropdown"
+            v-else-if="filterNameAdd.length === 0"
+          >
+            <p>{{ getEmptyContentMsg }}</p>
+          </div>
           <div v-else class="oip_select_complex_selection_container">
-            <arg-data-loader />
+            <arg-data-loader
+              :text="getLoaderText[0]"
+              :sub-text="getLoaderText[1]"
+            />
           </div>
         </div>
         <div class="oip_select_complex_del_selection">
           <div class="oip_select_complex_all_title">
-            <div class="oip_select_complex_all_tittle_left">Selected</div>
+            <div class="oip_select_complex_all_tittle_left">
+              {{ lang === "fr" ? "Sélectionné" : "Selected" }}
+            </div>
             <div
               class="oip_select_complex_all_tittle_right del"
               @click="del_all_element"
             >
-              Clear all
+              {{ lang === "fr" ? "Tout effacer" : "Clear all" }}
             </div>
           </div>
           <div class="oip_search_container">
             <arg-icon size="20" name="MagnifyingGlass"></arg-icon>
             <input
               class="oip_search_name"
-              :placeholder="search_placeholder"
+              :placeholder="getPlaceholderDel"
               v-model="searchNameDel"
             />
             <arg-icon
@@ -185,7 +210,9 @@
         <arg-btn @click="cancel_function()" btnStyle="secondary"
           >Cancel</arg-btn
         >
-        <arg-btn @click="apply_function()" btnStyle="primary">Apply</arg-btn>
+        <arg-btn @click="apply_function()" btnStyle="primary">{{
+          lang === "fr" ? "Apply" : "Appliquer"
+        }}</arg-btn>
       </div>
     </div>
   </div>
@@ -208,7 +235,8 @@ export default defineComponent({
   components: { argSimpleLabel, argBtn, argIcon, argDataLoader },
   props: {
     element_table: { type: Array, required: true },
-    search_placeholder: { type: String, default: "Search" },
+    search_placeholder_add: { type: String, default: null },
+    search_placeholder_del: { type: String, default: null },
     need_apply: { type: Boolean, default: false },
     select_placeholder: { type: String, required: false },
     smart_selection_table: {
@@ -228,11 +256,20 @@ export default defineComponent({
     max_amount: { type: Number, default: null },
     reach_max_msg: {
       type: String,
-      default: "You've reached the maximum amount of items you can select"
+      default: null
     },
     loading: { type: Boolean, default: false },
-    empty_msg: { type: String, default: "No selection" },
-    complex_label: { type: String, required: true }
+    empty_msg: { type: String, default: null },
+    complex_label: { type: String, required: true },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    },
+    loader_text: { type: Array, default: null },
+    empty_content_msg: { type: String, default: null }
   },
   emits: ["changeElement", "changeAddInputValue", "update:Selection"],
   setup(props, { emit }) {
@@ -307,6 +344,42 @@ export default defineComponent({
         );
       }
     );
+    const getEmptyMsg = computed(() => {
+      if (props.empty_msg === null) {
+        return props.lang === "fr" ? "Aucune S\xE9lection" : "No Selection";
+      } else
+        return props.empty_msg;
+    });
+    const getLoaderText = computed(() => {
+      if (props.loader_text === null) {
+        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : ["Loading...", "Please wait"];
+      } else
+        return props.loader_text;
+    });
+    const getPlaceholderAdd = computed(() => {
+      if (props.search_placeholder_add === null) {
+        return props.lang === "fr" ? "Rechercher une option..." : "Search options...";
+      } else
+        return props.search_placeholder_add;
+    });
+    const getPlaceholderDel = computed(() => {
+      if (props.search_placeholder_del === null) {
+        return props.lang === "fr" ? "Rechercher parmis les options selection\xE9es..." : "Search selected options...";
+      } else
+        return props.search_placeholder_del;
+    });
+    const getMaxSelectMsg = computed(() => {
+      if (props.reach_max_msg === null) {
+        return props.lang === "fr" ? "Vous avez atteint le maximum d'\xE9l\xE9ments que vous pouvez s\xE9lectionner'" : "You've reached the maximum amount of items you can select";
+      } else
+        return props.reach_max_msg;
+    });
+    const getEmptyContentMsg = computed(() => {
+      if (props.empty_content_msg === null) {
+        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : "No content was found";
+      } else
+        return props.empty_content_msg;
+    });
     const getAllSelect = computed(() => {
       const fullSelect = del_table.value.map((elem) => elem);
       let filterFill = ``;
@@ -500,7 +573,13 @@ export default defineComponent({
       cancel_function,
       change_save_table,
       getAllSelect,
-      reachMax
+      reachMax,
+      getEmptyMsg,
+      getLoaderText,
+      getPlaceholderAdd,
+      getPlaceholderDel,
+      getMaxSelectMsg,
+      getEmptyContentMsg
     };
   }
 });

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

@@ -16,9 +16,13 @@ declare const _default: import("vue").DefineComponent<{
         };
         required: true;
     };
-    search_placeholder: {
+    search_placeholder_add: {
         type: StringConstructor;
-        default: string;
+        default: null;
+    };
+    search_placeholder_del: {
+        type: StringConstructor;
+        default: null;
     };
     need_apply: {
         type: BooleanConstructor;
@@ -76,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     reach_max_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     loading: {
         type: BooleanConstructor;
@@ -84,12 +88,38 @@ declare const _default: import("vue").DefineComponent<{
     };
     empty_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     complex_label: {
         type: StringConstructor;
         required: true;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loader_text: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    empty_content_msg: {
+        type: StringConstructor;
+        default: null;
+    };
 }, {
     add_table: import("vue").Ref<string[]>;
     del_table: import("vue").Ref<string[]>;
@@ -120,6 +150,12 @@ declare const _default: import("vue").DefineComponent<{
     change_save_table: () => void;
     getAllSelect: import("vue").ComputedRef<string>;
     reachMax: import("vue").Ref<boolean>;
+    getEmptyMsg: import("vue").ComputedRef<string>;
+    getLoaderText: import("vue").ComputedRef<string[]>;
+    getPlaceholderAdd: import("vue").ComputedRef<string>;
+    getPlaceholderDel: import("vue").ComputedRef<string>;
+    getMaxSelectMsg: import("vue").ComputedRef<string>;
+    getEmptyContentMsg: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
@@ -138,9 +174,13 @@ declare const _default: import("vue").DefineComponent<{
         };
         required: true;
     };
-    search_placeholder: {
+    search_placeholder_add: {
         type: StringConstructor;
-        default: string;
+        default: null;
+    };
+    search_placeholder_del: {
+        type: StringConstructor;
+        default: null;
     };
     need_apply: {
         type: BooleanConstructor;
@@ -198,7 +238,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     reach_max_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     loading: {
         type: BooleanConstructor;
@@ -206,19 +246,47 @@ declare const _default: import("vue").DefineComponent<{
     };
     empty_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     complex_label: {
         type: StringConstructor;
         required: true;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loader_text: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    empty_content_msg: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & {
     onChangeElement?: ((...args: any[]) => any) | undefined;
     onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
+    lang: string;
     loading: boolean;
-    search_placeholder: string;
+    search_placeholder_add: string;
+    search_placeholder_del: string;
     need_apply: boolean;
     smart_selection_table: unknown[];
     return_value: boolean;
@@ -230,5 +298,7 @@ declare const _default: import("vue").DefineComponent<{
     max_amount: number;
     reach_max_msg: string;
     empty_msg: string;
+    loader_text: string[];
+    empty_content_msg: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argDate.vue

@@ -15,7 +15,10 @@ export default defineComponent({
     },
     lang: {
       type: String,
-      default: "en"
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
     },
     compact: {
       type: Boolean,

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     lang: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     compact: {
         type: BooleanConstructor;
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     lang: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     compact: {
         type: BooleanConstructor;

package/dist/runtime/components/argDropdownSelect.vue

@@ -32,7 +32,7 @@
             :id="`label_${selected_item}`"
             >{{
               selected_item === null || selected_item === undefined
-                ? empty_msg
+                ? getEmptyMsg
                 : selected_item
             }}</span
           >
@@ -53,14 +53,21 @@
           class="oip_search_name"
           v-model="searchName"
           @input="changeInput()"
-          :placeholder="filter_placeholder"
+          :placeholder="getPlaceholder"
         />
       </div>
       <!-- List -->
-      <arg-data-loader v-if="loading" />
+      <arg-data-loader
+        v-if="loading"
+        :text="getLoaderText[0]"
+        :sub-text="getLoaderText[1]"
+      />
+      <div class="oip_empty_dropdown" v-else-if="filterName.length === 0">
+        <p>{{ getEmptyContentMsg }}</p>
+      </div>
       <div v-else class="oip_select_dropdown_selection_container">
         <div
-          v-for="(element, index) of filterName()"
+          v-for="(element, index) of filterName"
           :key="index"
           class="oip_select_complex_selection_loop"
           :class="values_disabled.includes(index) ? 'disabled_option' : ''"
@@ -132,6 +139,7 @@ import argDataLoader from "./argDataLoader.vue";
 import {
   onMounted,
   ref,
+  computed,
   watch,
   defineComponent,
   onUnmounted,
@@ -145,8 +153,7 @@ export default defineComponent({
     search: { type: Boolean, default: true },
     filter_placeholder: {
       type: String,
-      required: false,
-      default: "Search options..."
+      default: null
     },
     close_on_click: { type: Boolean, default: true },
     default_select: { type: Number, required: false, default: null },
@@ -154,9 +161,18 @@ export default defineComponent({
     disabled: { type: Boolean, default: false },
     return_value: { type: Boolean, default: false },
     values_disabled: { type: Array, default: () => [] },
-    empty_msg: { type: String, default: "No selection" },
+    empty_msg: { type: String, default: null },
     dropdown_label: { type: String, required: true },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    },
+    loader_text: { type: Array, default: null },
+    empty_content_msg: { type: String, default: null }
   },
   emits: ["changeElement", "update:Selection", "changeInputValue"],
   setup(props, { emit }) {
@@ -175,6 +191,7 @@ export default defineComponent({
     watch(
       () => props.element_table,
       (new_element_table) => {
+        table_values.value = new_element_table;
         if (props.watch_default_change) {
           selected_item.value = new_element_table[props.default_select];
           selected_number.value = props.default_select;
@@ -190,6 +207,30 @@ export default defineComponent({
         }
       }
     );
+    const getEmptyMsg = computed(() => {
+      if (props.empty_msg === null) {
+        return props.lang === "fr" ? "Aucune S\xE9lection" : "No Selection";
+      } else
+        return props.empty_msg;
+    });
+    const getLoaderText = computed(() => {
+      if (props.loader_text === null) {
+        return props.lang === "fr" ? ["Chargement...", "Veuillez patienter"] : ["Loading...", "Please wait"];
+      } else
+        return props.loader_text;
+    });
+    const getPlaceholder = computed(() => {
+      if (props.filter_placeholder === null) {
+        return props.lang === "fr" ? "Rechercher une option..." : "Search options...";
+      } else
+        return props.filter_placeholder;
+    });
+    const getEmptyContentMsg = computed(() => {
+      if (props.empty_content_msg === null) {
+        return props.lang === "fr" ? "Aucun contenu n'a \xE9t\xE9 trouv\xE9" : "No content was found";
+      } else
+        return props.empty_content_msg;
+    });
     function changeInput() {
       setTimeout(() => {
         emit("changeInputValue", searchName.value);
@@ -225,14 +266,14 @@ export default defineComponent({
       isDisplay.value = false;
       document?.removeEventListener("click", closeDropdown);
     }
-    function filterName() {
+    const filterName = computed(() => {
       if (searchName.value !== null) {
-        return props.element_table.filter(
+        return table_values.value.filter(
           (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
         );
       }
-      return props.element_table;
-    }
+      return table_values.value;
+    });
     function changeDisplay() {
       if (props.disabled === false) {
         if (isDisplay.value === true) {
@@ -276,7 +317,11 @@ export default defineComponent({
       closeDropdown,
       filterName,
       changeDisplay,
-      changeInput
+      changeInput,
+      getEmptyMsg,
+      getLoaderText,
+      getPlaceholder,
+      getEmptyContentMsg
     };
   }
 });