@tekkare/auriga 0.1.8 → 0.1.9

package/dist/runtime/components/argFilterTabs.vue

@@ -0,0 +1,109 @@
+<template>
+  <div class="oip_switch_tabs">
+    <div
+      v-for="(tab, index) in tabs"
+      :key="index"
+      :class="['oip_switcher_tab', activeTab === index ? 'active_tab' : '']"
+      @click="changeTab(index)"
+    >
+      {{ tab.name }}
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  watch,
+  defineComponent,
+  onBeforeMount
+} from "vue";
+export default defineComponent({
+  name: "argFilterTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true
+    },
+    index_menu: {
+      type: [Number, String],
+      default: 0
+    },
+    returnValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["changeValue", "update:Tab"],
+  setup(props, { emit }) {
+    const activeTab = ref(0);
+    watch(
+      () => props.index_menu,
+      (new_index_menu) => {
+        setDefaultTab();
+        changeTab(activeTab.value);
+      }
+    );
+    onBeforeMount(() => {
+      setDefaultTab();
+      changeTab(activeTab.value);
+    });
+    function setDefaultTab() {
+      if (typeof props.index_menu === "string") {
+        activeTab.value = props.tabs.findIndex(
+          (a) => a.value === props.index_menu
+        );
+      } else if (typeof activeTab.value === "number") {
+        activeTab.value = props.index_menu;
+      }
+    }
+    function changeTab(index) {
+      activeTab.value = index;
+      let returnedValue;
+      if (props.returnValue) {
+        returnedValue = props.tabs[index].value;
+      } else
+        returnedValue = index;
+      emit("update:Tab", returnedValue);
+      emit("changeValue", returnedValue);
+    }
+    return {
+      activeTab,
+      setDefaultTab,
+      changeTab
+    };
+  }
+});
+</script>
+
+<style scoped>
+.oip_switch_tabs {
+  display: flex;
+  padding: 4px;
+  align-items: center;
+  border-radius: 12px;
+  background: var(--background);
+  width: fit-content;
+}
+
+.oip_switcher_tab {
+  display: flex;
+  padding: 8px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  color: var(--cool-grey);
+}
+.active_tab {
+  background: #fdfdff;
+  /* Small Elevation */
+  box-shadow: 0px 0px 8px 0px rgba(62, 63, 94, 0.12);
+  color: var(--text-theme-light-med-em, #4f4b5c) !important;
+}
+</style>

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

@@ -0,0 +1,64 @@
+declare const _default: import("vue").DefineComponent<{
+    tabs: {
+        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;
+    };
+    index_menu: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    activeTab: import("vue").Ref<number>;
+    setDefaultTab: () => void;
+    changeTab: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Tab")[], "changeValue" | "update:Tab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        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;
+    };
+    index_menu: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    returnValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChangeValue?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Tab"?: ((...args: any[]) => any) | undefined;
+}, {
+    returnValue: boolean;
+    index_menu: string | number;
+}, {}>;
+export default _default;

package/dist/runtime/components/argFooter.vue

@@ -1,9 +1,9 @@
 <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>
+    <div class="oip_footer_text">
+      <h2>Powered by</h2>
+      <img src="https://rcd-media.com/tekkare/logos/tekkare_logo.svg" />
+    </div>
   </div>
 </template>
 <script>
@@ -19,23 +19,24 @@ export default defineComponent({
 </script>
 <style>
 .oip_footer {
-	background: var(--pure-white);
-	padding: 24px 96px;
-	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);
+  background: var(--background);
+  padding: 24px 96px;
+  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;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 24px;
+  align-items: flex-end;
 }
-.oip_footer_text h2{
-	font-style: normal;
-	font-size: 14px;
-	line-height: 16px;
-	color: var(--independence);
-	font-weight: normal;
+.oip_footer_text h2 {
+  font-style: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--independence);
+  font-weight: normal;
 }
-</style>
+</style>

package/dist/runtime/components/argHeader.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="arg_header" id="arg_header">
+  <div
+    class="arg_header"
+    :class="sidebarOpen ? 'arg_header_with_sidebar' : 'arg_header_no_sidebar'"
+    id="arg_header"
+  >
     <div class="arg_header_title_group">
       <nuxt-link :to="backTo" v-if="backTo" class="arg_header_back_button">
         <arg-icon name="CaretLeft" size="20px" />
@@ -35,7 +39,8 @@ export default defineComponent({
     title: { type: String, required: true },
     backTo: { type: String, required: false },
     tabs: { type: Array, required: false },
-    index_menu: { type: [String, Number], default: 1 }
+    index_menu: { type: [String, Number], default: 1 },
+    sidebarOpen: { type: Boolean, default: false }
   },
   emits: ["updateMenu", "update:Menu"],
   setup(props, { emit }) {
@@ -70,6 +75,7 @@ export default defineComponent({
   background: transparent;
   width: 100%;
   box-sizing: border-box;
+  margin-left: -8px;
 }
 .arg_header_title_group {
   display: flex;

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     goBack: () => void;
     updateMenu: (value: number | string) => void;
@@ -35,10 +39,15 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onUpdateMenu?: ((...args: any[]) => any) | undefined;
     "onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
 }, {
     index_menu: string | number;
+    sidebarOpen: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argInfoBar.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="oip_info_bar">
+    <div
+      v-for="(item, index) in infoArray"
+      :key="index"
+      class="oip_info_item"
+      :class="item.name === 'Sources' ? 'relative' : ''"
+      @click="openMenu(item.name)"
+    >
+      <arg-icon :name="item.icon" size="20" />
+      <div
+        v-if="item.name === 'Sources' && sourceAmount > 0"
+        class="arg_source_nb"
+      >
+        {{ sourceAmount }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+export default defineComponent({
+  name: "argInfoBar",
+  components: { argIcon },
+  props: {
+    infoArray: {
+      type: Array,
+      default: () => [
+        { name: "Tips", icon: "Lightbulb" },
+        { name: "Sources", icon: "Database" },
+        { name: "Info", icon: "Info" },
+        { name: "Metadata", icon: "CirclesFour" }
+      ]
+    },
+    sourceAmount: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["openInfo"],
+  setup(props, { emit }) {
+    const activeMenu = ref("");
+    const infoOpen = ref(false);
+    function openMenu(item) {
+      infoOpen.value = true;
+      activeMenu.value = item;
+      emit("openInfo", { open: infoOpen.value, menu: activeMenu.value });
+    }
+    return {
+      infoOpen,
+      activeMenu,
+      openMenu
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_source_nb {
+  display: flex;
+  width: var(--m, 16px);
+  height: var(--m, 16px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 30px;
+  background: var(--system-alert, #ef4444);
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  color: var(--pure-white);
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+
+.oip_info_bar {
+  display: inline-flex;
+  padding: var(--xxs, 4px);
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--xxs, 4px);
+  border-radius: 8px;
+  border: 1px solid var(--base-dividers, #ececf2);
+}
+
+.oip_info_item {
+  display: flex;
+  padding: 10px;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.relative {
+  position: relative !important;
+}
+.oip_info_item svg {
+  flex-basis: 100%;
+}
+
+.oip_info_item:hover {
+  background: rgb(237, 237, 243, 65%);
+}
+
+.oip_info_close {
+  margin: 24px;
+  display: flex;
+  height: 32px;
+  padding: 6px 12px 6px 8px;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  border-radius: var(--s, 8px);
+  background: var(--pure-white);
+}
+
+.oip_info_close:hover {
+  background: var(--dividers) !important;
+}
+
+.oip_info_section {
+  width: 0px;
+  transition: width ease 0.5s;
+  overflow-x: hidden;
+  height: 0px;
+}
+
+.oip_info_section_open {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 620px;
+  height: 820px;
+}
+
+.oip_info_sidebar {
+  display: flex;
+  width: 160px;
+  padding: var(--l, 24px) var(--None, 0px);
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--m, 16px);
+  align-self: stretch;
+  border-radius: var(--None, 0px);
+
+  border-left: 1px solid var(--base-dividers, #ececf2);
+  background: var(--base-demi-fond, #f9f9fa);
+  backdrop-filter: blur(16px);
+}
+
+.open_container {
+  max-width: 750px !important;
+  height: 820px;
+}
+
+.oip_info_container {
+  display: inline-flex;
+  align-items: flex-start;
+  position: fixed;
+  right: 0;
+  top: 108px;
+  z-index: 999;
+  max-width: 0px;
+  transition: max-width ease 0.5px;
+}
+</style>

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

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<{
+    infoArray: {
+        type: ArrayConstructor;
+        default: () => {
+            name: string;
+            icon: string;
+        }[];
+    };
+    sourceAmount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    infoOpen: import("vue").Ref<boolean>;
+    activeMenu: import("vue").Ref<string>;
+    openMenu: (item: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "openInfo"[], "openInfo", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    infoArray: {
+        type: ArrayConstructor;
+        default: () => {
+            name: string;
+            icon: string;
+        }[];
+    };
+    sourceAmount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onOpenInfo?: ((...args: any[]) => any) | undefined;
+}, {
+    infoArray: unknown[];
+    sourceAmount: number;
+}, {}>;
+export default _default;