@tekkare/auriga 0.1.84 → 0.1.86
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/argChart.vue +1 -1
- package/dist/runtime/components/argHybridChart.vue +2 -2
- package/dist/runtime/components/argLangSelect.vue +54 -12
- package/dist/runtime/components/argLangSelect.vue.d.ts +9 -0
- package/dist/runtime/components/argScopeCriteriaIndicator.vue +13 -2
- package/dist/runtime/components/argScopeCriteriaIndicator.vue.d.ts +11 -0
- package/dist/runtime/components/argSourceCollapse.vue +3 -1
- package/dist/runtime/components/argToolbarContent.vue +1 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -62,14 +62,14 @@
|
|
|
62
62
|
</client-only>
|
|
63
63
|
<div class="oip_hybrid_chart__footer" v-if="limiter">
|
|
64
64
|
<arg-btn
|
|
65
|
-
btnStyle="
|
|
65
|
+
btnStyle="secondary-stroke"
|
|
66
66
|
prefixIcon="CornersOut"
|
|
67
67
|
@onClick="changeShowState(true)"
|
|
68
68
|
v-if="!showAll"
|
|
69
69
|
>Show all</arg-btn
|
|
70
70
|
>
|
|
71
71
|
<arg-btn
|
|
72
|
-
btnStyle="
|
|
72
|
+
btnStyle="secondary-stroke"
|
|
73
73
|
prefixIcon="CornersIn"
|
|
74
74
|
@onClick="changeShowState(false)"
|
|
75
75
|
v-if="showAll"
|
|
@@ -2,32 +2,55 @@
|
|
|
2
2
|
<div
|
|
3
3
|
v-if="langs.length > 0"
|
|
4
4
|
class="language_container"
|
|
5
|
-
:class="
|
|
6
|
-
|
|
5
|
+
:class="[
|
|
6
|
+
showLangOptions ? 'open' : 'close',
|
|
7
|
+
sidebarOpen !== null ? 'in-sidebar' : '',
|
|
8
|
+
]"
|
|
9
|
+
@click.stop="showLangOptions = !showLangOptions"
|
|
7
10
|
>
|
|
8
|
-
<div
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
<div
|
|
12
|
+
class="oip_row v-center justify-between"
|
|
13
|
+
:class="sidebarOpen !== false ? 'gap-8' : 'gap-4'"
|
|
14
|
+
>
|
|
15
|
+
<div class="oip_row v-center gap-4 flex-80">
|
|
16
|
+
<arg-flag
|
|
17
|
+
:iso="selectedItem.iso"
|
|
18
|
+
:height="sidebarOpen !== false ? '16' : '14'"
|
|
19
|
+
emoji
|
|
20
|
+
/>
|
|
21
|
+
<p v-if="sidebarOpen !== false">
|
|
12
22
|
{{ langs.filter((f) => f.iso === selectedItem.iso)[0].title }}
|
|
13
23
|
</p>
|
|
14
24
|
</div>
|
|
15
25
|
<arg-icon
|
|
26
|
+
v-if="sidebarOpen !== false"
|
|
16
27
|
name="CaretDown"
|
|
17
28
|
size="14"
|
|
18
|
-
class="lang_choice_icon"
|
|
29
|
+
class="lang_choice_icon flex-20"
|
|
19
30
|
:class="showLangOptions ? 'icon-rotate' : ''"
|
|
20
31
|
/>
|
|
21
32
|
</div>
|
|
22
|
-
<div
|
|
33
|
+
<div
|
|
34
|
+
:class="[
|
|
35
|
+
'lang_choice_container',
|
|
36
|
+
showLangOptions ? 'open' : 'close',
|
|
37
|
+
sidebarOpen !== null ? 'in-sidebar' : '',
|
|
38
|
+
]"
|
|
39
|
+
>
|
|
23
40
|
<div
|
|
24
41
|
v-for="(lang, index) in langs.filter((f) => f.iso !== selectedItem.iso)"
|
|
25
42
|
:key="index"
|
|
26
43
|
class="oip_row v-center gap-4 lang-choice"
|
|
27
44
|
@click="selectLang(lang)"
|
|
28
45
|
>
|
|
29
|
-
<arg-flag
|
|
30
|
-
|
|
46
|
+
<arg-flag
|
|
47
|
+
:iso="lang.iso"
|
|
48
|
+
:height="sidebarOpen !== false ? '16' : '14'"
|
|
49
|
+
emoji
|
|
50
|
+
/>
|
|
51
|
+
<p v-if="sidebarOpen !== false">
|
|
52
|
+
{{ lang.title }}
|
|
53
|
+
</p>
|
|
31
54
|
</div>
|
|
32
55
|
</div>
|
|
33
56
|
</div>
|
|
@@ -37,6 +60,7 @@
|
|
|
37
60
|
import {
|
|
38
61
|
onMounted,
|
|
39
62
|
ref,
|
|
63
|
+
watch,
|
|
40
64
|
defineComponent
|
|
41
65
|
} from "vue";
|
|
42
66
|
import argIcon from "./argIcon.vue";
|
|
@@ -51,7 +75,11 @@ export default defineComponent({
|
|
|
51
75
|
},
|
|
52
76
|
default_locale: {
|
|
53
77
|
type: String,
|
|
54
|
-
default: "
|
|
78
|
+
default: "en"
|
|
79
|
+
},
|
|
80
|
+
sidebarOpen: {
|
|
81
|
+
type: Boolean,
|
|
82
|
+
default: null
|
|
55
83
|
}
|
|
56
84
|
},
|
|
57
85
|
emits: ["onSelectLang", "update:Lang"],
|
|
@@ -65,11 +93,25 @@ export default defineComponent({
|
|
|
65
93
|
onMounted(() => {
|
|
66
94
|
selectedItem.value = props.langs[props.langs.findIndex((a) => a.locale === props.default_locale)];
|
|
67
95
|
});
|
|
96
|
+
watch(
|
|
97
|
+
() => showLangOptions.value,
|
|
98
|
+
() => {
|
|
99
|
+
if (showLangOptions.value === true) {
|
|
100
|
+
setTimeout(() => {
|
|
101
|
+
document.addEventListener("click", closeLang);
|
|
102
|
+
}, 150);
|
|
103
|
+
} else
|
|
104
|
+
document.removeEventListener("click", closeLang);
|
|
105
|
+
}
|
|
106
|
+
);
|
|
68
107
|
function selectLang(item) {
|
|
69
108
|
selectedItem.value = item;
|
|
70
109
|
emit("onSelectLang", item);
|
|
71
110
|
emit("update:Lang", item.locale);
|
|
72
111
|
}
|
|
112
|
+
function closeLang() {
|
|
113
|
+
showLangOptions.value = false;
|
|
114
|
+
}
|
|
73
115
|
return {
|
|
74
116
|
selectedItem,
|
|
75
117
|
showLangOptions,
|
|
@@ -80,5 +122,5 @@ export default defineComponent({
|
|
|
80
122
|
</script>
|
|
81
123
|
|
|
82
124
|
<style scoped>
|
|
83
|
-
.language_container{
|
|
125
|
+
.flex-80{flex-basis:85%}.width-100{width:100%}.language_container{border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px;position:relative;transition:max-height .3s ease,background-color .3s linear;z-index:99}.language_container.close{background-color:transparent;max-height:42px}.language_container.open{max-height:100px}.language_container.open,.language_container.open.in-sidebar:hover,.language_container:not(.in-sidebar):hover{background:#fdfdff}.language_container.open{box-shadow:5px 5px 5px rgba(62,63,94,.06)}.language_container.in-sidebar:hover{background:var(--light)}.language_container:hover svg{color:var(--primary)!important}.lang_choice_container{background-color:#fdfdff;border-top:none!important;border:none;border-radius:4px;border-top-left-radius:0!important;border-top-right-radius:0!important;box-shadow:5px 5px 5px rgba(62,63,94,.06);display:flex;flex-direction:column;gap:4px;left:0;padding:8px 12px 10px 8px;position:absolute;right:0;top:32px;transition:max-height .3s linear,opacity .3s ease}.lang_choice_container.open{max-height:100px;opacity:1}.lang_choice_container.close{max-height:0;opacity:0}.active_lang .lang_choice_container{border-top:none!important}.lang_choice:hover{color:var(--primary)!important}.lang_choice_icon{flex-shrink:0;transition:transform .3s}.icon-rotate{transform:rotate(-180deg)}p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;white-space:nowrap}.lang-choice:hover p{color:var(--primary)!important}
|
|
84
126
|
</style>
|
|
@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
20
|
type: StringConstructor;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
|
+
sidebarOpen: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: null;
|
|
26
|
+
};
|
|
23
27
|
}, {
|
|
24
28
|
selectedItem: import("vue").Ref<any>;
|
|
25
29
|
showLangOptions: import("vue").Ref<boolean>;
|
|
@@ -46,10 +50,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
50
|
type: StringConstructor;
|
|
47
51
|
default: string;
|
|
48
52
|
};
|
|
53
|
+
sidebarOpen: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: null;
|
|
56
|
+
};
|
|
49
57
|
}>> & {
|
|
50
58
|
onOnSelectLang?: ((...args: any[]) => any) | undefined;
|
|
51
59
|
"onUpdate:Lang"?: ((...args: any[]) => any) | undefined;
|
|
52
60
|
}, {
|
|
61
|
+
sidebarOpen: boolean;
|
|
53
62
|
default_locale: string;
|
|
54
63
|
}, {}>;
|
|
55
64
|
export default _default;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="criteria_section">
|
|
3
|
-
<p class="arg_scope_label">
|
|
3
|
+
<p class="arg_scope_label">
|
|
4
|
+
{{ lang === "en" ? "Scope applied:" : "Scope appliqué" }}
|
|
5
|
+
</p>
|
|
4
6
|
<p class="arg_scope">
|
|
5
|
-
{{
|
|
7
|
+
{{
|
|
8
|
+
selected !== null ? selected : lang === "en" ? "Custom" : "Sur mesure"
|
|
9
|
+
}}
|
|
6
10
|
</p>
|
|
7
11
|
</div>
|
|
8
12
|
</template>
|
|
@@ -17,6 +21,13 @@ export default defineComponent({
|
|
|
17
21
|
selected: {
|
|
18
22
|
type: String,
|
|
19
23
|
default: null
|
|
24
|
+
},
|
|
25
|
+
lang: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "en",
|
|
28
|
+
validator: (value) => {
|
|
29
|
+
return ["en", "fr"].includes(value);
|
|
30
|
+
}
|
|
20
31
|
}
|
|
21
32
|
}
|
|
22
33
|
});
|
|
@@ -3,12 +3,23 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
type: StringConstructor;
|
|
4
4
|
default: null;
|
|
5
5
|
};
|
|
6
|
+
lang: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
validator: (value: string) => boolean;
|
|
10
|
+
};
|
|
6
11
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
12
|
selected: {
|
|
8
13
|
type: StringConstructor;
|
|
9
14
|
default: null;
|
|
10
15
|
};
|
|
16
|
+
lang: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: string;
|
|
19
|
+
validator: (value: string) => boolean;
|
|
20
|
+
};
|
|
11
21
|
}>>, {
|
|
22
|
+
lang: string;
|
|
12
23
|
selected: string;
|
|
13
24
|
}, {}>;
|
|
14
25
|
export default _default;
|
|
@@ -126,5 +126,5 @@ export default defineComponent({
|
|
|
126
126
|
</script>
|
|
127
127
|
|
|
128
128
|
<style scoped>
|
|
129
|
-
.info_main_container{background-color:transparent;opacity:0;transition:background-color .3s linear,opacity .4s linear;z-index:0}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:99}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:
|
|
129
|
+
.info_main_container{background-color:transparent;opacity:0;transition:background-color .3s linear,opacity .4s linear;z-index:0}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:99}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:100%;width:620px}.oip_info_sidebar{background:var(--base-demi-fond,#f9f9fa);gap:16px;padding:24px 0;width:160px}.oip_info_content,.oip_info_sidebar{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--light,#ececf2);display:flex;flex-direction:column}.oip_info_content{background:var(--base-white,#fff);border-radius:var(--None,0);gap:24px;overflow-y:scroll;padding:24px;width:460px}.oip_info_content::-webkit-scrollbar{height:5px!important;width:5px!important}.oip_info_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_info_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.oip_info_container{align-items:flex-start;display:inline-flex;height:100%;position:fixed;right:0;top:0;z-index:999}.hide{display:none}.arg_source_amount{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;width:var(--m,16px)}.toolbar_menu_content{align-self:stretch}
|
|
130
130
|
</style>
|