@tekkare/auriga 0.1.0 → 0.1.4

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

@@ -1,4 +1,176 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    element_table: {
+        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;
+        };
+        required: true;
+    };
+    search_placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    need_apply: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    select_placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    smart_selection_table: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    already_selected: {
+        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: () => never[];
+    };
+    show_select_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    max_result: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    add_table: import("vue").Ref<string[]>;
+    del_table: import("vue").Ref<string[]>;
+    isDisplay: import("vue").Ref<boolean>;
+    save_table: import("vue").Ref<{
+        add: string[];
+        del: string[];
+    }>;
+    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[]>;
+    changeInput: () => void;
+    isInViewport: (el: HTMLElement) => boolean;
+    changeDisplay: () => void;
+    close: () => void;
+    add_element: (element: string) => void;
+    del_element: (element: string) => void;
+    add_all_element: () => void;
+    del_all_element: () => void;
+    apply_function: () => void;
+    smart_selection_select_item: (selected: any) => void;
+    cancel_function: () => void;
+    change_save_table: () => void;
+}, 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[];
+            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;
+        };
+        required: true;
+    };
+    search_placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    need_apply: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    select_placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    smart_selection_table: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    already_selected: {
+        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: () => never[];
+    };
+    show_select_all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    max_result: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onChangeElement?: ((...args: any[]) => any) | undefined;
+    onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+}, {
+    search_placeholder: string;
+    need_apply: boolean;
+    return_value: boolean;
+    disabled: boolean;
+    already_selected: string[];
+    show_select_all: boolean;
+    max_result: number;
+}, {}>;
 export default _default;

package/dist/runtime/components/argDataLoader.vue

@@ -45,9 +45,14 @@
 </template>
 
 <script>
-export default {
-  name: "argDataLoader"
-};
+import {
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+export default defineComponent({
+  name: "argDataLoader",
+  components: { argIcon }
+});
 </script>
 
 <style scoped>

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

@@ -1,4 +1,2 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argDropdownSelect.vue

@@ -3,7 +3,7 @@
     <!-- Simple select -->
     <arg-simple-label
       :disabled="disabled"
-      @click="changeDisplay()"
+      @click.stop="changeDisplay()"
       :class="isDisplay ? 'open' : ''"
     >
       <span
@@ -108,155 +108,162 @@
 </template>
 
 <script>
-export default {
-  name: "argDropdownSelect"
-};
-</script>
-
-<script setup lang="ts">
 import argIcon from "./argIcon.vue";
 import {
   onMounted,
-  onUpdated,
-  onUnmounted,
   ref,
-  computed,
-  defineProps,
-  defineEmits,
   watch,
+  defineComponent,
+  onUnmounted,
+  onUpdated
 } from "vue";
-const props = defineProps({
-  element_table: { type: Array<string>, required: true },
-  search: { type: Boolean, default: true },
-  filter_placeholder: {
-    type: String,
-    required: false,
-    default: "Search options...",
+export default defineComponent({
+  name: "argDropdownSelect",
+  components: { argIcon },
+  props: {
+    element_table: { type: Array, required: true },
+    search: { type: Boolean, default: true },
+    filter_placeholder: {
+      type: String,
+      required: false,
+      default: "Search options..."
+    },
+    change_title: { type: Boolean, default: true },
+    close_on_click: { type: Boolean, default: true },
+    default_select: { type: Number, required: false, default: null },
+    watch_default_change: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    return_value: { type: Boolean, default: false },
+    values_disabled: { type: Array, default: () => [] }
   },
-  change_title: { type: Boolean, default: true },
-  close_on_click: { type: Boolean, default: true },
-  default_select: { type: Number, required: false, default: null },
-  watch_default_change: { type: Boolean, default: true },
-  disabled: { type: Boolean, default: false },
-  return_value: { type: Boolean, default: false },
-  values_disabled: { type: Array, default: () => [] },
-});
-
-var isDisplay = ref(false);
-var searchName = ref("");
-var labelElement: HTMLElement | null;
-var isEllipsisActive = ref(false);
-
-var table_values = ref(props.element_table);
-var selected_item = ref(props.element_table[props.default_select]);
-var selected_number = ref(props.default_select);
-
-const emit = defineEmits(["changeElement", "update:Value"]);
-
-watch(
-  () => props.element_table,
-  (new_element_table: string[]) => {
-    if (props.watch_default_change) {
-      selected_item.value = new_element_table[props.default_select];
-      selected_number.value = props.default_select;
-      emit(
-        "changeElement",
-        props.return_value ? selected_item.value : selected_number.value
-      );
-      emit(
-        "update:Value",
-        props.return_value ? selected_item.value : selected_number.value
-      );
+  emits: ["changeElement", "update:Selection"],
+  setup(props, { emit }) {
+    const isDisplay = ref(false);
+    const searchName = ref("");
+    const labelElement = ref();
+    const isEllipsisActive = ref(false);
+    const table_values = ref(props.element_table);
+    const selected_item = ref(props.element_table[props.default_select]);
+    const selected_number = ref(props.default_select);
+    watch(
+      () => props.element_table,
+      (new_element_table) => {
+        if (props.watch_default_change) {
+          selected_item.value = new_element_table[props.default_select];
+          selected_number.value = props.default_select;
+          emit(
+            "changeElement",
+            props.return_value ? selected_item.value : selected_number.value
+          );
+          emit(
+            "update:Selection",
+            props.return_value ? selected_item.value : selected_number.value
+          );
+        }
+      }
+    );
+    watch(
+      () => props.default_select,
+      (new_default_select) => {
+        if (!props.values_disabled.includes(new_default_select)) {
+          selected_item.value = props.element_table[new_default_select];
+          selected_number.value = new_default_select;
+          emit(
+            "changeElement",
+            props.return_value ? selected_item.value : selected_number.value
+          );
+          emit(
+            "update:Selection",
+            props.return_value ? selected_item.value : selected_number.value
+          );
+        }
+      }
+    );
+    function checkActiveEllipsis() {
+      if (labelElement.value !== null) {
+        if (labelElement.value.offsetWidth < labelElement.value.scrollWidth) {
+          isEllipsisActive.value = true;
+        } else
+          isEllipsisActive.value = false;
+      } else
+        isEllipsisActive.value = false;
     }
-  }
-);
-
-watch(
-  () => props.default_select,
-  (new_default_select: number) => {
-    if (!props.values_disabled.includes(new_default_select)) {
-      selected_item.value = props.element_table[new_default_select];
-      selected_number.value = new_default_select;
-      emit(
-        "changeElement",
-        props.return_value ? selected_item.value : selected_number.value
-      );
-      emit(
-        "update:Value",
-        props.return_value ? selected_item.value : selected_number.value
-      );
+    function add_element(element, index) {
+      if (!props.values_disabled.includes(index)) {
+        selected_item.value = element;
+        selected_number.value = index;
+        if (props.close_on_click === true) {
+          closeDropdown();
+        }
+        emit(
+          "changeElement",
+          props.return_value ? selected_item.value : selected_number.value
+        );
+        emit(
+          "update:Selection",
+          props.return_value ? selected_item.value : selected_number.value
+        );
+      }
     }
-  }
-);
-
-function checkActiveEllipsis() {
-  if (labelElement !== null) {
-    if (labelElement.offsetWidth < labelElement.scrollWidth) {
-      isEllipsisActive.value = true;
-    } else isEllipsisActive.value = false;
-  } else isEllipsisActive.value = false;
-}
-
-function add_element(element: string, index: number) {
-  if (!props.values_disabled.includes(index)) {
-    selected_item.value = element;
-    selected_number.value = index;
-    if (props.close_on_click === true) {
-      close();
+    function closeDropdown() {
+      if (isDisplay.value === true) {
+        isDisplay.value = false;
+        document?.removeEventListener("click", closeDropdown);
+      }
     }
-    emit(
-      "changeElement",
-      props.return_value ? selected_item.value : selected_number.value
-    );
-    emit(
-      "update:Value",
-      props.return_value ? selected_item.value : selected_number.value
-    );
-  }
-}
-
-function close() {
-  if (isDisplay) {
-    isDisplay.value = false;
-    document?.removeEventListener("click", close);
-  }
-}
-
-function filterName() {
-  if (searchName.value !== null) {
-    return props.element_table.filter((element) =>
-      element.toLowerCase().includes(searchName.value.toLowerCase())
-    );
-  }
-  return props.element_table;
-}
-
-function changeDisplay() {
-  if (props.disabled === false) {
-    if (isDisplay.value === true) {
-      isDisplay.value = !isDisplay.value;
-    } else {
-      isDisplay.value = !isDisplay.value;
-      setTimeout(() => {
-        document?.addEventListener("click", close);
-      }, 100);
+    function filterName() {
+      if (searchName.value !== null) {
+        return props.element_table.filter(
+          (element) => element.toLowerCase().includes(searchName.value.toLowerCase())
+        );
+      }
+      return props.element_table;
     }
+    function changeDisplay() {
+      if (props.disabled === false) {
+        if (isDisplay.value === true) {
+          isDisplay.value = !isDisplay.value;
+        } else {
+          isDisplay.value = !isDisplay.value;
+          setTimeout(() => {
+            document?.addEventListener("click", closeDropdown);
+          }, 100);
+        }
+      }
+    }
+    onMounted(() => {
+      if (props.default_select !== null) {
+        add_element(selected_item.value, selected_number.value);
+      }
+      labelElement.value = document?.getElementById(
+        `label_${selected_item.value}`
+      );
+      checkActiveEllipsis();
+    });
+    onUpdated(() => {
+      labelElement.value = document?.getElementById(
+        `label_${selected_item.value}`
+      );
+      checkActiveEllipsis();
+    });
+    onUnmounted(() => {
+      document?.removeEventListener("click", closeDropdown);
+    });
+    return {
+      isDisplay,
+      searchName,
+      labelElement,
+      isEllipsisActive,
+      table_values,
+      selected_item,
+      selected_number,
+      checkActiveEllipsis,
+      add_element,
+      closeDropdown,
+      filterName,
+      changeDisplay
+    };
   }
-}
-
-onMounted(() => {
-  if (props.default_select !== null) {
-    add_element(selected_item.value, selected_number.value);
-  }
-  labelElement = document?.getElementById(`label_${selected_item.value}`);
-  checkActiveEllipsis();
-});
-onUpdated(() => {
-  labelElement = document?.getElementById(`label_${selected_item.value}`);
-  checkActiveEllipsis();
-});
-onUnmounted(() => {
-  document?.removeEventListener("click", close);
 });
 </script>
 

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

@@ -1,4 +1,140 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    element_table: {
+        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;
+        };
+        required: true;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filter_placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    change_title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    close_on_click: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    default_select: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    watch_default_change: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    values_disabled: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}, {
+    isDisplay: import("vue").Ref<boolean>;
+    searchName: import("vue").Ref<string>;
+    labelElement: import("vue").Ref<any>;
+    isEllipsisActive: import("vue").Ref<boolean>;
+    table_values: import("vue").Ref<string[]>;
+    selected_item: import("vue").Ref<string>;
+    selected_number: import("vue").Ref<number>;
+    checkActiveEllipsis: () => void;
+    add_element: (element: string, index: number) => void;
+    closeDropdown: () => void;
+    filterName: () => string[];
+    changeDisplay: () => void;
+}, 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<{
+    element_table: {
+        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;
+        };
+        required: true;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filter_placeholder: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    change_title: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    close_on_click: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    default_select: {
+        type: NumberConstructor;
+        required: false;
+        default: null;
+    };
+    watch_default_change: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    values_disabled: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>> & {
+    onChangeElement?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+}, {
+    return_value: boolean;
+    disabled: boolean;
+    search: boolean;
+    filter_placeholder: string;
+    change_title: boolean;
+    close_on_click: boolean;
+    default_select: number;
+    watch_default_change: boolean;
+    values_disabled: unknown[];
+}, {}>;
 export default _default;