@tekkare/auriga 0.1.7 → 0.1.9

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.7"
+  "version": "0.1.9"
 }

package/dist/runtime/components/argActions.vue

@@ -0,0 +1,120 @@
+<template>
+  <div
+    :class="
+      actionType === 'download' || actionType === 'see-analysis'
+        ? 'download_action'
+        : actionType === 'cancel'
+        ? 'cancel_action'
+        : actionType === 'scope' || actionType === 'save-analysis'
+        ? 'scope_action'
+        : ''
+    "
+    @click="sendAction()"
+  >
+    {{ getActionText }}
+  </div>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argMultipleSelect",
+  props: {
+    actionType: {
+      type: String,
+      required: true
+    },
+    actionText: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["onDownload", "onScope", "onCancel"],
+  setup(props, { emit }) {
+    const getActionText = computed(() => {
+      if (!props.actionText) {
+        let finalText = "";
+        switch (props.actionType) {
+          case "cancel":
+            finalText = "Cancel";
+            break;
+          case "scope":
+            finalText = "My scope";
+            break;
+          case "see-analysis":
+            finalText = "Go to analysis";
+            break;
+          case "save-analysis":
+            finalText = "Save and continue";
+            break;
+          case "download":
+            finalText = "Download all";
+        }
+        return finalText;
+      } else
+        return props.actionText;
+    });
+    function sendAction() {
+      switch (props.actionType) {
+        case "cancel":
+          emit("onCancel");
+          break;
+        case "scope":
+          emit("onScope");
+          break;
+        case "download":
+          emit("onDownload");
+      }
+    }
+    return {
+      getActionText,
+      sendAction
+    };
+  }
+});
+</script>
+
+<style scoped>
+.download_action {
+  color: var(--primary-primary, #2176ff);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  cursor: pointer;
+}
+
+.cancel_action {
+  display: flex;
+  padding: 6px;
+  align-items: center;
+  gap: 6px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  cursor: pointer;
+}
+
+.scope_action {
+  cursor: pointer;
+  display: flex;
+  padding: var(--s, 8px) var(--m, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: var(--s, 8px);
+  border-radius: 16px;
+  background: var(--primary-primary, #2176ff);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  color: var(--pure-white);
+}
+</style>

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    actionType: {
+        type: StringConstructor;
+        required: true;
+    };
+    actionText: {
+        type: StringConstructor;
+        default: null;
+    };
+}, {
+    getActionText: import("vue").ComputedRef<string>;
+    sendAction: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onScope" | "onCancel")[], "onDownload" | "onScope" | "onCancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actionType: {
+        type: StringConstructor;
+        required: true;
+    };
+    actionText: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & {
+    onOnDownload?: ((...args: any[]) => any) | undefined;
+    onOnScope?: ((...args: any[]) => any) | undefined;
+    onOnCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    actionText: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argChart.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="prmt_chart">
+  <div class="prmt_chart" :class="`${type}_arg_chart`">
     <h1 class="prmt_chart_title"><slot name="title" /></h1>
     <div class="prmt_chart_source"><slot name="source" /></div>
     <client-only>
@@ -386,7 +386,7 @@ export default defineComponent({
         props.options["plotOptions"] = {
           bar: {
             horizontal: true,
-            borderRadius: 2,
+            borderRadius: 6,
             barHeight: "50%",
             colors: { backgroundBarOpacity: 1 },
             dataLabels: { position: "top", hideOverflowingLabels: true },
@@ -443,7 +443,7 @@ export default defineComponent({
         props.options["plotOptions"] = {
           bar: {
             horizontal: true,
-            borderRadius: 2,
+            borderRadius: 6,
             barHeight: "50%",
             colors: { backgroundBarOpacity: 1 },
             dataLabels: { position: "top", hideOverflowingLabels: true },
@@ -685,7 +685,41 @@ export default defineComponent({
   position: initial;
 }
 
-.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path {
+.prmt_chart.bar_arg_chart
+  > .vue-apexcharts
+  > .apexcharts-canvas
+  > svg
+  > .apexcharts-inner
+  > .apexcharts-bar-series.apexcharts-plot-series
+  .apexcharts-series
+  path,
+.prmt_chart.bar-column_arg_chart
+  > .vue-apexcharts
+  > .apexcharts-canvas
+  > svg
+  > .apexcharts-inner
+  > .apexcharts-bar-series.apexcharts-plot-series
+  .apexcharts-series
+  path {
   clip-path: inset(0% 0% -11% 0% round 6px) !important;
 }
+
+.prmt_chart.bar-horizontal-group_arg_chart
+  > .vue-apexcharts
+  > .apexcharts-canvas
+  > svg
+  > .apexcharts-inner
+  > .apexcharts-bar-series.apexcharts-plot-series
+  .apexcharts-series
+  path,
+.prmt_chart.bar-horizontal_arg_chart
+  > .vue-apexcharts
+  > .apexcharts-canvas
+  > svg
+  > .apexcharts-inner
+  > .apexcharts-bar-series.apexcharts-plot-series
+  .apexcharts-series
+  path {
+  clip-path: inset(0% 0% 0% -11% round 6px) !important;
+}
 </style>

package/dist/runtime/components/argChartTableCard.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="oip_table_card">
+    <div class="table_card_header">
+      <slot name="Chart" />
+    </div>
+    <slot name="Table" />
+  </div>
+</template>
+
+<script>
+import {
+  onMounted,
+  ref,
+  computed,
+  defineProps,
+  defineEmits,
+  defineComponent,
+} from "vue";
+
+export default defineComponent({
+  name: "argChartTableCard",
+});
+</script>
+
+<style scoped>
+.table_card_header {
+  padding: 0px 24px;
+  margin-bottom: 24px;
+}
+</style>

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

@@ -0,0 +1,2 @@
+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/argCheckbox.vue

@@ -5,8 +5,9 @@
     @focusout="selectOption = false"
     tabindex="0"
     :class="selectOption ? 'open' : ''"
+    @click="selectFilter()"
   >
-    <div @click="selectFilter()">
+    <div>
       <arg-icon
         :name="iconFilter"
         :class="[
@@ -22,6 +23,7 @@
     <arg-tooltip
       v-if="infoIcon"
       :tooltip-text="tooltipText"
+      :dir="tooltipDir"
       class="filter_tooltip flex"
     >
       <arg-icon name="Info" color="var(--cool-grey)" size="16" />
@@ -31,6 +33,7 @@
 
 <script>
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
 import {
   ref,
   computed,
@@ -39,7 +42,7 @@ import {
 } from "vue";
 export default defineComponent({
   name: "argCheckbox",
-  components: { argIcon },
+  components: { argIcon, argTooltip },
   props: {
     filterTitle: {
       type: String,
@@ -60,9 +63,13 @@ export default defineComponent({
     disable: {
       type: Boolean,
       default: false
+    },
+    tooltipDir: {
+      type: String,
+      default: "top"
     }
   },
-  emits: ["handleClick", "update:Click"],
+  emits: ["handleClick", "update:Check"],
   setup(props, { emit }) {
     const returnValue = ref(false);
     const selectOption = ref(false);
@@ -97,7 +104,7 @@ export default defineComponent({
       if (!props.disable) {
         returnValue.value = !returnValue.value;
         emit("handleClick", returnValue);
-        emit("update:Click", returnValue);
+        emit("update:Check", returnValue);
       }
     }
     return {
@@ -125,6 +132,7 @@ export default defineComponent({
   line-height: 16px;
   height: 40px;
   width: 228px;
+  cursor: pointer;
 }
 .filter_tooltip {
   margin-left: auto !important;
@@ -133,10 +141,10 @@ export default defineComponent({
 .filter_icon_check {
   cursor: pointer;
 }
-.filter_icon_select:hover {
+.filter_box:hover .filter_icon_select {
   color: var(--primary) !important;
 }
-.filter_icon_check:hover {
+.filter_box:hover .filter_icon_check {
   color: var(--primary-hover2) !important;
 }
 .disable {

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

@@ -19,13 +19,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipDir: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     iconFilter: import("vue").ComputedRef<"MinusSquareDisable" | "CheckSquareFill" | "Square">;
     iconColor: import("vue").ComputedRef<"var(--wild-blue-yonder)" | "var(--independence)" | "var(--accent)">;
     selectFilter: () => void;
     selectOption: import("vue").Ref<boolean>;
     returnValue: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleClick" | "update:Click")[], "handleClick" | "update:Click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleClick" | "update:Check")[], "handleClick" | "update:Check", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     filterTitle: {
         type: StringConstructor;
         required: true;
@@ -46,13 +50,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipDir: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onHandleClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:Click"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Check"?: ((...args: any[]) => any) | undefined;
 }, {
     disable: boolean;
     tooltipText: string;
     infoIcon: boolean;
     defaultSelect: boolean;
+    tooltipDir: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argComplexSelect.vue

@@ -193,7 +193,7 @@ import argBtn from "./argBtn.vue";
 import argIcon from "./argIcon.vue";
 import argDataLoader from "./argDataLoader.vue";
 import {
-  onBeforeMount,
+  onMounted,
   ref,
   computed,
   watch,
@@ -239,7 +239,7 @@ export default defineComponent({
     const hoverAdd = ref(null);
     const hoverRemove = ref(null);
     const reachMax = ref(false);
-    onBeforeMount(() => {
+    onMounted(() => {
       del_table.value = Object.assign([], [...new Set(props.already_selected)]);
       add_table.value = Object.assign(
         [],

package/dist/runtime/components/argDataLoader.vue

@@ -2,8 +2,8 @@
   <div class="oip_data_loader_container">
     <div class="oip_data_loader">
       <div class="oip_data_loader_text_group">
-        <h1 class="oip_data_loader_title">Doing data science</h1>
-        <h2 class="oip_data_loader_subtitle">Thanks for waiting</h2>
+        <h1 class="oip_data_loader_title">{{ text }}</h1>
+        <h2 class="oip_data_loader_subtitle">{{ subText }}</h2>
       </div>
       <div class="oip_data_loader_background_container">
         <arg-icon
@@ -51,7 +51,17 @@ import {
 import argIcon from "./argIcon.vue";
 export default defineComponent({
   name: "argDataLoader",
-  components: { argIcon }
+  components: { argIcon },
+  props: {
+    text: {
+      type: String,
+      default: "Doing data science"
+    },
+    subText: {
+      type: String,
+      default: "Thanks for waiting"
+    }
+  }
 });
 </script>
 

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

@@ -1,2 +1,23 @@
-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<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    subText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    subText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+    subText: string;
+}, {}>;
 export default _default;

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

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     onPreview: () => void;
     onDownload: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onPreview" | "onDownload")[], "onPreview" | "onDownload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onPreview")[], "onDownload" | "onPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fileType: {
         type: StringConstructor;
         required: false;
@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onOnPreview?: ((...args: any[]) => any) | undefined;
     onOnDownload?: ((...args: any[]) => any) | undefined;
+    onOnPreview?: ((...args: any[]) => any) | undefined;
 }, {
     download: boolean;
     preview: boolean;

package/dist/runtime/components/argFilterCard.vue

@@ -8,7 +8,14 @@
       <div class="oip_row v-center gap-8">
         <p class="filters_title">Filters</p>
         <div class="filters_amount">{{ filters_amount }}</div>
-        <p class="filters_clear" @click.stop="clear()">Clear all</p>
+        <p
+          v-if="saveScope && filtersOpen"
+          class="filters_save"
+          @click.stop="save()"
+        >
+          {{ saveScopeMsg }}
+        </p>
+        <p class="filters_clear" @click.stop="clear()">{{ clearMsg }}</p>
       </div>
       <div class="oip_row v-center gap-8">
         <arg-icon
@@ -22,8 +29,9 @@
       </div>
     </div>
     <div class="filters_section" @click.stop>
-      <div class="filters_row oip_row v-center gap-16 wrap">
-        <slot />
+      <slot name="Search" />
+      <div class="filters_row oip_row v-center gap-16 full-width wrap">
+        <slot name="Filters" />
       </div>
     </div>
   </div>
@@ -37,17 +45,24 @@ import {
 export default defineComponent({
   name: "argFilterCard",
   props: {
-    filters_amount: { type: Number, default: 0 }
+    filters_amount: { type: Number, default: 0 },
+    saveScope: { type: Boolean, default: true },
+    clearMsg: { type: String, default: "Clear all" },
+    saveScopeMsg: { type: String, default: "Save scope" }
   },
-  emits: ["clearFilters"],
+  emits: ["clearFilters", "saveScope"],
   setup(props, { emit }) {
     const filtersOpen = ref(false);
     function clear() {
       emit("clearFilters");
     }
+    function save() {
+      emit("saveScope");
+    }
     return {
       filtersOpen,
-      clear
+      clear,
+      save
     };
   }
 });
@@ -66,6 +81,7 @@ export default defineComponent({
   backdrop-filter: blur(12px);
   transition: all ease 0.7s;
   cursor: pointer;
+  z-index: 98;
 }
 
 .filter_card {
@@ -111,20 +127,33 @@ export default defineComponent({
   border: 1px solid var(--base-dividers, #ececf2);
 }
 
-.filters_clear {
+.filters_clear,
+.filters_save {
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-decoration-line: underline;
-  color: var(--system-alert, #ef4444);
   cursor: pointer;
 }
 
+.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 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+}
 </style>

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

@@ -3,17 +3,46 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    saveScope: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    saveScopeMsg: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     filtersOpen: import("vue").Ref<boolean>;
     clear: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clearFilters"[], "clearFilters", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    save: () => 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;
         default: number;
     };
+    saveScope: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    saveScopeMsg: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onClearFilters?: ((...args: any[]) => any) | undefined;
+    onSaveScope?: ((...args: any[]) => any) | undefined;
 }, {
+    saveScope: boolean;
     filters_amount: number;
+    clearMsg: string;
+    saveScopeMsg: string;
 }, {}>;
 export default _default;