@tekkare/auriga 0.1.37 → 0.1.38

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.37"
+  "version": "0.1.38"
 }

package/dist/runtime/components/argActions.vue

@@ -5,15 +5,16 @@
       class="cancel_action"
       @click="sendAction()"
     >
-      <slot v-if="customize" name="custom" />
+      <slot v-if="customize" />
       <span v-else>{{ getActionText }}</span>
     </div>
     <arg-text-btn
-      v-else-if="actionType === 'see-analysis'"
+      v-else-if="actionType === 'see-analysis' || actionType === 'clear'"
+      :text-style="actionType === 'clear' ? 'warning' : 'primary'"
       :disable="disable"
       @onClick="sendAction()"
     >
-      <slot v-if="customize" name="custom" />
+      <slot v-if="customize" />
       <span v-else>{{ getActionText }}</span>
     </arg-text-btn>
     <arg-btn
@@ -32,7 +33,7 @@
       :round="actionType === 'save-analysis'"
       @onClick="sendAction()"
     >
-      <slot v-if="customize" name="custom" />
+      <slot v-if="customize" />
       <span v-else>{{ getActionText }}</span>
     </arg-btn>
   </div>
@@ -80,6 +81,9 @@ export default defineComponent({
         case "scope":
           finalText = props.lang === "fr" ? "Mon scope" : "My scope";
           break;
+        case "clear":
+          finalText = props.lang === "fr" ? "Tout supprimer" : "Clear All";
+          break;
         case "see-analysis":
           finalText = props.lang === "fr" ? "Voir l'analyse" : "Go to analysis";
           break;

package/dist/runtime/components/argAdvancedSearchBar.vue

@@ -514,7 +514,7 @@ export default defineComponent({
   background: var(--pure-white);
   border: 1.5px solid var(--dividers);
   border-radius: 8px;
-  width: calc(100% - 12px);
+  align-self: stretch;
   height: 40px;
 }
 

package/dist/runtime/components/argBtn.vue

@@ -63,6 +63,7 @@
 <script>
 import argIcon from "./argIcon.vue";
 import {
+  onMounted,
   ref,
   computed,
   defineComponent
@@ -114,6 +115,11 @@ export default defineComponent({
     function send() {
       emit("onClick");
     }
+    onMounted(() => {
+      CSS.paintWorklet.addModule(
+        "https://www.unpkg.com/css-houdini-squircle/squircle.min.js"
+      );
+    });
     return { getIconColor, send };
   }
 });
@@ -132,7 +138,9 @@ export default defineComponent({
 }
 
 .full_width {
-  width: 100%;
+  align-self: stretch;
+  display: flex;
+  flex: 1 1 0;
 }
 .fit_width {
   width: fit-content;

package/dist/runtime/components/argChart.vue

@@ -1,7 +1,9 @@
 <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 v-if="!titleInChart" class="prmt_chart_title"><slot name="title" /></h1>
+    <div v-if="!titleInChart" class="prmt_chart_source">
+      <slot name="source" />
+    </div>
     <apexchart
       :type="chartType"
       :options="chartOptions"
@@ -93,6 +95,18 @@ export default defineComponent({
     tooltipOptions: {
       type: Object,
       default: void 0
+    },
+    titleInChart: {
+      type: Boolean,
+      default: false
+    },
+    chartTitle: {
+      type: String,
+      default: ""
+    },
+    chartSource: {
+      type: String,
+      default: ""
     }
   },
   setup(props) {
@@ -113,35 +127,39 @@ export default defineComponent({
         redrawOnParentResize: true,
         redrawOnWindowResize: true
       };
-      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.titleInChart) {
+        props.options["title"] = {
+          text: props.chartTitle,
+          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: props.chartSource,
+          align: "left",
+          margin: 0,
+          offsetX: -10,
+          offsetY: 24,
+          floating: false,
+          style: {
+            fontSize: "12px",
+            fontWeight: "normal",
+            fontFamily: "Figtree, sans-serif",
+            color: "#2176ff"
+          }
+        };
+      } else {
+        props.options["title"] = { align: "center" };
+      }
       if (props.colors) {
         props.options["colors"] = props.colors;
       }

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

@@ -49,6 +49,18 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: undefined;
     };
+    titleInChart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chartTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    chartSource: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     percentage: (partialValue: any, totalValue: any) => number;
     chartKey: import("vue").Ref<number>;
@@ -105,6 +117,18 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: undefined;
     };
+    titleInChart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    chartTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    chartSource: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     options: Record<string, any>;
     width: string;
@@ -115,5 +139,8 @@ declare const _default: import("vue").DefineComponent<{
     french: boolean;
     hideLegend: boolean;
     tooltipOptions: Record<string, any>;
+    titleInChart: boolean;
+    chartTitle: string;
+    chartSource: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argCheckbox.vue

@@ -21,7 +21,9 @@
           :color="iconColor"
         />
       </div>
-      <p>{{ filterTitle }}</p>
+      <p :class="returnValue === false ? 'unselected' : ''">
+        {{ filterTitle }}
+      </p>
       <arg-tooltip
         v-if="infoIcon"
         :tooltip-text="tooltipText"
@@ -168,4 +170,7 @@ export default defineComponent({
 .flex {
   display: flex;
 }
+.unselected {
+  color: var(--cool-grey) !important;
+}
 </style>

package/dist/runtime/components/argFilterCard.vue

@@ -17,7 +17,7 @@
         </p>
         <p class="filters_clear" @click.stop="clear()">{{ clearMsg }}</p>
       </div>
-      <div class="oip_row v-center gap-8">
+      <div class="oip_row v-center gap-8 toggle_filter_card">
         <arg-icon
           name="CaretDown"
           size="20"
@@ -61,7 +61,7 @@ export default defineComponent({
   },
   emits: ["clearFilters", "saveScope"],
   setup(props, { emit }) {
-    const filtersOpen = ref(false);
+    const filtersOpen = ref(true);
     function clear() {
       emit("clearFilters");
     }
@@ -80,7 +80,7 @@ export default defineComponent({
 <style scoped>
 .oip_filter_card {
   display: flex;
-  padding: 16px 24px;
+  padding: 14px 24px;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 8px;
@@ -100,13 +100,14 @@ export default defineComponent({
 }
 
 .filter_card_collapse {
-  max-height: 26px;
+  max-height: 32px;
   overflow: hidden;
   background: rgba(245, 245, 249, 0.8);
 }
 
 .full-width {
-  width: 100%;
+  align-self: stretch;
+  flex-basis: 100%;
 }
 
 .filter-icon {
@@ -127,13 +128,16 @@ export default defineComponent({
 .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;
 }
 
 .filters_clear,
@@ -165,4 +169,17 @@ export default defineComponent({
   align-items: flex-start;
   gap: 16px;
 }
+
+.toggle_filter_card {
+  display: flex;
+  padding: 6px;
+  align-items: center;
+  gap: 6px;
+  border-radius: 4px;
+  background: transparent;
+  cursor: pointer;
+}
+.toggle_filter_card:hover {
+  background: var(--dividers) !important;
+}
 </style>

package/dist/runtime/components/argFooter.vue

@@ -1,42 +1,49 @@
 <template>
   <div class="oip_footer">
-    <div class="oip_footer_text">
-      <h2>Powered by</h2>
-      <img src="https://rcd-media.com/tekkare/logos/tekkare_logo.svg" />
-    </div>
+    <p>©2023 Tekkare®. All rights reserved</p>
+    <a href="https://openinnovationprogram.com/legal-notices" target="_blank"
+      >Terms of use</a
+    >
   </div>
 </template>
 <script>
 import {
   defineComponent
 } from "vue";
-import argIcon from "./argIcon.vue";
 import argStyle from "./argStyle.vue";
 export default defineComponent({
   name: "argFooter",
-  components: { argIcon, argStyle }
+  components: { argStyle }
 });
 </script>
-<style>
+<style scoped>
 .oip_footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
   background: var(--background);
-  padding: 24px 96px;
+  padding: 24px 84px;
   margin-top: 24px;
   box-shadow: 0px 4px 8px rgba(37, 99, 235, 0.04),
     0px 0px 2px rgba(37, 99, 235, 0.06), 0px 0px 1px rgba(37, 99, 235, 0.04);
 }
-.oip_footer_text {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  gap: 24px;
-  align-items: flex-end;
-}
-.oip_footer_text h2 {
+p {
+  font-size: 14px;
   font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+}
+
+a {
   font-size: 14px;
-  line-height: 16px;
-  color: var(--independence);
-  font-weight: normal;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  color: var(--primary) !important;
+}
+a:hover {
+  color: var(--primary-hover) !important;
 }
 </style>

package/dist/runtime/components/argHomeKpis.vue

@@ -31,7 +31,7 @@ export default defineComponent({
 <style scoped>
 .kpi_card {
   display: flex;
-  width: calc(100% - 32px);
+  align-self: stretch;
   padding: 16px !important;
   align-items: center;
   justify-content: space-between;

package/dist/runtime/components/argHomeLayout.vue

@@ -27,12 +27,11 @@ export default defineComponent({
 }
 .arg_home_layout_body {
   min-height: calc(100vh - 77px);
-  margin: 116px 32px 0px 32px;
+  margin: 116px 32px 95px 32px;
   max-width: 1200px;
-  width: calc(100% - 64px);
 }
 
 .full_width_footer {
-  width: calc(100% - 192px);
+  align-self: stretch;
 }
 </style>

package/dist/runtime/components/argMenuLink.vue

@@ -60,9 +60,9 @@ export default defineComponent({
 <style>
 .arg_menu_link {
   display: flex;
-  padding: 6px;
+  padding: 8px;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
   align-self: stretch;
   color: var(--independence);
   font-size: 14px;

package/dist/runtime/components/argScopeCriteria.vue

@@ -78,7 +78,7 @@ export default defineComponent({
   flex-direction: column;
   align-items: flex-start;
   gap: 24px;
-  width: calc(100% - 48px);
+  align-self: stretch;
 }
 .arg_scope_new,
 .arg_scope_save {

package/dist/runtime/components/argScopeHeader.vue

@@ -30,11 +30,19 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr"].includes(value);
       }
+    },
+    cancelLink: {
+      type: String,
+      required: false,
+      default: null
     }
   },
-  setup() {
+  setup(props) {
     const router = useRouter();
     function goBack() {
+      if (props.cancelLink !== null) {
+        router.push(props.cancelLink);
+      }
       router.back();
     }
     return {

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

@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    cancelLink: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }, {
     router: import("vue-router").Router;
     goBack: () => void;
@@ -21,8 +26,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    cancelLink: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }>>, {
     lang: string;
     scopeTitle: string;
+    cancelLink: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -29,10 +29,9 @@ export default defineComponent({
   min-height: calc(100vh - 77px);
   margin: 116px 32px 0px 32px;
   max-width: 1088px;
-  width: calc(100% - 64px);
 }
 
 .full_width_footer {
-  width: calc(100% - 192px);
+  align-self: stretch;
 }
 </style>

package/dist/runtime/components/argScopeManage.vue

@@ -224,7 +224,7 @@ export default defineComponent({
 }
 
 .footer_action .footer_btn {
-  width: calc(100% - 24px);
+  align-self: stretch;
   justify-content: center;
   white-space: wrap;
   text-align: center;

package/dist/runtime/components/argScopeModal.vue

@@ -244,7 +244,7 @@ textarea,
   padding: 12px;
   margin: 5px 0px;
   outline: none !important;
-  width: calc(100% - 25.5px);
+  align-self: stretch;
   font-family: "Figtree", sans-serif !important;
   height: 110px;
 }

package/dist/runtime/components/argSearchInput.vue

@@ -79,9 +79,9 @@ export default defineComponent({
   background: var(--pure-white);
   border: 1.5px solid var(--dividers);
   border-radius: 8px;
-  width: calc(100% - 24px);
+  align-self: stretch;
   margin: 5px 0px;
-  height: 40px;
+  min-height: 40px;
 }
 
 .search-section {

package/dist/runtime/components/argSidebar.vue

@@ -154,7 +154,10 @@ export default defineComponent({
   font-weight: 400;
   line-height: 160%;
   color: var(--primary);
+  background: var(--transparent);
+  border-radius: 4px;
 }
+
 .arg_sidebar_title {
   display: flex;
   flex-direction: row;
@@ -184,6 +187,12 @@ export default defineComponent({
 
 .sidebar_toggle {
   cursor: pointer;
+  border-radius: 4px;
+  display: flex;
+  padding: 6px;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
 }
 
 .link_menu_tooltip_icon {
@@ -192,4 +201,9 @@ export default defineComponent({
 .tooltip_display {
   display: flex !important;
 }
+
+.sidebar_toggle:hover,
+.arg_sidebar_home:hover {
+  background: var(--base-dividers, #ececf2) !important;
+}
 </style>

package/dist/runtime/components/argStyle.vue

@@ -130,6 +130,11 @@ button {
   width: 100%;
 }
 
+.oip_filter_display {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
 /*** TEXT ***/
 
 .oip_kpi_big {
@@ -319,7 +324,8 @@ button {
   mask-image: paint(squircle);
   --squircle-radius: 8px;
   --squircle-smooth: 1;
-  height: 100%;
+  align-self: stretch;
+  min-height: 100%;
 }
 
 .oip_primary-fill_shadow {
@@ -349,15 +355,18 @@ button {
 }
 
 .oip_btn_s {
-  height: 32px;
+  display: flex;
+  min-height: 32px;
 }
 
 .oip_btn_m {
-  height: 40px;
+  display: flex;
+  min-height: 40px;
 }
 
 .oip_full_btn {
-  width: calc(100% - 36px) !important;
+  align-self: stretch !important;
+  flex: 1 1 0;
 }
 
 .oip_round_btn {
@@ -467,13 +476,7 @@ button {
 
 .oip_disable_button,
 .oip_disable_button:hover,
-.oip_disable_button:focus {
-  background: var(--dividers) !important;
-  border: 2px solid var(--dividers) !important;
-  box-shadow: none !important;
-  color: var(--wild-blue-yonder) !important;
-}
-
+.oip_disable_button:focus,
 .oip_disable_icon_button,
 .oip_disable_icon_button:hover,
 .oip_disable_icon_button:focus {
@@ -481,6 +484,7 @@ button {
   border: 2px solid var(--dividers) !important;
   box-shadow: none !important;
   color: var(--wild-blue-yonder) !important;
+  cursor: initial !important;
 }
 
 .el-button + .el-button {
@@ -852,7 +856,6 @@ button {
   border-radius: 12px;
   background: var(--pure-white);
   box-shadow: var(--container-shadow);
-  margin: 8px 0;
 }
 
 .oip_table_card {

package/dist/runtime/components/argTags.vue

@@ -10,6 +10,7 @@
 
 <script>
 import {
+  onMounted,
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
@@ -26,6 +27,11 @@ export default defineComponent({
     function close() {
       emit("onClose");
     }
+    onMounted(() => {
+      CSS.paintWorklet.addModule(
+        "https://www.unpkg.com/css-houdini-squircle/squircle.min.js"
+      );
+    });
     return { close };
   }
 });

package/dist/runtime/components/argTooltip.vue

@@ -30,7 +30,7 @@ export default defineComponent({
 <style scoped>
 .prmt_tooltip {
   position: relative;
-  display: inline-block;
+  display: flex;
 }
 .prmt_tooltip:hover .prmt_tooltip_text {
   visibility: visible;
@@ -61,12 +61,12 @@ export default defineComponent({
 }
 
 .prmt_tooltip .prmt_tooltip_text-right {
-  top: -8px;
+  top: -9px;
   left: 110%;
   margin-left: 16px;
 }
 .prmt_tooltip .prmt_tooltip_text-left {
-  top: -8px;
+  top: -9px;
   right: 110%;
   margin-right: 16px;
 }

package/dist/runtime/components/argTutoModal.vue

@@ -5,7 +5,7 @@
     <div v-show="openTuto" class="arg_tuto_modal">
       <div class="arg_tuto_header">
         <arg-actions action-type="close" customize @onAction="closeTuto">
-          <template #custom>
+          <template>
             <div class="oip_row v-center gap-6">
               <arg-icon name="X" size="20" />
               <p>Close</p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",