@tekkare/auriga 0.1.27 → 0.1.29

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.27"
+  "version": "0.1.29"
 }

package/dist/runtime/components/allIcons.vue

@@ -701,6 +701,7 @@ export default defineComponent({
       "MinusSquareFill",
       "MinusSquareDisable",
       "Minus",
+      "Molecule",
       "Money",
       "MonitorPlay",
       "Monitor",
@@ -1098,7 +1099,9 @@ export default defineComponent({
       "YoutubeLogo"
     ];
     const filteredIcon = computed(() => {
-      return iconNames.filter((a) => a.includes(searchIcon.value));
+      return iconNames.filter(
+        (a) => a.toLowerCase().includes(searchIcon.value.toLowerCase())
+      );
     });
     return {
       iconNames,

package/dist/runtime/components/argActions.vue

@@ -1,19 +1,40 @@
 <template>
-  <div
-    :class="[
-      disable ? 'disable' : '',
-      actionType === 'download' || actionType === 'see-analysis'
-        ? 'download_action'
-        : actionType === 'cancel' || actionType === 'close'
-        ? 'cancel_action'
-        : actionType === 'scope' || actionType === 'save-analysis'
-        ? 'scope_action'
-        : '',
-    ]"
-    @click="sendAction()"
-  >
-    <p v-if="!customize">{{ getActionText }}</p>
-    <slot v-else name="custom" />
+  <div>
+    <div
+      v-if="actionType === 'cancel' || actionType === 'close'"
+      class="cancel_action"
+      @click="sendAction()"
+    >
+      <slot v-if="customize" name="custom" />
+      <span v-else>{{ getActionText }}</span>
+    </div>
+    <arg-text-btn
+      v-else-if="actionType === 'see-analysis'"
+      :disable="disable"
+      @onClick="sendAction()"
+    >
+      <slot v-if="customize" name="custom" />
+      <span v-else>{{ getActionText }}</span>
+    </arg-text-btn>
+    <arg-btn
+      v-else-if="
+        actionType === 'scope' ||
+        actionType === 'save-analysis' ||
+        actionType === 'download'
+      "
+      :btn-style="
+        disable
+          ? 'disable'
+          : actionType === 'download'
+          ? 'primary-stroke'
+          : 'primary-fill'
+      "
+      :round="actionType === 'save-analysis'"
+      @onClick="sendAction()"
+    >
+      <slot v-if="customize" name="custom" />
+      <span v-else>{{ getActionText }}</span>
+    </arg-btn>
   </div>
 </template>
 
@@ -22,17 +43,16 @@ import {
   computed,
   defineComponent
 } from "vue";
+import argBtn from "./argBtn.vue";
+import argTextBtn from "./argTextBtn.vue";
 export default defineComponent({
   name: "argActions",
+  components: { argBtn, argTextBtn },
   props: {
     actionType: {
       type: String,
       required: true
     },
-    customText: {
-      type: String,
-      default: null
-    },
     customize: {
       type: Boolean,
       default: false
@@ -49,61 +69,33 @@ export default defineComponent({
       }
     }
   },
-  emits: [
-    "onDownload",
-    "onScope",
-    "onCancel",
-    "onClose",
-    "onSeeAnalysis",
-    "onSaveAnalysis"
-  ],
+  emits: ["onAction"],
   setup(props, { emit }) {
     const getActionText = computed(() => {
-      if (!props.customText) {
-        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" ? "Sauvegarder 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.customText;
-    });
-    function sendAction() {
+      let finalText = "";
       switch (props.actionType) {
         case "cancel":
-          emit("onCancel");
+          finalText = props.lang === "fr" ? "Annuler" : "Cancel";
           break;
         case "scope":
-          emit("onScope");
-          break;
-        case "download":
-          emit("onDownload");
+          finalText = props.lang === "fr" ? "Mon scope" : "My scope";
           break;
         case "see-analysis":
-          emit("onSeeAnalysis");
+          finalText = props.lang === "fr" ? "Voir l'analyse" : "Go to analysis";
           break;
         case "save-analysis":
-          emit("onSaveAnalysis");
+          finalText = props.lang === "fr" ? "Sauvegarder et continuer " : "Save and continue";
+          break;
+        case "download":
+          finalText = props.lang === "fr" ? "Tout t\xE9l\xE9charger" : "Download all";
           break;
         case "close":
-          emit("onClose");
+          finalText = props.lang === "fr" ? "Fermer" : "Close";
       }
+      return finalText;
+    });
+    function sendAction() {
+      emit("onAction");
     }
     return {
       getActionText,
@@ -136,6 +128,7 @@ export default defineComponent({
   font-weight: 400;
   line-height: 160%;
   cursor: pointer;
+  width: fit-content;
 }
 
 .cancel_action:hover {
@@ -149,16 +142,16 @@ export default defineComponent({
   justify-content: center;
   align-items: center;
   gap: var(--s, 8px);
-  border-radius: 16px;
+  border-radius: 8px;
   background: var(--primary-primary, #2176ff);
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   color: var(--pure-white);
+  box-shadow: 4px 7px 12px 0px rgba(33, 118, 255, 0.2);
 }
-
-.scope_action.disable {
+.s .scope_action.disable {
   background: var(--dividers) !important;
   color: var(--wild-blue-yonder) !important;
 }

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

@@ -3,10 +3,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    customText: {
-        type: StringConstructor;
-        default: null;
-    };
     customize: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,15 +19,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onAction"[], "onAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     actionType: {
         type: StringConstructor;
         required: true;
     };
-    customText: {
-        type: StringConstructor;
-        default: null;
-    };
     customize: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,14 +38,8 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    onOnAction?: ((...args: any[]) => any) | undefined;
 }, {
-    customText: string;
     customize: boolean;
     disable: boolean;
     lang: string;

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

package/dist/runtime/components/argBtn.vue

@@ -1,11 +1,14 @@
 <template>
-  <div :class="fullWidth ? 'full_width' : ''">
+  <div
+    :class="[fullWidth ? 'full_width' : 'fit_width', `oip_${btnStyle}_shadow`]"
+  >
     <span
       v-if="onlyIcon === false"
       :class="
         `oip_${btnStyle}_button oip_btn oip_btn_${size} ` +
         [becomeSmall === true ? 'prmt_button_big ' : ''] +
-        [fullWidth === true ? 'oip_full_btn' : '']
+        [fullWidth === true ? 'oip_full_btn ' : ''] +
+        [round === true ? 'oip_round_btn' : '']
       "
       @click="send()"
     >
@@ -64,7 +67,7 @@ export default defineComponent({
   components: { argIcon },
   props: {
     btnStyle: { type: String, default: "primary" },
-    becomeSmall: { type: Boolean, default: true },
+    becomeSmall: { type: Boolean, default: false },
     icon: { type: String, default: "Spinner" },
     onlyIcon: { type: Boolean, default: false },
     prefixIcon: { type: String, default: null },
@@ -77,7 +80,8 @@ export default defineComponent({
       validator: (value) => {
         return ["s", "m"].includes(value);
       }
-    }
+    },
+    round: { type: Boolean, default: false }
   },
   emits: ["onClick"],
   setup(props, { emit }) {
@@ -125,4 +129,7 @@ export default defineComponent({
 .full_width {
   width: 100%;
 }
+.fit_width {
+  width: fit-content;
+}
 </style>

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

@@ -36,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     getIconColor: import("vue").ComputedRef<string>;
     send: () => void;
@@ -77,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -89,5 +97,6 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     fullWidth: boolean;
     size: string;
+    round: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argChart.vue

@@ -1,7 +1,7 @@
 <template>
   <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>
+    <!--<h1 class="prmt_chart_title"><slot name="title" /></h1>
+    <div class="prmt_chart_source"><slot name="source" /></div>-->
     <apexchart
       :type="chartType"
       :options="chartOptions"
@@ -113,7 +113,35 @@ export default defineComponent({
         redrawOnParentResize: true,
         redrawOnWindowResize: true
       };
-      props.options["title"] = { align: "center" };
+      props.options["title"] = {
+        text: "My Chart",
+        align: "left",
+        margin: 0,
+        offsetX: -10,
+        offsetY: 0,
+        floating: false,
+        style: {
+          fontSize: "18px",
+          fontWeight: "bold",
+          fontFamily: "Figtree, sans-serif",
+          color: "#263238",
+          lineHeight: "21px"
+        }
+      };
+      props.options["subtitle"] = {
+        text: "My source",
+        align: "left",
+        margin: 0,
+        offsetX: -10,
+        offsetY: 24,
+        floating: false,
+        style: {
+          fontSize: "12px",
+          fontWeight: "normal",
+          fontFamily: "Figtree, sans-serif",
+          color: "#2176ff"
+        }
+      };
       if (props.colors) {
         props.options["colors"] = props.colors;
       }

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

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

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

@@ -251,8 +251,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    height: string;
     round: boolean;
+    height: string;
     emoji: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="arg_home_all_blocks">
+    <div v-if="hasGlobal" class="arg_home_all_blocks">
+      <h1 class="arg_home_blocks_title">{{ getGlobalTitle }}</h1>
+      <div class="oip_row v-start gap-16 wrap">
+        <div
+          v-for="(block, index) in globalBlocks"
+          :key="index"
+          class="oip_card block_card"
+          :class="selectedBlock?.title === block.title ? 'block_selected' : ''"
+          @click="selectBlock(block)"
+        >
+          <slot v-if="customizeBlocks" name="custom" v-bind:block="block" />
+          <div v-else class="block_content">
+            <p class="block_title">{{ block.title }}</p>
+            <p class="block_descr">{{ block.description }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <h1 class="arg_home_blocks_title">{{ getTitle }}</h1>
+    <arg-search-input
+      v-model:Value="searchBlocks"
+      :place-holder-value="getSearchPlaceholder"
+    />
+    <div class="oip_row v-start gap-16 wrap">
+      <div
+        v-for="(block, index) in filterBlocks"
+        :key="index"
+        class="oip_card block_card"
+        :class="selectedBlock?.title === block.title ? 'block_selected' : ''"
+        @click="selectBlock(block)"
+      >
+        <slot v-if="customizeBlocks" name="custom" v-bind:block="block" />
+        <div v-else class="block_content">
+          <p class="block_title">
+            <span v-if="block.country"
+              ><arg-flag
+                :slug="block.country.toLowerCase()"
+                height="14" /></span
+            >{{ block.title }}
+          </p>
+          <p class="block_descr">{{ block.description }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  computed,
+  defineComponent
+} from "vue";
+import argSearchInput from "./argSearchInput.vue";
+import argFlag from "./argFlag.vue";
+export default defineComponent({
+  name: "argHomeAllBlocks",
+  components: { argSearchInput, argFlag },
+  props: {
+    title: {
+      type: String,
+      default: null
+    },
+    globalTitle: {
+      type: String,
+      default: null
+    },
+    searchPlaceholder: {
+      type: String,
+      default: null
+    },
+    appBlocks: {
+      type: Array,
+      required: true
+    },
+    globalBlocks: {
+      type: Array,
+      default: () => []
+    },
+    hasGlobal: {
+      type: Boolean,
+      default: false
+    },
+    customizeBlocks: {
+      type: Boolean,
+      default: false
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: ["onSelectBlock", "update:Block"],
+  setup(props, { emit }) {
+    const searchBlocks = ref("");
+    const selectedBlock = ref(null);
+    const getTitle = computed(() => {
+      if (props.title !== null) {
+        return props.title;
+      } else
+        return props.hasGlobal ? props.lang === "en" ? "Countries" : "Pays" : props.lang === "en" ? "All themes" : "Tous les th\xE8mes";
+    });
+    const getGlobalTitle = computed(() => {
+      if (props.globalTitle !== null) {
+        return props.globalTitle;
+      } else
+        return props.lang === "en" ? "Global Themes" : "Th\xE8mes Globaux";
+    });
+    const getSearchPlaceholder = computed(() => {
+      if (props.searchPlaceholder !== null) {
+        return props.searchPlaceholder;
+      } else
+        return props.lang === "en" ? "Search here..." : "Recherchez ici...";
+    });
+    const filterBlocks = computed(() => {
+      return props.appBlocks.filter((a) => includesValue(a));
+    });
+    function includesValue(a) {
+      const hasValue = ref(false);
+      for (const [key] of Object.entries(a)) {
+        const value = a[key];
+        if (typeof value === "string" && value.toLowerCase().includes(searchBlocks.value.toLowerCase())) {
+          hasValue.value = true;
+        }
+      }
+      return hasValue.value;
+    }
+    function selectBlock(block) {
+      selectedBlock.value = block;
+      emit("onSelectBlock", selectedBlock.value);
+      emit("update:Block", selectedBlock.value);
+    }
+    return {
+      searchBlocks,
+      getTitle,
+      getSearchPlaceholder,
+      selectedBlock,
+      selectBlock,
+      filterBlocks,
+      getGlobalTitle
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_home_all_blocks {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+}
+.block_card {
+  flex: 0 0 calc(50% - 59px);
+  margin: 0px !important;
+  padding: 24px !important;
+  cursor: pointer;
+  border: 1.5px solid transparent;
+}
+.block_card:hover {
+  border-color: rgba(33, 118, 255, 0.2) !important;
+}
+.block_card:not(.block_selected):hover .block_title {
+  color: var(--primary) !important;
+}
+.block_descr {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+}
+.block_content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: flex-start;
+}
+.block_title {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  gap: 8px;
+}
+.block_selected {
+  background: var(--primary) !important;
+  color: var(--pure-white) !important;
+}
+</style>