@tekkare/auriga 0.1.138 → 0.1.140
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.json +1 -1
- package/dist/runtime/components/argDropdownBtn.vue +62 -0
- package/dist/runtime/components/argDropdownBtn.vue.d.ts +23 -0
- package/dist/runtime/components/argModal.vue +25 -0
- package/dist/runtime/components/argModal.vue.d.ts +14 -0
- package/dist/runtime/components/argNoSelectedScope.vue.d.ts +2 -2
- package/dist/runtime/components/argScopeChange.vue.d.ts +2 -2
- package/dist/runtime/components/argSourceCollapse.vue +27 -13
- package/dist/runtime/components/argSourceCollapse.vue.d.ts +1 -0
- package/dist/runtime/typings/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="arg_change_display">
|
|
3
|
+
<arg-btn :btn-style="btnStyle" @onClick="changeDisplay()">
|
|
4
|
+
<slot
|
|
5
|
+
/></arg-btn>
|
|
6
|
+
<div
|
|
7
|
+
:style="isDisplay === false ? 'display : none' : ''"
|
|
8
|
+
class="arg_select_dropdown_block"
|
|
9
|
+
>
|
|
10
|
+
<div class="oip_select_dropdown_selection_container">
|
|
11
|
+
<slot name="dropdown" />
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</template>
|
|
16
|
+
|
|
17
|
+
<script>
|
|
18
|
+
import argBtn from "./argBtn.vue";
|
|
19
|
+
import {
|
|
20
|
+
ref,
|
|
21
|
+
defineComponent,
|
|
22
|
+
onUnmounted
|
|
23
|
+
} from "vue";
|
|
24
|
+
export default defineComponent({
|
|
25
|
+
name: "argDropdownBtn",
|
|
26
|
+
components: { argBtn },
|
|
27
|
+
props: {
|
|
28
|
+
btnStyle: { type: String, default: "primary-fill" }
|
|
29
|
+
},
|
|
30
|
+
emits: ["changeScope", "update:Scope", "onNewScope", "onClear"],
|
|
31
|
+
setup(props, { emit }) {
|
|
32
|
+
const isDisplay = ref(false);
|
|
33
|
+
function closeDropdown() {
|
|
34
|
+
isDisplay.value = false;
|
|
35
|
+
document?.removeEventListener("click", closeDropdown);
|
|
36
|
+
}
|
|
37
|
+
function changeDisplay() {
|
|
38
|
+
if (isDisplay.value === true) {
|
|
39
|
+
isDisplay.value = !isDisplay.value;
|
|
40
|
+
document?.removeEventListener("click", closeDropdown);
|
|
41
|
+
} else {
|
|
42
|
+
isDisplay.value = !isDisplay.value;
|
|
43
|
+
setTimeout(() => {
|
|
44
|
+
document?.addEventListener("click", closeDropdown);
|
|
45
|
+
}, 100);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
onUnmounted(() => {
|
|
49
|
+
document?.removeEventListener("click", closeDropdown);
|
|
50
|
+
});
|
|
51
|
+
return {
|
|
52
|
+
isDisplay,
|
|
53
|
+
closeDropdown,
|
|
54
|
+
changeDisplay
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
</script>
|
|
59
|
+
|
|
60
|
+
<style scoped>
|
|
61
|
+
.arg_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;padding:16px;position:absolute;width:-moz-max-content;width:max-content;z-index:99!important}.arg_change_display{position:relative}.my-4{margin:4px 0}.full_width{width:100%}
|
|
62
|
+
</style>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
btnStyle: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
isDisplay: import("vue").Ref<boolean>;
|
|
8
|
+
closeDropdown: () => void;
|
|
9
|
+
changeDisplay: () => void;
|
|
10
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeScope" | "update:Scope" | "onNewScope" | "onClear")[], "changeScope" | "update:Scope" | "onNewScope" | "onClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
btnStyle: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
}>> & {
|
|
16
|
+
onChangeScope?: ((...args: any[]) => any) | undefined;
|
|
17
|
+
"onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
|
|
18
|
+
onOnNewScope?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
onOnClear?: ((...args: any[]) => any) | undefined;
|
|
20
|
+
}, {
|
|
21
|
+
btnStyle: string;
|
|
22
|
+
}, {}>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="['arg_modal_container', open ? 'arg_modal_open' : '']">
|
|
3
|
+
<div v-show="open" class="arg_modal">
|
|
4
|
+
<slot />
|
|
5
|
+
</div>
|
|
6
|
+
</div>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
import {
|
|
11
|
+
defineComponent
|
|
12
|
+
} from "vue";
|
|
13
|
+
export default defineComponent({
|
|
14
|
+
name: "argModal",
|
|
15
|
+
props: {
|
|
16
|
+
open: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: false
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
</script>
|
|
23
|
+
<style scoped>
|
|
24
|
+
.arg_modal_container{align-items:center;background-color:transparent;bottom:0;display:flex;height:0;justify-content:center;left:0;opacity:0;position:fixed;transition:all .35s ease;width:0}.arg_modal_open{background-color:rgba(0,0,0,.4);height:100vh;opacity:1;width:100%;z-index:99}.arg_modal{align-items:flex-start;background:var(--base-white,#fff);border-radius:var(--m,16px);display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100% - 48px);max-width:600px;padding:24px}
|
|
25
|
+
</style>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
open: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
|
+
open: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
}>>, {
|
|
12
|
+
open: boolean;
|
|
13
|
+
}, {}>;
|
|
14
|
+
export default _default;
|
|
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
selectedScope: import("vue").Ref<any>;
|
|
14
14
|
selectScope: () => void;
|
|
15
15
|
createNewScope: () => void;
|
|
16
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
16
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Scope" | "onSelectScope" | "onCreateScope")[], "update:Scope" | "onSelectScope" | "onCreateScope", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
lang: {
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
default: string;
|
|
@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
default: () => never[];
|
|
25
25
|
};
|
|
26
26
|
}>> & {
|
|
27
|
-
onOnSelectScope?: ((...args: any[]) => any) | undefined;
|
|
28
27
|
"onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
onOnSelectScope?: ((...args: any[]) => any) | undefined;
|
|
29
29
|
onOnCreateScope?: ((...args: any[]) => any) | undefined;
|
|
30
30
|
}, {
|
|
31
31
|
lang: string;
|
|
@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
59
59
|
selectedScope: import("vue").Ref<any>;
|
|
60
60
|
newScope: () => void;
|
|
61
61
|
clearScope: () => void;
|
|
62
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
62
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeScope" | "update:Scope" | "onNewScope" | "onClear")[], "changeScope" | "update:Scope" | "onNewScope" | "onClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
63
63
|
scopes: {
|
|
64
64
|
type: {
|
|
65
65
|
(arrayLength: number): string[];
|
|
@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
112
112
|
default: boolean;
|
|
113
113
|
};
|
|
114
114
|
}>> & {
|
|
115
|
-
"onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
|
|
116
115
|
onChangeScope?: ((...args: any[]) => any) | undefined;
|
|
116
|
+
"onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
onOnNewScope?: ((...args: any[]) => any) | undefined;
|
|
118
118
|
onOnClear?: ((...args: any[]) => any) | undefined;
|
|
119
119
|
}, {
|
|
@@ -4,14 +4,26 @@
|
|
|
4
4
|
@click="sourceOpen = !sourceOpen"
|
|
5
5
|
>
|
|
6
6
|
<div class="source_card_header">
|
|
7
|
-
<div class="oip_row v-
|
|
7
|
+
<div class="oip_row v-start gap-8 header">
|
|
8
8
|
<arg-icon
|
|
9
9
|
name="CaretDown"
|
|
10
10
|
color="var(--dark)"
|
|
11
11
|
size="16"
|
|
12
12
|
:class="['icon_open', sourceOpen ? 'icon_rotate' : '']"
|
|
13
13
|
/>
|
|
14
|
-
<
|
|
14
|
+
<div class="title_container">
|
|
15
|
+
<arg-tags class="source_tag">
|
|
16
|
+
<div class="oip_row v-center gap-4">
|
|
17
|
+
<arg-flag
|
|
18
|
+
:slug="getCountryName.toLowerCase()"
|
|
19
|
+
emoji
|
|
20
|
+
height="10"
|
|
21
|
+
/>
|
|
22
|
+
<p>{{ sourceCountry }}</p>
|
|
23
|
+
</div>
|
|
24
|
+
</arg-tags>
|
|
25
|
+
<p class="source_title">{{ sourceTitle }}</p>
|
|
26
|
+
</div>
|
|
15
27
|
</div>
|
|
16
28
|
<div class="copy_action" @click.stop="copy()">
|
|
17
29
|
<arg-icon name="Copy" color="var(--cool-grey)" size="16" />
|
|
@@ -27,15 +39,6 @@
|
|
|
27
39
|
Source update in OIP: {{ sourceUpdate }}
|
|
28
40
|
</p> -->
|
|
29
41
|
<div class="oip_row v-start gap-16">
|
|
30
|
-
<div class="tag_display">
|
|
31
|
-
<p class="toolbar_tag_title">Country</p>
|
|
32
|
-
<arg-tags class="source_tag">
|
|
33
|
-
<div class="oip_row v-center gap-4">
|
|
34
|
-
<arg-flag :slug="sourceCountry.toLowerCase()" emoji height="10" />
|
|
35
|
-
<p>{{ sourceCountry }}</p>
|
|
36
|
-
</div>
|
|
37
|
-
</arg-tags>
|
|
38
|
-
</div>
|
|
39
42
|
<div class="tag_display">
|
|
40
43
|
<p class="toolbar_tag_title">Sector</p>
|
|
41
44
|
<arg-tags>{{ sourceSector }}</arg-tags>
|
|
@@ -52,6 +55,7 @@
|
|
|
52
55
|
import {
|
|
53
56
|
onMounted,
|
|
54
57
|
ref,
|
|
58
|
+
computed,
|
|
55
59
|
watch,
|
|
56
60
|
defineComponent
|
|
57
61
|
} from "vue";
|
|
@@ -92,6 +96,16 @@ export default defineComponent({
|
|
|
92
96
|
function closeSource() {
|
|
93
97
|
sourceOpen.value = false;
|
|
94
98
|
}
|
|
99
|
+
const getCountryName = computed(() => {
|
|
100
|
+
if (props.sourceCountry === "United States") {
|
|
101
|
+
return "usa";
|
|
102
|
+
} else if (props.sourceCountry === "United Kingdom") {
|
|
103
|
+
return "gb";
|
|
104
|
+
} else if (props.sourceCountry === "Poland") {
|
|
105
|
+
return "republic-of-poland";
|
|
106
|
+
} else
|
|
107
|
+
return props.sourceCountry;
|
|
108
|
+
});
|
|
95
109
|
onMounted(() => {
|
|
96
110
|
sourceOpen.value = props.defaultOpen;
|
|
97
111
|
});
|
|
@@ -116,11 +130,11 @@ export default defineComponent({
|
|
|
116
130
|
navigator.clipboard.writeText(props.sourceTitle);
|
|
117
131
|
emit("copyTitle");
|
|
118
132
|
}
|
|
119
|
-
return { closeSource, sourceOpen, copy };
|
|
133
|
+
return { closeSource, sourceOpen, copy, getCountryName };
|
|
120
134
|
}
|
|
121
135
|
});
|
|
122
136
|
</script>
|
|
123
137
|
|
|
124
138
|
<style scoped>
|
|
125
|
-
.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 .header>svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:
|
|
139
|
+
.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 .header>svg{color:var(--primary)!important}.oip_source_card_collapse.close{background-color:var(--white,#fff);gap:0;max-height:110px}.oip_source_card_collapse.open{background-color:var(--demi-fond);gap:16px;max-height:800px;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;gap:8px;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}.title_container{display:flex;flex-direction:column;gap:4px}
|
|
126
140
|
</style>
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
closeSource: () => void;
|
|
25
25
|
sourceOpen: import("vue").Ref<boolean>;
|
|
26
26
|
copy: () => void;
|
|
27
|
+
getCountryName: import("vue").ComputedRef<string>;
|
|
27
28
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "copyTitle"[], "copyTitle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
sourceTitle: {
|
|
29
30
|
type: StringConstructor;
|