@tekkare/auriga 0.1.0 → 0.1.3

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

@@ -1,4 +1,90 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    placeHolderValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    customShortcuts: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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;
+    handleDelete: () => void;
+    removeTag: (tagIndex: any) => void;
+    selectSearch: (item: any) => void;
+    emptySearch: () => void;
+    getKeyword: (keyword: string) => string | undefined;
+    handleDuplicate: (tag: any) => void;
+    addTag: () => void;
+    resetSearch: () => void;
+    selectTag: (index: number, direction: number) => void;
+    addToSearch: (search: string, textValue: string) => void;
+    shortcutColor: (shortcut: string) => "var(--independence)" | "var(--pure-white)";
+    shortcutSelect: (dir: string) => void;
+    typing: import("vue").Ref<boolean>;
+    shortcuts: import("vue").Ref<{
+        keyword: string;
+        value: string;
+        symbol: string;
+    }[]>;
+    hoverShortcut: import("vue").Ref<string>;
+    selectedShortcut: import("vue").Ref<string>;
+    searchedWords: import("vue").Ref<never[]>;
+    closeIndex: import("vue").Ref<any>;
+    value: import("vue").Ref<string>;
+    selectedTag: import("vue").Ref<any>;
+    duplicate: import("vue").Ref<string>;
+    searchBar: import("vue").Ref<any>;
+    tagsSection: import("vue").Ref<any>;
+    shortcutIndex: import("vue").Ref<number>;
+    removeSelected: import("vue").Ref<boolean>;
+    hoverTag: import("vue").Ref<any>;
+    showInfo: import("vue").Ref<any>;
+    regexSearch: RegExp;
+    iconColor: import("vue").ComputedRef<"var(--primary)" | "var(--wild-blue-yonder)">;
+    hasShortcut: import("vue").ComputedRef<boolean>;
+    infoHeight: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose")[], "update:Value" | "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeHolderValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    customShortcuts: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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;
+}, {
+    placeHolderValue: string;
+    customShortcuts: any[];
+}, {}>;
 export default _default;

package/dist/runtime/components/argBtn.vue

@@ -1,4 +1,5 @@
 <template>
+  <client-only><arg-style /></client-only>
   <div>
     <div
       v-if="onlyIcon === false"
@@ -6,6 +7,7 @@
         `oip_${btnStyle}_button oip_btn ` +
         [becomeSmall === true ? 'prmt_button_big' : '']
       "
+      @click="send()"
     >
       <span :class="{ oip_button_is_loading: loading }" class="oip_button_flex">
         <span v-if="prefixIcon">
@@ -25,7 +27,6 @@
         </div>
       </span>
     </div>
-
     <div
       v-if="becomeSmall === true || onlyIcon === true"
       :class="
@@ -50,47 +51,55 @@
     </div>
   </div>
 </template>
+
 <script>
-export default {
-  name: "argBtn"
-};
-</script>
-<script setup lang="ts">
 import argIcon from "./argIcon.vue";
-import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
-
-const btnProps = defineProps({
-  btnStyle: { type: String, default: "primary" },
-  becomeSmall: { type: Boolean, default: true },
-  icon: { type: String, default: "Spinner" },
-  onlyIcon: { type: Boolean, default: false },
-  prefixIcon: { type: String, default: null },
-  suffixIcon: { type: String, default: null },
-  loading: { type: Boolean, default: false },
-});
-
-const getIconColor = computed(() => {
-  const finalColor = ref("");
-  if (
-    ["primary", "tertiary", "terciary", "dark", "green", "red"].includes(
-      btnProps.btnStyle
-    )
-  ) {
-    finalColor.value = "var(--pure-white)";
-  } else if (btnProps.btnStyle === "secondary") {
-    finalColor.value = "var(--wild-blue-yonder)";
-  } else if (btnProps.btnStyle === "outlined") {
-    finalColor.value = "var(--primary)";
-  } else if (btnProps.btnStyle === "skeleton") {
-    finalColor.value = "var(--independence)";
-  } else if (btnProps.btnStyle === "disable") {
-    finalColor.value = "var(--cool-grey)";
-  } else if (btnProps.btnStyle === "success") {
-    finalColor.value = "var(--system-success)";
-  } else if (btnProps.btnStyle === "warning") {
-    finalColor.value = "var(--system-alert)";
+import argStyle from "./argStyle.vue";
+import {
+  ref,
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argBtn",
+  components: { argIcon, argStyle },
+  props: {
+    btnStyle: { type: String, default: "primary" },
+    becomeSmall: { type: Boolean, default: true },
+    icon: { type: String, default: "Spinner" },
+    onlyIcon: { type: Boolean, default: false },
+    prefixIcon: { type: String, default: null },
+    suffixIcon: { type: String, default: null },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["onClick"],
+  setup(props, { emit }) {
+    const getIconColor = computed(() => {
+      const finalColor = ref("");
+      if (["primary", "tertiary", "terciary", "dark", "green", "red"].includes(
+        props.btnStyle
+      )) {
+        finalColor.value = "var(--pure-white)";
+      } else if (props.btnStyle === "secondary") {
+        finalColor.value = "var(--wild-blue-yonder)";
+      } else if (props.btnStyle === "outlined") {
+        finalColor.value = "var(--primary)";
+      } else if (props.btnStyle === "skeleton") {
+        finalColor.value = "var(--independence)";
+      } else if (props.btnStyle === "disable") {
+        finalColor.value = "var(--cool-grey)";
+      } else if (props.btnStyle === "success") {
+        finalColor.value = "var(--system-success)";
+      } else if (props.btnStyle === "warning") {
+        finalColor.value = "var(--system-alert)";
+      }
+      return finalColor.value;
+    });
+    function send() {
+      emit("onClick");
+    }
+    return { getIconColor, send };
   }
-  return finalColor.value;
 });
 </script>
 

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

@@ -1,4 +1,73 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    btnStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    becomeSmall: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    getIconColor: import("vue").ComputedRef<string>;
+    send: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    btnStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    becomeSmall: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnClick?: ((...args: any[]) => any) | undefined;
+}, {
+    btnStyle: string;
+    becomeSmall: boolean;
+    icon: string;
+    onlyIcon: boolean;
+    prefixIcon: string;
+    suffixIcon: string;
+    loading: boolean;
+}, {}>;
 export default _default;