@tekkare/auriga 0.2.188 → 0.2.192
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 +33 -18
- package/dist/runtime/components/argChart.vue.d.ts +27 -0
- package/dist/runtime/components/argComplexSelect.vue +5 -3
- package/dist/runtime/components/argComplexSelect.vue.d.ts +9 -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
|
@@ -120,6 +120,18 @@ export default defineComponent({
|
|
|
120
120
|
showXAxis: {
|
|
121
121
|
type: Boolean,
|
|
122
122
|
default: false
|
|
123
|
+
},
|
|
124
|
+
labelFontSize: {
|
|
125
|
+
type: String,
|
|
126
|
+
default: "12px"
|
|
127
|
+
},
|
|
128
|
+
barSpaceBetween: {
|
|
129
|
+
type: String,
|
|
130
|
+
default: "50%"
|
|
131
|
+
},
|
|
132
|
+
labelSpacing: {
|
|
133
|
+
type: Number,
|
|
134
|
+
default: null
|
|
123
135
|
}
|
|
124
136
|
},
|
|
125
137
|
setup(props) {
|
|
@@ -229,9 +241,10 @@ export default defineComponent({
|
|
|
229
241
|
const defaultDataLabelsConfig = {
|
|
230
242
|
enabled: true,
|
|
231
243
|
position: "top",
|
|
244
|
+
offsetY: props.labelSpacing !== null ? props.labelSpacing : 0,
|
|
232
245
|
style: {
|
|
233
246
|
fontFamily: "Figtree, sans-serif",
|
|
234
|
-
fontSize:
|
|
247
|
+
fontSize: props.labelFontSize,
|
|
235
248
|
fontWeight: "400"
|
|
236
249
|
},
|
|
237
250
|
background: {
|
|
@@ -369,7 +382,7 @@ export default defineComponent({
|
|
|
369
382
|
bar: {
|
|
370
383
|
...userBarOpts,
|
|
371
384
|
distributed: typeof userBarOpts.distributed === "boolean" ? userBarOpts.distributed : hasColorsProp && !isStacked,
|
|
372
|
-
columnWidth:
|
|
385
|
+
columnWidth: props.barSpaceBetween,
|
|
373
386
|
colors: { backgroundBarOpacity: 1 },
|
|
374
387
|
dataLabels: { position: "top", hideOverflowingLabels: true }
|
|
375
388
|
}
|
|
@@ -377,8 +390,8 @@ export default defineComponent({
|
|
|
377
390
|
const defaultDataLabelsConfig = {
|
|
378
391
|
position: "top",
|
|
379
392
|
enabled: true,
|
|
380
|
-
offsetY: -20,
|
|
381
|
-
style: { fontSize:
|
|
393
|
+
offsetY: props.labelSpacing !== null ? props.labelSpacing : -20,
|
|
394
|
+
style: { fontSize: props.labelFontSize, colors: ["#3E3F5E"], fontWeight: "500" }
|
|
382
395
|
};
|
|
383
396
|
if (props.options.dataLabels && props.options.dataLabels.formatter) {
|
|
384
397
|
props.options["dataLabels"] = {
|
|
@@ -443,7 +456,7 @@ export default defineComponent({
|
|
|
443
456
|
distributed: predefinedColors,
|
|
444
457
|
horizontal: true,
|
|
445
458
|
borderRadius: 2,
|
|
446
|
-
barHeight:
|
|
459
|
+
barHeight: props.barSpaceBetween,
|
|
447
460
|
colors: { backgroundBarOpacity: 1 },
|
|
448
461
|
dataLabels: { position: "top", hideOverflowingLabels: true }
|
|
449
462
|
}
|
|
@@ -451,8 +464,8 @@ export default defineComponent({
|
|
|
451
464
|
const defaultDataLabelsConfig = {
|
|
452
465
|
position: "top",
|
|
453
466
|
enabled: true,
|
|
454
|
-
offsetX: 65,
|
|
455
|
-
style: { fontSize:
|
|
467
|
+
offsetX: props.labelSpacing !== null ? props.labelSpacing : 65,
|
|
468
|
+
style: { fontSize: props.labelFontSize, colors: ["#3E3F5E"] }
|
|
456
469
|
};
|
|
457
470
|
if (props.options.dataLabels && props.options.dataLabels.formatter) {
|
|
458
471
|
props.options["dataLabels"] = {
|
|
@@ -526,7 +539,7 @@ export default defineComponent({
|
|
|
526
539
|
bar: {
|
|
527
540
|
horizontal: true,
|
|
528
541
|
borderRadius: 6,
|
|
529
|
-
barHeight:
|
|
542
|
+
barHeight: props.barSpaceBetween,
|
|
530
543
|
colors: { backgroundBarOpacity: 1 },
|
|
531
544
|
dataLabels: { position: "top", hideOverflowingLabels: true }
|
|
532
545
|
}
|
|
@@ -534,8 +547,8 @@ export default defineComponent({
|
|
|
534
547
|
let defaultDataLabelsConfig = {
|
|
535
548
|
position: "top",
|
|
536
549
|
enabled: true,
|
|
537
|
-
offsetX: -30,
|
|
538
|
-
style: { fontSize:
|
|
550
|
+
offsetX: props.labelSpacing !== null ? props.labelSpacing : -30,
|
|
551
|
+
style: { fontSize: props.labelFontSize, colors: ["#FFFFFF"] }
|
|
539
552
|
};
|
|
540
553
|
if (props.options.dataLabels && props.options.dataLabels.formatter) {
|
|
541
554
|
props.options["dataLabels"] = {
|
|
@@ -607,7 +620,7 @@ export default defineComponent({
|
|
|
607
620
|
bar: {
|
|
608
621
|
horizontal: true,
|
|
609
622
|
borderRadius: 6,
|
|
610
|
-
barHeight:
|
|
623
|
+
barHeight: props.barSpaceBetween,
|
|
611
624
|
colors: { backgroundBarOpacity: 1 },
|
|
612
625
|
dataLabels: { position: "top", hideOverflowingLabels: true }
|
|
613
626
|
}
|
|
@@ -631,8 +644,8 @@ export default defineComponent({
|
|
|
631
644
|
let defaultDataLabelsConfig = {
|
|
632
645
|
position: "top",
|
|
633
646
|
enabled: true,
|
|
634
|
-
offsetX: -50,
|
|
635
|
-
style: { fontSize:
|
|
647
|
+
offsetX: props.labelSpacing !== null ? props.labelSpacing : -50,
|
|
648
|
+
style: { fontSize: props.labelFontSize, colors: ["#3E3F5E"] }
|
|
636
649
|
};
|
|
637
650
|
if (props.options.dataLabels && props.options.dataLabels.formatter) {
|
|
638
651
|
props.options["dataLabels"] = {
|
|
@@ -676,7 +689,8 @@ export default defineComponent({
|
|
|
676
689
|
bar: {
|
|
677
690
|
horizontal: props.direction === "horizontal" ? true : false,
|
|
678
691
|
borderRadius: 2,
|
|
679
|
-
barHeight: "50%",
|
|
692
|
+
barHeight: props.direction === "horizontal" ? props.barSpaceBetween : "50%",
|
|
693
|
+
columnWidth: props.direction === "horizontal" ? "50%" : props.barSpaceBetween,
|
|
680
694
|
colors: { backgroundBarOpacity: 1 },
|
|
681
695
|
dataLabels: { position: "top", hideOverflowingLabels: true }
|
|
682
696
|
}
|
|
@@ -684,8 +698,9 @@ export default defineComponent({
|
|
|
684
698
|
let defaultDataLabelsConfig = {
|
|
685
699
|
position: props.options?.dataLabels?.position ? props.options?.dataLabels?.position : "top",
|
|
686
700
|
enabled: props.options?.dataLabels?.enabled ? props.options?.dataLabels?.enabled : true,
|
|
687
|
-
offsetX: props.options?.dataLabels?.offsetX ? props.options?.dataLabels?.offsetX : 65,
|
|
688
|
-
|
|
701
|
+
offsetX: props.labelSpacing !== null ? props.labelSpacing : props.options?.dataLabels?.offsetX ? props.options?.dataLabels?.offsetX : 65,
|
|
702
|
+
offsetY: props.labelSpacing !== null && props.direction !== "horizontal" ? props.labelSpacing : 0,
|
|
703
|
+
style: props.options?.dataLabels?.style ? props.options?.dataLabels?.style : { fontSize: props.labelFontSize, colors: ["#3E3F5E"] }
|
|
689
704
|
};
|
|
690
705
|
if (props.options.dataLabels && props.options.dataLabels.formatter) {
|
|
691
706
|
props.options["dataLabels"] = {
|
|
@@ -747,10 +762,10 @@ export default defineComponent({
|
|
|
747
762
|
} else if (props.type === "pie" || props.type === "donut") {
|
|
748
763
|
props.options["labels"] = props.categories;
|
|
749
764
|
let defaultDataLabelsConfig = {
|
|
750
|
-
offset: -50,
|
|
765
|
+
offset: props.labelSpacing !== null ? props.labelSpacing : -50,
|
|
751
766
|
enabled: true,
|
|
752
767
|
style: {
|
|
753
|
-
fontSize:
|
|
768
|
+
fontSize: props.labelFontSize,
|
|
754
769
|
colors: props.type === "donut" ? ["#3E3F5E"] : ["#FFFFFF"]
|
|
755
770
|
},
|
|
756
771
|
dropShadow: { enabled: false }
|
|
@@ -73,6 +73,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
73
73
|
type: BooleanConstructor;
|
|
74
74
|
default: boolean;
|
|
75
75
|
};
|
|
76
|
+
labelFontSize: {
|
|
77
|
+
type: StringConstructor;
|
|
78
|
+
default: string;
|
|
79
|
+
};
|
|
80
|
+
barSpaceBetween: {
|
|
81
|
+
type: StringConstructor;
|
|
82
|
+
default: string;
|
|
83
|
+
};
|
|
84
|
+
labelSpacing: {
|
|
85
|
+
type: NumberConstructor;
|
|
86
|
+
default: null;
|
|
87
|
+
};
|
|
76
88
|
}>, {
|
|
77
89
|
percentage: (partialValue: any, totalValue: any) => number;
|
|
78
90
|
chartKey: import("vue").Ref<number, number>;
|
|
@@ -154,6 +166,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
154
166
|
type: BooleanConstructor;
|
|
155
167
|
default: boolean;
|
|
156
168
|
};
|
|
169
|
+
labelFontSize: {
|
|
170
|
+
type: StringConstructor;
|
|
171
|
+
default: string;
|
|
172
|
+
};
|
|
173
|
+
barSpaceBetween: {
|
|
174
|
+
type: StringConstructor;
|
|
175
|
+
default: string;
|
|
176
|
+
};
|
|
177
|
+
labelSpacing: {
|
|
178
|
+
type: NumberConstructor;
|
|
179
|
+
default: null;
|
|
180
|
+
};
|
|
157
181
|
}>> & Readonly<{}>, {
|
|
158
182
|
width: string;
|
|
159
183
|
height: string;
|
|
@@ -170,6 +194,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
170
194
|
sharedTooltip: boolean;
|
|
171
195
|
direction: string;
|
|
172
196
|
showXAxis: boolean;
|
|
197
|
+
labelFontSize: string;
|
|
198
|
+
barSpaceBetween: string;
|
|
199
|
+
labelSpacing: number;
|
|
173
200
|
}, {}, {
|
|
174
201
|
apexchart: (import("vue").Component & import("vue").ComponentOptionsBase<import("vue3-apexcharts").VueApexChartsComponent, any, any, any, any, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>) & (ThisType<any> & import("vue").Plugin);
|
|
175
202
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -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;
|
|
@@ -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;
|