@mongodb-js/compass-aggregations 8.19.2 → 8.22.0

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/lib/index.css CHANGED
@@ -1,1141 +1,850 @@
1
- .resize-handle-module-resize-handle__1rugm {
2
- position: absolute;
3
- background: #dee0e3;
4
- width: 1.1px;
5
- height: 100%;
1
+ .restore-pipeline-button-module-restore-pipeline__NGnMs {
2
+ margin-right: 2px;
3
+ flex-grow: 0;
4
+ visibility: hidden;
6
5
  }
7
6
 
8
- .delete-stage-module-delete-stage__3PyCJ {
9
- margin-right: 6px;
10
- }
11
- .delete-stage-module-delete-stage__3PyCJ button {
12
- width: 30px;
7
+ .delete-pipeline-button-module-delete-pipeline__Ch_2o {
8
+ margin: 0px 10px 0px 0px;
9
+ flex-grow: 0;
10
+ visibility: hidden;
13
11
  }
14
12
 
15
- .add-after-stage-module-add-after-stage__1xZf9 {
13
+ .save-pipeline-card-module-save-pipeline-card__2EPNA {
14
+ border: 1px solid #dee0e3;
15
+ box-shadow: 0 0 3px #dee0e3;
16
+ margin: 10px;
16
17
  display: flex;
17
- justify-content: flex-end;
18
+ align-items: center;
19
+ background: #fff;
18
20
  }
19
- .add-after-stage-module-add-after-stage__1xZf9 button {
20
- width: 30px;
21
- margin-right: 6px;
21
+ .save-pipeline-card-module-save-pipeline-card__2EPNA:hover button {
22
+ visibility: visible;
23
+ }
24
+ .save-pipeline-card-module-save-pipeline-card-title__272aN {
25
+ font-size: 12px;
26
+ padding: 8px;
27
+ line-height: 20px;
28
+ font-weight: bold;
29
+ flex-grow: 5;
30
+ color: #494747;
31
+ overflow-wrap: break-word;
32
+ overflow: auto;
22
33
  }
23
34
 
24
- .toggle-stage-module-toggle-stage__2JZ-6 {
25
- margin: 0px 0px 0px 5px;
35
+ .save-pipeline-module-save-pipeline__1r5sb {
36
+ border-right: 1px solid #dee0e3;
37
+ box-shadow: 1px 1px 1px #dee0e3;
38
+ background: #f8f8f8;
39
+ position: absolute;
40
+ width: 400px;
41
+ height: 100%;
42
+ top: 0;
43
+ left: -401px;
44
+ transition: left 0.2s ease-in-out;
45
+ font-size: 1em;
46
+ z-index: 500;
47
+ }
48
+ .save-pipeline-module-save-pipeline-is-visible__3bNUE {
49
+ left: 0px;
50
+ transition: left 0.2s ease-in-out;
51
+ }
52
+ .save-pipeline-module-save-pipeline-header__1G3Ck {
53
+ height: 34px;
26
54
  display: flex;
55
+ padding: 10px;
56
+ font-size: 12px;
57
+ line-height: 20px;
58
+ font-weight: bold;
59
+ color: #494747;
27
60
  align-items: center;
28
- justify-content: flex-end;
29
- }
30
- .toggle-stage-module-toggle-stage-button__1ILJ7 {
31
- height: 22px;
32
- width: 40px;
61
+ justify-content: space-between;
62
+ border-bottom: 1px solid #dee0e3;
63
+ box-shadow: 1px 1px 1px #dee0e3;
33
64
  }
34
-
35
- .stage-grabber-module-stage-grabber__1-8cr {
36
- color: #dee0e3;
37
- margin: 3px 2px 0px 4px;
38
- position: relative;
65
+ .save-pipeline-module-save-pipeline-cards__2__gs {
66
+ overflow-y: scroll;
39
67
  }
40
-
41
- .stage-collapser-module-stage-collapser__3xs2F {
42
- position: relative;
68
+ .save-pipeline-module-save-pipeline-close__2mTMD {
69
+ cursor: pointer;
43
70
  }
44
- .stage-collapser-module-stage-collapser__3xs2F button {
45
- width: 30px;
71
+ .save-pipeline-module-save-pipeline-cards__2__gs::-webkit-scrollbar {
72
+ display: none;
46
73
  }
47
74
 
48
- .select-option-with-tooltip-module-tooltip__3SVxp {
49
- max-width: 340px !important;
75
+ .settings-module-container__3sWua {
76
+ border-left: 1px solid #dee0e3;
77
+ box-shadow: 1px 1px 1px #dee0e3;
78
+ background: #f8f8f8;
79
+ position: absolute;
80
+ width: 580px;
81
+ height: 100%;
82
+ top: 0;
83
+ right: 0px;
84
+ transition: right 0.2s ease-in-out;
85
+ font-size: 1em;
86
+ z-index: 500;
50
87
  }
51
- .select-option-with-tooltip-module-option__K2UZL {
88
+ .settings-module-header__1rot3 {
89
+ height: 32px;
52
90
  display: flex;
91
+ padding: 5px;
92
+ font-size: 12px;
93
+ line-height: 20px;
94
+ font-weight: bold;
95
+ color: #494747;
53
96
  align-items: center;
97
+ justify-content: space-between;
98
+ border-bottom: 1px solid #dee0e3;
99
+ box-shadow: 1px 1px 1px #dee0e3;
54
100
  }
55
- .select-option-with-tooltip-module-optionIcon__os9Dz {
56
- margin-left: auto;
101
+ .settings-module-header-title__xCvBM {
102
+ color: #424242;
103
+ font-size: 12px;
104
+ font-weight: bold;
105
+ flex-grow: 2;
57
106
  }
58
-
59
- .stage-operator-select-module-stage-operator-select__1eiQN {
60
- position: relative;
61
- width: 120px;
62
- height: 22px;
63
- margin: 0px 0px 0px 5px;
107
+ .settings-module-header-btn-group__1NySd {
108
+ display: inline-block;
64
109
  }
65
- .stage-operator-select-module-stage-operator-select-control__LjhSK {
66
- position: relative;
67
- font-size: 12px !important;
68
- cursor: pointer;
110
+ .settings-module-header-btn-group__1NySd button {
111
+ margin-right: 5px;
69
112
  }
70
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
71
- height: 22px;
113
+ .settings-module-header-btn-group__1NySd:last-child {
114
+ margin-right: 0px;
72
115
  }
73
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
74
- line-height: 25px;
116
+ .settings-module-input-group__3OjXF {
117
+ margin: 8px;
118
+ padding: 8px 16px;
119
+ background-color: #FFFFFF;
120
+ display: flex;
121
+ align-items: center;
75
122
  }
76
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
77
- height: 18px;
123
+ .settings-module-input-control__3kNAF {
124
+ min-width: 90px;
78
125
  }
79
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
80
- height: 22px;
126
+ .settings-module-input-control__3kNAF input {
127
+ border-radius: 3px;
128
+ border-color: #BFBFBE;
129
+ border-style: solid;
130
+ border-width: 1px;
131
+ padding: 1px;
132
+ text-align: right;
133
+ float: right;
81
134
  }
82
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
83
- margin-top: 8px;
135
+ .settings-module-input-control__3kNAF input[type="text"],
136
+ .settings-module-input-control__3kNAF input[type="number"] {
137
+ width: 70px;
138
+ color: #464C4F;
84
139
  }
85
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
86
- line-height: 22px !important;
87
- font-weight: bold;
140
+ .settings-module-input-control__3kNAF input[type="text"]::placeholder,
141
+ .settings-module-input-control__3kNAF input[type="number"]::placeholder {
142
+ font-size: 13px;
143
+ color: #AAAAAA;
88
144
  }
89
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
90
- height: 200px;
145
+ .settings-module-input-meta__2H8QK {
146
+ flex-grow: 1;
91
147
  }
92
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
93
- z-index: 2000 !important;
148
+ .settings-module-input-meta__2H8QK p {
149
+ margin-top: 8px;
94
150
  }
95
151
 
96
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
97
- width: 100%;
98
- border-bottom: 1px solid #dee0e3;
99
- border-radius: 4px 4px 0 0;
100
- padding: 10px 0;
101
- padding-right: 10px;
102
- flex-shrink: 0;
103
- display: flex;
104
- flex-direction: row;
105
- align-items: center;
152
+ .overview-toggler-module-overview-toggler__253em {
106
153
  position: relative;
107
- height: 30px;
108
- cursor: move;
109
- cursor: grab;
154
+ margin-right: 3px;
110
155
  }
111
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK:active {
112
- cursor: grabbing;
156
+ .overview-toggler-module-overview-toggler__253em button {
157
+ width: 30px;
113
158
  }
114
- .stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
159
+
160
+ .collation-collapser-module-collation-collapser__2fVom {
161
+ position: relative;
162
+ margin-right: 3px;
163
+ }
164
+ .collation-collapser-module-collation-collapser__2fVom button {
165
+ white-space: nowrap;
166
+ }
167
+
168
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex {
169
+ align-items: center;
115
170
  display: flex;
116
- justify-content: flex-end;
117
- flex-grow: 4;
171
+ flex-shrink: 0;
172
+ height: 34px;
173
+ padding: 0px 10px 0px 15px;
174
+ flex-grow: 1;
175
+ z-index: 100;
118
176
  }
119
- .stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
120
- background: #FCEBE2;
177
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown {
178
+ margin-left: 3px;
179
+ padding-right: 6px;
180
+ height: 22px;
121
181
  }
122
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
123
- display: inline-block;
124
- font: normal normal normal 14px/1 FontAwesome;
125
- font-size: inherit;
126
- text-rendering: auto;
127
- -webkit-font-smoothing: antialiased;
128
- -moz-osx-font-smoothing: grayscale;
129
- margin: 0 5px;
130
- cursor: pointer;
131
- color: #bfbfbe;
182
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown i {
183
+ top: 1px;
132
184
  }
133
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
134
- content: "\f05a";
185
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-toggle {
186
+ height: 22px;
187
+ padding: 0 7px 0px 5px;
188
+ font-size: 11px;
189
+ border-radius: 0px 3px 3px 0px;
135
190
  }
136
-
137
- .stage-editor-module-stage-editor-container__1XwN_ {
138
- position: relative;
139
- padding: 6px 8px;
140
- text-align: center;
191
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-menu {
192
+ font-size: 12px;
141
193
  }
142
- .stage-editor-module-stage-editor__3F-oQ {
143
- flex-shrink: 0;
144
- margin: 0;
145
- padding: 10px 0px 10px 0px;
146
- overflow: hidden;
147
- background: #f5f6f7;
148
- border-left: 2px solid #E4E4E4;
149
- width: 100%;
150
- min-height: 180px;
194
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-update-view__32VEf {
195
+ margin-right: 5px;
151
196
  }
152
- .stage-editor-module-stage-editor-errormsg__3Le7I {
153
- flex-shrink: 0;
154
- position: relative;
155
- margin: 10px;
156
- padding: 5px 10px;
197
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-add-wrapper__3OJjU {
198
+ margin: 0px 3px 0px 3px;
199
+ margin-right: 3px;
200
+ background-color: rgba(70, 76, 79, 0.1);
201
+ display: flex;
157
202
  border-radius: 3px;
158
- overflow: hidden;
159
- background: #FCEBE2;
160
- border: 1px solid #F9D3C5;
161
- min-height: 20px;
162
- word-break: break-all;
163
- color: #8F221B;
164
- font-size: x-small;
165
- font-weight: bold;
203
+ font-size: 12px;
204
+ padding: 2px 6px 2px 6px;
166
205
  }
167
- .stage-editor-module-stage-editor-syntax-error__3qEJX {
168
- flex-shrink: 0;
169
- position: relative;
170
- margin: 10px;
171
- padding: 5px 10px;
172
- border-radius: 3px;
173
- overflow: hidden;
174
- background: #FEF7E3;
175
- border: 1px solid #FEF2C8;
176
- min-height: 20px;
177
- word-break: break-all;
178
- color: #86681D;
179
- font-size: x-small;
206
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-name__2yDjz {
207
+ font-size: 12px;
180
208
  font-weight: bold;
209
+ white-space: nowrap;
181
210
  }
182
-
183
- .insert-json-document-module-editor__a90Xy {
184
- padding: 10px 10px 10px 0;
185
- background: #f5f6f7;
186
- border-left: 3px solid #E4E4E4;
187
- height: 300px;
188
- overflow: auto;
189
- flex-basis: auto;
190
- flex-shrink: 1;
191
- flex-grow: 1;
211
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-open-saved-pipelines-button__L6l0H {
212
+ margin-right: 3px;
213
+ white-space: nowrap;
192
214
  }
193
-
194
- .content-container {
195
- display: flex;
196
- width: 100%;
197
- height: 100%;
215
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F {
216
+ white-space: nowrap;
217
+ border-radius: 3px 0px 0px 3px;
218
+ border-right: 0;
198
219
  }
199
- .compass-documents {
200
- display: flex;
201
- flex-direction: column;
202
- align-items: stretch;
203
- width: 100%;
204
- flex-grow: 1;
220
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F:hover {
221
+ border-right: 0;
205
222
  }
206
- .compass-documents .column-container {
207
- position: relative;
208
- flex-grow: 1;
209
- flex-shrink: 1;
210
- flex-basis: auto;
211
- flex-direction: column;
212
- display: flex;
213
- overflow: auto;
214
- background: #f5f6f7;
223
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8 {
224
+ white-space: nowrap;
225
+ border-radius: 3px 0px 0px 3px;
226
+ border-right: 0;
215
227
  }
216
- .compass-documents .column.main {
217
- position: absolute;
218
- top: 0;
219
- left: 0;
220
- right: 0;
221
- bottom: 0;
222
- margin-bottom: 0;
223
- padding: 0;
228
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8:hover + button {
229
+ border-left: 0;
224
230
  }
225
- .document-list {
226
- padding: 0 15px;
227
- list-style: none;
228
- position: relative;
231
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-export-to-language__1TZRT {
232
+ display: flex;
229
233
  }
230
- .document-list-item {
231
- position: relative;
232
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
233
- font-size: 11px;
234
- margin-bottom: 5px;
235
- background: #FFFFFF;
234
+ .pipeline-builder-toolbar-module-is-modified__2nfaK {
235
+ padding-top: 1px;
236
+ font-style: italic;
236
237
  }
237
- .document-list-item:last-child {
238
- margin-bottom: 0;
239
- border-bottom: 0 solid transparent;
238
+ .pipeline-builder-toolbar-module-export-icon__vOPzJ {
239
+ height: 12px;
240
+ width: 12px;
241
+ display: block;
242
+ background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'%3E%3Cg id='Icons-/-Export' transform='translate(-4.000000, -3.000000)' fill='%23494747'%3E%3Cg id='Icon' transform='translate(4.000000, 3.500000)'%3E%3Cpath d='M6.2777,0 L8.8,2.5223 C8.8,3.2415132 8.8,3.78074648 8.8,4.13999987 C8.8,4.3593827 8.8,5.03623299 8.8,5.7224982 C8.8,6.35273364 8.8,6.99090941 8.8,7.28999996 C8.8,7.80644 8.8,8.67644001 8.8,9.9 C8.8,10.5072 8.3072,11 7.7,11 L1.1,11 C0.49335,11 0,10.5072 0,9.9 L0,1.1 C0,0.4939 0.49335,0 1.1,0 L6.2777,0 Z M7.70005545,4 C7.70003697,3.77478974 7.70001848,3.54145641 7.7,3.3 L5.5,3.3 L5.5,1.1 L1.1,1.1 L1.1,9.9 L7.70055,9.9 L7.70035031,7.5 L8.79999983,7.5 L8.79999983,4 L7.70005491,4 Z M7.70005545,4 C7.70005931,4.04702072 7.70006317,4.09368734 7.70006703,4.13999987 C7.70009571,4.48417772 7.70014216,5.03201886 7.70019082,5.60623096 C7.70024165,6.20608089 7.7002949,6.83470922 7.70033284,7.28999996 L7.70035031,7.5 L7.69999981,4 Z' id='File' /%3E%3Cg id='Arrow' transform='translate(4.000000, 3.000000)'%3E%3Crect id='Rectangle' x='0.5' y='2.25' width='6' height='1' /%3E%3Cpolygon id='Triangle' transform='translate(7.000000, 2.750000) rotate(-270.000000) translate(-7.000000, -2.750000)' points='7 1.875 9 3.625 5 3.625' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
240
243
  }
241
- .document-list-zero-state {
242
- height: 100%;
244
+
245
+ /**
246
+ * Mixins
247
+ */
248
+ .pipeline-preview-toolbar-module-container-right__1z6gl {
243
249
  display: flex;
244
- flex-direction: column;
245
250
  align-items: center;
246
- text-align: center;
247
- background-color: #f5f6f7;
248
- padding-top: 135px;
251
+ justify-content: flex-end;
252
+ box-shadow: 2px 0px #ebebed;
253
+ height: 33px;
254
+ padding-right: 15px;
249
255
  }
250
- .document-list-zero-state-action {
256
+ .pipeline-preview-toolbar-module-toggle-sample__3rJ-k,
257
+ .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf {
258
+ margin-left: 15px;
251
259
  display: flex;
252
- flex-direction: column;
253
260
  }
254
- .document-list-zero-state-graphic {
255
- width: 75px;
261
+ .pipeline-preview-toolbar-module-toggle-sample__3rJ-k label,
262
+ .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf label {
263
+ margin: auto 0;
264
+ margin-left: 5px;
256
265
  }
257
- .document-list-action-bar {
266
+ .pipeline-preview-toolbar-module-toggle__24mzf {
267
+ height: 14px;
268
+ width: 26px;
269
+ margin: auto 0;
270
+ }
271
+ .pipeline-preview-toolbar-module-toggle-sample-label__1Q11v,
272
+ .pipeline-preview-toolbar-module-toggle-auto-preview-label__1_7oc {
258
273
  display: flex;
259
- flex-direction: row;
260
- justify-content: space-between;
261
- align-items: center;
262
- background: #f5f6f7;
263
- border-bottom: 1px solid #ebebed;
264
- padding: 5px 15px;
265
- min-width: max-content;
274
+ white-space: nowrap;
275
+ font-size: 12px;
276
+ text-transform: uppercase;
277
+ color: #807f7f;
278
+ font-weight: bold;
266
279
  }
267
- .document-list-action-bar-container {
280
+ .pipeline-preview-toolbar-module-settings__1kWxH {
281
+ margin-left: 15px;
268
282
  display: flex;
269
283
  }
270
- .document-list-action-bar-container .document-list-action-bar-export-collection {
271
- padding: 0 5px;
284
+ .pipeline-preview-toolbar-module-fullscreen__3ms6P {
285
+ margin-left: 15px;
286
+ display: flex;
287
+ margin-left: 5px;
272
288
  }
273
- .document-list-action-bar-insert-data-title {
289
+ .pipeline-preview-toolbar-module-is-modified__18dkX {
290
+ margin-left: 15px;
274
291
  display: flex;
275
292
  }
276
- .document-list-action-bar-insert-data-title .fa-download {
277
- margin-top: 3px;
293
+ .pipeline-preview-toolbar-module-is-modified__18dkX i {
294
+ color: #13AA52;
278
295
  }
279
- .document-list-action-bar-insert-data-title div {
280
- padding: 0 5px;
296
+ .pipeline-preview-toolbar-module-is-modified-on__2aYV4 i {
297
+ color: #fbb129;
281
298
  }
282
- .document-list-action-bar-view-switcher {
283
- margin-left: 18px;
299
+ .pipeline-preview-toolbar-module-is-modified-on__2aYV4 span {
300
+ padding-right: 5px;
301
+ color: #fbb129;
302
+ font-size: 13px;
284
303
  }
285
- .document-list-action-bar-view-switcher .view-switcher-label {
286
- text-transform: uppercase;
287
- padding: 0 8px 0 0px;
288
- font-weight: bold;
289
- font-size: 11px;
290
- margin: 8px 0;
291
- color: #AAAAAA;
304
+
305
+ .pipeline-toolbar-module-pipeline-toolbar__2eSZz {
306
+ display: flex;
307
+ width: 100%;
308
+ flex-shrink: 0;
309
+ height: 33px;
292
310
  }
293
- .document-list-action-bar-view-switcher .btn-group > .btn:nth-child(2) {
294
- border-radius: 0;
311
+ .pipeline-toolbar-module-pipeline-toolbar-border__2u5Qi {
312
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
313
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
295
314
  }
296
- .document-list-action-bar-view-switcher .curly-bracket {
297
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23464C4F' d='M1 8.91748047L1 7.15966797C1.53222922 7.15478513 1.93261584 6.997316 2.20117188 6.68725586 2.46972791 6.37719572 2.60400391 5.68262258 2.60400391 4.60351562 2.60400391 3.77343335 2.63452118 3.15942582 2.69555664 2.76147461 2.7565921 2.3635234 2.9042957 2.03027478 3.13867188 1.76171875 3.37304805 1.49316272 3.67577939 1.29907286 4.046875 1.17944336 4.41797061 1.05981385 4.9428677 1 5.62158203 1L6.00976562 1 6.00976562 2.7578125C5.30175427 2.7578125 4.87817452 2.82983326 4.73901367 2.97387695 4.59985282 3.11792064 4.52539067 3.40234163 4.515625 3.82714844 4.48632798 5.00391213 4.44848656 5.76684396 4.40209961 6.1159668 4.35571266 6.46508964 4.24829186 6.80077964 4.07983398 7.12304688 3.91137611 7.44531411 3.59765854 7.75048684 3.13867188 8.03857422 3.57324436 8.30224741 3.88940331 8.61718567 4.0871582 8.98339844 4.2849131 9.34961121 4.40087874 9.87694968 4.43505859 10.5654297L4.54492188 12.7041016C4.58886741 12.9042979 4.69384683 13.0581049 4.85986328 13.1655273 5.02587974 13.2729498 5.4067353 13.3266602 6.00244141 13.3266602L6.00244141 15.0771484 5.62158203 15.0771484C4.84032812 15.0771484 4.23730681 14.988038 3.8125 14.8098145 3.38769319 14.6315909 3.08007908 14.3398458 2.88964844 13.9345703 2.6992178 13.5292948 2.60400391 12.8750045 2.60400391 11.9716797 2.60400391 10.975581 2.56982456 10.3383803 2.50146484 10.0600586 2.43310513 9.78173689 2.30127051 9.52661249 2.10595703 9.29467773 1.91064355 9.06274298 1.5419949 8.93701182 1 8.91748047zM15.0097656 8.91748047C14.4775364 8.92724614 14.0771498 9.08715665 13.8085938 9.3972168 13.5400377 9.70727694 13.4057617 10.4018501 13.4057617 11.480957 13.4057617 12.3061565 13.3764651 12.9177226 13.3178711 13.3156738 13.2592771 13.713625 13.1127941 14.0468737 12.878418 14.3154297 12.6440418 14.5839857 12.3413104 14.7780756 11.9702148 14.8977051 11.5991192 15.0173346 11.0742221 15.0771484 10.3955078 15.0771484L10.0073242 15.0771484 10.0073242 13.3266602C10.6860385 13.3266602 11.1022942 13.2546394 11.2561035 13.1105957 11.4099129 12.966552 11.4916992 12.6796896 11.5014648 12.25 11.5307619 10.9951109 11.5759274 10.1918963 11.6369629 9.84033203 11.6979984 9.48876777 11.8200674 9.15918123 12.0031738 8.8515625 12.1862802 8.54394377 12.475584 8.27295039 12.8710938 8.03857422 12.4511698 7.76513535 12.158204 7.49780404 11.9921875 7.23657227 11.826171 6.97534049 11.7138675 6.68847813 11.6552734 6.37597656 11.5966794 6.063475 11.5527345 5.4860882 11.5234375 4.64379883 11.4941405 3.80150946 11.4599611 3.31933655 11.4208984 3.19726562 11.3818357 3.0751947 11.2878425 2.97143597 11.138916 2.88598633 10.9899895 2.80053668 10.6103546 2.7578125 10 2.7578125L10 1 10.3881836 1C11.1694375 1 11.7724588 1.08911044 12.1972656 1.26733398 12.6220724 1.44555753 12.9296865 1.73730266 13.1201172 2.14257812 13.3105478 2.54785359 13.4057617 3.20214392 13.4057617 4.10546875 13.4057617 5.00879358 13.4399411 5.64477355 13.5083008 6.01342773 13.5766605 6.38208192 13.7292469 6.65917876 13.9660645 6.84472656 14.202882 7.03027437 14.550779 7.13525378 15.0097656 7.15966797L15.0097656 8.91748047z'/%3E%3C/g%3E%3C/svg%3E");
298
- background-repeat: no-repeat;
299
- background-position: center center;
300
- background-size: 10px 10px;
301
- width: 11px;
302
- height: 11px;
303
- display: inline-block;
315
+
316
+ .collation-toolbar-module-collation-toolbar__31baA {
317
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
318
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
319
+ display: flex;
320
+ width: 100%;
321
+ flex-shrink: 0;
322
+ height: 43px;
323
+ align-items: center;
324
+ padding: 0px 10px 0px 15px;
304
325
  }
305
- .document-list-action-bar-message {
306
- margin-left: 8px;
326
+ .collation-toolbar-module-collation-toolbar-in-new-toolbar__1MHu_ {
327
+ padding: 0;
328
+ box-shadow: none;
329
+ border: none;
307
330
  }
308
- .document-list-action-bar-message .info-sprinkle {
309
- margin-right: 5px;
310
- margin-left: 5px;
311
- cursor: pointer;
312
- font-size: 14px;
331
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq {
332
+ width: 100%;
333
+ height: 30px;
313
334
  position: relative;
314
- top: 1px;
315
- opacity: 0.5;
316
- }
317
- .document-list-action-bar-message .info-sprinkle:hover {
318
- color: #fbb129;
335
+ display: flex;
336
+ border-radius: 14px;
337
+ border: 1px #bfbfbe solid;
338
+ background: #fff;
339
+ overflow: hidden;
340
+ padding: 4px;
341
+ margin-right: 5px;
319
342
  }
320
- .document-list-action-bar-pagination {
321
- margin: 0 5px;
343
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB {
344
+ background: #bfbfbe;
345
+ color: #fff;
346
+ white-space: nowrap;
347
+ border-radius: 14px;
348
+ padding: 2px 1px;
349
+ margin-right: 5px;
350
+ text-transform: uppercase;
351
+ font-weight: bold;
352
+ font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
353
+ font-size: 11px;
354
+ flex-grow: 0;
355
+ width: 117px;
322
356
  }
323
- .document-list-action-bar-pagination-button {
324
- padding: 0 7px;
325
- color: #006CBC;
357
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB i {
358
+ margin-right: 3px;
326
359
  }
327
- .document-list-action-bar-pagination-button-left {
328
- border-top-right-radius: 0;
329
- border-bottom-right-radius: 0;
360
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-has-error__1DJu7 {
361
+ background: #ef4c4c;
330
362
  }
331
- .document-list-action-bar-pagination-button-right {
332
- border-top-left-radius: 0;
333
- border-bottom-left-radius: 0;
363
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input {
364
+ border: 0;
365
+ width: 100%;
334
366
  }
335
- .document-list-action-bar-refresh i {
336
- margin-right: 5px;
367
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input:focus {
368
+ outline-width: 0;
337
369
  }
338
- .option-selector {
339
- margin-right: 5px;
370
+ .collation-toolbar-module-has-focus__3yMBL {
371
+ border-color: #43b1e5;
340
372
  }
341
- .option-selector #insert-data-dropdown {
342
- display: flex;
343
- padding: 0 12px;
344
- color: #fff;
345
- width: max-content;
373
+
374
+ .import-pipeline-module-import-pipeline-note__vDPrD {
375
+ color: steelblue;
376
+ background-color: #B0E0E6;
377
+ border-radius: 5px;
378
+ padding: 10px;
379
+ margin-bottom: 10px;
346
380
  }
347
- .option-selector #insert-data-dropdown .caret {
381
+ .import-pipeline-module-import-pipeline-editor__2L-TC {
382
+ flex-shrink: 0;
348
383
  position: relative;
349
- top: 7px;
350
- }
351
- .element {
352
- width: 100%;
353
- display: block;
354
- font-size: 11px;
355
- }
356
- .element-field {
357
- display: inline-block;
358
- font-weight: bold;
359
- vertical-align: top;
360
- -webkit-user-select: text;
361
- }
362
- .element-separator {
363
- padding-right: 2px;
364
- vertical-align: top;
365
- -webkit-user-select: text;
384
+ padding: 10px 0px 10px 0px;
385
+ overflow: scroll;
386
+ background: #f5f6f7;
387
+ border-left: 2px solid #E4E4E4;
388
+ min-height: 180px;
389
+ max-height: 300px;
366
390
  }
367
- .element-value {
368
- display: inline-block;
369
- vertical-align: top;
370
- -webkit-user-select: text;
371
- flex-grow: 3;
391
+ .import-pipeline-module-import-pipeline-error__92RZw {
392
+ flex-shrink: 0;
372
393
  position: relative;
394
+ margin: 10px 0px;
395
+ padding: 10px;
396
+ border-radius: 3px;
397
+ overflow: auto;
398
+ background: #ff473a;
399
+ max-height: 100px;
400
+ color: #f5f6f7;
401
+ font-size: x-small;
402
+ font-weight: bold;
373
403
  }
374
- .element-value-is-string {
375
- color: steelblue;
376
- white-space: pre-wrap;
377
- word-break: break-all;
378
- }
379
- .element-value-is-int32 {
380
- color: #145a32;
381
- }
382
- .element-value-is-int64 {
383
- color: #196f3d;
384
- }
385
- .element-value-is-double {
386
- color: #1e8449;
387
- }
388
- .element-value-is-decimal128 {
389
- color: #229954;
390
- }
391
- .element-value-is-date {
392
- color: firebrick;
393
- }
394
- .element-value-is-boolean {
395
- color: purple;
396
- }
397
- .element-value-is-objectid {
398
- color: orangered;
399
- }
400
- .element-value-is-objectid::before {
401
- content: 'ObjectId("';
404
+
405
+ .confirm-import-pipeline-module-confirm-import-pipeline-note__3qDU3 {
406
+ padding: 0px;
402
407
  }
403
- .element-value-is-objectid::after {
404
- content: '")';
408
+
409
+ .confirm-new-pipeline-module-confirm-new-pipeline-note__2n2EL {
410
+ padding: 0px;
405
411
  }
406
- .expandable-element {
412
+
413
+ .pipeline-module-pipeline__1nWUF {
414
+ display: flex;
415
+ flex-grow: 1;
416
+ flex-direction: column;
407
417
  width: 100%;
408
- display: block;
409
- font-size: 11px;
410
- }
411
- .expandable-element-header {
412
- cursor: pointer;
413
- }
414
- .expandable-element-header-field {
415
- display: inline-block;
416
- font-weight: bold;
418
+ height: 100%;
419
+ min-height: 0;
420
+ position: relative;
417
421
  }
418
- .expandable-element-header-separator {
419
- padding-right: 2px;
422
+ .pipeline-module-pipeline-fullscreen__2QlA5 {
423
+ position: absolute;
424
+ top: 0;
425
+ right: 0;
426
+ left: 0;
427
+ bottom: 0;
420
428
  }
421
- .expandable-element-header-label {
422
- display: inline-block;
429
+
430
+ .resize-handle-module-resize-handle__1rugm {
431
+ position: absolute;
432
+ background: #dee0e3;
433
+ width: 1.1px;
434
+ height: 100%;
423
435
  }
424
- .expandable-element-header-toggle {
425
- display: inline-block;
426
- width: 0;
427
- height: 0;
428
- vertical-align: middle;
429
- border-left: 4px solid;
430
- border-right: 0;
431
- border-top: 4px solid transparent;
432
- border-bottom: 4px solid transparent;
433
- margin-left: -10px;
436
+
437
+ .delete-stage-module-delete-stage__3PyCJ {
434
438
  margin-right: 6px;
435
439
  }
436
- .expandable-element-header-is-expanded .expandable-element-header-toggle {
437
- border-top: 4px solid;
438
- border-right: 4px solid transparent;
439
- border-left: 4px solid transparent;
440
- margin-left: -14px;
440
+ .delete-stage-module-delete-stage__3PyCJ button {
441
+ width: 30px;
441
442
  }
442
- .expandable-element-children {
443
- display: none;
444
- padding-left: 15px;
443
+
444
+ .add-after-stage-module-add-after-stage__1xZf9 {
445
+ display: flex;
446
+ justify-content: flex-end;
445
447
  }
446
- .expandable-element-children-is-expanded {
447
- display: block;
448
+ .add-after-stage-module-add-after-stage__1xZf9 button {
449
+ width: 30px;
450
+ margin-right: 6px;
448
451
  }
449
- .document-actions {
450
- position: absolute;
451
- width: 100%;
452
- top: 15px;
453
- padding: 0px 20px 0px 20px;
454
- pointer-events: none;
452
+
453
+ .toggle-stage-module-toggle-stage__2JZ-6 {
454
+ margin: 0px 0px 0px 5px;
455
+ display: flex;
456
+ align-items: center;
457
+ justify-content: flex-end;
455
458
  }
456
- .document-actions-left,
457
- .document-actions-right {
458
- pointer-events: all;
459
+ .toggle-stage-module-toggle-stage-button__1ILJ7 {
460
+ height: 22px;
461
+ width: 40px;
459
462
  }
460
- .document-actions-button {
461
- visibility: hidden;
462
- transition: none;
463
+
464
+ .stage-grabber-module-stage-grabber__1-8cr {
465
+ color: #dee0e3;
466
+ margin: 3px 2px 0px 4px;
463
467
  position: relative;
464
- padding: 0 !important;
465
- width: 24px;
466
- margin-left: 3px;
467
468
  }
468
- .document-actions-button-copy:focus:after {
469
- position: absolute;
470
- z-index: 5;
471
- margin-left: -35px;
472
- margin-top: 30px;
473
- border-radius: 3px;
474
- color: white;
475
- padding: 2px 10px 2px 10px;
476
- background: rgba(0, 0, 0, 0.75);
477
- content: "Copied!";
478
- text-transform: none;
479
- font-weight: normal;
469
+
470
+ .stage-collapser-module-stage-collapser__3xs2F {
471
+ position: relative;
480
472
  }
481
- .document-actions-expand-button .fa {
482
- height: 12px;
483
- width: 12px;
473
+ .stage-collapser-module-stage-collapser__3xs2F button {
474
+ width: 30px;
484
475
  }
485
- .document-actions-right {
486
- float: right;
476
+
477
+ .select-option-with-tooltip-module-tooltip__3SVxp {
478
+ max-width: 340px !important;
487
479
  }
488
- .document-actions-left {
489
- float: left;
480
+ .select-option-with-tooltip-module-option__K2UZL {
481
+ display: flex;
482
+ align-items: center;
490
483
  }
491
- .document {
492
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
493
- font-size: 11px;
494
- list-style: none;
495
- text-overflow: ellipsis;
496
- white-space: nowrap;
497
- max-width: 100%;
484
+ .select-option-with-tooltip-module-optionIcon__os9Dz {
485
+ margin-left: auto;
498
486
  }
499
- .document-contents {
500
- padding-top: 20px;
501
- padding-bottom: 20px;
487
+
488
+ .stage-operator-select-module-stage-operator-select__1eiQN {
489
+ position: relative;
490
+ width: 120px;
491
+ height: 22px;
492
+ margin: 0px 0px 0px 5px;
502
493
  }
503
- .document-elements {
494
+ .stage-operator-select-module-stage-operator-select-control__LjhSK {
504
495
  position: relative;
496
+ font-size: 12px !important;
497
+ cursor: pointer;
505
498
  }
506
- .document-is-deleting {
507
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
508
- border: 1px solid #ef4c4c;
499
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
500
+ height: 22px;
509
501
  }
510
- .document-is-editing {
511
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
502
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
503
+ line-height: 25px;
512
504
  }
513
- .document:hover .document-actions-button {
514
- visibility: visible;
505
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
506
+ height: 18px;
515
507
  }
516
- .document-elements {
517
- padding-left: 40px;
518
- counter-reset: document-line-number;
519
- display: block;
520
- list-style: none;
521
- text-overflow: ellipsis;
522
- white-space: nowrap;
523
- max-width: 100%;
508
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
509
+ height: 22px;
524
510
  }
525
- .document-elements .line-number {
526
- position: absolute;
527
- left: 21px;
511
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
512
+ margin-top: 8px;
528
513
  }
529
- .document-elements .editable-element-types-label {
530
- position: absolute;
531
- right: 0px;
532
- display: inline-block;
533
- width: 120px;
534
- color: #807f7f;
535
- height: 17px;
536
- padding-left: 12px;
514
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
515
+ line-height: 22px !important;
516
+ font-weight: bold;
537
517
  }
538
- .document-elements editable-expandable-element-header:hover {
539
- background-color: #ebebed !important;
518
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
519
+ height: 200px;
540
520
  }
541
- .document-elements editable-expandable-element-header:hover input {
542
- background-color: #ebebed !important;
521
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
522
+ z-index: 2000 !important;
543
523
  }
544
- .document-elements editable-expandable-element-header:hover .editable-element-actions {
545
- opacity: 1;
524
+
525
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
526
+ width: 100%;
527
+ border-bottom: 1px solid #dee0e3;
528
+ border-radius: 4px 4px 0 0;
529
+ padding: 10px 0;
530
+ padding-right: 10px;
531
+ flex-shrink: 0;
532
+ display: flex;
533
+ flex-direction: row;
534
+ align-items: center;
535
+ position: relative;
536
+ height: 30px;
537
+ cursor: move;
538
+ cursor: grab;
546
539
  }
547
- .document-elements editable-expandable-element-header:hover .editable-element-types .btn {
548
- border-color: #8c8c8c;
540
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK:active {
541
+ cursor: grabbing;
549
542
  }
550
- .document-elements editable-expandable-element-header:hover .editable-element-types .caret {
551
- visibility: visible;
543
+ .stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
544
+ display: flex;
545
+ justify-content: flex-end;
546
+ flex-grow: 4;
552
547
  }
553
- .document-elements editable-expandable-element-header:hover .editable-element-types-is-edited .btn {
554
- color: #000000;
555
- font-weight: bold;
548
+ .stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
549
+ background: #FCEBE2;
556
550
  }
557
- .document-json {
558
- list-style: none;
559
- padding: 0 15px;
560
- position: relative;
551
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
552
+ display: inline-block;
553
+ font: normal normal normal 14px/1 FontAwesome;
554
+ font-size: inherit;
555
+ text-rendering: auto;
556
+ -webkit-font-smoothing: antialiased;
557
+ -moz-osx-font-smoothing: grayscale;
558
+ margin: 0 5px;
559
+ cursor: pointer;
560
+ color: #bfbfbe;
561
561
  }
562
- .document-json .document-json-item {
563
- position: relative;
564
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
565
- margin-bottom: 5px;
562
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
563
+ content: "\f05a";
566
564
  }
567
- .document-json .document-json-item .json-document-is-editing {
568
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
565
+
566
+ .stage-editor-module-stage-editor-container__1XwN_ {
567
+ position: relative;
568
+ padding: 6px 8px;
569
+ text-align: center;
569
570
  }
570
- .document-json .document-json-item .json-ace-editor {
571
- padding: 10px 10px 10px 0;
572
- background: #ffffff;
571
+ .stage-editor-module-stage-editor__3F-oQ {
572
+ flex-shrink: 0;
573
+ margin: 0;
574
+ padding: 10px 0px 10px 0px;
575
+ overflow: hidden;
576
+ background: #f5f6f7;
577
+ border-left: 2px solid #E4E4E4;
578
+ width: 100%;
579
+ min-height: 180px;
580
+ }
581
+ .stage-editor-module-stage-editor-errormsg__3Le7I {
582
+ flex-shrink: 0;
583
+ position: relative;
584
+ margin: 10px;
585
+ padding: 5px 10px;
586
+ border-radius: 3px;
587
+ overflow: hidden;
588
+ background: #FCEBE2;
589
+ border: 1px solid #F9D3C5;
590
+ min-height: 20px;
591
+ word-break: break-all;
592
+ color: #8F221B;
593
+ font-size: x-small;
594
+ font-weight: bold;
595
+ }
596
+ .stage-editor-module-stage-editor-syntax-error__3qEJX {
597
+ flex-shrink: 0;
598
+ position: relative;
599
+ margin: 10px;
600
+ padding: 5px 10px;
601
+ border-radius: 3px;
602
+ overflow: hidden;
603
+ background: #FEF7E3;
604
+ border: 1px solid #FEF2C8;
605
+ min-height: 20px;
606
+ word-break: break-all;
607
+ color: #86681D;
608
+ font-size: x-small;
609
+ font-weight: bold;
610
+ }
611
+ .stage-editor-module-stage-editor-ace-editor__eRQyZ {
612
+ min-height: 160px;
613
+ }
614
+
615
+ .insert-json-document-module-editor__a90Xy {
616
+ padding: 10px 10px 10px 0;
617
+ background: #f5f6f7;
618
+ border-left: 3px solid #E4E4E4;
619
+ height: 300px;
573
620
  overflow: auto;
574
621
  flex-basis: auto;
575
622
  flex-shrink: 1;
576
623
  flex-grow: 1;
577
624
  }
578
- .document-json .document-json-item .json-ace-editor .ace-mongodb {
579
- background: #ffffff;
625
+
626
+ .content-container {
627
+ display: flex;
628
+ width: 100%;
629
+ height: 100%;
580
630
  }
581
- .document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
582
- background: #ffffff;
583
- z-index: 0;
631
+ .compass-documents {
632
+ display: flex;
633
+ flex-direction: column;
634
+ align-items: stretch;
635
+ width: 100%;
636
+ flex-grow: 1;
584
637
  }
585
- .document-json .document-json-item:last-child {
638
+ .compass-documents .column-container {
639
+ position: relative;
640
+ flex-grow: 1;
641
+ flex-shrink: 1;
642
+ flex-basis: auto;
643
+ flex-direction: column;
644
+ display: flex;
645
+ overflow: auto;
646
+ background: #f5f6f7;
647
+ }
648
+ .compass-documents .column.main {
649
+ position: absolute;
650
+ top: 0;
651
+ left: 0;
652
+ right: 0;
653
+ bottom: 0;
586
654
  margin-bottom: 0;
587
- border-bottom: 0 solid transparent;
655
+ padding: 0;
588
656
  }
589
- .document-json .document-json-item:hover .document-actions-button {
590
- visibility: visible;
657
+ .document-list {
658
+ padding: 15px;
659
+ list-style: none;
660
+ position: relative;
591
661
  }
592
- .editable-expandable-element {
593
- width: 100%;
594
- display: block;
662
+ .document-list-item {
663
+ position: relative;
664
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
595
665
  font-size: 11px;
666
+ margin-bottom: 5px;
667
+ background: #FFFFFF;
596
668
  }
597
- .editable-expandable-element-is-edited {
598
- background-color: #fff4dc;
599
- }
600
- .editable-expandable-element-is-edited .line-number {
601
- background-color: #fbb129;
602
- color: #FFFFFF;
603
- border: 1px solid #FFFFFF;
604
- }
605
- .editable-expandable-element-is-edited .line-number-is-selected {
606
- border: 1px solid #FFFFFF;
607
- border-radius: 2px;
669
+ .document-list-item:last-child {
670
+ margin-bottom: 0;
671
+ border-bottom: 0 solid transparent;
608
672
  }
609
- .editable-expandable-element-is-edited input {
610
- background-color: #fff4dc;
673
+ .document-list-zero-state {
674
+ height: 100%;
675
+ display: flex;
676
+ flex-direction: column;
677
+ align-items: center;
678
+ text-align: center;
679
+ background-color: #f5f6f7;
680
+ padding-top: 135px;
611
681
  }
612
- .editable-expandable-element-is-edited .editable-element-field {
613
- background-color: #fff4dc;
682
+ .document-list-zero-state-action {
683
+ display: flex;
684
+ flex-direction: column;
614
685
  }
615
- .editable-expandable-element-is-edited .editable-element-field:focus {
616
- background-color: #FFFFFF;
686
+ .document-list-zero-state-graphic {
687
+ width: 75px;
617
688
  }
618
- .editable-expandable-element-is-edited .editable-element-field::before {
619
- background-color: #fff4dc;
689
+ .document-list-action-bar {
690
+ display: flex;
691
+ flex-direction: row;
692
+ justify-content: space-between;
693
+ align-items: center;
694
+ background: #f5f6f7;
695
+ border-bottom: 1px solid #ebebed;
696
+ padding: 5px 15px;
697
+ min-width: max-content;
620
698
  }
621
- .editable-expandable-element-is-added {
622
- background-color: #e9f2e3;
699
+ .document-list-action-bar-container {
700
+ display: flex;
623
701
  }
624
- .editable-expandable-element-is-added .editable-element-field {
625
- background-color: #e9f2e3;
702
+ .document-list-action-bar-container .document-list-action-bar-export-collection {
703
+ padding: 0 5px;
626
704
  }
627
- .editable-expandable-element-is-added .editable-element-field:focus {
628
- background-color: #FFFFFF;
705
+ .document-list-action-bar-insert-data-title {
706
+ display: flex;
629
707
  }
630
- .editable-expandable-element-is-added .line-number {
631
- background-color: #67b144;
632
- color: #FFFFFF;
633
- border: 1px solid #FFFFFF;
708
+ .document-list-action-bar-insert-data-title .fa-download {
709
+ margin-top: 3px;
634
710
  }
635
- .editable-expandable-element-is-added .line-number-is-selected {
636
- border: 1px solid #FFFFFF;
637
- border-radius: 2px;
711
+ .document-list-action-bar-insert-data-title div {
712
+ padding: 0 5px;
638
713
  }
639
- .editable-expandable-element-is-added input {
640
- background-color: #e9f2e3;
714
+ .document-list-action-bar-view-switcher {
715
+ margin-left: 18px;
641
716
  }
642
- .editable-expandable-element-is-removed {
643
- background-color: #feeded;
717
+ .document-list-action-bar-view-switcher .view-switcher-label {
718
+ text-transform: uppercase;
719
+ padding: 0 8px 0 0px;
720
+ font-weight: bold;
721
+ font-size: 11px;
722
+ margin: 8px 0;
723
+ color: #AAAAAA;
644
724
  }
645
- .editable-expandable-element-is-removed .editable-element-field {
646
- background-color: #feeded;
725
+ .document-list-action-bar-view-switcher .btn-group > .btn:nth-child(2) {
726
+ border-radius: 0;
647
727
  }
648
- .editable-expandable-element-is-removed .editable-element-field:focus {
649
- background-color: #FFFFFF;
728
+ .document-list-action-bar-view-switcher .curly-bracket {
729
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23464C4F' d='M1 8.91748047L1 7.15966797C1.53222922 7.15478513 1.93261584 6.997316 2.20117188 6.68725586 2.46972791 6.37719572 2.60400391 5.68262258 2.60400391 4.60351562 2.60400391 3.77343335 2.63452118 3.15942582 2.69555664 2.76147461 2.7565921 2.3635234 2.9042957 2.03027478 3.13867188 1.76171875 3.37304805 1.49316272 3.67577939 1.29907286 4.046875 1.17944336 4.41797061 1.05981385 4.9428677 1 5.62158203 1L6.00976562 1 6.00976562 2.7578125C5.30175427 2.7578125 4.87817452 2.82983326 4.73901367 2.97387695 4.59985282 3.11792064 4.52539067 3.40234163 4.515625 3.82714844 4.48632798 5.00391213 4.44848656 5.76684396 4.40209961 6.1159668 4.35571266 6.46508964 4.24829186 6.80077964 4.07983398 7.12304688 3.91137611 7.44531411 3.59765854 7.75048684 3.13867188 8.03857422 3.57324436 8.30224741 3.88940331 8.61718567 4.0871582 8.98339844 4.2849131 9.34961121 4.40087874 9.87694968 4.43505859 10.5654297L4.54492188 12.7041016C4.58886741 12.9042979 4.69384683 13.0581049 4.85986328 13.1655273 5.02587974 13.2729498 5.4067353 13.3266602 6.00244141 13.3266602L6.00244141 15.0771484 5.62158203 15.0771484C4.84032812 15.0771484 4.23730681 14.988038 3.8125 14.8098145 3.38769319 14.6315909 3.08007908 14.3398458 2.88964844 13.9345703 2.6992178 13.5292948 2.60400391 12.8750045 2.60400391 11.9716797 2.60400391 10.975581 2.56982456 10.3383803 2.50146484 10.0600586 2.43310513 9.78173689 2.30127051 9.52661249 2.10595703 9.29467773 1.91064355 9.06274298 1.5419949 8.93701182 1 8.91748047zM15.0097656 8.91748047C14.4775364 8.92724614 14.0771498 9.08715665 13.8085938 9.3972168 13.5400377 9.70727694 13.4057617 10.4018501 13.4057617 11.480957 13.4057617 12.3061565 13.3764651 12.9177226 13.3178711 13.3156738 13.2592771 13.713625 13.1127941 14.0468737 12.878418 14.3154297 12.6440418 14.5839857 12.3413104 14.7780756 11.9702148 14.8977051 11.5991192 15.0173346 11.0742221 15.0771484 10.3955078 15.0771484L10.0073242 15.0771484 10.0073242 13.3266602C10.6860385 13.3266602 11.1022942 13.2546394 11.2561035 13.1105957 11.4099129 12.966552 11.4916992 12.6796896 11.5014648 12.25 11.5307619 10.9951109 11.5759274 10.1918963 11.6369629 9.84033203 11.6979984 9.48876777 11.8200674 9.15918123 12.0031738 8.8515625 12.1862802 8.54394377 12.475584 8.27295039 12.8710938 8.03857422 12.4511698 7.76513535 12.158204 7.49780404 11.9921875 7.23657227 11.826171 6.97534049 11.7138675 6.68847813 11.6552734 6.37597656 11.5966794 6.063475 11.5527345 5.4860882 11.5234375 4.64379883 11.4941405 3.80150946 11.4599611 3.31933655 11.4208984 3.19726562 11.3818357 3.0751947 11.2878425 2.97143597 11.138916 2.88598633 10.9899895 2.80053668 10.6103546 2.7578125 10 2.7578125L10 1 10.3881836 1C11.1694375 1 11.7724588 1.08911044 12.1972656 1.26733398 12.6220724 1.44555753 12.9296865 1.73730266 13.1201172 2.14257812 13.3105478 2.54785359 13.4057617 3.20214392 13.4057617 4.10546875 13.4057617 5.00879358 13.4399411 5.64477355 13.5083008 6.01342773 13.5766605 6.38208192 13.7292469 6.65917876 13.9660645 6.84472656 14.202882 7.03027437 14.550779 7.13525378 15.0097656 7.15966797L15.0097656 8.91748047z'/%3E%3C/g%3E%3C/svg%3E");
730
+ background-repeat: no-repeat;
731
+ background-position: center center;
732
+ background-size: 10px 10px;
733
+ width: 11px;
734
+ height: 11px;
735
+ display: inline-block;
650
736
  }
651
- .editable-expandable-element-is-removed .line-number {
652
- background-color: #ef4c4c;
653
- color: #FFFFFF;
654
- border: 1px solid #FFFFFF;
737
+ .document-list-action-bar-message {
738
+ margin-left: 8px;
655
739
  }
656
- .editable-expandable-element-is-removed .line-number-is-selected {
657
- border: 1px solid #FFFFFF;
658
- border-radius: 2px;
740
+ .document-list-action-bar-message .info-sprinkle {
741
+ margin-right: 5px;
742
+ margin-left: 5px;
743
+ cursor: pointer;
744
+ font-size: 14px;
745
+ position: relative;
746
+ top: 1px;
747
+ opacity: 0.5;
659
748
  }
660
- .editable-expandable-element-is-removed input {
661
- background-color: #feeded;
749
+ .document-list-action-bar-message .info-sprinkle:hover {
750
+ color: #fbb129;
662
751
  }
663
- .editable-expandable-element-header {
664
- display: flex;
665
- flex-direction: row;
666
- flex-wrap: nowrap;
667
- align-items: center;
668
- cursor: pointer;
752
+ .document-list-action-bar-pagination {
753
+ margin: 0 5px;
669
754
  }
670
- .editable-expandable-element-header-label {
671
- display: inline-block;
672
- flex-grow: 3;
755
+ .document-list-action-bar-pagination-button {
756
+ padding: 0 7px;
757
+ color: #006CBC;
673
758
  }
674
- .editable-expandable-element-header-is-editing .line-number:focus {
675
- outline: 0;
676
- color: #494747;
677
- font-weight: bold;
678
- border: 1px solid #494747;
679
- border-radius: 2px;
759
+ .document-list-action-bar-pagination-button-left {
760
+ border-top-right-radius: 0;
761
+ border-bottom-right-radius: 0;
680
762
  }
681
- .editable-expandable-element-header-is-editing .line-number:focus:before {
682
- content: '+';
763
+ .document-list-action-bar-pagination-button-right {
764
+ border-top-left-radius: 0;
765
+ border-bottom-left-radius: 0;
683
766
  }
684
- .editable-expandable-element-header-is-editing .line-number:focus-is-selected:before {
685
- content: '-';
767
+ .document-list-action-bar-refresh i {
768
+ margin-right: 5px;
686
769
  }
687
- .editable-expandable-element-header-is-editing:hover {
688
- background-color: #f5f6f7;
770
+ .option-selector {
771
+ margin-right: 5px;
689
772
  }
690
- .editable-expandable-element-header-is-editing:hover::before {
691
- background-color: #f5f6f7;
773
+ .option-selector #insert-data-dropdown {
774
+ display: flex;
775
+ padding: 0 12px;
776
+ color: #fff;
777
+ width: max-content;
692
778
  }
693
- .editable-expandable-element-header-is-editing:hover .line-number {
694
- color: #494747;
695
- font-weight: bold;
696
- border: 1px solid #494747;
697
- border-radius: 2px;
779
+ .option-selector #insert-data-dropdown .caret {
780
+ position: relative;
781
+ top: 7px;
698
782
  }
699
- .editable-expandable-element-header-is-editing:hover .line-number:before {
700
- content: '+';
783
+ .document {
784
+ position: relative;
785
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
786
+ font-size: 11px;
787
+ list-style: none;
788
+ text-overflow: ellipsis;
789
+ white-space: nowrap;
790
+ max-width: 100%;
791
+ overflow-y: auto;
701
792
  }
702
- .editable-expandable-element-header-is-editing:hover .line-number-is-selected:before {
703
- content: '-';
793
+ .document::-webkit-scrollbar {
794
+ display: none;
704
795
  }
705
- .editable-expandable-element-header-is-editing:hover input {
706
- background-color: #f5f6f7;
796
+ .document-contents {
797
+ padding-top: 20px;
798
+ padding-bottom: 20px;
707
799
  }
708
- .editable-expandable-element-header-is-editing:hover input:focus {
709
- background-color: #FFFFFF;
800
+ .document-elements {
801
+ position: relative;
710
802
  }
711
- .editable-expandable-element-header-is-editing:hover .editable-element-actions {
712
- opacity: 1;
803
+ .document-is-deleting {
804
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
805
+ border: 1px solid #ef4c4c;
713
806
  }
714
- .editable-expandable-element-header-is-editing:hover .editable-element-types .btn {
715
- background-color: #dee0e3;
716
- color: #313030;
807
+ .document-is-editing {
808
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
717
809
  }
718
- .editable-expandable-element-header-is-editing:hover .editable-element-types .caret {
810
+ .document:hover .document-actions-button {
719
811
  visibility: visible;
720
812
  }
721
- .editable-expandable-element-header-is-editing:hover .editable-element-types-is-edited .btn {
722
- color: #000000;
723
- font-weight: bold;
724
- }
725
- .editable-expandable-element-header-is-edited:hover .line-number {
726
- color: #FFFFFF;
727
- border: 1px solid #FFFFFF;
813
+ .document-json {
814
+ list-style: none;
815
+ padding: 0 15px;
816
+ position: relative;
728
817
  }
729
- .editable-expandable-element-header-is-edited:hover .line-number-is-selected {
730
- border: 1px solid #FFFFFF;
818
+ .document-json .document-json-item {
819
+ position: relative;
820
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
821
+ margin-bottom: 5px;
731
822
  }
732
- .editable-expandable-element-header-is-added:hover .line-number {
733
- color: #FFFFFF;
734
- border: 1px solid #FFFFFF;
823
+ .document-json .document-json-item .json-document-is-editing {
824
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
735
825
  }
736
- .editable-expandable-element-header-is-added:hover .line-number-is-selected {
737
- border: 1px solid #FFFFFF;
826
+ .document-json .document-json-item .json-ace-editor {
827
+ padding: 10px 10px 10px 0;
828
+ background: #ffffff;
829
+ overflow: auto;
830
+ flex-basis: auto;
831
+ flex-shrink: 1;
832
+ flex-grow: 1;
738
833
  }
739
- .editable-expandable-element-header-is-removed:hover .line-number {
740
- color: #FFFFFF;
741
- border: 1px solid #FFFFFF;
834
+ .document-json .document-json-item .json-ace-editor .ace-mongodb {
835
+ background: #ffffff;
742
836
  }
743
- .editable-expandable-element-header-is-removed:hover .line-number-is-selected {
744
- border: 1px solid #FFFFFF;
837
+ .document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
838
+ background: #ffffff;
839
+ z-index: 0;
745
840
  }
746
- .editable-expandable-element-children {
747
- display: none;
748
- padding-left: 0px;
749
- }
750
- .editable-expandable-element-children-is-expanded {
751
- display: block;
752
- }
753
- .editable-element {
754
- width: 100%;
755
- display: flex;
756
- flex-direction: row;
757
- flex-wrap: nowrap;
758
- align-items: center;
759
- font-size: inherit;
760
- }
761
- .editable-element-field {
762
- display: inline-block;
763
- vertical-align: top;
764
- margin-left: 22px;
765
- }
766
- .editable-element-expand-button {
767
- position: absolute;
768
- padding: 2px 6px 0px 5px;
769
- }
770
- .editable-element-separator {
771
- padding-right: 2px;
772
- vertical-align: top;
773
- }
774
- .editable-element-is-editing .line-number:focus {
775
- outline: 0;
776
- color: #494747;
777
- font-weight: bold;
778
- border: 1px solid #494747;
779
- border-radius: 2px;
780
- }
781
- .editable-element-is-editing .line-number:focus:before {
782
- content: '+';
783
- }
784
- .editable-element-is-editing .line-number:focus-is-selected:before {
785
- content: '-';
786
- }
787
- .editable-element-is-editing:hover {
788
- background-color: #f5f6f7;
789
- }
790
- .editable-element-is-editing:hover::before {
791
- background-color: #f5f6f7;
792
- }
793
- .editable-element-is-editing:hover input {
794
- background-color: #f5f6f7;
795
- }
796
- .editable-element-is-editing:hover input:focus {
797
- background-color: #FFFFFF;
798
- }
799
- .editable-element-is-editing:hover .line-number {
800
- color: #494747;
801
- font-weight: bold;
802
- border: 1px solid #494747;
803
- border-radius: 2px;
804
- }
805
- .editable-element-is-editing:hover .line-number:before {
806
- content: '+';
807
- }
808
- .editable-element-is-editing:hover .line-number-is-selected:before {
809
- content: '-';
810
- }
811
- .editable-element-is-editing:hover .editable-element-actions {
812
- opacity: 1;
813
- }
814
- .editable-element-is-editing:hover .editable-element-types .btn {
815
- background-color: #dee0e3;
816
- color: #313030;
841
+ .document-json .document-json-item:last-child {
842
+ margin-bottom: 0;
843
+ border-bottom: 0 solid transparent;
817
844
  }
818
- .editable-element-is-editing:hover .editable-element-types .caret {
845
+ .document-json .document-json-item:hover .document-actions-button {
819
846
  visibility: visible;
820
847
  }
821
- .editable-element-is-editing:hover .editable-element-types-is-edited .btn {
822
- font-weight: bold;
823
- color: #000000;
824
- }
825
- .editable-element-is-edited {
826
- background-color: #FEF7E3;
827
- }
828
- .editable-element-is-edited:hover .line-number {
829
- color: #FFFFFF;
830
- border: 1px solid #FFFFFF;
831
- }
832
- .editable-element-is-edited:hover .line-number-is-selected {
833
- border: 1px solid #FFFFFF;
834
- }
835
- .editable-element-is-edited .line-number {
836
- background-color: #FFDD49;
837
- color: #86681D;
838
- border: 1px solid #FFFFFF;
839
- }
840
- .editable-element-is-edited .line-number-is-selected {
841
- border: 1px solid #FFFFFF;
842
- }
843
- .editable-element-is-edited input {
844
- background-color: #FEF7E3;
845
- }
846
- .editable-element-is-edited .editable-element-field {
847
- background-color: #FEF7E3;
848
- }
849
- .editable-element-is-edited .editable-element-field:focus {
850
- background-color: #FFFFFF;
851
- }
852
- .editable-element-is-edited .editable-element-field::before {
853
- background-color: #FEF7E3;
854
- }
855
- .editable-element-is-added {
856
- background-color: #E4F4E4;
857
- }
858
- .editable-element-is-added .editable-element-field {
859
- background-color: #E4F4E4;
860
- }
861
- .editable-element-is-added .editable-element-field:focus {
862
- background-color: #FFFFFF;
863
- }
864
- .editable-element-is-added:hover .line-number {
865
- color: #FFFFFF;
866
- border: 1px solid #FFFFFF;
867
- }
868
- .editable-element-is-added:hover .line-number-is-selected {
869
- border: 1px solid #FFFFFF;
870
- }
871
- .editable-element-is-added .line-number {
872
- background-color: #13AA52;
873
- color: #FFFFFF;
874
- border: 1px solid #FFFFFF;
875
- }
876
- .editable-element-is-added .line-number-is-selected {
877
- border: 1px solid #FFFFFF;
878
- }
879
- .editable-element-is-added input {
880
- background-color: #E4F4E4;
881
- }
882
- .editable-element-is-removed {
883
- background-color: #FCEBE2;
884
- }
885
- .editable-element-is-removed .editable-element-field {
886
- background-color: #FCEBE2;
887
- }
888
- .editable-element-is-removed .editable-element-field:focus {
889
- background-color: #FFFFFF;
890
- }
891
- .editable-element-is-removed:hover .line-number {
892
- color: #FFFFFF;
893
- border: 1px solid #FFFFFF;
894
- }
895
- .editable-element-is-removed:hover .line-number-is-selected {
896
- border: 1px solid #FFFFFF;
897
- }
898
- .editable-element-is-removed .line-number {
899
- background-color: #CF4A22;
900
- color: #FFFFFF;
901
- border: 1px solid #FFFFFF;
902
- }
903
- .editable-element-is-removed .line-number-is-selected {
904
- border: 1px solid #FFFFFF;
905
- }
906
- .editable-element-is-removed input {
907
- background-color: #FCEBE2;
908
- }
909
- .editable-element-actions {
910
- display: inline-block;
911
- opacity: 0;
912
- width: 18px;
913
- font-size: 13px;
914
- line-height: 11px;
915
- margin-top: 1px;
916
- text-align: center;
917
- color: #807f7f;
918
- position: absolute;
919
- left: 3px;
920
- }
921
- .editable-element-actions i:hover {
922
- cursor: pointer;
923
- }
924
- .editable-element-types {
925
- display: inline-block;
926
- width: 120px;
927
- color: #807f7f;
928
- height: 17px;
929
- flex-shrink: 0;
930
- }
931
- .editable-element-types .closed > .dropdown-menu {
932
- display: none;
933
- }
934
- .editable-element-types .type-label {
935
- padding: 1px 12px;
936
- }
937
- .editable-element-types .btn {
938
- background-color: transparent;
939
- color: #a09f9e;
940
- border: none;
941
- text-transform: none;
942
- font-size: 11px;
943
- border-radius: 8px;
944
- padding: 1px 12px;
945
- }
946
- .editable-element-types .caret {
947
- visibility: hidden;
948
- }
949
- .editable-element-types-is-edited .btn {
950
- color: #000000;
951
- font-weight: bold;
952
- }
953
- .editable-element-types .dropdown-menu {
954
- min-width: 120px;
955
- }
956
- .editable-element-types .dropdown-menu li span {
957
- display: block;
958
- padding: 3px 20px;
959
- clear: both;
960
- font-weight: normal;
961
- font-size: 11px;
962
- color: #333333;
963
- white-space: nowrap;
964
- }
965
- .editable-element-types .dropdown-menu li span:hover {
966
- color: #313030;
967
- text-decoration: none;
968
- background: #e6e6e6;
969
- }
970
- .editable-element-value {
971
- position: relative;
972
- vertical-align: top;
973
- z-index: 1;
974
- }
975
- .editable-element-field {
976
- position: relative;
977
- z-index: 1;
978
- }
979
- .editable-element-field {
980
- font-weight: bold;
981
- border: none;
982
- padding-left: 1px;
983
- -webkit-user-select: text;
984
- max-width: 70%;
985
- text-overflow: ellipsis;
986
- white-space: nowrap;
987
- overflow: hidden;
988
- }
989
- .editable-element-field-is-editing {
990
- border: 1px solid #807f7f;
991
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
992
- z-index: 200;
993
- margin-top: -1px;
994
- margin-bottom: -1px;
995
- }
996
- .editable-element-field-is-duplicate {
997
- border: 1px solid red;
998
- color: red;
999
- }
1000
- .editable-element-value {
1001
- display: inline-block;
1002
- border: none;
1003
- padding-left: 1px;
1004
- text-overflow: ellipsis;
1005
- white-space: nowrap;
1006
- max-width: calc(100% - 6px);
1007
- }
1008
- .editable-element-value-tooltip {
1009
- height: 20px !important;
1010
- font-size: 11px !important;
1011
- opacity: 1 !important;
1012
- padding: 3px 6px !important;
1013
- }
1014
- .editable-element-value-is-string {
1015
- padding: 0px 2px;
1016
- height: 17px;
1017
- overflow: auto;
1018
- max-height: 50vh;
1019
- }
1020
- .editable-element-value-is-int32 {
1021
- color: #145a32;
1022
- }
1023
- .editable-element-value-is-int64 {
1024
- color: #196f3d;
1025
- }
1026
- .editable-element-value-is-double {
1027
- color: #1e8449;
1028
- }
1029
- .editable-element-value-is-decimal128 {
1030
- color: #229954;
1031
- }
1032
- .editable-element-value-is-date {
1033
- color: firebrick;
1034
- }
1035
- .editable-element-value-is-boolean {
1036
- color: purple;
1037
- }
1038
- .editable-element-value-is-objectid {
1039
- color: orangered;
1040
- }
1041
- .editable-element-value-is-objectid::before {
1042
- content: 'ObjectId("';
1043
- }
1044
- .editable-element-value-is-objectid::after {
1045
- content: '")';
1046
- }
1047
- .editable-element-value-is-editing {
1048
- border: 1px solid #807f7f;
1049
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
1050
- z-index: 200;
1051
- margin-top: -1px;
1052
- margin-bottom: -1px;
1053
- }
1054
- .editable-element-value-is-invalid-type {
1055
- background-color: #F9D3C5 !important;
1056
- color: #CF4A22 !important;
1057
- }
1058
- .editable-element-value-wrapper {
1059
- flex-grow: 1;
1060
- overflow: hidden;
1061
- }
1062
- .editable-element-value-wrapper-is-string {
1063
- color: steelblue;
1064
- }
1065
- .editable-element-value-wrapper-is-string::before {
1066
- content: "\"";
1067
- }
1068
- .editable-element-value-wrapper-is-string::after {
1069
- content: "\"";
1070
- }
1071
- .editable-element-value-wrapper-is-objectid {
1072
- color: orangered;
1073
- }
1074
- .editable-element-value-wrapper-is-objectid::before {
1075
- content: 'ObjectId("';
1076
- }
1077
- .editable-element-value-wrapper-is-objectid::after {
1078
- content: '")';
1079
- }
1080
- .expansion-bar .btn {
1081
- margin: 10px 0 0 22px;
1082
- }
1083
- .expansion-bar .btn i {
1084
- margin-right: 5px;
1085
- }
1086
- .line-number {
1087
- display: inline-block;
1088
- color: #a09f9e;
1089
- width: 18px;
1090
- height: 17px;
1091
- text-align: center;
1092
- cursor: pointer;
1093
- }
1094
- .line-number::before {
1095
- counter-increment: document-line-number;
1096
- content: counter(document-line-number);
1097
- }
1098
- .line-number-is-selected {
1099
- color: #494747;
1100
- font-weight: bold;
1101
- border: 1px solid #494747;
1102
- border-radius: 2px;
1103
- }
1104
- .line-number-is-selected:before {
1105
- content: '-';
1106
- }
1107
- .line-number-menu {
1108
- display: none;
1109
- color: #807f7f;
1110
- }
1111
- .line-number-menu li span {
1112
- display: block;
1113
- padding: 3px 20px;
1114
- clear: both;
1115
- font-weight: normal;
1116
- font-size: 11px;
1117
- color: #333333;
1118
- white-space: nowrap;
1119
- }
1120
- .line-number-menu li span .fa-level-down {
1121
- margin-right: 12px;
1122
- }
1123
- .line-number-menu li span .fa-plus-square-o {
1124
- margin-right: 10px;
1125
- }
1126
- .line-number-menu li span:hover {
1127
- color: #313030;
1128
- text-decoration: none;
1129
- background: #e6e6e6;
1130
- }
1131
- .line-number-menu-field {
1132
- display: inline-block !important;
1133
- padding: 0px !important;
1134
- font-weight: bold !important;
1135
- }
1136
- .line-number-menu-is-visible {
1137
- display: block !important;
1138
- }
1139
848
  .loading-indicator {
1140
849
  display: none;
1141
850
  width: 100%;
@@ -1280,85 +989,6 @@
1280
989
  .insert-document-dialog .editable-element-value {
1281
990
  max-width: 20vw;
1282
991
  }
1283
- .document .document-elements {
1284
- padding-left: 40px;
1285
- width: 100%;
1286
- }
1287
- .document .document-elements .editable-element-actions {
1288
- display: inline-block;
1289
- opacity: 0;
1290
- width: 18px;
1291
- line-height: 11px;
1292
- margin-right: 35px;
1293
- text-align: center;
1294
- cursor: pointer;
1295
- color: #807f7f;
1296
- }
1297
- .document .document-elements .editable-element-is-added,
1298
- .document .document-elements .editable-expandable-element-header-is-added {
1299
- background-color: #ffffff;
1300
- }
1301
- .document .document-elements .editable-element-is-added input,
1302
- .document .document-elements .editable-expandable-element-header-is-added input {
1303
- background-color: #ffffff;
1304
- }
1305
- .document .document-elements .editable-element-is-added input:focus,
1306
- .document .document-elements .editable-expandable-element-header-is-added input:focus {
1307
- background-color: #ffffff;
1308
- }
1309
- .document .document-elements .editable-element-is-added .line-number,
1310
- .document .document-elements .editable-expandable-element-header-is-added .line-number {
1311
- background-color: #ffffff;
1312
- color: #807f7f;
1313
- }
1314
- .document .document-elements .editable-element:hover {
1315
- background-color: #f5f6f7;
1316
- }
1317
- .document .document-elements .editable-element:hover::before {
1318
- background-color: #f5f6f7;
1319
- }
1320
- .document .document-elements .editable-element:hover input {
1321
- background-color: #f5f6f7;
1322
- }
1323
- .document .document-elements .editable-element:hover input:focus {
1324
- background-color: #ffffff;
1325
- }
1326
- .document .document-elements .editable-element:hover .editable-element-actions {
1327
- opacity: 1;
1328
- }
1329
- .document .document-elements .editable-element:hover .editable-element-types .btn {
1330
- background-color: #dee0e3;
1331
- color: #313030;
1332
- }
1333
- .document .document-elements .editable-element:hover .editable-element-types .caret {
1334
- visibility: visible;
1335
- }
1336
- .document .document-elements .editable-element:hover .editable-element-types-is-edited .btn {
1337
- color: #000000;
1338
- font-weight: bold;
1339
- }
1340
- .document .document-elements .editable-expandable-element-header:hover {
1341
- background-color: #f5f6f7;
1342
- }
1343
- .document .document-elements .editable-expandable-element-header:hover::before {
1344
- background-color: #f5f6f7;
1345
- }
1346
- .document .document-elements .editable-expandable-element-header:hover input {
1347
- background-color: #f5f6f7;
1348
- }
1349
- .document .document-elements .editable-expandable-element-header:hover input:focus {
1350
- background-color: #ffffff;
1351
- }
1352
- .document .document-elements .editable-expandable-element-header:hover .editable-element-actions {
1353
- opacity: 1;
1354
- }
1355
- .document .document-elements .editable-expandable-element-header:hover .editable-element-types .btn {
1356
- background-color: #dee0e3;
1357
- color: #313030;
1358
- }
1359
- .document .document-elements .editable-expandable-element-header:hover .editable-element-types .caret {
1360
- visibility: visible;
1361
- }
1362
992
  /* Styles for individual cells in the table-view */
1363
993
  .table-view-cell {
1364
994
  padding: 0px 5px;
@@ -3692,41 +3322,23 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3692
3322
  align-items: stretch;
3693
3323
  overflow-x: scroll;
3694
3324
  margin: 10px;
3325
+ padding: 10px;
3695
3326
  }
3696
- .stage-preview-module-stage-preview-documents__uF1qq .document {
3697
- background-color: #fff;
3698
- margin: 10px;
3699
- padding: 0;
3327
+ .stage-preview-module-stage-preview-document-card__21xbY {
3328
+ flex: none;
3700
3329
  border: 1px solid #dee0e3;
3701
3330
  border-radius: 4px;
3702
3331
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3703
3332
  width: 350px;
3704
- min-height: 150px;
3333
+ height: 150px;
3705
3334
  overflow: scroll;
3706
- flex-shrink: 0;
3707
- display: flex;
3708
- flex-direction: column;
3709
3335
  }
3710
- .stage-preview-module-stage-preview-documents__uF1qq .document-contents {
3711
- flex-basis: 150px;
3712
- flex-grow: 1;
3713
- flex-shrink: 0;
3714
- overflow: auto;
3715
- padding: 20px;
3716
- }
3717
- .stage-preview-module-stage-preview-documents__uF1qq .document-elements {
3718
- padding: 0px;
3719
- margin-bottom: 0px;
3720
- }
3721
- .stage-preview-module-stage-preview-documents__uF1qq .document::-webkit-scrollbar {
3722
- display: none;
3336
+ .stage-preview-module-stage-preview-document-card__21xbY:not(:first-child) {
3337
+ margin-left: 20px;
3723
3338
  }
3724
- .stage-preview-module-stage-preview-documents__uF1qq .document-contents::-webkit-scrollbar {
3339
+ .stage-preview-module-stage-preview-document-card__21xbY::-webkit-scrollbar {
3725
3340
  display: none;
3726
3341
  }
3727
- .stage-preview-module-stage-preview-documents__uF1qq .element-value-is-string {
3728
- word-break: normal;
3729
- }
3730
3342
  .stage-preview-module-stage-preview__37FlK::-webkit-scrollbar {
3731
3343
  display: none;
3732
3344
  }
@@ -3840,645 +3452,209 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3840
3452
  .stage-module-stage-workspace__9LrbT {
3841
3453
  display: flex;
3842
3454
  align-items: stretch;
3843
- border-radius: 0 0 4px 4px;
3844
- }
3845
-
3846
- .input-collapser-module-input-collapser__2CIHy {
3847
- position: relative;
3848
- }
3849
- .input-collapser-module-input-collapser__2CIHy button {
3850
- width: 30px;
3851
- }
3852
-
3853
- .input-documents-count-module-input-documents-count__2sCxl {
3854
- height: 30px;
3855
- display: flex;
3856
- align-items: center;
3857
- flex-grow: 4;
3858
- }
3859
- .input-documents-count-module-input-documents-count-db__2xqQF {
3860
- font-size: 12px;
3861
- padding-left: 10px;
3862
- color: #494747;
3863
- }
3864
- .input-documents-count-module-input-documents-count-label__Q3Y3L {
3865
- font-size: 12px;
3866
- padding-left: 5px;
3867
- color: #494747;
3868
- }
3869
-
3870
- .input-refresh-module-input-refresh__1jTIT {
3871
- flex-grow: 0;
3872
- }
3873
-
3874
- .input-builder-toolbar-module-input-builder-toolbar__1H2sc {
3875
- width: 350px;
3876
- margin: 0px 15px 0px 18px;
3877
- flex-shrink: 0;
3878
- display: flex;
3879
- flex-direction: row;
3880
- justify-content: space-between;
3881
- position: relative;
3882
- height: 30px;
3883
- align-items: center;
3884
- }
3885
-
3886
- .input-preview-toolbar-module-input-preview-toolbar__34ttN {
3887
- width: 100%;
3888
- overflow: hidden;
3889
- text-overflow: ellipsis;
3890
- border-left: 1px solid #dee0e3;
3891
- }
3892
- .input-preview-toolbar-module-input-preview-toolbar-text__3gBhM {
3893
- font-size: 12px;
3894
- padding-left: 10px;
3895
- color: #494747;
3896
- white-space: nowrap;
3897
- overflow: hidden;
3898
- text-overflow: ellipsis;
3899
- }
3900
-
3901
- .input-toolbar-module-input-toolbar__32jT7 {
3902
- border-bottom: 1px solid #dee0e3;
3903
- display: flex;
3904
- align-items: center;
3905
- position: relative;
3906
- height: 40px;
3907
- width: 100%;
3908
- }
3909
-
3910
- .input-builder-module-input-builder__KDDTC {
3911
- flex-grow: 1;
3912
- position: relative;
3913
- margin: 15px 18px 15px 18px;
3914
- padding: 10px 0px 10px 0px;
3915
- min-height: 54px;
3916
- text-align: center;
3917
- }
3918
-
3919
- .input-preview-module-input-preview__2di5A {
3920
- display: flex;
3921
- align-items: center;
3922
- overflow: auto;
3923
- flex-grow: 1;
3924
- width: 100%;
3925
- position: relative;
3926
- }
3927
- .input-preview-module-input-preview-documents__1878X {
3928
- display: flex;
3929
- align-items: flex-start;
3930
- overflow-x: scroll;
3931
- margin: 10px;
3932
- }
3933
- .input-preview-module-input-preview-documents__1878X .document {
3934
- background-color: #fff;
3935
- margin: 10px;
3936
- padding: 0px 20px;
3937
- border: 1px solid #dee0e3;
3938
- border-radius: 4px;
3939
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3940
- width: 350px;
3941
- height: 150px;
3942
- overflow: scroll;
3943
- flex-shrink: 0;
3944
- }
3945
- .input-preview-module-input-preview-documents__1878X .document-elements {
3946
- padding: 0px;
3947
- margin-bottom: 0px;
3948
- }
3949
- .input-preview-module-input-preview-documents__1878X .document::-webkit-scrollbar {
3950
- display: none;
3951
- }
3952
- .input-preview-module-input-preview-documents__1878X .element-value-is-string {
3953
- word-break: normal;
3954
- }
3955
- .input-preview-module-input-preview__2di5A::-webkit-scrollbar {
3956
- display: none;
3957
- }
3958
-
3959
- .input-workspace-module-input-workspace__1ivct {
3960
- display: flex;
3961
- align-items: center;
3962
- }
3963
-
3964
- .input-module-input__2mTmO {
3965
- position: relative;
3966
- margin: 18px;
3967
- margin-left: 20px;
3968
- border: 1px solid #dee0e3;
3969
- border-radius: 4px;
3970
- box-shadow: 1px 1px 1px #dee0e3;
3971
- background: #fff;
3972
- }
3973
-
3974
- .add-stage-module-add-stage-container__L3KcT {
3975
- margin: 0px;
3976
- padding-bottom: 15px;
3977
- position: relative;
3978
- }
3979
- .add-stage-module-add-stage-container__L3KcT:after {
3980
- position: absolute;
3981
- left: 6px;
3982
- top: 2px;
3983
- content: '';
3984
- width: 10px;
3985
- height: 10px;
3986
- border-radius: 50%;
3987
- border: 5px solid #dee0e3;
3988
- }
3989
- .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 {
3990
- flex-shrink: 0;
3991
- display: flex;
3992
- justify-content: center;
3993
- position: relative;
3994
- margin: 0px 20px 0px;
3995
- border: 1px solid #dee0e3;
3996
- border-radius: 4px;
3997
- box-shadow: 1px 1px 1px #dee0e3;
3998
- background: #fff;
3999
- width: 370px;
4000
- }
4001
- .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 button {
4002
- margin: 10px 0px 10px 0px;
4003
- }
4004
-
4005
- .custom-drag-layer-module-custom-drag-layer__oy-5R {
4006
- position: fixed;
4007
- pointer-events: none;
4008
- z-index: 500;
4009
- left: 5px;
4010
- top: 0;
4011
- width: 100%;
4012
- height: 100%;
4013
- }
4014
- .custom-drag-layer-module-custom-drag-layer-container__s3SZv {
4015
- border-radius: 5px;
4016
- background-color: rgba(13, 50, 79, 0.6);
4017
- color: #C5E4F2;
4018
- width: calc(80% - 260px);
4019
- height: 180px;
4020
- display: flex;
4021
- align-items: center;
4022
- justify-content: center;
4023
- font-style: italic;
4024
- font-size: 24px;
4025
- font-weight: bold;
4026
- }
4027
-
4028
- .modify-source-banner-module-modify-source-banner__zkRAk {
4029
- text-align: center;
4030
- margin: 5px auto;
4031
- margin-top: 20px;
4032
- z-index: 500;
4033
- }
4034
-
4035
- .pipeline-workspace-module-pipeline-workspace-container__3IpOe {
4036
- position: relative;
4037
- width: 100%;
4038
- height: 100%;
4039
- }
4040
- .pipeline-workspace-module-pipeline-workspace__380z9 {
4041
- display: flex;
4042
- flex-direction: column;
4043
- overflow-y: scroll;
4044
- width: 100%;
4045
- height: 100%;
4046
- flex-grow: 1;
4047
- }
4048
- .pipeline-workspace-module-pipeline-workspace-container-container__36jIN {
4049
- flex-grow: 1;
4050
- width: 100%;
4051
- position: relative;
4052
- overflow-y: scroll;
4053
- }
4054
-
4055
- .restore-pipeline-button-module-restore-pipeline__NGnMs {
4056
- margin-right: 2px;
4057
- flex-grow: 0;
4058
- visibility: hidden;
4059
- }
4060
-
4061
- .delete-pipeline-button-module-delete-pipeline__Ch_2o {
4062
- margin: 0px 10px 0px 0px;
4063
- flex-grow: 0;
4064
- visibility: hidden;
4065
- }
4066
-
4067
- .save-pipeline-card-module-save-pipeline-card__2EPNA {
4068
- border: 1px solid #dee0e3;
4069
- box-shadow: 0 0 3px #dee0e3;
4070
- margin: 10px;
4071
- display: flex;
4072
- align-items: center;
4073
- background: #fff;
4074
- }
4075
- .save-pipeline-card-module-save-pipeline-card__2EPNA:hover button {
4076
- visibility: visible;
4077
- }
4078
- .save-pipeline-card-module-save-pipeline-card-title__272aN {
4079
- font-size: 12px;
4080
- padding: 8px;
4081
- line-height: 20px;
4082
- font-weight: bold;
4083
- flex-grow: 5;
4084
- color: #494747;
4085
- overflow-wrap: break-word;
4086
- overflow: auto;
4087
- }
4088
-
4089
- .save-pipeline-module-save-pipeline__1r5sb {
4090
- border-right: 1px solid #dee0e3;
4091
- box-shadow: 1px 1px 1px #dee0e3;
4092
- background: #f8f8f8;
4093
- position: absolute;
4094
- width: 400px;
4095
- height: 100%;
4096
- top: 0;
4097
- left: -401px;
4098
- transition: left 0.2s ease-in-out;
4099
- font-size: 1em;
4100
- z-index: 500;
4101
- }
4102
- .save-pipeline-module-save-pipeline-is-visible__3bNUE {
4103
- left: 0px;
4104
- transition: left 0.2s ease-in-out;
4105
- }
4106
- .save-pipeline-module-save-pipeline-header__1G3Ck {
4107
- height: 34px;
4108
- display: flex;
4109
- padding: 10px;
4110
- font-size: 12px;
4111
- line-height: 20px;
4112
- font-weight: bold;
4113
- color: #494747;
4114
- align-items: center;
4115
- justify-content: space-between;
4116
- border-bottom: 1px solid #dee0e3;
4117
- box-shadow: 1px 1px 1px #dee0e3;
4118
- }
4119
- .save-pipeline-module-save-pipeline-cards__2__gs {
4120
- overflow-y: scroll;
4121
- }
4122
- .save-pipeline-module-save-pipeline-close__2mTMD {
4123
- cursor: pointer;
4124
- }
4125
- .save-pipeline-module-save-pipeline-cards__2__gs::-webkit-scrollbar {
4126
- display: none;
4127
- }
4128
-
4129
- .settings-module-container__3sWua {
4130
- border-left: 1px solid #dee0e3;
4131
- box-shadow: 1px 1px 1px #dee0e3;
4132
- background: #f8f8f8;
4133
- position: absolute;
4134
- width: 580px;
4135
- height: 100%;
4136
- top: 0;
4137
- right: 0px;
4138
- transition: right 0.2s ease-in-out;
4139
- font-size: 1em;
4140
- z-index: 500;
4141
- }
4142
- .settings-module-header__1rot3 {
4143
- height: 32px;
4144
- display: flex;
4145
- padding: 5px;
4146
- font-size: 12px;
4147
- line-height: 20px;
4148
- font-weight: bold;
4149
- color: #494747;
4150
- align-items: center;
4151
- justify-content: space-between;
4152
- border-bottom: 1px solid #dee0e3;
4153
- box-shadow: 1px 1px 1px #dee0e3;
4154
- }
4155
- .settings-module-header-title__xCvBM {
4156
- color: #424242;
4157
- font-size: 12px;
4158
- font-weight: bold;
4159
- flex-grow: 2;
4160
- }
4161
- .settings-module-header-btn-group__1NySd {
4162
- display: inline-block;
4163
- }
4164
- .settings-module-header-btn-group__1NySd button {
4165
- margin-right: 5px;
4166
- }
4167
- .settings-module-header-btn-group__1NySd:last-child {
4168
- margin-right: 0px;
4169
- }
4170
- .settings-module-input-group__3OjXF {
4171
- margin: 10px;
4172
- padding: 4px 10px 4px 10px;
4173
- background-color: #FFFFFF;
4174
- display: flex;
4175
- align-items: center;
4176
- }
4177
- .settings-module-input-control__3kNAF {
4178
- min-width: 90px;
4179
- }
4180
- .settings-module-input-control__3kNAF input {
4181
- border-radius: 3px;
4182
- border-color: #BFBFBE;
4183
- border-style: solid;
4184
- border-width: 1px;
4185
- padding: 1px;
4186
- text-align: right;
4187
- float: right;
4188
- }
4189
- .settings-module-input-control__3kNAF input[type="text"],
4190
- .settings-module-input-control__3kNAF input[type="number"] {
4191
- width: 70px;
4192
- color: #464C4F;
4193
- }
4194
- .settings-module-input-control__3kNAF input[type="text"]::placeholder,
4195
- .settings-module-input-control__3kNAF input[type="number"]::placeholder {
4196
- font-size: 13px;
4197
- color: #AAAAAA;
4198
- }
4199
- .settings-module-input-meta__2H8QK {
4200
- flex-grow: 1;
4201
- }
4202
- .settings-module-input-meta__2H8QK label {
4203
- font-size: 13px;
4204
- color: #464C4F;
4205
- }
4206
- .settings-module-input-meta__2H8QK p {
4207
- font-size: 12px;
4208
- color: #777A7F;
4209
- }
4210
-
4211
- .overview-toggler-module-overview-toggler__1C-NT {
4212
- position: relative;
4213
- margin-right: 3px;
4214
- }
4215
- .overview-toggler-module-overview-toggler__1C-NT button {
4216
- width: 30px;
4217
- }
4218
-
4219
- .collation-collapser-module-collation-collapser__zYwyq {
4220
- position: relative;
4221
- margin-right: 3px;
4222
- }
4223
- .collation-collapser-module-collation-collapser__zYwyq button {
4224
- white-space: nowrap;
4225
- }
4226
-
4227
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__pso3j {
4228
- align-items: center;
4229
- display: flex;
4230
- flex-shrink: 0;
4231
- height: 34px;
4232
- padding: 0px 10px 0px 15px;
4233
- flex-grow: 1;
4234
- z-index: 100;
4235
- }
4236
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__pso3j .dropdown {
4237
- margin-left: 3px;
4238
- padding-right: 6px;
4239
- height: 22px;
4240
- }
4241
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__pso3j .dropdown i {
4242
- top: 1px;
4243
- }
4244
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__pso3j .dropdown-toggle {
4245
- height: 22px;
4246
- padding: 0 7px 0px 5px;
4247
- font-size: 11px;
4248
- border-radius: 0px 3px 3px 0px;
4249
- }
4250
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__pso3j .dropdown-menu {
4251
- font-size: 12px;
4252
- }
4253
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-update-view__3qcmB {
4254
- margin-right: 5px;
4255
- }
4256
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-add-wrapper__3MdSS {
4257
- margin: 0px 3px 0px 3px;
4258
- margin-right: 3px;
4259
- background-color: rgba(70, 76, 79, 0.1);
4260
- display: flex;
4261
- border-radius: 3px;
4262
- font-size: 12px;
4263
- padding: 2px 6px 2px 6px;
4264
- }
4265
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-name__39gvS {
4266
- font-size: 12px;
4267
- font-weight: bold;
4268
- white-space: nowrap;
4269
- }
4270
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-open-saved-pipelines-button__2IZll {
4271
- margin-right: 3px;
4272
- white-space: nowrap;
4273
- }
4274
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__1gO9T {
4275
- white-space: nowrap;
4276
- border-radius: 3px 0px 0px 3px;
4277
- border-right: 0;
4278
- }
4279
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__1gO9T:hover {
4280
- border-right: 0;
4281
- }
4282
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__dnipy {
4283
- white-space: nowrap;
4284
- border-radius: 3px 0px 0px 3px;
4285
- border-right: 0;
4286
- }
4287
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__dnipy:hover + button {
4288
- border-left: 0;
4289
- }
4290
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-export-to-language__2rJjI {
4291
- display: flex;
4292
- }
4293
- .pipeline-builder-toolbar-module-is-modified__30wIY {
4294
- padding-top: 1px;
4295
- font-style: italic;
4296
- }
4297
- .pipeline-builder-toolbar-module-export-icon__3lNpo {
4298
- height: 12px;
4299
- width: 12px;
4300
- display: block;
4301
- background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'%3E%3Cg id='Icons-/-Export' transform='translate(-4.000000, -3.000000)' fill='%23494747'%3E%3Cg id='Icon' transform='translate(4.000000, 3.500000)'%3E%3Cpath d='M6.2777,0 L8.8,2.5223 C8.8,3.2415132 8.8,3.78074648 8.8,4.13999987 C8.8,4.3593827 8.8,5.03623299 8.8,5.7224982 C8.8,6.35273364 8.8,6.99090941 8.8,7.28999996 C8.8,7.80644 8.8,8.67644001 8.8,9.9 C8.8,10.5072 8.3072,11 7.7,11 L1.1,11 C0.49335,11 0,10.5072 0,9.9 L0,1.1 C0,0.4939 0.49335,0 1.1,0 L6.2777,0 Z M7.70005545,4 C7.70003697,3.77478974 7.70001848,3.54145641 7.7,3.3 L5.5,3.3 L5.5,1.1 L1.1,1.1 L1.1,9.9 L7.70055,9.9 L7.70035031,7.5 L8.79999983,7.5 L8.79999983,4 L7.70005491,4 Z M7.70005545,4 C7.70005931,4.04702072 7.70006317,4.09368734 7.70006703,4.13999987 C7.70009571,4.48417772 7.70014216,5.03201886 7.70019082,5.60623096 C7.70024165,6.20608089 7.7002949,6.83470922 7.70033284,7.28999996 L7.70035031,7.5 L7.69999981,4 Z' id='File' /%3E%3Cg id='Arrow' transform='translate(4.000000, 3.000000)'%3E%3Crect id='Rectangle' x='0.5' y='2.25' width='6' height='1' /%3E%3Cpolygon id='Triangle' transform='translate(7.000000, 2.750000) rotate(-270.000000) translate(-7.000000, -2.750000)' points='7 1.875 9 3.625 5 3.625' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
4302
- }
4303
-
4304
- /**
4305
- * Mixins
4306
- */
4307
- .pipeline-preview-toolbar-module-container-right__2-_uZ {
4308
- display: flex;
4309
- align-items: center;
4310
- justify-content: flex-end;
4311
- box-shadow: 2px 0px #ebebed;
4312
- height: 33px;
4313
- padding-right: 15px;
4314
- }
4315
- .pipeline-preview-toolbar-module-toggle-sample__1K48h,
4316
- .pipeline-preview-toolbar-module-toggle-auto-preview__2Sf1S {
4317
- margin-left: 15px;
4318
- display: flex;
3455
+ border-radius: 0 0 4px 4px;
4319
3456
  }
4320
- .pipeline-preview-toolbar-module-toggle-sample__1K48h label,
4321
- .pipeline-preview-toolbar-module-toggle-auto-preview__2Sf1S label {
4322
- margin: auto 0;
4323
- margin-left: 5px;
3457
+
3458
+ .input-collapser-module-input-collapser__2CIHy {
3459
+ position: relative;
4324
3460
  }
4325
- .pipeline-preview-toolbar-module-toggle__3u2Ee {
4326
- height: 14px;
4327
- width: 26px;
4328
- margin: auto 0;
3461
+ .input-collapser-module-input-collapser__2CIHy button {
3462
+ width: 30px;
4329
3463
  }
4330
- .pipeline-preview-toolbar-module-toggle-sample-label__3Tqov,
4331
- .pipeline-preview-toolbar-module-toggle-auto-preview-label__k51fn {
3464
+
3465
+ .input-documents-count-module-input-documents-count__2sCxl {
3466
+ height: 30px;
4332
3467
  display: flex;
4333
- white-space: nowrap;
3468
+ align-items: center;
3469
+ flex-grow: 4;
3470
+ }
3471
+ .input-documents-count-module-input-documents-count-db__2xqQF {
4334
3472
  font-size: 12px;
4335
- text-transform: uppercase;
4336
- color: #807f7f;
4337
- font-weight: bold;
3473
+ padding-left: 10px;
3474
+ color: #494747;
4338
3475
  }
4339
- .pipeline-preview-toolbar-module-settings__RH-Up {
4340
- margin-left: 15px;
4341
- display: flex;
3476
+ .input-documents-count-module-input-documents-count-label__Q3Y3L {
3477
+ font-size: 12px;
3478
+ padding-left: 5px;
3479
+ color: #494747;
4342
3480
  }
4343
- .pipeline-preview-toolbar-module-fullscreen__3zH86 {
4344
- margin-left: 15px;
4345
- display: flex;
4346
- margin-left: 5px;
3481
+
3482
+ .input-refresh-module-input-refresh__1jTIT {
3483
+ flex-grow: 0;
4347
3484
  }
4348
- .pipeline-preview-toolbar-module-is-modified__2WxFs {
4349
- margin-left: 15px;
3485
+
3486
+ .input-builder-toolbar-module-input-builder-toolbar__1H2sc {
3487
+ width: 350px;
3488
+ margin: 0px 15px 0px 18px;
3489
+ flex-shrink: 0;
4350
3490
  display: flex;
3491
+ flex-direction: row;
3492
+ justify-content: space-between;
3493
+ position: relative;
3494
+ height: 30px;
3495
+ align-items: center;
4351
3496
  }
4352
- .pipeline-preview-toolbar-module-is-modified__2WxFs i {
4353
- color: #13AA52;
4354
- }
4355
- .pipeline-preview-toolbar-module-is-modified-on__1vEBQ i {
4356
- color: #fbb129;
3497
+
3498
+ .input-preview-toolbar-module-input-preview-toolbar__34ttN {
3499
+ width: 100%;
3500
+ overflow: hidden;
3501
+ text-overflow: ellipsis;
3502
+ border-left: 1px solid #dee0e3;
4357
3503
  }
4358
- .pipeline-preview-toolbar-module-is-modified-on__1vEBQ span {
4359
- padding-right: 5px;
4360
- color: #fbb129;
4361
- font-size: 13px;
3504
+ .input-preview-toolbar-module-input-preview-toolbar-text__3gBhM {
3505
+ font-size: 12px;
3506
+ padding-left: 10px;
3507
+ color: #494747;
3508
+ white-space: nowrap;
3509
+ overflow: hidden;
3510
+ text-overflow: ellipsis;
4362
3511
  }
4363
3512
 
4364
- .pipeline-toolbar-module-pipeline-toolbar__3Ytdg {
3513
+ .input-toolbar-module-input-toolbar__32jT7 {
3514
+ border-bottom: 1px solid #dee0e3;
4365
3515
  display: flex;
3516
+ align-items: center;
3517
+ position: relative;
3518
+ height: 40px;
4366
3519
  width: 100%;
4367
- flex-shrink: 0;
4368
- height: 33px;
4369
3520
  }
4370
- .pipeline-toolbar-module-pipeline-toolbar-border__2v73o {
4371
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4372
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3521
+
3522
+ .input-builder-module-input-builder__KDDTC {
3523
+ flex-grow: 1;
3524
+ position: relative;
3525
+ margin: 15px 18px 15px 18px;
3526
+ padding: 10px 0px 10px 0px;
3527
+ min-height: 54px;
3528
+ text-align: center;
4373
3529
  }
4374
3530
 
4375
- .collation-toolbar-module-collation-toolbar__31baA {
4376
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4377
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3531
+ .input-preview-module-input-preview__2di5A {
4378
3532
  display: flex;
4379
- width: 100%;
4380
- flex-shrink: 0;
4381
- height: 43px;
4382
3533
  align-items: center;
4383
- padding: 0px 10px 0px 15px;
4384
- }
4385
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq {
3534
+ overflow: auto;
3535
+ flex-grow: 1;
4386
3536
  width: 100%;
4387
- height: 30px;
4388
3537
  position: relative;
4389
- display: flex;
4390
- border-radius: 14px;
4391
- border: 1px #bfbfbe solid;
4392
- background: #fff;
4393
- overflow: hidden;
4394
- padding: 4px;
4395
- margin-right: 5px;
4396
3538
  }
4397
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB {
4398
- background: #bfbfbe;
4399
- color: #fff;
4400
- white-space: nowrap;
4401
- border-radius: 14px;
4402
- padding: 2px 1px;
4403
- margin-right: 5px;
4404
- text-transform: uppercase;
4405
- font-weight: bold;
4406
- font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
4407
- font-size: 11px;
4408
- flex-grow: 0;
4409
- width: 117px;
3539
+ .input-preview-module-input-preview-documents__1878X {
3540
+ display: flex;
3541
+ align-items: flex-start;
3542
+ overflow-x: scroll;
3543
+ margin: 10px;
3544
+ padding: 10px;
4410
3545
  }
4411
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB i {
4412
- margin-right: 3px;
3546
+ .input-preview-module-input-preview-document-card__ZvCA5 {
3547
+ flex: none;
3548
+ border: 1px solid #dee0e3;
3549
+ border-radius: 4px;
3550
+ box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3551
+ width: 350px;
3552
+ height: 150px;
3553
+ overflow: scroll;
4413
3554
  }
4414
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-has-error__1DJu7 {
4415
- background: #ef4c4c;
3555
+ .input-preview-module-input-preview-document-card__ZvCA5:not(:first-child) {
3556
+ margin-left: 20px;
4416
3557
  }
4417
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input {
4418
- border: 0;
4419
- width: 100%;
3558
+ .input-preview-module-input-preview-document-card__ZvCA5::-webkit-scrollbar {
3559
+ display: none;
4420
3560
  }
4421
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input:focus {
4422
- outline-width: 0;
3561
+ .input-preview-module-input-preview__2di5A::-webkit-scrollbar {
3562
+ display: none;
4423
3563
  }
4424
- .collation-toolbar-module-has-focus__3yMBL {
4425
- border-color: #43b1e5;
3564
+
3565
+ .input-workspace-module-input-workspace__1ivct {
3566
+ display: flex;
3567
+ align-items: center;
4426
3568
  }
4427
3569
 
4428
- .import-pipeline-module-import-pipeline-note__vDPrD {
4429
- color: steelblue;
4430
- background-color: #B0E0E6;
4431
- border-radius: 5px;
4432
- padding: 10px;
4433
- margin-bottom: 10px;
3570
+ .input-module-input__2mTmO {
3571
+ position: relative;
3572
+ margin: 18px;
3573
+ margin-left: 20px;
3574
+ border: 1px solid #dee0e3;
3575
+ border-radius: 4px;
3576
+ box-shadow: 1px 1px 1px #dee0e3;
3577
+ background: #fff;
4434
3578
  }
4435
- .import-pipeline-module-import-pipeline-editor__2L-TC {
4436
- flex-shrink: 0;
3579
+
3580
+ .add-stage-module-add-stage-container__L3KcT {
3581
+ margin: 0px;
3582
+ padding-bottom: 15px;
4437
3583
  position: relative;
4438
- padding: 10px 0px 10px 0px;
4439
- overflow: scroll;
4440
- background: #f5f6f7;
4441
- border-left: 2px solid #E4E4E4;
4442
- min-height: 180px;
4443
- max-height: 300px;
4444
3584
  }
4445
- .import-pipeline-module-import-pipeline-error__92RZw {
3585
+ .add-stage-module-add-stage-container__L3KcT:after {
3586
+ position: absolute;
3587
+ left: 6px;
3588
+ top: 2px;
3589
+ content: '';
3590
+ width: 10px;
3591
+ height: 10px;
3592
+ border-radius: 50%;
3593
+ border: 5px solid #dee0e3;
3594
+ }
3595
+ .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 {
4446
3596
  flex-shrink: 0;
3597
+ display: flex;
3598
+ justify-content: center;
4447
3599
  position: relative;
4448
- margin: 10px 0px;
4449
- padding: 10px;
4450
- border-radius: 3px;
4451
- overflow: auto;
4452
- background: #ff473a;
4453
- max-height: 100px;
4454
- color: #f5f6f7;
4455
- font-size: x-small;
4456
- font-weight: bold;
3600
+ margin: 0px 20px 0px;
3601
+ border: 1px solid #dee0e3;
3602
+ border-radius: 4px;
3603
+ box-shadow: 1px 1px 1px #dee0e3;
3604
+ background: #fff;
3605
+ width: 370px;
3606
+ }
3607
+ .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 button {
3608
+ margin: 10px 0px 10px 0px;
4457
3609
  }
4458
3610
 
4459
- .confirm-import-pipeline-module-confirm-import-pipeline-note__3qDU3 {
4460
- padding: 0px;
3611
+ .custom-drag-layer-module-custom-drag-layer__1KLrK {
3612
+ position: fixed;
3613
+ pointer-events: none;
3614
+ z-index: 500;
3615
+ left: 5px;
3616
+ top: 0;
3617
+ width: 100%;
3618
+ height: 100%;
3619
+ }
3620
+ .custom-drag-layer-module-custom-drag-layer-container__285JI {
3621
+ border-radius: 5px;
3622
+ background-color: rgba(13, 50, 79, 0.6);
3623
+ color: #C5E4F2;
3624
+ width: calc(80% - 260px);
3625
+ height: 180px;
3626
+ display: flex;
3627
+ align-items: center;
3628
+ justify-content: center;
3629
+ font-style: italic;
3630
+ font-size: 24px;
3631
+ font-weight: bold;
4461
3632
  }
4462
3633
 
4463
- .confirm-new-pipeline-module-confirm-new-pipeline-note__2n2EL {
4464
- padding: 0px;
3634
+ .modify-source-banner-module-modify-source-banner__zkRAk {
3635
+ text-align: center;
3636
+ margin: 5px auto;
3637
+ margin-top: 20px;
3638
+ z-index: 500;
4465
3639
  }
4466
3640
 
4467
- .pipeline-module-pipeline__1nWUF {
3641
+ .pipeline-builder-workspace-module-pipeline-workspace-container__2j1ec {
3642
+ position: relative;
3643
+ width: 100%;
3644
+ height: 100%;
3645
+ }
3646
+ .pipeline-builder-workspace-module-pipeline-workspace__2aYaj {
4468
3647
  display: flex;
4469
- flex-grow: 1;
4470
3648
  flex-direction: column;
3649
+ overflow-y: scroll;
4471
3650
  width: 100%;
4472
- height: 100%;
4473
- min-height: 0;
4474
- position: relative;
3651
+ flex-grow: 1;
4475
3652
  }
4476
- .pipeline-module-pipeline-fullscreen__2QlA5 {
4477
- position: absolute;
4478
- top: 0;
4479
- right: 0;
4480
- left: 0;
4481
- bottom: 0;
3653
+ .pipeline-builder-workspace-module-pipeline-workspace-container-container__1y8gu {
3654
+ flex-grow: 1;
3655
+ width: 100%;
3656
+ position: relative;
3657
+ overflow-y: scroll;
4482
3658
  }
4483
3659
 
4484
3660
  .aggregations-module-aggregations__12xcN {
@@ -4488,5 +3664,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
4488
3664
  position: relative;
4489
3665
  width: 100%;
4490
3666
  z-index: 0;
3667
+ height: 100%;
4491
3668
  }
4492
3669