@tekkare/auriga 0.2.191 → 0.2.194
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/argComplexSelect.vue +5 -3
- package/dist/runtime/components/argComplexSelect.vue.d.ts +9 -0
- package/dist/runtime/components/argHomeNewHeader.vue +6 -2
- package/dist/runtime/components/argHomeNewHeader.vue.d.ts +2 -1
- package/dist/runtime/components/argPharmanalyzeSvg.vue +96 -0
- package/dist/runtime/components/argPharmanalyzeSvg.vue.d.ts +23 -0
- package/dist/runtime/components/argSimpleLabel.vue +5 -5
- package/dist/runtime/components/argSimpleLabel.vue.d.ts +9 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<!-- Simple select -->
|
|
4
|
-
<div class="oip_select_display">
|
|
4
|
+
<div :class="['oip_select_display', { 'oip_select_big': isBig }]">
|
|
5
5
|
<p
|
|
6
6
|
class="oip_filter_label"
|
|
7
7
|
:class="labelInfo ? 'oip_row v-center gap-4' : ''"
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
:id="`simple-select-complex-${complex_label}`"
|
|
19
19
|
@click="changeDisplay()"
|
|
20
20
|
:class="isDisplay ? 'open' : ''"
|
|
21
|
+
:isBig="isBig"
|
|
21
22
|
>
|
|
22
23
|
<span
|
|
23
24
|
:class="[
|
|
@@ -37,7 +38,7 @@
|
|
|
37
38
|
<div
|
|
38
39
|
:style="[isDisplay === false ? 'display : none' : '', `left: ${getLeft}`]"
|
|
39
40
|
:id="`select-complex-${complex_label}`"
|
|
40
|
-
class="oip_select_complex_block"
|
|
41
|
+
:class="['oip_select_complex_block', { 'oip_select_big': isBig }]"
|
|
41
42
|
@click.stop
|
|
42
43
|
>
|
|
43
44
|
<div class="oip_select_complex_add_selection">
|
|
@@ -283,7 +284,8 @@ export default defineComponent({
|
|
|
283
284
|
forceList: { type: Boolean, default: false },
|
|
284
285
|
fuzzyStart: { type: Number, default: 1 },
|
|
285
286
|
dynamicSelectAll: { type: Boolean, default: false },
|
|
286
|
-
hasMoreData: { type: Boolean, default: false }
|
|
287
|
+
hasMoreData: { type: Boolean, default: false },
|
|
288
|
+
isBig: { type: Boolean, default: false }
|
|
287
289
|
},
|
|
288
290
|
emits: [
|
|
289
291
|
"changeElement",
|
|
@@ -148,6 +148,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
148
148
|
type: BooleanConstructor;
|
|
149
149
|
default: boolean;
|
|
150
150
|
};
|
|
151
|
+
isBig: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: boolean;
|
|
154
|
+
};
|
|
151
155
|
}>, {
|
|
152
156
|
add_table: import("vue").Ref<any, any>;
|
|
153
157
|
del_table: import("vue").Ref<any, any>;
|
|
@@ -338,6 +342,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
338
342
|
type: BooleanConstructor;
|
|
339
343
|
default: boolean;
|
|
340
344
|
};
|
|
345
|
+
isBig: {
|
|
346
|
+
type: BooleanConstructor;
|
|
347
|
+
default: boolean;
|
|
348
|
+
};
|
|
341
349
|
}>> & Readonly<{
|
|
342
350
|
onChangeElement?: ((...args: any[]) => any) | undefined;
|
|
343
351
|
onChangeAddInputValue?: ((...args: any[]) => any) | undefined;
|
|
@@ -370,6 +378,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
370
378
|
fuzzyStart: number;
|
|
371
379
|
dynamicSelectAll: boolean;
|
|
372
380
|
hasMoreData: boolean;
|
|
381
|
+
isBig: boolean;
|
|
373
382
|
}, {}, {
|
|
374
383
|
argSimpleLabel: any;
|
|
375
384
|
argIcon: any;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
<arg-oip-svg v-if="app === 'oip'" />
|
|
6
6
|
<arg-discovery-svg v-else-if="app === 'discovery'" />
|
|
7
7
|
<arg-bank-svg v-else-if="app === 'bank'" />
|
|
8
|
+
<arg-pharmanalyze-svg v-else-if="app === 'pharmanalyze'" />
|
|
8
9
|
<slot v-if="customTitle === null" name="Title" />
|
|
9
10
|
<h1 v-else class="oip_title">{{ getAppTitle }}</h1>
|
|
10
11
|
</div>
|
|
@@ -34,9 +35,10 @@ import argOipSvg from "./argOipSvg.vue";
|
|
|
34
35
|
import argDiscoverySvg from "./argDiscoverySvg.vue";
|
|
35
36
|
import argBankSvg from "./argBankSvg.vue";
|
|
36
37
|
import argBtn from "./argBtn.vue";
|
|
38
|
+
import argPharmanalyzeSvg from "./argPharmanalyzeSvg.vue";
|
|
37
39
|
export default defineComponent({
|
|
38
40
|
name: "argHomeNewHeader",
|
|
39
|
-
components: { argOipSvg, argBtn, argDiscoverySvg, argBankSvg },
|
|
41
|
+
components: { argOipSvg, argBtn, argDiscoverySvg, argBankSvg, argPharmanalyzeSvg },
|
|
40
42
|
props: {
|
|
41
43
|
customTitle: {
|
|
42
44
|
type: Boolean,
|
|
@@ -46,7 +48,7 @@ export default defineComponent({
|
|
|
46
48
|
type: String,
|
|
47
49
|
default: "oip",
|
|
48
50
|
validator: (value) => {
|
|
49
|
-
return ["oip", "discovery", "bank"].includes(value);
|
|
51
|
+
return ["oip", "discovery", "bank", "pharmanalyze"].includes(value);
|
|
50
52
|
}
|
|
51
53
|
},
|
|
52
54
|
lang: {
|
|
@@ -85,6 +87,8 @@ export default defineComponent({
|
|
|
85
87
|
return "OIP Discovery";
|
|
86
88
|
case "bank":
|
|
87
89
|
return "OIP Bank";
|
|
90
|
+
case "pharmanalyze":
|
|
91
|
+
return "OIP Pharmanalyze";
|
|
88
92
|
default:
|
|
89
93
|
return "OIP Healthcare";
|
|
90
94
|
}
|
|
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
15
15
|
};
|
|
16
16
|
}>, {
|
|
17
17
|
langData: import("vue").Ref<any, any>;
|
|
18
|
-
getAppTitle: import("vue").ComputedRef<"OIP Healthcare" | "OIP Discovery" | "OIP Bank">;
|
|
18
|
+
getAppTitle: import("vue").ComputedRef<"OIP Healthcare" | "OIP Discovery" | "OIP Bank" | "OIP Pharmanalyze">;
|
|
19
19
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20
20
|
customTitle: {
|
|
21
21
|
type: BooleanConstructor;
|
|
@@ -40,5 +40,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
40
40
|
argBtn: any;
|
|
41
41
|
argDiscoverySvg: any;
|
|
42
42
|
argBankSvg: any;
|
|
43
|
+
argPharmanalyzeSvg: any;
|
|
43
44
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
44
45
|
export default _default;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
:width="width"
|
|
4
|
+
:height="height"
|
|
5
|
+
viewBox="0 0 644 576"
|
|
6
|
+
fill="none"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill-rule="evenodd"
|
|
11
|
+
clip-rule="evenodd"
|
|
12
|
+
d="M311.741 180.303C312.373 180.722 313.013 181.146 313.645 181.565C313.012 181.145 312.373 180.722 311.741 180.303Z"
|
|
13
|
+
fill="url(#paint0_linear_19_44014)"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
fill-rule="evenodd"
|
|
17
|
+
clip-rule="evenodd"
|
|
18
|
+
d="M313.645 181.565L311.741 180.303C300.676 172.972 289.613 165.639 278.581 158.254C277.608 157.601 276.8 157.251 276 157.216V156.02C300.253 156.021 324.505 156.025 348.758 156.028C381.237 156.033 413.715 156.037 446.194 156.037C446.256 156.037 446.322 156.033 446.388 156.028C446.42 156.025 446.452 156.022 446.485 156.019C446.687 156 446.894 155.981 447.063 156.037C447.618 156.211 448.195 156.356 448.773 156.501C450.152 156.847 451.537 157.194 452.643 157.946C458.671 162.07 464.559 166.392 470.447 170.741C509.673 199.671 547.104 230.593 579.32 267.379C610.947 303.549 635.986 342.973 642.042 392.078C643.635 405.905 643.609 413.609 642.07 427.265C641.362 430.588 640.716 433.846 640.081 437.051C638.752 443.754 637.468 450.229 635.761 456.588C608.087 559.709 504.626 588.891 439.241 571.129C407.95 562.599 381.986 545.594 359.808 522.333C354.06 516.272 353.948 513.774 359.948 507.769C378.257 489.446 396.622 471.123 414.987 452.828C420.174 447.665 423.091 447.721 428.278 452.968C428.949 453.641 429.615 454.321 430.28 455.001C430.946 455.681 431.614 456.364 432.287 457.037C440.671 465.427 450.176 472.105 461.727 475.529C502.719 487.65 543.88 456.869 545.253 413.263C545.87 393.537 539.478 375.859 528.15 360.37C517.131 345.302 505.215 330.711 492.345 317.186C459.064 282.251 420.287 253.798 380.697 226.552C358.528 211.301 336.093 196.437 313.655 181.571L313.645 181.565Z"
|
|
19
|
+
fill="url(#paint1_linear_19_44014)"
|
|
20
|
+
/>
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M331.489 395.697C330.857 395.278 330.217 394.854 329.585 394.435C330.218 394.855 330.857 395.278 331.489 395.697Z"
|
|
25
|
+
fill="url(#paint2_linear_19_44014)"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
fill-rule="evenodd"
|
|
29
|
+
clip-rule="evenodd"
|
|
30
|
+
d="M329.585 394.435L331.489 395.697C342.555 403.028 353.617 410.361 364.649 417.746C365.622 418.399 366.43 418.749 367.23 418.784V419.98C342.978 419.979 318.725 419.975 294.472 419.972C261.994 419.967 229.515 419.963 197.036 419.963C196.974 419.963 196.909 419.967 196.842 419.972C196.81 419.975 196.778 419.978 196.746 419.981C196.543 420 196.336 420.019 196.167 419.963C195.613 419.789 195.035 419.644 194.458 419.499C193.079 419.153 191.694 418.806 190.587 418.054C184.559 413.93 178.671 409.608 172.783 405.259C133.558 376.329 96.1264 345.407 63.9103 308.621C32.2831 272.451 7.24488 233.027 1.18861 183.922C-0.404747 170.095 -0.378319 162.392 1.16059 148.735C1.86805 145.412 2.51411 142.154 3.1496 138.949C4.47849 132.246 5.76218 125.771 7.46925 119.412C35.1431 16.2915 138.604 -12.8909 203.99 4.87105C235.281 13.4013 261.244 30.4056 283.422 53.6674C289.17 59.7283 289.282 62.2257 283.282 68.2305C264.973 86.5537 246.608 104.877 228.243 123.172C223.056 128.335 220.14 128.279 214.953 123.032C214.281 122.359 213.615 121.679 212.95 120.999C212.284 120.319 211.616 119.636 210.943 118.963C202.56 110.573 193.055 103.895 181.503 100.471C140.511 88.3495 99.3508 119.131 97.9769 162.737C97.3601 182.463 103.753 200.141 115.08 215.63C126.099 230.698 138.016 245.289 150.885 258.814C184.167 293.749 222.944 322.202 262.534 349.448C284.702 364.699 307.137 379.563 329.576 394.429L329.585 394.435Z"
|
|
31
|
+
fill="url(#paint3_linear_19_44014)"
|
|
32
|
+
/>
|
|
33
|
+
<defs>
|
|
34
|
+
<linearGradient
|
|
35
|
+
id="paint0_linear_19_44014"
|
|
36
|
+
x1="321.615"
|
|
37
|
+
y1="0"
|
|
38
|
+
x2="321.615"
|
|
39
|
+
y2="576"
|
|
40
|
+
gradientUnits="userSpaceOnUse"
|
|
41
|
+
>
|
|
42
|
+
<stop stop-color="#FF7942" />
|
|
43
|
+
<stop offset="1" stop-color="#F7520E" />
|
|
44
|
+
</linearGradient>
|
|
45
|
+
<linearGradient
|
|
46
|
+
id="paint1_linear_19_44014"
|
|
47
|
+
x1="321.615"
|
|
48
|
+
y1="0"
|
|
49
|
+
x2="321.615"
|
|
50
|
+
y2="576"
|
|
51
|
+
gradientUnits="userSpaceOnUse"
|
|
52
|
+
>
|
|
53
|
+
<stop stop-color="#FF7942" />
|
|
54
|
+
<stop offset="1" stop-color="#F7520E" />
|
|
55
|
+
</linearGradient>
|
|
56
|
+
<linearGradient
|
|
57
|
+
id="paint2_linear_19_44014"
|
|
58
|
+
x1="321.615"
|
|
59
|
+
y1="0"
|
|
60
|
+
x2="321.615"
|
|
61
|
+
y2="576"
|
|
62
|
+
gradientUnits="userSpaceOnUse"
|
|
63
|
+
>
|
|
64
|
+
<stop stop-color="#FF7942" />
|
|
65
|
+
<stop offset="1" stop-color="#F7520E" />
|
|
66
|
+
</linearGradient>
|
|
67
|
+
<linearGradient
|
|
68
|
+
id="paint3_linear_19_44014"
|
|
69
|
+
x1="321.615"
|
|
70
|
+
y1="0"
|
|
71
|
+
x2="321.615"
|
|
72
|
+
y2="576"
|
|
73
|
+
gradientUnits="userSpaceOnUse"
|
|
74
|
+
>
|
|
75
|
+
<stop stop-color="#FF7942" />
|
|
76
|
+
<stop offset="1" stop-color="#F7520E" />
|
|
77
|
+
</linearGradient>
|
|
78
|
+
</defs>
|
|
79
|
+
</svg>
|
|
80
|
+
</template>
|
|
81
|
+
<script>
|
|
82
|
+
import { defineComponent } from "vue";
|
|
83
|
+
export default defineComponent({
|
|
84
|
+
name: "argPharmanalyzeSvg",
|
|
85
|
+
props: {
|
|
86
|
+
width: {
|
|
87
|
+
type: String,
|
|
88
|
+
default: "59"
|
|
89
|
+
},
|
|
90
|
+
height: {
|
|
91
|
+
type: String,
|
|
92
|
+
default: "30"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
</script>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
width: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
height: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
width: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
height: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
width: string;
|
|
21
|
+
height: string;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
<div class="oip_select_wrap">
|
|
3
3
|
<div
|
|
4
4
|
v-if="!selectorIcon"
|
|
5
|
-
class="oip_select_block"
|
|
6
|
-
:class="disabled ? 'disabled' : ''"
|
|
5
|
+
:class="['oip_select_block', { 'disabled': disabled, 'oip_select_big': isBig }]"
|
|
7
6
|
>
|
|
8
7
|
<span class="oip_select_label" :class="disabled ? 'disabled' : ''">
|
|
9
8
|
<slot></slot>
|
|
@@ -19,7 +18,7 @@
|
|
|
19
18
|
thickness="32"
|
|
20
19
|
/>
|
|
21
20
|
</div>
|
|
22
|
-
<div v-else class="oip_select_icon">
|
|
21
|
+
<div v-else :class="['oip_select_icon', { 'oip_select_big': isBig }]">
|
|
23
22
|
<arg-tooltip v-if="tooltipIcon" :tooltip-text="tooltipIcon" dir="top">
|
|
24
23
|
<arg-icon :name="selectorIcon" />
|
|
25
24
|
</arg-tooltip>
|
|
@@ -54,7 +53,8 @@ export default defineComponent({
|
|
|
54
53
|
amount_value: { type: Number, default: null },
|
|
55
54
|
sortIcon: { type: Boolean, default: false },
|
|
56
55
|
selectorIcon: { type: String || null, default: null },
|
|
57
|
-
tooltipIcon: { type: String || null, default: null }
|
|
56
|
+
tooltipIcon: { type: String || null, default: null },
|
|
57
|
+
isBig: { type: Boolean, default: false }
|
|
58
58
|
},
|
|
59
59
|
setup() {
|
|
60
60
|
onMounted(() => {
|
|
@@ -71,7 +71,7 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
|
|
|
71
71
|
</script>
|
|
72
72
|
|
|
73
73
|
<style>
|
|
74
|
-
.oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(33,118,255,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_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;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
|
|
74
|
+
.oip_select_icon{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:border .15s ease-in}.oip_select_icon:hover{border:1.5px solid var(--primary-light)!important}.oip_select_wrap.open .oip_select_icon{border:1.5px solid var(--primary)!important;filter:drop-shadow(1px 1px 1px rgba(33,118,255,.3))!important}.oip_select_wrap:not(.open) .oip_select_icon:hover svg{color:var(--primary)!important}.oip_select_dropdown_block.icon{right:0}.oip_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;max-height:500px;min-width:230px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:196px;--squircle-radius:8px;--squircle-smooth:1}.oip_select_block.oip_select_big,.oip_select_icon.oip_select_big{width:432px}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{font-style:normal;line-height:160%;width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{align-self:stretch;cursor:pointer;display:flex;flex-grow:1;gap:8px;min-height:24px}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{align-items:center;align-self:stretch;background:var(--white);border:1px solid var(--light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.close-icon{background:var(--light);border-radius:100%;cursor:pointer;margin-left:auto;padding:4px}.arg-icon-circle-amount,.close-icon{align-items:center;display:flex;justify-content:center}.arg-icon-circle-amount{background:#e9f1ff;border-radius:50%;color:var(--primary);flex-direction:column;font-size:12px;font-style:normal;font-weight:900;height:var(--m,20px);line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,20px);z-index:1}.close-icon:hover svg{color:var(--primary)!important}
|
|
75
75
|
</style>
|
|
76
76
|
<style scoped>
|
|
77
77
|
.oip_select_complex_selection_loop > svg.add {
|
|
@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
27
27
|
type: StringConstructor;
|
|
28
28
|
default: null;
|
|
29
29
|
};
|
|
30
|
+
isBig: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
30
34
|
}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
35
|
disabled: {
|
|
32
36
|
type: BooleanConstructor;
|
|
@@ -56,9 +60,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
56
60
|
type: StringConstructor;
|
|
57
61
|
default: null;
|
|
58
62
|
};
|
|
63
|
+
isBig: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
59
67
|
}>> & Readonly<{}>, {
|
|
60
68
|
disabled: boolean;
|
|
61
69
|
show_amount: boolean;
|
|
70
|
+
isBig: boolean;
|
|
62
71
|
selectorIcon: string;
|
|
63
72
|
tooltipIcon: string;
|
|
64
73
|
empty: boolean;
|