@tekkare/auriga 0.1.0 → 0.1.4

package/dist/runtime/components/argMultipleChoice.vue

@@ -16,90 +16,96 @@
     </div>
   </div>
 </template>
+
 <script>
-export default {
-  name: "argMultipleChoice"
-};
-</script>
 import argIcon from "./argIcon.vue";
-<script setup lang="ts">
-import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
-const props = defineProps({
-  element_table: {
-    type: Array,
-    required: true,
-  },
-  default_select: {
-    type: Array,
-    default: () => [],
-  },
-  dir: {
-    type: String,
-    default: "column",
+import {
+  ref,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argMultipleChoice",
+  components: { argIcon },
+  props: {
+    element_table: {
+      type: Array,
+      required: true
+    },
+    default_select: {
+      type: Array,
+      default: () => []
+    },
+    dir: {
+      type: String,
+      default: "column"
+    },
+    return_value: {
+      type: Boolean,
+      default: false
+    }
   },
-  return_value: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const intArray: number[] = [];
-const stringArray: string[] = [];
-let selectedInts = ref(intArray);
-let selectedString = ref(stringArray);
-const emit = defineEmits(["changeElement", "update:Array"]);
-
-function isSelected(index: number, option: string) {
-  if (
-    selectedInts.value?.includes(index) ||
-    selectedString.value?.includes(option)
-  ) {
-    return true;
-  } else return false;
-}
-function getIcon(index: number, option: string) {
-  if (
-    selectedInts.value.includes(index) ||
-    selectedString.value.includes(option)
-  ) {
-    return "CheckSquareFill";
-  } else return "Square";
-}
-function getColor(index: number, option: string) {
-  if (
-    selectedInts.value.includes(index) ||
-    selectedString.value.includes(option)
-  ) {
-    return "var(--primary)";
-  } else return "var(--lavendar-grey)";
-}
-
-function updateSelection(index: number, option: string) {
-  var selected = props.return_value ? selectedString.value : selectedInts.value;
-  if (props.return_value) {
-    if (selectedString.value.includes(option)) {
-      selectedString.value.splice(
-        selected.findIndex((a) => a === option),
-        1
+  emits: ["changeElement", "update:Selection"],
+  setup(props, { emit }) {
+    const intArray = [];
+    const stringArray = [];
+    let selectedInts = ref(intArray);
+    let selectedString = ref(stringArray);
+    function isSelected(index, option) {
+      if (selectedInts.value?.includes(index) || selectedString.value?.includes(option)) {
+        return true;
+      } else
+        return false;
+    }
+    function getIcon(index, option) {
+      if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
+        return "CheckSquareFill";
+      } else
+        return "Square";
+    }
+    function getColor(index, option) {
+      if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
+        return "var(--primary)";
+      } else
+        return "var(--lavendar-grey)";
+    }
+    function updateSelection(index, option) {
+      let selected = props.return_value ? selectedString.value : selectedInts.value;
+      if (props.return_value) {
+        if (selectedString.value.includes(option)) {
+          selectedString.value.splice(
+            selected.findIndex((a) => a === option),
+            1
+          );
+        } else
+          selectedString.value.push(option);
+      } else {
+        if (selectedInts.value.includes(index)) {
+          selectedInts.value.splice(
+            selected.findIndex((a) => a === index),
+            1
+          );
+        } else
+          selectedInts.value.push(index);
+      }
+      emit(
+        "changeElement",
+        props.return_value ? selectedString.value : selectedInts.value
       );
-    } else selectedString.value.push(option);
-  } else {
-    if (selectedInts.value.includes(index)) {
-      selectedInts.value.splice(
-        selected.findIndex((a) => a === index),
-        1
+      emit(
+        "update:Selection",
+        props.return_value ? selectedString.value : selectedInts.value
       );
-    } else selectedInts.value.push(index);
+    }
+    return {
+      updateSelection,
+      getColor,
+      getIcon,
+      isSelected,
+      selectedInts,
+      selectedString
+    };
   }
-  emit(
-    "changeElement",
-    props.return_value ? selectedString.value : selectedInts.value
-  );
-  emit(
-    "update:Array",
-    props.return_value ? selectedString.value : selectedInts.value
-  );
-}
+});
 </script>
 
 <style scoped>

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

@@ -1,4 +1,50 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    element_table: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    default_select: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    updateSelection: (index: number, option: string) => void;
+    getColor: (index: number, option: string) => "var(--primary)" | "var(--lavendar-grey)";
+    getIcon: (index: number, option: string) => "CheckSquareFill" | "Square";
+    isSelected: (index: number, option: string) => boolean;
+    selectedInts: import("vue").Ref<number[]>;
+    selectedString: import("vue").Ref<string[]>;
+}, 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: ArrayConstructor;
+        required: true;
+    };
+    default_select: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    return_value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChangeElement?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
+}, {
+    return_value: boolean;
+    default_select: unknown[];
+    dir: string;
+}, {}>;
 export default _default;

package/dist/runtime/components/argNoData.vue

@@ -5,33 +5,36 @@
     <p class="no-data-sub-title">{{ subText }}</p>
   </div>
 </template>
+
 <script>
-export default {
-  name: "argNoData"
-};
-</script>
-<script setup lang="ts">
-import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
-const props = defineProps({
-  text: {
-    type: String,
-    required: false,
-    default: "Hmmm... there's no activity to report yet.",
-  },
-  subText: {
-    type: String,
-    default: "Start browsing content by clicking on filters.",
+import {
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  props: {
+    text: {
+      type: String,
+      required: false,
+      default: "Hmmm... there's no activity to report yet."
+    },
+    subText: {
+      type: String,
+      default: "Start browsing content by clicking on filters."
+    }
   },
-});
-
-var link = computed(() => {
-  const links = [
-    "https://rcd-media.com/synapps/fda/empty-box.svg",
-    "https://rcd-media.com/synapps/fda/sad-ghost.svg",
-    "https://rcd-media.com/synapps/fda/sad-box.svg",
-  ];
-  const random = Math.floor(Math.random() * links.length);
-  return links[random];
+  setup() {
+    const link = computed(() => {
+      const links = [
+        "https://rcd-media.com/synapps/fda/empty-box.svg",
+        "https://rcd-media.com/synapps/fda/sad-ghost.svg",
+        "https://rcd-media.com/synapps/fda/sad-box.svg"
+      ];
+      const random = Math.floor(Math.random() * links.length);
+      return links[random];
+    });
+    return { link };
+  }
 });
 </script>
 

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

@@ -1,4 +1,27 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    subText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    link: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    subText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+    subText: string;
+}, {}>;
 export default _default;

package/dist/runtime/components/argSearchInput.vue

@@ -21,46 +21,48 @@
   </div>
 </template>
 <script>
-export default {
-  name: "argSearchInput"
-};
-</script>
-<script setup lang="ts">
 import argIcon from "./argIcon.vue";
-import { onMounted, ref, computed, defineProps, defineEmits, watch } from "vue";
-const props = defineProps({
-  placeHolderValue: {
-    type: String,
-    default: "Search here...",
-  },
-  value: {
-    type: String,
-    default: "",
+import {
+  ref,
+  watch,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argSearchInput",
+  components: { argIcon },
+  props: {
+    placeHolderValue: {
+      type: String,
+      default: "Search here..."
+    },
+    value: {
+      type: String,
+      default: "",
+      required: true
+    }
   },
-});
-
-const emit = defineEmits(["update:Value", "submitSearch"]);
-
-var searchValue = ref(props.value);
-
-watch(
-  () => props.value,
-  (new_value: string) => {
-    searchValue.value = new_value;
+  emits: ["update:Value", "submitSearch"],
+  setup(props, { emit }) {
+    const searchValue = ref(props.value);
+    watch(
+      () => props.value,
+      (new_value) => {
+        searchValue.value = new_value;
+      }
+    );
+    function changeInput(event) {
+      emit("update:Value", event.target.value);
+    }
+    function submitSearch() {
+      emit("submitSearch");
+    }
+    function clearValue() {
+      searchValue.value = "";
+      emit("update:Value", searchValue.value);
+    }
+    return { searchValue, changeInput, submitSearch, clearValue };
   }
-);
-
-function changeInput(event: Event) {
-  emit("update:Value", event.target.value);
-}
-function submitSearch() {
-  emit("submitSearch");
-}
-
-function clearValue() {
-  searchValue.value = "";
-  emit("update:Value", searchValue.value);
-}
+});
 </script>
 <style scoped>
 .filters_input_search {

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

@@ -1,4 +1,33 @@
-declare const _default: {
-    name: string;
-};
+declare const _default: import("vue").DefineComponent<{
+    placeHolderValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+}, {
+    searchValue: import("vue").Ref<string>;
+    changeInput: (event: Event) => void;
+    submitSearch: () => void;
+    clearValue: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch")[], "update:Value" | "submitSearch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeHolderValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+}>> & {
+    "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
+    onSubmitSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string;
+    placeHolderValue: string;
+}, {}>;
 export default _default;

package/dist/runtime/components/argSimpleLabel.vue

@@ -6,19 +6,21 @@
     <arg-icon class="oip_select_caret_down" name="CaretDown"></arg-icon>
   </div>
 </template>
+
 <script>
-export default {
-  name: "argSimpleLabel"
-};
-</script>
-<script setup lang="ts">
 import argIcon from "./argIcon.vue";
-import { onMounted, ref, computed, defineProps, defineEmits } from "vue";
-const props = defineProps({
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argSimpleLabel",
+  components: { argIcon },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  }
 });
 </script>
 

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

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

package/dist/runtime/components/argStyle.vue

@@ -1,8 +1,13 @@
-<template></template>
+<template>
+  <div />
+</template>
 <script>
-export default {
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
   name: "argStyle"
-};
+});
 </script>
 <style>
 @import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@@ -627,6 +632,9 @@ button {
 }
 .oip_button_loading {
   position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   left: 0;
   right: 0;
 }

package/dist/runtime/components/argStyle.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;