@tekkare/auriga 0.1.26 → 0.1.28

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

@@ -0,0 +1,55 @@
+declare const _default: import("vue").DefineComponent<{
+    langs: {
+        type: {
+            (arrayLength: number): Object[];
+            (...items: Object[]): Object[];
+            new (arrayLength: number): Object[];
+            new (...items: Object[]): Object[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    default_locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    selectedItem: any;
+    showLangOptions: import("vue").Ref<boolean>;
+    selectLang: (item: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectLang" | "update:Lang")[], "onSelectLang" | "update:Lang", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    langs: {
+        type: {
+            (arrayLength: number): Object[];
+            (...items: Object[]): Object[];
+            new (arrayLength: number): Object[];
+            new (...items: Object[]): Object[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    default_locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onOnSelectLang?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Lang"?: ((...args: any[]) => any) | undefined;
+}, {
+    default_locale: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argMultipleChoice.vue

@@ -156,7 +156,7 @@ export default defineComponent({
 }
 
 .selected_option:hover svg {
-  color: var(--primary-hover2) !important;
+  color: var(--primary-hover) !important;
 }
 
 .selected_option p {

package/dist/runtime/components/argMultipleSelect.vue

@@ -822,7 +822,7 @@ export default defineComponent({
   font-weight: 700 !important;
 }
 .oip_select_complex_selection_loop:hover > svg.add {
-  color: var(--primary-hover2) !important;
+  color: var(--) !important;
 }
 .oip_select_complex_selection_loop > svg.add {
   color: var(--primary) !important;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -20,7 +20,7 @@
         </div>
         <arg-radio-buttons
           dir="column"
-          :elements="scopeArray"
+          :elements="scopeArray.map((a) => a.title)"
           :return_value="true"
           v-model:Selection="selectedScope"
         />
@@ -33,13 +33,15 @@
         @onClick="selectScope"
         >{{ lang === "fr" ? "Appliquer le scope" : "Apply scope" }}</arg-btn
       >
-      <div class="oip_row v-center gap-8 full-width">
+      <div
+        v-if="scopeArray.length > 0"
+        class="oip_row v-center gap-8 full-width"
+      >
         <div class="scope_sep" />
         <p class="scope_sep_text">or</p>
         <div class="scope_sep" />
       </div>
       <arg-btn
-        v-if="scopeArray.length > 0"
         btn-style="primary-stroke"
         size="m"
         full-width
@@ -84,8 +86,18 @@ export default defineComponent({
         return `Vous devez s\xE9lectionner votre scope pour voir les r\xE9sultats ou donn\xE9es. Veuillez choisir une des options ci-dessous pour continuer`;
     });
     function selectScope() {
-      emit("onSelectScope", selectedScope.value);
-      emit("update:Scope", selectedScope.value);
+      emit(
+        "onSelectScope",
+        props.scopeArray[props.scopeArray.findIndex(
+          (a) => a.title === selectedScope.value
+        )]
+      );
+      emit(
+        "update:Scope",
+        props.scopeArray[props.scopeArray.findIndex(
+          (a) => a.title === selectedScope.value
+        )]
+      );
     }
     function createNewScope() {
       emit("onCreateScope");

package/dist/runtime/components/argScopeHeader.vue

@@ -24,10 +24,6 @@ export default defineComponent({
       type: String,
       default: "My scope"
     },
-    noSelection: {
-      type: Boolean,
-      default: true
-    },
     lang: {
       type: String,
       default: "en",

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

@@ -3,10 +3,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    noSelection: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -20,10 +16,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    noSelection: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -32,6 +24,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     lang: string;
     scopeTitle: string;
-    noSelection: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -1,4 +1,5 @@
 <template>
+  <client-only><arg-style /></client-only>
   <div class="arg_main_scope">
     <slot name="header" />
     <div class="arg_scope_layout_body">
@@ -9,40 +10,13 @@
 </template>
 <script>
 import {
-  onMounted,
   defineComponent
 } from "vue";
-import argIcon from "./argIcon.vue";
 import argStyle from "./argStyle.vue";
 import argFooter from "./argFooter.vue";
 export default defineComponent({
   name: "argScopeLayout",
-  components: { argIcon, argStyle, argFooter },
-  props: {
-    sidebarOpen: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup() {
-    onMounted(() => {
-      adjustMarginForBody();
-      window.addEventListener("resize", adjustMarginForBody);
-    });
-    function adjustMarginForBody() {
-      const fixedHeader = document.getElementById("arg_header");
-      const bodyContent = document.getElementById("arg_main_layout_section");
-      const infoBar = document.getElementById("arg_info_section");
-      if (fixedHeader && bodyContent) {
-        const headerHeight = fixedHeader.offsetHeight;
-        bodyContent.style.marginTop = `${headerHeight}px`;
-      }
-      if (fixedHeader && infoBar) {
-        const headerHeight = fixedHeader.offsetHeight;
-        infoBar.style.top = `${headerHeight + 8}px`;
-      }
-    }
-  }
+  components: { argStyle, argFooter }
 });
 </script>
 <style>

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

@@ -1,14 +1,2 @@
-declare const _default: import("vue").DefineComponent<{
-    sidebarOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    sidebarOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    sidebarOpen: boolean;
-}, {}>;
+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/argStyle.vue

@@ -25,21 +25,20 @@ export default defineComponent({
 
   /* PRIMARY */
   --primary: #2176ff;
-  --primary-hover: #0966fb;
   --primary-dark: #0056e0;
-  --primary-hover2: #0f44be;
+  --primary-hover: #0f44be;
   --primary-light: #f4f8ff;
 
   /* ACCENT */
   --accent: #2176ff;
   --accent-yellow: #ff981a;
-  --accent-hover: #0966fb;
+  --accent-hover: #0f44be;
   --accent-hover-yellow: #e7860f;
 
   /* SYSTEM */
   --alert: #fb4654;
   --system-alert: #ef4444;
-  --alert-hover: #d21616;
+  --system-alert-hover: #d21616;
   --warning: #fd9147;
   --success: #32d175;
   --system-success: #22c55e;
@@ -320,6 +319,10 @@ button {
   width: calc(100% - 32px) !important;
 }
 
+.oip_round_btn {
+  border-radius: 16px !important;
+}
+
 .oip_primary-fill_button {
   background: var(--primary) !important;
   border: 2px solid var(--primary) !important;
@@ -333,8 +336,8 @@ button {
 
 .oip_primary-fill_button:hover,
 .oip_primary-fill_button:focus {
-  background: var(--primary-hover2) !important;
-  border: 2px solid var(--primary-hover2) !important;
+  background: var(--primary-hover) !important;
+  border: 2px solid var(--primary-hover) !important;
   box-shadow: none !important;
   color: var(--pure-white) !important;
 }
@@ -502,7 +505,7 @@ button {
 .oip_primary-stroke_icon_button:hover,
 .oip_primary-stroke_icon_button:focus {
   background: rgba(33, 118, 255, 0.05) !important;
-  color: var(--primary-hover2) !important;
+  color: var(--) !important;
 }
 .oip_primary-stroke_button .oip_button_spinner div,
 .oip_primary-stroke_icon_button .oip_button_spinner div {
@@ -528,7 +531,7 @@ button {
 .oip_warning-stroke_icon_button:focus {
   background: rgba(239, 68, 68, 0.2) !important;
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
-  color: var(--alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_button .oip_button_spinner div,
 .oip_warning-stroke_icon_button .oip_button_spinner div {
@@ -537,15 +540,15 @@ button {
 }
 .oip_warning-stroke_button:hover .oip_button_spinner div,
 .oip_warning-stroke_icon_button:hover .oip_button_spinner div {
-  border: 2px solid var(--alert-hover);
-  border-color: var(--alert-hover) transparent transparent transparent;
+  border: 2px solid var(--system-alert-hover);
+  border-color: var(--system-alert-hover) transparent transparent transparent;
 }
 .oip_warning-stroke_button:hover .oip__button_prefix_icon,
 .oip_warning-stroke_button:focus .oip__button_prefix_icon,
 .oip_warning-stroke_button:hover .oip__button_suffix_icon,
 .oip_warning-stroke_button:focus .oip__button_suffix_icon {
-  stroke: var(--alert-hover) !important;
-  color: var(--alert-hover) !important;
+  stroke: var(--system-alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_icon_button {
   background: transparent !important;
@@ -557,12 +560,12 @@ button {
 .oip_warning-stroke_icon_button:hover,
 .oip_warning-stroke_icon_button:hover {
   border: 2px solid rgba(251, 70, 84, 0.2) !important;
-  color: var(--alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-stroke_icon_button:hover svg,
 .oip_warning-stroke_icon_button:hover svg {
-  stroke: var(--alert-hover) !important;
-  color: var(--alert-hover) !important;
+  stroke: var(--system-alert-hover) !important;
+  color: var(--system-alert-hover) !important;
 }
 .oip_warning-fill_button {
   background: var(--system-alert) !important;
@@ -574,8 +577,8 @@ button {
 .oip_warning-fill_button:focus,
 .oip_warning-fill_icon_button:hover,
 .oip_warning-fill_icon_button:focus {
-  background: var(--alert-hover) !important;
-  border: 2px solid var(--alert-hover) !important;
+  background: var(--system-alert-hover) !important;
+  border: 2px solid var(--system-alert-hover) !important;
   box-shadow: none !important;
 }
 .oip_warning-fill_button .oip_button_spinner div,

package/dist/runtime/components/argTable.vue

@@ -928,7 +928,7 @@ th:last-child div.show .rcd-searchInput {
 
 .scroll_table .rcd_scrollTable thead {
   background: var(--pure-white) !important;
-  z-index: 90;
+  z-index: 10;
 }
 
 .scroll_table .rcd_scrollTable {

package/dist/runtime/components/argTextBtn.vue

@@ -0,0 +1,70 @@
+<template>
+  <div
+    class="arg_text_btn"
+    :class="[`${textStyle}_text_btn`, disable ? 'disable_text_btn' : '']"
+    @click="sendAction()"
+  >
+    <slot />
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argTextBtn",
+  props: {
+    textStyle: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return ["primary", "warning"].includes(value);
+      }
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["onClick"],
+  setup(props, { emit }) {
+    function sendAction() {
+      emit("onClick");
+    }
+    return { sendAction };
+  }
+});
+</script>
+
+<style scoped>
+.arg_text_btn {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  cursor: pointer;
+}
+
+.primary_text_btn.disable_text_btn,
+.warning_text_btn.disable_text_btn,
+.primary_text_btn.disable_text_btn:hover,
+.warning_text_btn.disable_text_btn:hover {
+  color: var(--wild-blue-yonder) !important;
+}
+
+.primary_text_btn {
+  color: var(--primary) !important;
+}
+.primary_text_btn:hover {
+  color: var(--primary-hover) !important;
+}
+
+.warning_text_btn {
+  color: var(--system-alert) !important;
+}
+.warning_text_btn:hover {
+  color: var(--system-alert-hover) !important;
+}
+</style>

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    textStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    sendAction: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    textStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disable: boolean;
+    textStyle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argTooltip.vue

@@ -8,7 +8,7 @@
       v-if="disable === false"
       :class="`prmt_tooltip_text prmt_tooltip_text-${dir}`"
     >
-      {{ tooltipText }}
+      <p>{{ tooltipText }}</p>
     </div>
   </div>
 </template>
@@ -38,19 +38,20 @@ export default defineComponent({
 
 .prmt_tooltip_text {
   visibility: hidden;
-  min-width: 120px;
+  width: fit-content;
+  max-width: 250px;
   text-align: center;
   background-color: var(--independence);
   color: var(--pure-white);
-  border-radius: 12px;
+  border-radius: 4px;
   position: absolute;
   z-index: 2;
-  padding: 6px 12px;
+  padding: 4px 12px;
   margin-top: 4px;
   font-weight: 400;
   font-size: 14px;
   line-height: 160%;
-  white-space: break-spaces;
+  white-space: nowrap;
 }
 
 .prmt_tooltip .prmt_tooltip_text-top {
@@ -58,51 +59,16 @@ export default defineComponent({
   left: 50%;
   margin-left: -72px;
 }
-.prmt_tooltip .prmt_tooltip_text-top::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 98%;
-  left: 50%;
-  margin-left: -8px;
-  border-width: 7px;
-  border-bottom-left-radius: 4px;
-  border-style: solid;
-  border-color: var(--independence) transparent transparent transparent;
-}
 
 .prmt_tooltip .prmt_tooltip_text-right {
-  top: -12px;
+  top: -8px;
   left: 110%;
-  margin-left: 5px;
+  margin-left: 16px;
 }
-.prmt_tooltip .prmt_tooltip_text-right::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 60%;
-  right: 99%; /* To the left of the tooltip */
-  margin-top: -11px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent var(--independence) transparent transparent;
-}
-
 .prmt_tooltip .prmt_tooltip_text-left {
-  top: 15%;
+  top: -8px;
   right: 110%;
-  margin-right: 5px;
-}
-.prmt_tooltip .prmt_tooltip_text-left::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  top: 55%;
-  left: 99.5%;
-  margin-top: -10px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent transparent var(--independence);
+  margin-right: 16px;
 }
 
 .prmt_tooltip .prmt_tooltip_text-bottom {
@@ -116,26 +82,4 @@ export default defineComponent({
   left: 50%;
   margin-left: -130px;
 }
-.prmt_tooltip.last_tooltip .prmt_tooltip_text-bottom::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  bottom: 98%;
-  left: 90% !important;
-  margin-left: -5px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent var(--independence) transparent;
-}
-.prmt_tooltip .prmt_tooltip_text-bottom::after {
-  content: "";
-  position: absolute;
-  padding: 1px;
-  bottom: 95%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent transparent var(--independence) transparent;
-}
 </style>

package/package.json

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