@tekkare/auriga 0.1.63 → 0.1.65

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.63"
+  "version": "0.1.65"
 }

package/dist/runtime/components/argBtn.vue

@@ -24,7 +24,7 @@
           size="20"
           :color="getIconColor"
         />
-        <slot></slot>
+        <slot />
         <arg-icon
           v-if="suffixIcon"
           :name="suffixIcon"

package/dist/runtime/components/argComplexSelect.vue

@@ -273,10 +273,10 @@ export default defineComponent({
   },
   emits: ["changeElement", "changeAddInputValue", "update:Selection"],
   setup(props, { emit }) {
-    const add_table = ref([""]);
-    const del_table = ref([""]);
+    const add_table = ref([]);
+    const del_table = ref([]);
     const isDisplay = ref(false);
-    const save_table = ref({ add: [""], del: [""] });
+    const save_table = ref([]);
     const smart_selection_selected = ref();
     const searchNameAdd = ref("");
     const searchNameDel = ref("");
@@ -392,11 +392,26 @@ export default defineComponent({
       }
       return filterFill;
     });
+    function checkIfContainsValue(element, searchArray) {
+      let hasValue = false;
+      if (searchArray.every((l) => element.includes(l))) {
+        hasValue = true;
+      }
+      return hasValue;
+    }
     const filterNameAdd = computed(() => {
       if (searchNameAdd.value !== null) {
-        return add_table.value.filter(
-          (element) => element.toLowerCase().includes(searchNameAdd.value.toLowerCase())
-        ).slice(0, props.max_result);
+        if (searchNameAdd.value.includes(" ")) {
+          return add_table.value.filter(
+            (element) => checkIfContainsValue(
+              element.toLowerCase(),
+              searchNameAdd.value.toLowerCase().split(" ")
+            )
+          ).slice(0, props.max_result);
+        } else
+          return add_table.value.filter(
+            (element) => element.toLowerCase().includes(searchNameAdd.value.toLowerCase())
+          ).slice(0, props.max_result);
       } else
         return add_table.value.slice(0, props.max_result);
     });

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

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<{
     element_table: {
         type: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
+            (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[];
@@ -121,21 +121,18 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
-    add_table: import("vue").Ref<string[]>;
-    del_table: import("vue").Ref<string[]>;
+    add_table: any;
+    del_table: any;
     isDisplay: import("vue").Ref<boolean>;
-    save_table: import("vue").Ref<{
-        add: string[];
-        del: string[];
-    }>;
+    save_table: any;
     smart_selection_selected: import("vue").Ref<any>;
     searchNameAdd: import("vue").Ref<string>;
     searchNameDel: import("vue").Ref<string>;
     uid: import("vue").Ref<number>;
     hoverAdd: import("vue").Ref<null>;
     hoverRemove: import("vue").Ref<null>;
-    filterNameAdd: import("vue").ComputedRef<string[]>;
-    filterNameDel: import("vue").ComputedRef<string[]>;
+    filterNameAdd: import("vue").ComputedRef<any>;
+    filterNameDel: import("vue").ComputedRef<any>;
     changeInput: () => void;
     isInViewport: (el: HTMLElement) => boolean;
     changeDisplay: () => void;
@@ -159,10 +156,10 @@ declare const _default: import("vue").DefineComponent<{
 }, 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: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
+            (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[];

package/dist/runtime/components/argDropdownSelect.vue

@@ -266,11 +266,26 @@ export default defineComponent({
       isDisplay.value = false;
       document?.removeEventListener("click", closeDropdown);
     }
+    function checkIfContainsValue(element, searchArray) {
+      let hasValue = false;
+      if (searchArray.every((l) => element.includes(l))) {
+        hasValue = true;
+      }
+      return hasValue;
+    }
     const filterName = computed(() => {
       if (searchName.value !== null) {
-        return table_values.value.filter(
-          (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
-        );
+        if (searchName.value.includes(" ")) {
+          return table_values.value.filter(
+            (element) => checkIfContainsValue(
+              element.toLowerCase(),
+              searchName.value.toLowerCase().split(" ")
+            )
+          );
+        } else
+          return table_values.value.filter(
+            (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
+          );
       }
       return table_values.value;
     });

package/dist/runtime/components/argFilterCard.vue

@@ -33,7 +33,7 @@
       </div>
       <div
         class="oip_row v-center gap-8 toggle_filter_card"
-        @click="filtersOpen = !filtersOpen"
+        @click="handleCard()"
       >
         <arg-icon
           name="CaretDown"
@@ -93,7 +93,6 @@ export default defineComponent({
           if (window.scrollY > scrollPosition.value + filters.offsetHeight) {
             filtersOpen.value = false;
             scrollPosition.value = window.scrollY;
-            document.removeEventListener("scroll", openFromScroll);
           }
         }
       }
@@ -101,7 +100,9 @@ export default defineComponent({
     onMounted(() => {
       adjustFilterPosition();
       listenToHeaderChange();
-      openFromScroll();
+      setTimeout(() => {
+        openFromScroll();
+      });
     });
     onUpdated(() => {
       adjustFilterPosition();
@@ -109,13 +110,19 @@ export default defineComponent({
     watch(
       () => filtersOpen.value,
       (new_filters_open) => {
-        if (new_filters_open) {
-          setTimeout(() => {
-            document.addEventListener("scroll", openFromScroll);
-          }, 500);
-        }
+        setTimeout(() => {
+          document.addEventListener("scroll", openFromScroll);
+        }, 500);
       }
     );
+    function handleCard() {
+      if (filtersOpen.value === false) {
+        document.removeEventListener("scroll", openFromScroll);
+        filtersOpen.value = true;
+      } else {
+        filtersOpen.value = false;
+      }
+    }
     function listenToHeaderChange() {
       const fixedHeader = document.getElementById("arg_header");
       const config = { attributes: true, childList: true };
@@ -146,7 +153,8 @@ export default defineComponent({
     return {
       filtersOpen,
       clear,
-      save
+      save,
+      handleCard
     };
   }
 });

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

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     filtersOpen: any;
     clear: () => void;
     save: () => void;
+    handleCard: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clearFilters" | "saveScope")[], "clearFilters" | "saveScope", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     filters_amount: {
         type: NumberConstructor;

package/dist/runtime/components/argMultipleSelect.vue

@@ -49,7 +49,10 @@
         :text="getLoaderText[0]"
         :sub-text="getLoaderText[1]"
       />
-      <div class="oip_empty_dropdown" v-else-if="filterName.length === 0">
+      <div
+        class="oip_empty_dropdown"
+        v-else-if="nested ? filterNested.length == 0 : filterName.length === 0"
+      >
         <p>{{ getEmptyContentMsg }}</p>
       </div>
       <!-- List -->
@@ -437,12 +440,27 @@ export default defineComponent({
           return element_table_copy.value;
       }
     });
+    function checkIfContainsValue(element, searchArray) {
+      let hasValue = false;
+      if (searchArray.every((l) => element.includes(l))) {
+        hasValue = true;
+      }
+      return hasValue;
+    }
     const filterName = computed(() => {
       if (!props.multiple_columns) {
         if (searchName.value !== null) {
-          return element_table_copy.value.filter(
-            (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
-          );
+          if (searchName.value.includes(" ")) {
+            return element_table_copy.value.filter(
+              (element) => checkIfContainsValue(
+                element.toLowerCase(),
+                searchName.value.toLowerCase().split(" ")
+              )
+            );
+          } else
+            return element_table_copy.value.filter(
+              (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
+            );
         } else
           return props.element_table;
       } else {
@@ -472,12 +490,23 @@ export default defineComponent({
         }
       }
     });
+    function checkNestedContainsValues(element, search) {
+      let hasValue = false;
+      for (let i = 0; i < element.values.length; i++) {
+        if (search.includes(" ")) {
+          if (search.toLowerCase().split(" ").every((l) => element.values[i].toLowerCase().includes(l))) {
+            hasValue = true;
+          }
+        } else if (element.values[i].toLowerCase().includes(search.toLowerCase())) {
+          hasValue = true;
+        }
+      }
+      return hasValue;
+    }
     const filterNested = computed(() => {
       if (searchName.value !== null || searchName.value && searchName.value !== "") {
         return element_table_copy.value.filter(
-          (element) => element.values.includes(
-            searchName.value || searchName.value.toLowerCase()
-          )
+          (element) => checkNestedContainsValues(element, searchName.value)
         );
       } else
         return props.element_table;

package/dist/runtime/components/argSimpleLabel.vue

@@ -257,7 +257,7 @@ export default defineComponent({
   font-weight: 600;
   flex-shrink: 0;
   position: absolute;
-  right: 40px;
+  right: 34px;
 }
 .oip_empty_select {
   font-weight: 600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.63",
+  "version": "0.1.65",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",