@tekkare/auriga 0.1.86 → 0.1.88

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.86"
+  "version": "0.1.88"
 }

package/dist/runtime/components/argLangSelect.vue

@@ -85,14 +85,18 @@ export default defineComponent({
   emits: ["onSelectLang", "update:Lang"],
   setup(props, { emit }) {
     const showLangOptions = ref(false);
-    const selectedItem = ref({
-      title: "Fran\xE7ais",
-      iso: "fr",
-      locale: "fr"
-    });
+    const selectedItem = ref(
+      props.langs[props.langs.findIndex((a) => a.locale === props.default_locale)]
+    );
     onMounted(() => {
       selectedItem.value = props.langs[props.langs.findIndex((a) => a.locale === props.default_locale)];
     });
+    watch(
+      () => props.default_locale,
+      () => {
+        selectedItem.value = props.langs[props.langs.findIndex((a) => a.locale === props.default_locale)];
+      }
+    );
     watch(
       () => showLangOptions.value,
       () => {

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

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
-    selectedItem: import("vue").Ref<any>;
+    selectedItem: import("vue").Ref<Object>;
     showLangOptions: import("vue").Ref<boolean>;
     selectLang: (item: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectLang" | "update:Lang")[], "onSelectLang" | "update:Lang", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/runtime/components/argMainLayout.vue

@@ -19,8 +19,10 @@
   </div>
 </template>
 <script>
+import { useRoute } from "#app";
 import {
   onMounted,
+  watch,
   defineComponent,
   onUpdated
 } from "vue";
@@ -49,6 +51,13 @@ export default defineComponent({
     onUpdated(() => {
       adjustMarginForBody();
     });
+    const route = useRoute();
+    watch(
+      () => route.fullPath,
+      () => {
+        adjustMarginForBody();
+      }
+    );
     function listenToHeaderChange() {
       const fixedHeader = document.getElementById("arg_header");
       const config = { attributes: true, childList: true };

package/dist/runtime/components/argScopeModal.vue

@@ -170,5 +170,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_scope_save{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;position:fixed;transition:all .5s ease;width:0}.arg_scope_save_open{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:99}.arg_save_modal{align-items:flex-start;background:var(--white);border-radius:var(--m,8px);display:flex;flex-direction:column;flex-shrink:0;max-height:850px;max-width:640px;width:calc(100% - 164px)}.arg_save_header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.arg_save_footer,.arg_save_header{align-items:center;align-self:stretch;display:flex;padding:24px}.arg_save_footer{border-top:1px solid #e5e7eb;gap:32px}.footer_action{align-self:stretch;display:flex;flex:1 1 0;width:50%}.arg_save_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_save_body{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px}.scope_criteria,textarea{align-self:stretch;border:1.5px solid var(--light);border-radius:8px;font-family:Figtree,sans-serif!important;height:110px;margin:5px 0;outline:none!important;padding:12px}.scope_criteria{align-items:flex-start;display:flex;flex-direction:row;gap:8px}textarea::-moz-placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}textarea::placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}.scope_name_input{max-width:100%;width:300px}.full_width{width:100%}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap;width:100%}.cursor-pointer{cursor:pointer!important}.oip_simple_input{border:1.5px solid var(--light);border-radius:8px;margin:5px 0;padding:12px;width:calc(100% - 24px)}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover,textarea:hover{border:1.5px solid rgba(33,118,255,.2)!important}.oip_simple_input:focus-within,textarea:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}
+.arg_scope_save{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;position:fixed;transition:all .5s ease;width:0}.arg_scope_save_open{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:99}.arg_save_modal{align-items:flex-start;background:var(--white);border-radius:var(--m,8px);display:flex;flex-direction:column;flex-shrink:0;max-height:850px;max-width:640px;width:calc(100% - 164px)}.arg_save_header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.arg_save_footer,.arg_save_header{align-items:center;align-self:stretch;display:flex;padding:24px}.arg_save_footer{border-top:1px solid #e5e7eb;gap:32px}.footer_action{align-self:stretch;display:flex;flex:1 1 0;width:50%}.arg_save_header>h1{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_save_body{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding:24px}.scope_criteria,textarea{align-self:stretch;border:1.5px solid var(--light);border-radius:8px;font-family:Figtree,sans-serif!important;height:110px;margin:5px 0;outline:none!important;padding:12px}.scope_criteria{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}textarea::-moz-placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}textarea::placeholder{color:var(--medium);font-family:Figtree,sans-serif!important}.scope_name_input{max-width:100%;width:300px}.full_width{width:100%}.footer_action .footer_btn{align-self:stretch;justify-content:center;text-align:center;white-space:wrap;width:100%}.cursor-pointer{cursor:pointer!important}.oip_simple_input{border:1.5px solid var(--light);border-radius:8px;margin:5px 0;padding:12px;width:calc(100% - 24px)}.oip_simple_input::-moz-placeholder{color:var(--medium)}.oip_simple_input::placeholder{color:var(--medium)}.oip_simple_input,.oip_simple_input:focus-visible{outline:none!important}.oip_simple_input:hover,textarea:hover{border:1.5px solid rgba(33,118,255,.2)!important}.oip_simple_input:focus-within,textarea:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.oip_required_input,.oip_required_input:hover{border-color:var(--system-alert)!important}.oip_error{color:var(--system-alert)}
 </style>

package/dist/runtime/components/argSourceCollapse.vue

@@ -13,12 +13,10 @@
         />
         <p class="source_title">{{ sourceTitle.toUpperCase() }}</p>
       </div>
-      <arg-tags class="source_tag">
-        <div class="oip_row v-center gap-4">
-          <arg-flag :slug="sourceCountry.toLowerCase()" emoji height="10" />
-          <p>{{ sourceCountry }}</p>
-        </div>
-      </arg-tags>
+      <div class="copy_action" @click.stop="copy()">
+        <arg-icon name="Copy" color="var(--cool-grey)" size="16" />
+        <p>Copy</p>
+      </div>
     </div>
     <div
       :class="['source_content', sourceOpen ? 'show_content' : 'hide_content']"
@@ -27,27 +25,19 @@
         Source update in OIP: {{ sourceUpdate }}
       </p> -->
       <div class="oip_row v-start gap-16">
+        <div class="tag_display">
+          <p class="toolbar_tag_title">Country</p>
+          <arg-tags class="source_tag">
+            <div class="oip_row v-center gap-4">
+              <arg-flag :slug="sourceCountry.toLowerCase()" emoji height="10" />
+              <p>{{ sourceCountry }}</p>
+            </div>
+          </arg-tags>
+        </div>
         <div class="tag_display">
           <p class="toolbar_tag_title">Sector</p>
           <arg-tags>{{ sourceSector }}</arg-tags>
         </div>
-        <div v-if="!isProvider && sourceProvider !== null" class="tag_display">
-          <p class="toolbar_tag_title">Provider</p>
-          <arg-tags>{{ sourceProvider }}</arg-tags>
-        </div>
-        <div
-          v-else-if="isProvider && relatedSources !== null"
-          class="tag_display"
-        >
-          <p class="toolbar_tag_title">
-            {{ isProvider ? "Related Sources" : "Provider" }}
-          </p>
-          <div class="oip_row v-center gap-8 wrap">
-            <arg-tags v-for="(source, index) in relatedSources" :key="index">{{
-              source
-            }}</arg-tags>
-          </div>
-        </div>
       </div>
       <span class="oip_body">
         <slot />
@@ -85,21 +75,9 @@ export default defineComponent({
     defaultOpen: {
       type: Boolean,
       default: false
-    },
-    isProvider: {
-      type: Boolean,
-      default: false
-    },
-    sourceProvider: {
-      type: String,
-      default: null
-    },
-    relatedSources: {
-      type: Array,
-      default: () => null
     }
   },
-  emits: ["onClick"],
+  emits: ["onClick", "copyTitle"],
   setup(props, { emit }) {
     const sourceOpen = ref(false);
     function closeSource() {
@@ -125,11 +103,15 @@ export default defineComponent({
           document.removeEventListener("click", closeSource);
       }
     );
-    return { closeSource, sourceOpen };
+    function copy() {
+      navigator.clipboard.writeText(props.sourceTitle);
+      emit("copyTitle");
+    }
+    return { closeSource, sourceOpen, copy };
   }
 });
 </script>
 
 <style scoped>
-.oip_source_card_collapse{align-self:stretch;border:1px solid var(--light,#dbdef0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 8px 16px;transition:gap .3s linear,max-height .3s linear,background-color .3s linear,padding .3s linear}.oip_source_card_collapse:hover svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:40px}.oip_source_card_collapse.open{background-color:var(--demi-fond);gap:16px;max-height:500px;padding:8px 8px 16px 16px}.icon_open{transition:transform .3s}.icon_rotate{transform:rotateX(180deg)}.source_card_header{align-items:center;align-self:stretch;display:flex;flex-direction:row;justify-content:space-between}.source_title{font-family:Figtree;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.source_content{display:flex;flex-direction:column;gap:16px;margin-right:-6px;padding-right:4px;transition:max-height .3s linear,opacity .3s linear}.hide_content{max-height:0;opacity:0}.show_content{max-height:100%;opacity:1;overflow-y:scroll}.show_content::-webkit-scrollbar{height:5px;width:5px}.show_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.show_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.source_tag{align-self:stretch;display:flex}.toolbar_source_update,.toolbar_tag_title{color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.tag_display{align-items:flex-start;display:flex;flex-direction:column;gap:var(--s,8px);justify-content:center}
+.oip_source_card_collapse{align-self:stretch;border:1px solid var(--light,#dbdef0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 8px 16px;transition:gap .3s linear,max-height .3s linear,background-color .3s linear,padding .3s linear}.oip_source_card_collapse:hover svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:40px}.oip_source_card_collapse.open{background-color:var(--demi-fond);gap:16px;max-height:500px;padding:8px 8px 16px 16px}.icon_open{transition:transform .3s}.icon_rotate{transform:rotateX(180deg)}.source_card_header{align-items:center;align-self:stretch;display:flex;flex-direction:row;justify-content:space-between}.source_title{font-family:Figtree;font-size:14px;font-style:normal;font-weight:700;line-height:160%}.source_content{display:flex;flex-direction:column;gap:16px;margin-right:-6px;padding-right:4px;transition:max-height .3s linear,opacity .3s linear}.hide_content{max-height:0;opacity:0}.show_content{max-height:100%;opacity:1;overflow-y:scroll}.show_content::-webkit-scrollbar{height:5px;width:5px}.show_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.show_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.source_tag{align-self:stretch;display:flex}.toolbar_source_update,.toolbar_tag_title{color:var(--dark);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.tag_display{align-items:flex-start;display:flex;flex-direction:column;gap:var(--s,8px);justify-content:center}.copy_action{align-items:center;background:var(--white);border:1px solid var(--light);border-radius:6px;box-shadow:0 1px 2px 0 rgba(30,41,59,.1);color:var(--dark);cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:500;gap:4px;line-height:normal;padding:4px 8px 4px 6px}.copy_action:hover,.copy_action:hover svg{color:var(--primary)!important}
 </style>

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

@@ -15,35 +15,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    isProvider: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sourceProvider: {
-        type: StringConstructor;
-        default: null;
-    };
-    relatedSources: {
-        type: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
-            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;
-        };
-        default: () => null;
-    };
 }, {
     closeSource: () => void;
     sourceOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    copy: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClick" | "copyTitle")[], "onClick" | "copyTitle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sourceTitle: {
         type: StringConstructor;
         required: true;
@@ -60,39 +36,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    isProvider: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sourceProvider: {
-        type: StringConstructor;
-        default: null;
-    };
-    relatedSources: {
-        type: {
-            (arrayLength: number): String[];
-            (...items: String[]): String[];
-            new (arrayLength: number): String[];
-            new (...items: String[]): String[];
-            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;
-        };
-        default: () => null;
-    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
+    onCopyTitle?: ((...args: any[]) => any) | undefined;
 }, {
     sourceCountry: string;
     sourceSector: string;
     defaultOpen: boolean;
-    isProvider: boolean;
-    sourceProvider: string;
-    relatedSources: String[];
 }, {}>;
 export default _default;

package/dist/runtime/components/argToolbarSources.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="toolbar_tab_container">
+    <p class="oip_heading">Sources</p>
+    <div>
+      <p>
+        {{ lang === "fr" ? "Pour être conforme à l’" : "To comply with the" }}
+        <span class="open_data_link" @click="openPDF()"
+          >Open Data License 2.0</span
+        >,
+        {{
+          lang === "fr"
+            ? "vous devez annotez vos documents avec les sources utilisées."
+            : "you must list in your reports the sources used."
+        }}
+      </p>
+      <p>
+        {{
+          lang === "fr"
+            ? "Le bouton “Copier” est prévu pour faciliter cette démarche."
+            : "The ”Copy” button is provided to ease this process."
+        }}
+      </p>
+    </div>
+    <div class="toolbar_sources_display">
+      <slot name="Sources" />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argToolbarSources",
+  props: {
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: ["openPDF"],
+  setup(props, { emit }) {
+    function openPDF() {
+      emit("openPDF");
+    }
+    return { openPDF };
+  }
+});
+</script>
+
+<style scoped>
+.open_data_link{color:var(--primary)!important;cursor:pointer;text-decoration:underline}.open_data_link:hover{color:var(--primary-hover)!important}
+</style>

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

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    openPDF: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "openPDF"[], "openPDF", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onOpenPDF?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+}, {}>;
+export default _default;

package/package.json

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