@tekkare/auriga 0.1.8 → 0.1.10

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

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    iconNames: string[];
+    searchIcon: import("vue").Ref<string>;
+    filteredIcon: import("vue").ComputedRef<string[]>;
+}, {}, {}, {}, 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/argActions.vue

@@ -0,0 +1,150 @@
+<template>
+  <div
+    :class="
+      actionType === 'download' || actionType === 'see-analysis'
+        ? 'download_action'
+        : actionType === 'cancel' || actionType === 'close'
+        ? 'cancel_action'
+        : actionType === 'scope' || actionType === 'save-analysis'
+        ? 'scope_action'
+        : ''
+    "
+    @click="sendAction()"
+  >
+    <p>{{ getActionText }}</p>
+  </div>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argMultipleSelect",
+  props: {
+    actionType: {
+      type: String,
+      required: true
+    },
+    actionText: {
+      type: String,
+      default: null
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: [
+    "onDownload",
+    "onScope",
+    "onCancel",
+    "onClose",
+    "onSeeAnalysis",
+    "onSaveAnalysis"
+  ],
+  setup(props, { emit }) {
+    const getActionText = computed(() => {
+      if (!props.actionText) {
+        let finalText = "";
+        switch (props.actionType) {
+          case "cancel":
+            finalText = props.lang === "fr" ? "Annuler" : "Cancel";
+            break;
+          case "scope":
+            finalText = props.lang === "fr" ? "Mon scope" : "My scope";
+            break;
+          case "see-analysis":
+            finalText = props.lang === "fr" ? "Voir l'analyse" : "Go to analysis";
+            break;
+          case "save-analysis":
+            finalText = props.lang === "fr" ? "Sauvergader et continuer " : "Save and continue";
+            break;
+          case "download":
+            finalText = props.lang === "fr" ? "Tout t\xE9l\xE9charger" : "Download all";
+            break;
+          case "close":
+            finalText = props.lang === "fr" ? "Fermer" : "Close";
+        }
+        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");
+          break;
+        case "see-analysis":
+          emit("onSeeAnalysis");
+          break;
+        case "save-analysis":
+          emit("onSaveAnalysis");
+          break;
+        case "close":
+          emit("onClose");
+      }
+    }
+    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;
+}
+
+.cancel_action:hover {
+  background: var(--background) !important;
+}
+
+.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: 8px;
+  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,43 @@
+declare const _default: import("vue").DefineComponent<{
+    actionType: {
+        type: StringConstructor;
+        required: true;
+    };
+    actionText: {
+        type: StringConstructor;
+        default: null;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    getActionText: import("vue").ComputedRef<string>;
+    sendAction: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onScope" | "onCancel" | "onClose" | "onSeeAnalysis" | "onSaveAnalysis")[], "onDownload" | "onScope" | "onCancel" | "onClose" | "onSeeAnalysis" | "onSaveAnalysis", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actionType: {
+        type: StringConstructor;
+        required: true;
+    };
+    actionText: {
+        type: StringConstructor;
+        default: null;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onOnDownload?: ((...args: any[]) => any) | undefined;
+    onOnScope?: ((...args: any[]) => any) | undefined;
+    onOnCancel?: ((...args: any[]) => any) | undefined;
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onOnSeeAnalysis?: ((...args: any[]) => any) | undefined;
+    onOnSaveAnalysis?: ((...args: any[]) => any) | undefined;
+}, {
+    actionText: string;
+    lang: string;
+}, {}>;
+export default _default;

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

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "update:Value")[], "onClose" | "update:Value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     placeHolderValue: {
         type: StringConstructor;
         default: string;
@@ -81,8 +81,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
 }>> & {
-    "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
 }, {
     placeHolderValue: string;
     customShortcuts: any[];

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

@@ -1,36 +1,42 @@
 <template>
-  <div
-    class="filter_box"
-    @focus="selectOption = true"
-    @focusout="selectOption = false"
-    tabindex="0"
-    :class="selectOption ? 'open' : ''"
-  >
-    <div @click="selectFilter()">
-      <arg-icon
-        :name="iconFilter"
-        :class="[
-          'flex',
-          returnValue ? 'filter_icon_check' : 'filter_icon_select',
-          disable ? 'disable' : 'filter_icon_select',
-        ]"
-        size="24"
-        :color="iconColor"
-      />
-    </div>
-    <p>{{ filterTitle }}</p>
-    <arg-tooltip
-      v-if="infoIcon"
-      :tooltip-text="tooltipText"
-      class="filter_tooltip flex"
+  <div class="oip_select_display">
+    <p class="oip_filter_label">{{ checkbox_label }}</p>
+    <div
+      class="filter_box"
+      @focus="selectOption = true"
+      @focusout="selectOption = false"
+      tabindex="0"
+      :class="selectOption ? 'open' : ''"
+      @click="selectFilter()"
     >
-      <arg-icon name="Info" color="var(--cool-grey)" size="16" />
-    </arg-tooltip>
+      <div>
+        <arg-icon
+          :name="iconFilter"
+          :class="[
+            'flex',
+            returnValue ? 'filter_icon_check' : 'filter_icon_select',
+            disable ? 'disable' : 'filter_icon_select',
+          ]"
+          size="24"
+          :color="iconColor"
+        />
+      </div>
+      <p>{{ filterTitle }}</p>
+      <arg-tooltip
+        v-if="infoIcon"
+        :tooltip-text="tooltipText"
+        :dir="tooltipDir"
+        class="filter_tooltip flex"
+      >
+        <arg-icon name="QuestionFill" color="var(--cool-grey)" size="16" />
+      </arg-tooltip>
+    </div>
   </div>
 </template>
 
 <script>
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
 import {
   ref,
   computed,
@@ -39,7 +45,7 @@ import {
 } from "vue";
 export default defineComponent({
   name: "argCheckbox",
-  components: { argIcon },
+  components: { argIcon, argTooltip },
   props: {
     filterTitle: {
       type: String,
@@ -60,9 +66,17 @@ export default defineComponent({
     disable: {
       type: Boolean,
       default: false
+    },
+    tooltipDir: {
+      type: String,
+      default: "top"
+    },
+    checkbox_label: {
+      type: String,
+      required: true
     }
   },
-  emits: ["handleClick", "update:Click"],
+  emits: ["handleClick", "update:Check"],
   setup(props, { emit }) {
     const returnValue = ref(false);
     const selectOption = ref(false);
@@ -97,7 +111,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 +139,7 @@ export default defineComponent({
   line-height: 16px;
   height: 40px;
   width: 228px;
+  cursor: pointer;
 }
 .filter_tooltip {
   margin-left: auto !important;
@@ -133,10 +148,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,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipDir: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkbox_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
-    iconFilter: import("vue").ComputedRef<"MinusSquareDisable" | "CheckSquareFill" | "Square">;
+    iconFilter: import("vue").ComputedRef<"CheckSquareFill" | "MinusSquareDisable" | "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 +54,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipDir: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkbox_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     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/argCircleAmount.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="filters_amount">
+    {{ amount }}
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argCircleAmount",
+  props: {
+    amount: {
+      type: [Number, String],
+      required: true
+    }
+  }
+});
+</script>
+<style scoped>
+.filters_amount {
+  display: flex;
+  padding: 2px 8px;
+
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  border-radius: 16px;
+  border: 1px solid var(--base-dividers, #ececf2);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    amount: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    amount: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

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/argDropdownSelect.vue

@@ -10,11 +10,13 @@
       >
         <arg-tooltip
           class="full_width"
-          :disable="!isEllipsisActive"
-          :tooltipText="selected_item ? selected_item : ''"
+          :disable="
+            selected_item !== null ? true : !isEllipsisActive ? true : false
+          "
+          :tooltipText="selected_item !== null ? selected_item : ''"
         >
           <span
-            :class="selected_item ? '' : 'oip_empty_select'"
+            :class="selected_item !== null ? '' : 'oip_empty_select'"
             :id="`label_${selected_item}`"
             >{{ selected_item === null ? empty_msg : selected_item }}</span
           >
@@ -152,14 +154,6 @@ export default defineComponent({
         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
-          );
         }
       }
     );
@@ -169,14 +163,6 @@ export default defineComponent({
         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
-          );
         }
       }
     );

package/dist/runtime/components/argEmoji.vue

@@ -0,0 +1,34 @@
+<template>
+  <p :style="`font-size: ${emojiSize}px`" v-html="getEmojiCode"></p>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argEmoji",
+  props: {
+    emojiName: {
+      type: String,
+      required: true
+    },
+    emojiSize: {
+      type: [String, Number],
+      default: "20"
+    }
+  },
+  setup(props) {
+    const allEmojis = {
+      Lightbulb: "&#128161;",
+      Pin: "&#128205;",
+      Television: "&#128250;"
+    };
+    const getEmojiCode = computed(() => {
+      return allEmojis[props.emojiName];
+    });
+    return { allEmojis, getEmojiCode };
+  }
+});
+</script>