@tekkare/auriga 0.1.27 → 0.1.28

package/dist/module.json

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

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,30 @@
 <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" />
+      <span v-else>{{ getActionText }}</span>
+    </div>
+    <arg-text-btn
+      v-else-if="actionType === 'download' || actionType === 'see-analysis'"
+      :disable="disable"
+      @onClick="sendAction()"
+    >
+      <slot v-if="customize" />
+      <span v-else>{{ getActionText }}</span>
+    </arg-text-btn>
+    <arg-btn
+      v-else-if="actionType === 'scope' || actionType === 'save-analysis'"
+      :btn-style="disable ? 'disable' : 'primary-fill'"
+      :round="actionType === 'save-analysis'"
+      @onClick="sendAction()"
+    >
+      <slot v-if="customize" />
+      <span v-else>{{ getActionText }}</span>
+    </arg-btn>
   </div>
 </template>
 
@@ -22,17 +33,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 +59,33 @@ export default defineComponent({
       }
     }
   },
-  emits: [
-    "onDownload",
-    "onScope",
-    "onCancel",
-    "onClose",
-    "onSeeAnalysis",
-    "onSaveAnalysis"
-  ],
+  emits: ["onClickAction"],
   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("onClickAction");
     }
     return {
       getActionText,
@@ -136,6 +118,7 @@ export default defineComponent({
   font-weight: 400;
   line-height: 160%;
   cursor: pointer;
+  width: fit-content;
 }
 
 .cancel_action:hover {
@@ -149,16 +132,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, "onClickAction"[], "onClickAction", 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;
+    onOnClickAction?: ((...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

@@ -5,7 +5,8 @@
       :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()"
     >
@@ -77,7 +78,8 @@ export default defineComponent({
       validator: (value) => {
         return ["s", "m"].includes(value);
       }
-    }
+    },
+    round: { type: Boolean, default: false }
   },
   emits: ["onClick"],
   setup(props, { emit }) {

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/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,200 @@
+<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"
+          @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>

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

@@ -0,0 +1,89 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    globalTitle: {
+        type: StringConstructor;
+        default: null;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: null;
+    };
+    appBlocks: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    globalBlocks: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    hasGlobal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customizeBlocks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    searchBlocks: import("vue").Ref<string>;
+    getTitle: import("vue").ComputedRef<string>;
+    getSearchPlaceholder: import("vue").ComputedRef<string>;
+    selectedBlock: any;
+    selectBlock: (block: any) => void;
+    filterBlocks: import("vue").ComputedRef<unknown[]>;
+    getGlobalTitle: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    globalTitle: {
+        type: StringConstructor;
+        default: null;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: null;
+    };
+    appBlocks: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    globalBlocks: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    hasGlobal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customizeBlocks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onOnSelectBlock?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Block"?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+    title: string;
+    globalTitle: string;
+    searchPlaceholder: string;
+    globalBlocks: unknown[];
+    hasGlobal: boolean;
+    customizeBlocks: boolean;
+}, {}>;
+export default _default;

package/dist/runtime/components/argHomeContent.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="arg_home_content">
+    <div class="arg_home_blocks">
+      <slot name="blocks" />
+    </div>
+    <div class="arg_home_selected">
+      <slot name="selected" />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argHomeContent"
+});
+</script>
+<style scoped>
+.arg_home_content {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: flex-start;
+  position: relative;
+  gap: 32px;
+  width: 100%;
+}
+
+.arg_home_blocks {
+  width: 66%;
+  padding-top: 8px;
+  border-top: 1px solid var(--base-dividers, #ececf2);
+}
+
+.arg_home_selected {
+  width: 33%;
+  align-self: stretch;
+  display: flex;
+  position: relative;
+}
+
+.height {
+  height: 350px;
+}
+</style>

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