@tekkare/auriga 0.1.66 → 0.1.68
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/allFlags.vue.d.ts +1 -1
- package/dist/runtime/components/allIcons.vue +1 -0
- package/dist/runtime/components/allIcons.vue.d.ts +1 -1
- package/dist/runtime/components/argActions.vue +1 -53
- package/dist/runtime/components/argActions.vue.d.ts +1 -1
- package/dist/runtime/components/argAdvancedSearchBar.vue +8 -378
- package/dist/runtime/components/argAdvancedSearchBar.vue.d.ts +4 -4
- package/dist/runtime/components/argBtn.vue +6 -24
- package/dist/runtime/components/argBtn.vue.d.ts +2 -2
- package/dist/runtime/components/argChart.vue +1 -91
- package/dist/runtime/components/argChart.vue.d.ts +1 -1
- package/dist/runtime/components/argChartTableCard.vue +1 -4
- package/dist/runtime/components/argChartTableCard.vue.d.ts +1 -1
- package/dist/runtime/components/argCheckbox.vue +4 -46
- package/dist/runtime/components/argCheckbox.vue.d.ts +2 -2
- package/dist/runtime/components/argCircleAmount.vue +1 -15
- package/dist/runtime/components/argCircleAmount.vue.d.ts +1 -1
- package/dist/runtime/components/argComplexSelect.vue +1 -123
- package/dist/runtime/components/argComplexSelect.vue.d.ts +4 -4
- package/dist/runtime/components/argDataLoader.vue +1 -283
- package/dist/runtime/components/argDataLoader.vue.d.ts +1 -1
- package/dist/runtime/components/argDate.vue.d.ts +1 -1
- package/dist/runtime/components/argDropdownSelect.vue +3 -59
- package/dist/runtime/components/argDropdownSelect.vue.d.ts +3 -3
- package/dist/runtime/components/argEmoji.vue.d.ts +1 -1
- package/dist/runtime/components/argErrors.vue +2 -43
- package/dist/runtime/components/argErrors.vue.d.ts +1 -1
- package/dist/runtime/components/argFileBtn.vue +1 -54
- package/dist/runtime/components/argFileBtn.vue.d.ts +1 -1
- package/dist/runtime/components/argFilterCard.vue +1 -107
- package/dist/runtime/components/argFilterCard.vue.d.ts +2 -2
- package/dist/runtime/components/argFilterTabs.vue +1 -29
- package/dist/runtime/components/argFilterTabs.vue.d.ts +1 -1
- package/dist/runtime/components/argFlag.vue +1 -3
- package/dist/runtime/components/argFlag.vue.d.ts +1 -1
- package/dist/runtime/components/argFooter.vue +1 -29
- package/dist/runtime/components/argFooter.vue.d.ts +1 -1
- package/dist/runtime/components/argHeader.vue +1 -43
- package/dist/runtime/components/argHeader.vue.d.ts +1 -1
- package/dist/runtime/components/argHeaderTabs.vue +1 -68
- package/dist/runtime/components/argHeaderTabs.vue.d.ts +1 -1
- package/dist/runtime/components/argHomeAllBlocks.vue +1 -49
- package/dist/runtime/components/argHomeAllBlocks.vue.d.ts +2 -2
- package/dist/runtime/components/argHomeContent.vue +1 -25
- package/dist/runtime/components/argHomeContent.vue.d.ts +1 -1
- package/dist/runtime/components/argHomeHeader.vue +1 -33
- package/dist/runtime/components/argHomeHeader.vue.d.ts +1 -1
- package/dist/runtime/components/argHomeKpis.vue +2 -42
- package/dist/runtime/components/argHomeKpis.vue.d.ts +1 -1
- package/dist/runtime/components/argHomeLayout.vue +1 -14
- package/dist/runtime/components/argHomeLayout.vue.d.ts +1 -1
- package/dist/runtime/components/argHomeSelectedBlock.vue +2 -51
- package/dist/runtime/components/argHomeSelectedBlock.vue.d.ts +1 -1
- package/dist/runtime/components/argHybridChart.vue +1 -86
- package/dist/runtime/components/argHybridChart.vue.d.ts +1 -1
- package/dist/runtime/components/argIcon.vue +8 -8
- package/dist/runtime/components/argIcon.vue.d.ts +2 -1
- package/dist/runtime/components/argLangSelect.vue +1 -58
- package/dist/runtime/components/argLangSelect.vue.d.ts +2 -2
- package/dist/runtime/components/argLineBreak.vue +3 -8
- package/dist/runtime/components/argLineBreak.vue.d.ts +1 -1
- package/dist/runtime/components/argMainLayout.vue +1 -31
- package/dist/runtime/components/argMainLayout.vue.d.ts +1 -1
- package/dist/runtime/components/argMenuItem.vue +1 -33
- package/dist/runtime/components/argMenuItem.vue.d.ts +1 -1
- package/dist/runtime/components/argMenuLink.vue +3 -33
- package/dist/runtime/components/argMenuLink.vue.d.ts +1 -1
- package/dist/runtime/components/argMultipleChoice.vue +2 -44
- package/dist/runtime/components/argMultipleChoice.vue.d.ts +2 -2
- package/dist/runtime/components/argMultipleSelect.vue +7 -38
- package/dist/runtime/components/argMultipleSelect.vue.d.ts +1 -1
- package/dist/runtime/components/argNavBar.vue +3 -125
- package/dist/runtime/components/argNavBar.vue.d.ts +1 -1
- package/dist/runtime/components/argNoData.vue +1 -44
- package/dist/runtime/components/argNoData.vue.d.ts +1 -1
- package/dist/runtime/components/argNoSavedScope.vue +1 -23
- package/dist/runtime/components/argNoSavedScope.vue.d.ts +1 -1
- package/dist/runtime/components/argNoSelectedScope.vue +1 -74
- package/dist/runtime/components/argNoSelectedScope.vue.d.ts +2 -2
- package/dist/runtime/components/argNote.vue +1 -35
- package/dist/runtime/components/argNote.vue.d.ts +1 -1
- package/dist/runtime/components/argNumberInput.vue +3 -115
- package/dist/runtime/components/argNumberInput.vue.d.ts +1 -1
- package/dist/runtime/components/argRadioButtons.vue +2 -50
- package/dist/runtime/components/argRadioButtons.vue.d.ts +3 -3
- package/dist/runtime/components/argScopeChange.vue +2 -60
- package/dist/runtime/components/argScopeChange.vue.d.ts +2 -2
- package/dist/runtime/components/argScopeCriteria.vue +1 -24
- package/dist/runtime/components/argScopeCriteria.vue.d.ts +1 -1
- package/dist/runtime/components/argScopeCriteriaIndicator.vue +1 -15
- package/dist/runtime/components/argScopeCriteriaIndicator.vue.d.ts +1 -1
- package/dist/runtime/components/argScopeHeader.vue +1 -25
- package/dist/runtime/components/argScopeHeader.vue.d.ts +1 -1
- package/dist/runtime/components/argScopeLayout.vue +1 -14
- package/dist/runtime/components/argScopeLayout.vue.d.ts +1 -1
- package/dist/runtime/components/argScopeManage.vue +2 -119
- package/dist/runtime/components/argScopeManage.vue.d.ts +2 -2
- package/dist/runtime/components/argScopeModal.vue +2 -150
- package/dist/runtime/components/argScopeModal.vue.d.ts +1 -1
- package/dist/runtime/components/argScopeSelect.vue +2 -52
- package/dist/runtime/components/argScopeSelect.vue.d.ts +3 -3
- package/dist/runtime/components/argSearchInput.vue +3 -59
- package/dist/runtime/components/argSearchInput.vue.d.ts +1 -1
- package/dist/runtime/components/argSidebar.vue +1 -96
- package/dist/runtime/components/argSidebar.vue.d.ts +1 -1
- package/dist/runtime/components/argSimpleChart.vue +1 -47
- package/dist/runtime/components/argSimpleChart.vue.d.ts +1 -1
- package/dist/runtime/components/argSimpleInput.vue +1 -26
- package/dist/runtime/components/argSimpleInput.vue.d.ts +1 -1
- package/dist/runtime/components/argSimpleLabel.vue +2 -224
- package/dist/runtime/components/argSimpleLabel.vue.d.ts +1 -1
- package/dist/runtime/components/argSmallAreaChart.vue.d.ts +1 -1
- package/dist/runtime/components/argSourceContainer.vue +10 -19
- package/dist/runtime/components/argSourceContainer.vue.d.ts +5 -1
- package/dist/runtime/components/argStyle.vue +1 -1051
- package/dist/runtime/components/argStyle.vue.d.ts +1 -1
- package/dist/runtime/components/argSubMenu.vue +3 -63
- package/dist/runtime/components/argSubMenu.vue.d.ts +1 -1
- package/dist/runtime/components/argSwitch.vue +1 -69
- package/dist/runtime/components/argSwitch.vue.d.ts +1 -1
- package/dist/runtime/components/argTable.vue +4 -300
- package/dist/runtime/components/argTable.vue.d.ts +3 -3
- package/dist/runtime/components/argTags.vue +1 -3
- package/dist/runtime/components/argTags.vue.d.ts +1 -1
- package/dist/runtime/components/argTekkareLoader.vue +1 -40
- package/dist/runtime/components/argTekkareLoader.vue.d.ts +1 -1
- package/dist/runtime/components/argTextBtn.vue +1 -29
- package/dist/runtime/components/argTextBtn.vue.d.ts +1 -1
- package/dist/runtime/components/argTipsBox.vue +1 -72
- package/dist/runtime/components/argTipsBox.vue.d.ts +1 -1
- package/dist/runtime/components/argToolbar.vue +1 -49
- package/dist/runtime/components/argToolbar.vue.d.ts +1 -1
- package/dist/runtime/components/argToolbarContent.vue +2 -139
- package/dist/runtime/components/argToolbarContent.vue.d.ts +1 -1
- package/dist/runtime/components/argTooltip.vue +1 -58
- package/dist/runtime/components/argTooltip.vue.d.ts +1 -1
- package/dist/runtime/components/argTrendIndicator.vue +7 -39
- package/dist/runtime/components/argTrendIndicator.vue.d.ts +1 -1
- package/dist/runtime/components/argTutoModal.vue +3 -86
- package/dist/runtime/components/argTutoModal.vue.d.ts +1 -1
- package/dist/types.d.mts +3 -2
- package/dist/types.d.ts +3 -2
- package/package.json +2 -2
package/dist/module.json
CHANGED
|
@@ -4,5 +4,5 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
4
4
|
slug: string;
|
|
5
5
|
name: string;
|
|
6
6
|
}[];
|
|
7
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
7
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
8
8
|
export default _default;
|
|
@@ -2,5 +2,5 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
2
2
|
iconNames: string[];
|
|
3
3
|
searchIcon: import("vue").Ref<string>;
|
|
4
4
|
filteredIcon: import("vue").ComputedRef<string[]>;
|
|
5
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
5
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
6
6
|
export default _default;
|
|
@@ -110,57 +110,5 @@ export default defineComponent({
|
|
|
110
110
|
</script>
|
|
111
111
|
|
|
112
112
|
<style scoped>
|
|
113
|
-
.download_action {
|
|
114
|
-
color: var(--primary-primary, #2176ff);
|
|
115
|
-
text-align: center;
|
|
116
|
-
font-size: 14px;
|
|
117
|
-
font-style: normal;
|
|
118
|
-
font-weight: 500;
|
|
119
|
-
line-height: normal;
|
|
120
|
-
text-decoration-line: underline;
|
|
121
|
-
cursor: pointer;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.cancel_action {
|
|
125
|
-
display: flex;
|
|
126
|
-
padding: 6px;
|
|
127
|
-
align-items: center;
|
|
128
|
-
gap: 6px;
|
|
129
|
-
border-radius: 4px;
|
|
130
|
-
font-size: 14px;
|
|
131
|
-
font-style: normal;
|
|
132
|
-
font-weight: 400;
|
|
133
|
-
line-height: 160%;
|
|
134
|
-
cursor: pointer;
|
|
135
|
-
width: fit-content;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.cancel_action:hover {
|
|
139
|
-
background: rgb(237, 237, 243, 65%) !important;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.scope_action {
|
|
143
|
-
cursor: pointer;
|
|
144
|
-
display: flex;
|
|
145
|
-
padding: var(--s, 8px) var(--m, 16px);
|
|
146
|
-
justify-content: center;
|
|
147
|
-
align-items: center;
|
|
148
|
-
gap: var(--s, 8px);
|
|
149
|
-
border-radius: 8px;
|
|
150
|
-
background: var(--primary-primary, #2176ff);
|
|
151
|
-
font-size: 14px;
|
|
152
|
-
font-style: normal;
|
|
153
|
-
font-weight: 700;
|
|
154
|
-
line-height: normal;
|
|
155
|
-
color: var(--pure-white);
|
|
156
|
-
box-shadow: 4px 7px 12px 0px rgba(33, 118, 255, 0.2);
|
|
157
|
-
}
|
|
158
|
-
.s .scope_action.disable {
|
|
159
|
-
background: var(--dividers) !important;
|
|
160
|
-
color: var(--wild-blue-yonder) !important;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.download_action.disable {
|
|
164
|
-
color: var(--wild-blue-yonder) !important;
|
|
165
|
-
}
|
|
113
|
+
.download_action{color:var(--primary-primary,#2176ff);font-weight:500;line-height:normal;text-align:center;text-decoration-line:underline}.cancel_action,.download_action{cursor:pointer;font-size:14px;font-style:normal}.cancel_action{align-items:center;border-radius:4px;display:flex;font-weight:400;gap:6px;line-height:160%;padding:6px;width:-moz-fit-content;width:fit-content}.cancel_action:hover{background:rgba(237,237,243,.65)!important}.scope_action{align-items:center;background:var(--primary-primary,#2176ff);border-radius:8px;box-shadow:4px 7px 12px 0 rgba(33,118,255,.2);color:var(--white);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:700;gap:var(--s,8px);justify-content:center;line-height:normal;padding:var(--s,8px) var(--m,16px)}.s .scope_action.disable{background:var(--light)!important}.download_action.disable,.s .scope_action.disable{color:var(--medium)!important}
|
|
166
114
|
</style>
|
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
}, {
|
|
20
20
|
getActionText: import("vue").ComputedRef<string>;
|
|
21
21
|
sendAction: () => void;
|
|
22
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onAction"[], "onAction", import("vue").
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onAction"[], "onAction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
23
|
actionType: {
|
|
24
24
|
type: StringConstructor;
|
|
25
25
|
required: true;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
>
|
|
9
9
|
<arg-icon
|
|
10
10
|
name="MagnifyingGlass"
|
|
11
|
-
color="var(--
|
|
11
|
+
color="var(--medium)"
|
|
12
12
|
size="20"
|
|
13
13
|
class="search_icon"
|
|
14
14
|
/>
|
|
@@ -54,11 +54,7 @@
|
|
|
54
54
|
@click="emptySearch()"
|
|
55
55
|
:class="{ 'select-remove': removeSelected }"
|
|
56
56
|
>
|
|
57
|
-
<arg-icon
|
|
58
|
-
name="XCircleFill"
|
|
59
|
-
size="20"
|
|
60
|
-
color="var(--wild-blue-yonder)"
|
|
61
|
-
/>
|
|
57
|
+
<arg-icon name="XCircleFill" size="20" color="var(--medium)" />
|
|
62
58
|
</div>
|
|
63
59
|
</div>
|
|
64
60
|
<div v-if="typing" class="sub_input_section">
|
|
@@ -67,7 +63,7 @@
|
|
|
67
63
|
<p>Research options</p>
|
|
68
64
|
<arg-icon
|
|
69
65
|
name="QuestionFill"
|
|
70
|
-
color="var(--
|
|
66
|
+
color="var(--darkest)"
|
|
71
67
|
size="16"
|
|
72
68
|
class="align_icon show_shortcuts"
|
|
73
69
|
@click.native="showInfo = !showInfo"
|
|
@@ -145,7 +141,7 @@
|
|
|
145
141
|
</ul>
|
|
146
142
|
</div>
|
|
147
143
|
<div class="close_info" @click="showInfo = false">
|
|
148
|
-
<arg-icon name="X" size="14" color="var(--
|
|
144
|
+
<arg-icon name="X" size="14" color="var(--white)" />
|
|
149
145
|
</div>
|
|
150
146
|
</div>
|
|
151
147
|
</div>
|
|
@@ -199,7 +195,7 @@ export default defineComponent({
|
|
|
199
195
|
if (typing.value === true) {
|
|
200
196
|
return "var(--primary)";
|
|
201
197
|
} else
|
|
202
|
-
return "var(--
|
|
198
|
+
return "var(--medium)";
|
|
203
199
|
});
|
|
204
200
|
const hasShortcut = computed(() => {
|
|
205
201
|
if (selectedShortcut.value.length > 0 || hoverShortcut.value.length > 0) {
|
|
@@ -257,9 +253,9 @@ export default defineComponent({
|
|
|
257
253
|
});
|
|
258
254
|
function shortcutColor(shortcut) {
|
|
259
255
|
if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
|
|
260
|
-
return "var(--
|
|
256
|
+
return "var(--darkest)";
|
|
261
257
|
} else
|
|
262
|
-
return "var(--
|
|
258
|
+
return "var(--white)";
|
|
263
259
|
}
|
|
264
260
|
function shortcutSelect(dir) {
|
|
265
261
|
typing.value = true;
|
|
@@ -496,371 +492,5 @@ export default defineComponent({
|
|
|
496
492
|
});
|
|
497
493
|
</script>
|
|
498
494
|
<style scoped>
|
|
499
|
-
.research_tags {
|
|
500
|
-
display: flex;
|
|
501
|
-
flex-direction: row;
|
|
502
|
-
align-items: center;
|
|
503
|
-
overflow-x: scroll;
|
|
504
|
-
gap: 8px;
|
|
505
|
-
}
|
|
506
|
-
.research_tags::-webkit-scrollbar {
|
|
507
|
-
display: none;
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
.filters_input_search {
|
|
511
|
-
display: flex;
|
|
512
|
-
flex-direction: row;
|
|
513
|
-
align-items: center;
|
|
514
|
-
padding: 0px 0px 0px 12px;
|
|
515
|
-
gap: 12px;
|
|
516
|
-
background: var(--pure-white);
|
|
517
|
-
border: 1.5px solid var(--dividers);
|
|
518
|
-
border-radius: 8px;
|
|
519
|
-
width: calc(100% - 24px);
|
|
520
|
-
height: 40px;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
.filters_shortcuts_open {
|
|
524
|
-
border-radius: 8px 8px 8px 0px;
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
.filters_input_style {
|
|
528
|
-
max-width: 20%;
|
|
529
|
-
margin-right: 8px;
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
.filters_input_style,
|
|
533
|
-
.filters_input_style:focus-visible {
|
|
534
|
-
border: none;
|
|
535
|
-
outline: none;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
.filters_input_style::placeholder {
|
|
539
|
-
color: var(--wild-blue-yonder);
|
|
540
|
-
}
|
|
541
|
-
|
|
542
|
-
.research_section {
|
|
543
|
-
box-sizing: border-box;
|
|
544
|
-
display: flex;
|
|
545
|
-
flex-direction: column;
|
|
546
|
-
align-items: flex-start;
|
|
547
|
-
padding: 0px;
|
|
548
|
-
width: 340px;
|
|
549
|
-
background: var(--pure-white);
|
|
550
|
-
border: 1.5px solid var(--dividers);
|
|
551
|
-
box-shadow: 0px 16px 40px rgba(62, 63, 94, 0.12);
|
|
552
|
-
border-radius: 0px 0px 8px 8px;
|
|
553
|
-
flex-shrink: 0;
|
|
554
|
-
}
|
|
555
|
-
|
|
556
|
-
.research_title {
|
|
557
|
-
display: flex;
|
|
558
|
-
flex-direction: row;
|
|
559
|
-
align-items: center;
|
|
560
|
-
padding: 16px;
|
|
561
|
-
gap: 8px;
|
|
562
|
-
flex: none;
|
|
563
|
-
order: 0;
|
|
564
|
-
align-self: stretch;
|
|
565
|
-
flex-grow: 0;
|
|
566
|
-
font-weight: 700;
|
|
567
|
-
font-size: 14px;
|
|
568
|
-
line-height: 16px;
|
|
569
|
-
}
|
|
570
|
-
|
|
571
|
-
.align_icon {
|
|
572
|
-
margin-left: auto;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
.research_content {
|
|
576
|
-
width: 90%;
|
|
577
|
-
display: flex;
|
|
578
|
-
flex-direction: column;
|
|
579
|
-
align-items: flex-start;
|
|
580
|
-
padding: 0px 8px;
|
|
581
|
-
flex: none;
|
|
582
|
-
order: 1;
|
|
583
|
-
align-self: stretch;
|
|
584
|
-
flex-grow: 0;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
.research_item {
|
|
588
|
-
width: 100%;
|
|
589
|
-
display: flex;
|
|
590
|
-
flex-direction: row;
|
|
591
|
-
align-items: center;
|
|
592
|
-
padding: 8px;
|
|
593
|
-
gap: 4px;
|
|
594
|
-
border-radius: 2px;
|
|
595
|
-
cursor: pointer;
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
.research_item:hover {
|
|
599
|
-
background: var(--background) !important;
|
|
600
|
-
}
|
|
601
|
-
|
|
602
|
-
.research_item_selected {
|
|
603
|
-
background: var(--background);
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
.research_keyword {
|
|
607
|
-
font-weight: 500;
|
|
608
|
-
font-size: 16px;
|
|
609
|
-
line-height: 19px;
|
|
610
|
-
}
|
|
611
|
-
|
|
612
|
-
.research_value {
|
|
613
|
-
font-weight: 400;
|
|
614
|
-
font-size: 16px;
|
|
615
|
-
line-height: 19px;
|
|
616
|
-
color: var(--cool-grey);
|
|
617
|
-
}
|
|
618
|
-
|
|
619
|
-
.research_item > svg {
|
|
620
|
-
margin-left: auto;
|
|
621
|
-
}
|
|
622
|
-
|
|
623
|
-
.research_footer {
|
|
624
|
-
display: flex;
|
|
625
|
-
flex-direction: column;
|
|
626
|
-
align-items: flex-start;
|
|
627
|
-
padding: 16px 0px 0px;
|
|
628
|
-
flex: none;
|
|
629
|
-
order: 2;
|
|
630
|
-
align-self: stretch;
|
|
631
|
-
flex-grow: 0;
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.research_separator {
|
|
635
|
-
background: var(--dividers);
|
|
636
|
-
width: 100%;
|
|
637
|
-
height: 1px;
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
.shortcuts_choice {
|
|
641
|
-
display: flex;
|
|
642
|
-
flex-direction: row;
|
|
643
|
-
align-items: center;
|
|
644
|
-
padding: 12px 16px;
|
|
645
|
-
gap: 4px;
|
|
646
|
-
flex: none;
|
|
647
|
-
order: 1;
|
|
648
|
-
align-self: stretch;
|
|
649
|
-
flex-grow: 0;
|
|
650
|
-
font-weight: 400;
|
|
651
|
-
font-size: 14px;
|
|
652
|
-
line-height: 16px;
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
.shortcut_tag {
|
|
656
|
-
display: flex;
|
|
657
|
-
flex-direction: row;
|
|
658
|
-
justify-content: center;
|
|
659
|
-
align-items: center;
|
|
660
|
-
padding: 4px;
|
|
661
|
-
gap: 2px;
|
|
662
|
-
background: var(--background);
|
|
663
|
-
border-radius: 4px;
|
|
664
|
-
flex: none;
|
|
665
|
-
order: 1;
|
|
666
|
-
flex-grow: 0;
|
|
667
|
-
}
|
|
668
|
-
|
|
669
|
-
.shortcut_keyword {
|
|
670
|
-
font-weight: 400;
|
|
671
|
-
font-size: 14px;
|
|
672
|
-
line-height: 16px;
|
|
673
|
-
white-space: nowrap;
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
.shortcut_symbol {
|
|
677
|
-
font-weight: 500;
|
|
678
|
-
font-size: 14px;
|
|
679
|
-
line-height: 16px;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.tag_search_type {
|
|
683
|
-
font-size: 14px;
|
|
684
|
-
line-height: 16px;
|
|
685
|
-
color: var(--cool-grey);
|
|
686
|
-
text-transform: uppercase;
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
.input_shortcut_tag {
|
|
690
|
-
display: flex;
|
|
691
|
-
flex-direction: row;
|
|
692
|
-
align-items: center;
|
|
693
|
-
padding: 4px 12px;
|
|
694
|
-
gap: 4px;
|
|
695
|
-
isolation: isolate;
|
|
696
|
-
background: var(--background);
|
|
697
|
-
border-radius: 8px;
|
|
698
|
-
position: relative;
|
|
699
|
-
width: auto;
|
|
700
|
-
}
|
|
701
|
-
|
|
702
|
-
.input_shortcut_tag:hover .remove_search,
|
|
703
|
-
.input_shortcut_tag.selected_tag > .remove_search {
|
|
704
|
-
transition: all 0.3s ease;
|
|
705
|
-
left: calc(100% - 25px);
|
|
706
|
-
background: var(--background);
|
|
707
|
-
opacity: 1;
|
|
708
|
-
position: absolute;
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
.remove_search_section {
|
|
712
|
-
display: flex;
|
|
713
|
-
flex-direction: row;
|
|
714
|
-
align-items: center;
|
|
715
|
-
padding: 0px 12px;
|
|
716
|
-
border-left: 1px solid var(--dividers);
|
|
717
|
-
height: 100%;
|
|
718
|
-
margin-left: auto;
|
|
719
|
-
cursor: pointer;
|
|
720
|
-
border-radius: 0px 8px 8px 0px;
|
|
721
|
-
}
|
|
722
|
-
|
|
723
|
-
.remove_search {
|
|
724
|
-
display: flex;
|
|
725
|
-
flex-direction: row;
|
|
726
|
-
align-items: center;
|
|
727
|
-
padding-left: 4px;
|
|
728
|
-
border-radius: 0px 8px 8px 0px;
|
|
729
|
-
background: var(--background);
|
|
730
|
-
border-left: 1px solid var(--dividers);
|
|
731
|
-
height: 100%;
|
|
732
|
-
transition: all 0.2s ease;
|
|
733
|
-
left: calc(100% - 15px);
|
|
734
|
-
cursor: pointer;
|
|
735
|
-
position: absolute;
|
|
736
|
-
opacity: 0;
|
|
737
|
-
}
|
|
738
|
-
|
|
739
|
-
.search_error {
|
|
740
|
-
color: var(--alert);
|
|
741
|
-
font-size: 14px;
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
.selected_tag {
|
|
745
|
-
border: 1px solid var(--primary);
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
.input_shortcut_tag.duplicate_tag {
|
|
749
|
-
background: var(--background) !important;
|
|
750
|
-
animation: shake 1s;
|
|
751
|
-
}
|
|
752
|
-
@keyframes shake {
|
|
753
|
-
10%,
|
|
754
|
-
90% {
|
|
755
|
-
transform: scale(0.9) translate3d(-1px, 0, 0);
|
|
756
|
-
}
|
|
757
|
-
|
|
758
|
-
20%,
|
|
759
|
-
80% {
|
|
760
|
-
transform: scale(0.9) translate3d(2px, 0, 0);
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
30%,
|
|
764
|
-
50%,
|
|
765
|
-
70% {
|
|
766
|
-
transform: scale(0.9) translate3d(-4px, 0, 0);
|
|
767
|
-
}
|
|
768
|
-
|
|
769
|
-
40%,
|
|
770
|
-
60% {
|
|
771
|
-
transform: scale(0.9) translate3d(4px, 0, 0);
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
.search_icon {
|
|
775
|
-
flex-shrink: 0;
|
|
776
|
-
}
|
|
777
|
-
|
|
778
|
-
.select-remove {
|
|
779
|
-
border: 1px solid var(--primary);
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
.sub_input_section {
|
|
783
|
-
display: flex;
|
|
784
|
-
flex-direction: row;
|
|
785
|
-
align-items: flex-start;
|
|
786
|
-
position: absolute;
|
|
787
|
-
z-index: 3;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
@media screen and (max-width: 700px) {
|
|
791
|
-
.sub_input_section {
|
|
792
|
-
display: flex;
|
|
793
|
-
flex-direction: column-reverse;
|
|
794
|
-
align-items: flex-start;
|
|
795
|
-
}
|
|
796
|
-
.searchbar_info {
|
|
797
|
-
width: 338px;
|
|
798
|
-
height: 100px;
|
|
799
|
-
overflow-y: scroll;
|
|
800
|
-
border-radius: 0px !important;
|
|
801
|
-
opacity: 1 !important;
|
|
802
|
-
}
|
|
803
|
-
}
|
|
804
|
-
|
|
805
|
-
.searchbar_info {
|
|
806
|
-
box-shadow: 0px 16px 40px rgba(62, 63, 94, 0.12);
|
|
807
|
-
border: 1px solid var(--independence);
|
|
808
|
-
background: var(--independence);
|
|
809
|
-
color: var(--pure-white);
|
|
810
|
-
border-radius: 0px 0px 8px 8px;
|
|
811
|
-
display: flex;
|
|
812
|
-
flex-direction: row;
|
|
813
|
-
align-items: flex-start;
|
|
814
|
-
max-width: 500px;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
.searchbar_shortcuts {
|
|
818
|
-
padding: 16px;
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
.searchbar_info_title {
|
|
822
|
-
font-size: 14px;
|
|
823
|
-
font-weight: 700;
|
|
824
|
-
text-decoration: underline;
|
|
825
|
-
}
|
|
826
|
-
|
|
827
|
-
.searchbar_info_content {
|
|
828
|
-
font-size: 14px;
|
|
829
|
-
list-style: inside;
|
|
830
|
-
padding-inline-start: 0px !important;
|
|
831
|
-
}
|
|
832
|
-
|
|
833
|
-
.close_info {
|
|
834
|
-
cursor: pointer;
|
|
835
|
-
padding: 12px 16px 0px 0px;
|
|
836
|
-
}
|
|
837
|
-
|
|
838
|
-
.show_shortcuts {
|
|
839
|
-
cursor: pointer;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
.filters_input_search:hover {
|
|
843
|
-
border: 1.5px solid rgba(33, 118, 255, 0.2) !important;
|
|
844
|
-
}
|
|
845
|
-
|
|
846
|
-
.filters_input_search:focus-within {
|
|
847
|
-
border: 1.5px solid var(--primary) !important;
|
|
848
|
-
box-shadow: 0px 0px 0px 4px rgba(33, 118, 255, 0.1) !important;
|
|
849
|
-
}
|
|
850
|
-
|
|
851
|
-
.filters_input_search:hover .search_icon,
|
|
852
|
-
.filters_input_search:focus-within .search_icon {
|
|
853
|
-
color: var(--primary) !important;
|
|
854
|
-
}
|
|
855
|
-
.filters_input_style {
|
|
856
|
-
width: 100%;
|
|
857
|
-
}
|
|
858
|
-
.filters_input_style,
|
|
859
|
-
.filters_input_style:focus-visible {
|
|
860
|
-
border: none;
|
|
861
|
-
outline: none;
|
|
862
|
-
}
|
|
863
|
-
.filters_input_style::placeholder {
|
|
864
|
-
color: var(--wild-blue-yonder);
|
|
865
|
-
}
|
|
495
|
+
.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{border:1px solid var(--primary)}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:3}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);color:var(--white);display:flex;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}
|
|
866
496
|
</style>
|
|
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
57
|
resetSearch: () => void;
|
|
58
58
|
selectTag: (index: number, direction: number) => void;
|
|
59
59
|
addToSearch: (search: string, textValue: string) => void;
|
|
60
|
-
shortcutColor: (shortcut: string) => "var(--
|
|
60
|
+
shortcutColor: (shortcut: string) => "var(--darkest)" | "var(--white)";
|
|
61
61
|
shortcutSelect: (dir: string) => void;
|
|
62
62
|
typing: import("vue").Ref<boolean>;
|
|
63
63
|
shortcuts: import("vue").Ref<{
|
|
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
67
|
}[]>;
|
|
68
68
|
hoverShortcut: import("vue").Ref<string>;
|
|
69
69
|
selectedShortcut: import("vue").Ref<string>;
|
|
70
|
-
searchedWords: any
|
|
70
|
+
searchedWords: import("vue").Ref<any>;
|
|
71
71
|
closeIndex: import("vue").Ref<any>;
|
|
72
72
|
value: import("vue").Ref<string>;
|
|
73
73
|
selectedTag: import("vue").Ref<any>;
|
|
@@ -79,10 +79,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
hoverTag: import("vue").Ref<any>;
|
|
80
80
|
showInfo: import("vue").Ref<boolean>;
|
|
81
81
|
regexSearch: RegExp;
|
|
82
|
-
iconColor: import("vue").ComputedRef<"var(--primary)" | "var(--
|
|
82
|
+
iconColor: import("vue").ComputedRef<"var(--primary)" | "var(--medium)">;
|
|
83
83
|
hasShortcut: import("vue").ComputedRef<boolean>;
|
|
84
84
|
infoHeight: import("vue").ComputedRef<boolean>;
|
|
85
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose")[], "update:Value" | "onClose", import("vue").
|
|
85
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "onClose")[], "update:Value" | "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
86
86
|
placeHolderValue: {
|
|
87
87
|
type: StringConstructor;
|
|
88
88
|
default: string;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</span>
|
|
59
59
|
<arg-icon
|
|
60
60
|
:name="icon"
|
|
61
|
-
:color="btnStyle == 'primary' ? 'var(--
|
|
61
|
+
:color="btnStyle == 'primary' ? 'var(--white)' : ''"
|
|
62
62
|
size="20px"
|
|
63
63
|
:class="{ oip_button_is_loading: loading }"
|
|
64
64
|
/>
|
|
@@ -102,15 +102,15 @@ export default defineComponent({
|
|
|
102
102
|
if (["primary", "tertiary", "terciary", "dark", "green", "red"].includes(
|
|
103
103
|
props.btnStyle
|
|
104
104
|
)) {
|
|
105
|
-
finalColor.value = "var(--
|
|
105
|
+
finalColor.value = "var(--white)";
|
|
106
106
|
} else if (props.btnStyle === "secondary") {
|
|
107
|
-
finalColor.value = "var(--
|
|
107
|
+
finalColor.value = "var(--medium)";
|
|
108
108
|
} else if (props.btnStyle === "outlined") {
|
|
109
109
|
finalColor.value = "var(--primary)";
|
|
110
110
|
} else if (props.btnStyle === "skeleton") {
|
|
111
|
-
finalColor.value = "var(--
|
|
111
|
+
finalColor.value = "var(--darkest)";
|
|
112
112
|
} else if (props.btnStyle === "disable") {
|
|
113
|
-
finalColor.value = "var(--
|
|
113
|
+
finalColor.value = "var(--dark)";
|
|
114
114
|
} else if (props.btnStyle === "success") {
|
|
115
115
|
finalColor.value = "var(--system-success)";
|
|
116
116
|
} else if (props.btnStyle === "warning") {
|
|
@@ -134,23 +134,5 @@ export default defineComponent({
|
|
|
134
134
|
</script>
|
|
135
135
|
|
|
136
136
|
<style scoped>
|
|
137
|
-
@media screen and (min-width:
|
|
138
|
-
.prmt_button_small {
|
|
139
|
-
display: none !important;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
@media screen and (max-width: 1000px) {
|
|
143
|
-
.prmt_button_big {
|
|
144
|
-
display: none !important;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.full_width {
|
|
149
|
-
align-self: stretch;
|
|
150
|
-
display: flex;
|
|
151
|
-
width: 100%;
|
|
152
|
-
}
|
|
153
|
-
.fit_width {
|
|
154
|
-
width: fit-content;
|
|
155
|
-
}
|
|
137
|
+
@media screen and (min-width:1001px){.prmt_button_small{display:none!important}}@media screen and (max-width:1000px){.prmt_button_big{display:none!important}}.full_width{align-self:stretch;display:flex;width:100%}.fit_width{width:-moz-fit-content;width:fit-content}
|
|
156
138
|
</style>
|
|
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
43
|
}, {
|
|
44
44
|
getIconColor: import("vue").ComputedRef<string>;
|
|
45
45
|
send: () => void;
|
|
46
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").
|
|
46
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
47
47
|
btnStyle: {
|
|
48
48
|
type: StringConstructor;
|
|
49
49
|
default: string;
|
|
@@ -88,6 +88,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
88
|
}>> & {
|
|
89
89
|
onOnClick?: ((...args: any[]) => any) | undefined;
|
|
90
90
|
}, {
|
|
91
|
+
size: string;
|
|
91
92
|
btnStyle: string;
|
|
92
93
|
becomeSmall: boolean;
|
|
93
94
|
icon: string;
|
|
@@ -96,7 +97,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
96
97
|
suffixIcon: string;
|
|
97
98
|
loading: boolean;
|
|
98
99
|
fullWidth: boolean;
|
|
99
|
-
size: string;
|
|
100
100
|
round: boolean;
|
|
101
101
|
}, {}>;
|
|
102
102
|
export default _default;
|