@tekkare/auriga 0.2.90 → 0.2.91
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
CHANGED
|
@@ -50,81 +50,84 @@
|
|
|
50
50
|
"
|
|
51
51
|
class="oip_list v-start gap-16"
|
|
52
52
|
>
|
|
53
|
-
<div
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
/>
|
|
66
|
-
<p>
|
|
67
|
-
{{ typeof category === "string" ? category : category.label }}
|
|
68
|
-
</p>
|
|
69
|
-
</div>
|
|
70
|
-
<div class="oip_row v-start gap-16 wrap full_stretch">
|
|
71
|
-
<div
|
|
72
|
-
v-for="(block, index) in filterCategoryBlocks(category)"
|
|
73
|
-
:key="index"
|
|
74
|
-
class="oip_card block_card action"
|
|
75
|
-
:class="
|
|
76
|
-
selectedBlock?.title === block.title ? 'block_selected' : ''
|
|
77
|
-
"
|
|
78
|
-
@click="selectBlock(block)"
|
|
79
|
-
>
|
|
80
|
-
<slot
|
|
81
|
-
v-if="customizeBlocks"
|
|
82
|
-
:name="seperateCustoms ? 'customOther' : 'custom'"
|
|
83
|
-
v-bind:block="block"
|
|
53
|
+
<div v-for="category in blockCategories" :key="category">
|
|
54
|
+
<div
|
|
55
|
+
v-if="filterCategoryBlocks(category).length > 0"
|
|
56
|
+
class="oip_list v-start gap-8 category_container"
|
|
57
|
+
>
|
|
58
|
+
<div class="category_label">
|
|
59
|
+
<arg-icon
|
|
60
|
+
v-if="category.icon"
|
|
61
|
+
:name="category.icon"
|
|
62
|
+
color="var(--medium)"
|
|
63
|
+
size="20"
|
|
64
|
+
thickness="20"
|
|
84
65
|
/>
|
|
85
|
-
<
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
block.country === 'europe' ||
|
|
106
|
-
block.emoji
|
|
107
|
-
"
|
|
108
|
-
height="14" /></span
|
|
109
|
-
>{{ block.title }}
|
|
110
|
-
</p>
|
|
66
|
+
<p>
|
|
67
|
+
{{ typeof category === "string" ? category : category.label }}
|
|
68
|
+
</p>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="oip_row v-start gap-16 wrap full_stretch">
|
|
71
|
+
<div
|
|
72
|
+
v-for="(block, index) in filterCategoryBlocks(category)"
|
|
73
|
+
:key="index"
|
|
74
|
+
class="oip_card block_card action"
|
|
75
|
+
:class="
|
|
76
|
+
selectedBlock?.title === block.title ? 'block_selected' : ''
|
|
77
|
+
"
|
|
78
|
+
@click="selectBlock(block)"
|
|
79
|
+
>
|
|
80
|
+
<slot
|
|
81
|
+
v-if="customizeBlocks"
|
|
82
|
+
:name="seperateCustoms ? 'customOther' : 'custom'"
|
|
83
|
+
v-bind:block="block"
|
|
84
|
+
/>
|
|
85
|
+
<div v-else class="block_content">
|
|
111
86
|
<div
|
|
112
|
-
|
|
113
|
-
class="oip_row v-center gap-8 population"
|
|
87
|
+
class="oip_row v-center space-between full_stretch card_head"
|
|
114
88
|
>
|
|
115
|
-
<
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
89
|
+
<p class="block_title">
|
|
90
|
+
<span v-if="block.country"
|
|
91
|
+
><arg-flag
|
|
92
|
+
v-if="block.iso"
|
|
93
|
+
:emoji="
|
|
94
|
+
block.iso === 'ww' ||
|
|
95
|
+
block.iso === 'eu' ||
|
|
96
|
+
block.emoji
|
|
97
|
+
"
|
|
98
|
+
:iso="block.iso"
|
|
99
|
+
height="14" />
|
|
100
|
+
<arg-flag
|
|
101
|
+
v-else
|
|
102
|
+
:slug="block.country.toLowerCase()"
|
|
103
|
+
:emoji="
|
|
104
|
+
block.country === 'world' ||
|
|
105
|
+
block.country === 'europe' ||
|
|
106
|
+
block.emoji
|
|
107
|
+
"
|
|
108
|
+
height="14" /></span
|
|
109
|
+
>{{ block.title }}
|
|
124
110
|
</p>
|
|
111
|
+
<div
|
|
112
|
+
v-if="block.population && block.population !== null"
|
|
113
|
+
class="oip_row v-center gap-8 population"
|
|
114
|
+
>
|
|
115
|
+
<arg-icon
|
|
116
|
+
name="UsersThree"
|
|
117
|
+
color="var(--medium)"
|
|
118
|
+
size="14"
|
|
119
|
+
/>
|
|
120
|
+
<p>
|
|
121
|
+
{{
|
|
122
|
+
new Intl.NumberFormat("us-US").format(
|
|
123
|
+
block.population
|
|
124
|
+
)
|
|
125
|
+
}}
|
|
126
|
+
</p>
|
|
127
|
+
</div>
|
|
125
128
|
</div>
|
|
129
|
+
<p class="block_descr">{{ block.description }}</p>
|
|
126
130
|
</div>
|
|
127
|
-
<p class="block_descr">{{ block.description }}</p>
|
|
128
131
|
</div>
|
|
129
132
|
</div>
|
|
130
133
|
</div>
|
|
@@ -259,7 +262,7 @@ export default defineComponent({
|
|
|
259
262
|
type: String,
|
|
260
263
|
default: "en",
|
|
261
264
|
validator: (value) => {
|
|
262
|
-
return ["en", "fr"].includes(value);
|
|
265
|
+
return ["en", "fr", "es", "jp", "kr"].includes(value);
|
|
263
266
|
}
|
|
264
267
|
}
|
|
265
268
|
},
|
|
@@ -321,7 +324,9 @@ export default defineComponent({
|
|
|
321
324
|
return props.appBlocks.length > 0 ? props.appBlocks.filter((a) => includesValue(a)) : null;
|
|
322
325
|
});
|
|
323
326
|
const filterCategoryBlocks = (cat) => {
|
|
324
|
-
return props.appBlocks.length > 0 ? props.appBlocks.filter(
|
|
327
|
+
return props.appBlocks.length > 0 ? searchBlocks.value.length > 0 ? props.appBlocks.filter(
|
|
328
|
+
(a) => typeof cat === "string" ? a.category === cat && includesValue(a) : a.category.label === cat.label && includesValue(a)
|
|
329
|
+
) : props.appBlocks.filter(
|
|
325
330
|
(a) => typeof cat === "string" ? a.category === cat : a.category.label === cat.label
|
|
326
331
|
) : null;
|
|
327
332
|
};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
class="oip_product_card"
|
|
4
|
+
:class="`${app}_banner`"
|
|
5
|
+
:style="` background: linear-gradient(
|
|
6
|
+
90deg,
|
|
7
|
+
rgba(255, 255, 255, 0.9) 41%,
|
|
8
|
+
rgba(255, 255, 255, 0) 100%
|
|
9
|
+
),
|
|
10
|
+
url("${getBackground}") lightgray 50% / cover no-repeat;`"
|
|
11
|
+
>
|
|
12
|
+
<p :class="['banner_title', `${app}_title_color`]">{{ getTitle }}</p>
|
|
13
|
+
<p class="oip_body banner_text">{{ getText }}</p>
|
|
14
|
+
<div class="oip_row v-center gap-16" v-if="defaultActions">
|
|
15
|
+
<arg-btn
|
|
16
|
+
:btn-style="`${app === 'oip' ? 'primary' : app}-fill`"
|
|
17
|
+
@on-click="$emit('onTrial')"
|
|
18
|
+
>Free trial</arg-btn
|
|
19
|
+
>
|
|
20
|
+
<arg-btn
|
|
21
|
+
:btn-style="`${app === 'oip' ? 'primary' : app}-stroke`"
|
|
22
|
+
@on-click="$emit('onContact')"
|
|
23
|
+
>Contact sales</arg-btn
|
|
24
|
+
>
|
|
25
|
+
</div>
|
|
26
|
+
<slot v-else name="actions" />
|
|
27
|
+
</div>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<script>
|
|
31
|
+
import {
|
|
32
|
+
computed,
|
|
33
|
+
defineComponent
|
|
34
|
+
} from "vue";
|
|
35
|
+
import argBtn from "./argBtn.vue";
|
|
36
|
+
import { oipBG, bankBG, discoveryBG } from "../../assets";
|
|
37
|
+
export default defineComponent({
|
|
38
|
+
name: "argProductCard",
|
|
39
|
+
components: { argBtn },
|
|
40
|
+
props: {
|
|
41
|
+
app: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: "oip",
|
|
44
|
+
validator: (value) => {
|
|
45
|
+
return ["oip", "discovery", "bank"].includes(value);
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
defaultActions: {
|
|
49
|
+
type: Boolean,
|
|
50
|
+
default: true
|
|
51
|
+
},
|
|
52
|
+
customTitle: {
|
|
53
|
+
type: String || void 0 || null,
|
|
54
|
+
default: void 0
|
|
55
|
+
},
|
|
56
|
+
customText: {
|
|
57
|
+
type: String || void 0 || null,
|
|
58
|
+
default: void 0
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
emits: ["onTrial", "onContact"],
|
|
62
|
+
setup(props, { emit }) {
|
|
63
|
+
const getBackground = computed(() => {
|
|
64
|
+
switch (props.app) {
|
|
65
|
+
case "oip":
|
|
66
|
+
return oipBG;
|
|
67
|
+
case "discovery":
|
|
68
|
+
return discoveryBG;
|
|
69
|
+
case "bank":
|
|
70
|
+
return bankBG;
|
|
71
|
+
default:
|
|
72
|
+
return oipBG;
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
const getTitle = computed(() => {
|
|
76
|
+
if (props.customTitle && props.customTitle !== null) {
|
|
77
|
+
return props.customTitle;
|
|
78
|
+
} else {
|
|
79
|
+
switch (props.app) {
|
|
80
|
+
case "oip":
|
|
81
|
+
return "OIP Healthcare\xAE";
|
|
82
|
+
case "discovery":
|
|
83
|
+
return "Accelerate Your Research Today!";
|
|
84
|
+
case "bank":
|
|
85
|
+
return "OIP Databank\xAE";
|
|
86
|
+
default:
|
|
87
|
+
return "OIP Healthcare\xAE";
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const getText = computed(() => {
|
|
92
|
+
if (props.customText && props.customText !== null) {
|
|
93
|
+
return props.customText;
|
|
94
|
+
} else {
|
|
95
|
+
switch (props.app) {
|
|
96
|
+
case "oip":
|
|
97
|
+
return "Spider totalus peruvian-night-powder moon mrs wheels. Invisibility vulture-hat crush ridgeback holly broomstick rock-cake broomstick for.";
|
|
98
|
+
case "discovery":
|
|
99
|
+
return "Take your drug discovery process to the next level with OIP Discovery\xAE. Sign up now to explore cutting-edge data and reports from the most trusted scientific sources.";
|
|
100
|
+
case "bank":
|
|
101
|
+
return "OIP Databank gathers all major open data decisive for healthcare project, in a single, simple and ready-to-use data infrastructure. Start building today with your own tools and explore our data packages";
|
|
102
|
+
default:
|
|
103
|
+
return "Spider totalus peruvian-night-powder moon mrs wheels. Invisibility vulture-hat crush ridgeback holly broomstick rock-cake broomstick for.";
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
return {
|
|
108
|
+
getTitle,
|
|
109
|
+
getText,
|
|
110
|
+
getBackground
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
</script>
|
|
115
|
+
|
|
116
|
+
<style scoped>
|
|
117
|
+
.oip_product_card{align-items:flex-start;align-self:stretch;background:linear-gradient(90deg,hsla(0,0%,100%,.9) 41%,hsla(0,0%,100%,0));border-radius:12px;box-shadow:0 6px 8px 0 rgba(30,41,59,.1);display:flex;flex-direction:column;gap:24px;padding:40px}.bank_banner{border:1px solid rgba(224,67,128,.1)!important}.oip_banner{border:1px solid rgba(65,100,238,.1)!important}.discovery_banner{border:1px solid rgba(7,129,111,.1)!important}.banner_title{font-size:26px;font-style:normal;font-weight:900;line-height:normal}.bank_title_color{color:var(--bank)}.discovery_title_color{color:var(--discovery)}.oip_title_color{color:var(--primary)}.banner_text{max-width:550px;width:50%}
|
|
118
|
+
</style>
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
app: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
validator: (value: string) => boolean;
|
|
6
|
+
};
|
|
7
|
+
defaultActions: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
customTitle: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: undefined;
|
|
14
|
+
};
|
|
15
|
+
customText: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: undefined;
|
|
18
|
+
};
|
|
19
|
+
}, {
|
|
20
|
+
getTitle: import("vue").ComputedRef<string>;
|
|
21
|
+
getText: import("vue").ComputedRef<string>;
|
|
22
|
+
getBackground: import("vue").ComputedRef<any>;
|
|
23
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onTrial" | "onContact")[], "onTrial" | "onContact", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
app: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
validator: (value: string) => boolean;
|
|
28
|
+
};
|
|
29
|
+
defaultActions: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
customTitle: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
customText: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
}>> & {
|
|
42
|
+
onOnTrial?: ((...args: any[]) => any) | undefined;
|
|
43
|
+
onOnContact?: ((...args: any[]) => any) | undefined;
|
|
44
|
+
}, {
|
|
45
|
+
customTitle: string;
|
|
46
|
+
app: string;
|
|
47
|
+
defaultActions: boolean;
|
|
48
|
+
customText: string;
|
|
49
|
+
}, {}>;
|
|
50
|
+
export default _default;
|