@tekkare/auriga 0.1.86 → 0.1.87

package/dist/module.json

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

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/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.87",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",