@tekkare/auriga 0.1.94 → 0.1.96

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.94"
+  "version": "0.1.96"
 }

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -167,6 +167,10 @@ export default defineComponent({
     customShortcuts: {
       type: Array,
       default: () => []
+    },
+    defaultInputs: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["update:Value", "onClose"],
@@ -237,9 +241,14 @@ export default defineComponent({
       } else
         removeSelected.value = false;
     });
-    watch(searchedWords, (newSearched) => {
+    const wordsLength = computed(() => {
+      return searchedWords.value.length;
+    });
+    watch(wordsLength, (newSearched) => {
       setTimeout(() => {
-        tagsSection.value.scrollLeft += tagsSection.value.scrollWidth;
+        if (tagsSection.value.scrollWidth > 4) {
+          tagsSection.value.scrollLeft += tagsSection.value.scrollWidth;
+        }
       }, 100);
     });
     onMounted(() => {
@@ -250,6 +259,16 @@ export default defineComponent({
           shortcuts.value.push(props.customShortcuts[i]);
         }
       }
+      if (props.defaultInputs.length > 0) {
+        for (let i = 0; i < props.defaultInputs.length; i++) {
+          addToSearch(
+            props.defaultInputs[i].type,
+            props.defaultInputs[i].value,
+            true
+          );
+        }
+        searchedWords.value = props.defaultInputs;
+      }
     });
     function shortcutColor(shortcut) {
       if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
@@ -286,18 +305,20 @@ export default defineComponent({
       }
       searchBar.value.focus();
     }
-    function addToSearch(search, textValue) {
+    function addToSearch(search, textValue, isDefault) {
       searchedWords.value.push({ type: search, value: textValue });
       closeIndex.value = searchedWords.value.length;
       selectedTag.value = null;
-      emit("update:Value", searchedWords.value);
+      if (!isDefault) {
+        emit("update:Value", searchedWords.value);
+      }
       searchBar.value.focus();
       resetSearch();
     }
     function selectTag(index, direction) {
       let nextTag;
       if (direction === 0) {
-        nextTag = document.getElementById(`tag${index - 1}`);
+        nextTag = document.getElementById(`tag${index + 1}`);
       } else {
         nextTag = document.getElementById(`tag${index + 1}`);
       }
@@ -372,7 +393,7 @@ export default defineComponent({
         }
         if (searchValue.length > 0 && arrayValues.length === 0) {
           if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
-            addToSearch(search, searchValue);
+            addToSearch(search, searchValue, false);
             selectedShortcut.value = "";
           } else {
             handleDuplicate(searchValue);
@@ -384,7 +405,7 @@ export default defineComponent({
               if (searchedWords.value.filter(
                 (f) => f.value === arraySearchValue
               ).length === 0) {
-                addToSearch(search, arraySearchValue);
+                addToSearch(search, arraySearchValue, false);
                 selectedShortcut.value = "";
               } else {
                 handleDuplicate(arraySearchValue);
@@ -410,7 +431,7 @@ export default defineComponent({
       selectedShortcut.value = item.symbol;
       if (searchValue.length > 0) {
         if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
-          addToSearch(getKeyword(item.symbol), searchValue);
+          addToSearch(getKeyword(item.symbol), searchValue, false);
         } else {
           handleDuplicate(searchValue);
         }
@@ -492,5 +513,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{border:1px solid var(--primary)}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:3}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);color:var(--white);display:flex;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}
+.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{background:rgba(33,118,255,.1)!important}.select-remove svg{color:var(--primary)!important}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:3}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);color:var(--white);display:flex;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}
 </style>

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

@@ -44,6 +44,41 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => never[];
     };
+    defaultInputs: {
+        type: {
+            (arrayLength: number): {
+                type: "";
+                value: "";
+            }[];
+            (...items: {
+                type: "";
+                value: "";
+            }[]): {
+                type: "";
+                value: "";
+            }[];
+            new (arrayLength: number): {
+                type: "";
+                value: "";
+            }[];
+            new (...items: {
+                type: "";
+                value: "";
+            }[]): {
+                type: "";
+                value: "";
+            }[];
+            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: () => never[];
+    };
 }, {
     close: () => void;
     changeDisplay: () => void;
@@ -56,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     addTag: () => void;
     resetSearch: () => void;
     selectTag: (index: number, direction: number) => void;
-    addToSearch: (search: string, textValue: string) => void;
+    addToSearch: (search: string, textValue: string, isDefault: boolean) => void;
     shortcutColor: (shortcut: string) => "var(--darkest)" | "var(--white)";
     shortcutSelect: (dir: string) => void;
     typing: import("vue").Ref<boolean>;
@@ -128,6 +163,41 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => never[];
     };
+    defaultInputs: {
+        type: {
+            (arrayLength: number): {
+                type: "";
+                value: "";
+            }[];
+            (...items: {
+                type: "";
+                value: "";
+            }[]): {
+                type: "";
+                value: "";
+            }[];
+            new (arrayLength: number): {
+                type: "";
+                value: "";
+            }[];
+            new (...items: {
+                type: "";
+                value: "";
+            }[]): {
+                type: "";
+                value: "";
+            }[];
+            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: () => never[];
+    };
 }>> & {
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
@@ -138,5 +208,9 @@ declare const _default: import("vue").DefineComponent<{
         value: "";
         symbol: "";
     }[];
+    defaultInputs: {
+        type: "";
+        value: "";
+    }[];
 }, {}>;
 export default _default;

package/dist/runtime/components/argFilterCard.vue

@@ -170,5 +170,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2176ff)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
+.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;max-width:1032px;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2176ff)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
 </style>

package/dist/runtime/components/argMultipleSelect.vue

@@ -354,10 +354,24 @@ export default defineComponent({
     watch(
       () => props.element_table,
       (new_element_table) => {
+        console.log("uhuh");
         element_table_copy.value = new_element_table;
+        console.log(props.default_select);
         if (props.preselection_all) {
           add_all();
         } else if (props.default_select && props.default_select.length > 0) {
+          console.log(
+            element_table_copy.value.some(
+              (a) => props.default_select.includes(a)
+            )
+          );
+          if (!element_table_copy.value.some(
+            (a) => props.default_select.includes(a)
+          )) {
+            element_table_copy.value = element_table_copy.value.concat(
+              props.default_select
+            );
+          }
           selected_items.value = props.default_select;
         }
       }
@@ -601,6 +615,9 @@ export default defineComponent({
       selected_all.value = false;
       if (!props.options_disable.includes(index)) {
         selected_items.value.splice(selected_items.value.indexOf(element), 1);
+        if (!props.element_table.includes(element)) {
+          element_table_copy.value.splice(index, 1);
+        }
         emit(
           "changeElement",
           selected_items.value.map((a) => a)

package/package.json

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