@tekkare/auriga 0.1.8 → 0.1.10

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    emojiName: {
+        type: StringConstructor;
+        required: true;
+    };
+    emojiSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {
+    allEmojis: {
+        Lightbulb: string;
+        Pin: string;
+        Television: string;
+    };
+    getEmojiCode: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emojiName: {
+        type: StringConstructor;
+        required: true;
+    };
+    emojiSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>>, {
+    emojiSize: string | number;
+}, {}>;
+export default _default;

package/dist/runtime/components/argFileBtn.vue

@@ -3,7 +3,7 @@
     <client-only><arg-style /></client-only>
     <arg-icon :name="fileIcon.icon" :color="fileIcon.color" size="24" />
     <div class="prmt_file_name_group">
-      <arg-tooltip :tooltipText="fileName">
+      <arg-tooltip :disable="tooltipDisable" :tooltipText="fileName">
         <h1 class="prmt_file_name">
           {{ fileName }}
         </h1>
@@ -21,9 +21,11 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
+import argStyle from "./argStyle.vue";
 export default defineComponent({
   name: "argFileBtn",
-  components: { argIcon },
+  components: { argIcon, argTooltip, argStyle },
   props: {
     fileType: {
       type: String,
@@ -46,6 +48,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
       required: false
+    },
+    tooltipDisable: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onPreview", "onDownload"],
@@ -66,6 +72,8 @@ export default defineComponent({
           iconName = { icon: "FileJpg", color: "#3E3F5E" };
         } else if (ft === "MP4" || ft === "AVI" || ft === "MOV") {
           iconName = { icon: "FileVideo", color: "#3E3F5E" };
+        } else if (ft === "PPT" || ft == "PPTX") {
+          iconName = { icon: "FilePpt", color: "#3E3F5E" };
         }
       }
       return iconName;

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

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         required: false;
     };
+    tooltipDisable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     fileIcon: import("vue").ComputedRef<{
         icon: string;
@@ -28,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     onPreview: () => void;
     onDownload: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onPreview" | "onDownload")[], "onPreview" | "onDownload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onPreview")[], "onDownload" | "onPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fileType: {
         type: StringConstructor;
         required: false;
@@ -51,11 +55,16 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         required: false;
     };
+    tooltipDisable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
-    onOnPreview?: ((...args: any[]) => any) | undefined;
     onOnDownload?: ((...args: any[]) => any) | undefined;
+    onOnPreview?: ((...args: any[]) => any) | undefined;
 }, {
     download: boolean;
     preview: boolean;
+    tooltipDisable: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argFilterCard.vue

@@ -8,7 +8,14 @@
       <div class="oip_row v-center gap-8">
         <p class="filters_title">Filters</p>
         <div class="filters_amount">{{ filters_amount }}</div>
-        <p class="filters_clear" @click.stop="clear()">Clear all</p>
+        <p
+          v-if="saveScope && filtersOpen"
+          class="filters_save"
+          @click.stop="save()"
+        >
+          {{ saveScopeMsg }}
+        </p>
+        <p class="filters_clear" @click.stop="clear()">{{ clearMsg }}</p>
       </div>
       <div class="oip_row v-center gap-8">
         <arg-icon
@@ -22,8 +29,9 @@
       </div>
     </div>
     <div class="filters_section" @click.stop>
-      <div class="filters_row oip_row v-center gap-16 wrap">
-        <slot />
+      <slot name="Search" />
+      <div class="filters_row oip_row v-center gap-16 full-width wrap">
+        <slot name="Filters" />
       </div>
     </div>
   </div>
@@ -37,17 +45,24 @@ import {
 export default defineComponent({
   name: "argFilterCard",
   props: {
-    filters_amount: { type: Number, default: 0 }
+    filters_amount: { type: Number, default: 0 },
+    saveScope: { type: Boolean, default: true },
+    clearMsg: { type: String, default: "Clear all" },
+    saveScopeMsg: { type: String, default: "Save scope" }
   },
-  emits: ["clearFilters"],
+  emits: ["clearFilters", "saveScope"],
   setup(props, { emit }) {
     const filtersOpen = ref(false);
     function clear() {
       emit("clearFilters");
     }
+    function save() {
+      emit("saveScope");
+    }
     return {
       filtersOpen,
-      clear
+      clear,
+      save
     };
   }
 });
@@ -56,7 +71,6 @@ export default defineComponent({
 <style scoped>
 .oip_filter_card {
   display: flex;
-  max-width: 1008px;
   padding: 16px 24px;
   flex-direction: column;
   align-items: flex-start;
@@ -66,6 +80,7 @@ export default defineComponent({
   backdrop-filter: blur(12px);
   transition: all ease 0.7s;
   cursor: pointer;
+  z-index: 98;
 }
 
 .filter_card {
@@ -111,20 +126,33 @@ export default defineComponent({
   border: 1px solid var(--base-dividers, #ececf2);
 }
 
-.filters_clear {
+.filters_clear,
+.filters_save {
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-decoration-line: underline;
-  color: var(--system-alert, #ef4444);
   cursor: pointer;
 }
 
+.filters_clear {
+  color: var(--system-alert, #ef4444);
+}
+.filters_save {
+  color: var(--primary-primary, #2176ff);
+}
+
 .filters_collapse {
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
 }
+.filters_section {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+}
 </style>

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

@@ -3,17 +3,46 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    saveScope: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    saveScopeMsg: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     filtersOpen: import("vue").Ref<boolean>;
     clear: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clearFilters"[], "clearFilters", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    save: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clearFilters" | "saveScope")[], "clearFilters" | "saveScope", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     filters_amount: {
         type: NumberConstructor;
         default: number;
     };
+    saveScope: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    saveScopeMsg: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onClearFilters?: ((...args: any[]) => any) | undefined;
+    onSaveScope?: ((...args: any[]) => any) | undefined;
 }, {
+    saveScope: boolean;
     filters_amount: number;
+    clearMsg: string;
+    saveScopeMsg: string;
 }, {}>;
 export default _default;

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,12 +1,18 @@
 <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" />
-      </nuxt-link>
-      <button @click="goBack()" v-else class="arg_header_back_button">
-        <arg-icon name="CaretLeft" size="20px" />
-      </button>
+      <div v-if="haveReturn">
+        <nuxt-link :to="backTo" v-if="backTo" class="arg_header_back_button">
+          <arg-icon name="CaretLeft" size="20px" />
+        </nuxt-link>
+        <button @click="goBack()" v-else class="arg_header_back_button">
+          <arg-icon name="CaretLeft" size="20px" />
+        </button>
+      </div>
       <h1 class="arg_header_title">
         {{ title }}
       </h1>
@@ -34,8 +40,10 @@ export default defineComponent({
   props: {
     title: { type: String, required: true },
     backTo: { type: String, required: false },
+    haveReturn: { type: Boolean, default: 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 }) {
@@ -71,6 +79,12 @@ export default defineComponent({
   width: 100%;
   box-sizing: border-box;
 }
+.arg_header_with_sidebar {
+  left: 200px;
+}
+.arg_header_no_sidebar {
+  left: 52px;
+}
 .arg_header_title_group {
   display: flex;
   align-items: center;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    haveReturn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tabs: {
         type: ArrayConstructor;
         required: false;
@@ -15,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     goBack: () => void;
     updateMenu: (value: number | string) => void;
@@ -27,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    haveReturn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tabs: {
         type: ArrayConstructor;
         required: false;
@@ -35,10 +47,16 @@ 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;
+    haveReturn: boolean;
+    sidebarOpen: boolean;
 }, {}>;
 export default _default;