profoundjs 7.4.0 → 7.6.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.
Files changed (55) hide show
  1. package/LICENSE.txt +27 -25
  2. package/htdocs/jszip/FileSaver.min.js +2 -2
  3. package/htdocs/profoundui/proddata/css/atrium.css +201 -201
  4. package/htdocs/profoundui/proddata/css/designer_respeditor.css +91 -91
  5. package/htdocs/profoundui/proddata/css/ipademulator.css +38 -38
  6. package/htdocs/profoundui/proddata/css/iphoneemulator.css +29 -29
  7. package/htdocs/profoundui/proddata/css/jumpstart.css +442 -442
  8. package/htdocs/profoundui/proddata/css/key_management.css +122 -122
  9. package/htdocs/profoundui/proddata/css/logic.css +1669 -1665
  10. package/htdocs/profoundui/proddata/css/markdown.css +754 -754
  11. package/htdocs/profoundui/proddata/css/profoundai.css +42 -0
  12. package/htdocs/profoundui/proddata/css/puisplash.css +186 -186
  13. package/htdocs/profoundui/proddata/css/qtips.css +32 -32
  14. package/htdocs/profoundui/proddata/html/genieframe.html +25 -25
  15. package/htdocs/profoundui/proddata/js/designer.js +4022 -4002
  16. package/htdocs/profoundui/proddata/js/key_management.js +34 -34
  17. package/htdocs/profoundui/proddata/js/profoundai.js +26 -0
  18. package/htdocs/profoundui/proddata/js/rich-display-react-component.js +45 -45
  19. package/htdocs/profoundui/proddata/js/rich-display-vue-component.js +28 -28
  20. package/htdocs/profoundui/proddata/js/runtime.js +1373 -1369
  21. package/htdocs/profoundui/proddata/js/soapclient.js +419 -419
  22. package/htdocs/profoundui/proddata/typings/profoundjs.d.ts +881 -881
  23. package/htdocs/profoundui/proddata/typings/profoundui.d.ts +388 -388
  24. package/htdocs/profoundui/userdata/atrium themes/css/xtheme-gray.css +414 -414
  25. package/htdocs/profoundui/userdata/atrium themes/css/xtheme-olive.css +623 -623
  26. package/htdocs/profoundui/userdata/atrium themes/css/xtheme-slate.css +672 -672
  27. package/htdocs/profoundui/userdata/atrium themes/css/xtheme-steel.css +10437 -10437
  28. package/htdocs/profoundui/userdata/css/atrium_banner.css +13 -13
  29. package/htdocs/profoundui/userdata/css/atrium_home.css +37 -37
  30. package/htdocs/profoundui/userdata/custom/themes/enhanced.js +104 -104
  31. package/htdocs/profoundui/userdata/custom/themes/hybrid.js +109 -109
  32. package/htdocs/profoundui/userdata/custom/themes/standard.js +68 -68
  33. package/htdocs/profoundui/userdata/custom/widgets/googlemaps.js +139 -139
  34. package/htdocs/profoundui/userdata/custom/widgets/listbox.js +37 -37
  35. package/htdocs/profoundui/userdata/custom/widgets/panel.js +74 -74
  36. package/htdocs/profoundui/userdata/custom/widgets/styled_button.js +71 -71
  37. package/htdocs/profoundui/userdata/custom/widgets/tabpanel.js +61 -61
  38. package/htdocs/profoundui/userdata/genie skins/Classic/Classic.css +562 -562
  39. package/htdocs/profoundui/userdata/genie skins/Classic/custom.js +3 -3
  40. package/htdocs/profoundui/userdata/genie skins/Gradient/Gradient.css +616 -616
  41. package/htdocs/profoundui/userdata/genie skins/Gradient/adjusted columns custom.js +83 -83
  42. package/htdocs/profoundui/userdata/genie skins/Gradient/custom.js +83 -83
  43. package/htdocs/profoundui/userdata/genie skins/Hybrid/Hybrid.css +616 -616
  44. package/htdocs/profoundui/userdata/genie skins/Hybrid/custom.js +330 -330
  45. package/htdocs/profoundui/userdata/genie skins/Plain/Plain.css +546 -546
  46. package/htdocs/profoundui/userdata/genie skins/Plain/custom.js +6 -6
  47. package/htdocs/profoundui/userdata/genie skins/Skyline/Skyline.css +753 -753
  48. package/htdocs/profoundui/userdata/genie skins/Skyline/adjusted columns custom.js +97 -97
  49. package/htdocs/profoundui/userdata/genie skins/Skyline/custom.js +97 -97
  50. package/htdocs/profoundui/userdata/genie skins/Tablet/Tablet.css +743 -743
  51. package/htdocs/profoundui/userdata/genie skins/Tablet/custom.js +153 -153
  52. package/htdocs/profoundui/userdata/samples/ordentry/OrdEntry.js +92 -92
  53. package/package.json +3 -2
  54. package/profound.jse +1 -1
  55. package/setup/pjsdist.savf +0 -0
@@ -1,443 +1,443 @@
1
- @import 'joins.css';
2
-
3
- body {
4
- margin: 8px;
5
- }
6
-
7
- .section {
8
- border: 2px solid #cccccc;
9
- margin-bottom: 10px;
10
- }
11
-
12
- .section-heading {
13
- background-color: #eeeeee;
14
- color: #666666;
15
- font-family: Sans-Serif;
16
- font-size: 14px;
17
- font-weight: bold;
18
- padding: 5px 5px 5px 10px;
19
- height: 20px;
20
- border-bottom: 1px solid #dddddd;
21
- }
22
-
23
- .section-body {
24
- color: #666666;
25
- font-family: Sans-Serif;
26
- font-size: 14px;
27
- padding: 15px 5px 5px 10px;
28
- }
29
-
30
- .label {
31
- float: left;
32
- width: 200px;
33
- }
34
-
35
- .dropdown {
36
- width: 250px;
37
- }
38
-
39
- .textbox {
40
- width: 245px;
41
- font-family: Trebuchet MS, Monospace;
42
- }
43
-
44
- .wide-textbox {
45
- width: 400px;
46
- font-family: Trebuchet MS, Monospace;
47
- }
48
-
49
- .upper {
50
- text-transform: uppercase;
51
- }
52
-
53
- .form-row {
54
- padding-bottom: 10px;
55
- clear: left;
56
- overflow: auto;
57
- }
58
-
59
- .extraFilesRow {
60
- padding-bottom: 10px;
61
- overflow: auto;
62
- }
63
-
64
- div.dialogBox {
65
- width: 305px;
66
- border: 3px solid #aaaaaa;
67
- border-radius: 4px;
68
- position: absolute;
69
- top: 50px;
70
- left: 50px;
71
- padding: 0px;
72
- visibility: hidden;
73
- display: none;
74
- height: 222px;
75
- overflow: hidden;
76
- box-shadow: 3px 3px 6px rgba(50, 66, 64, 0.67);
77
- }
78
- div.dialogBox > div.header {
79
- font-size: 12px;
80
- font-family: Arial;
81
- background-color: #dddddd;
82
- padding: 4px 3px 3px 3px;
83
- cursor: move;
84
- font-weight: bold;
85
- color: #333333;
86
- position: absolute;
87
- left: 0px;
88
- top: 0px;
89
- white-space: normal;
90
- width: 100%;
91
- height: 25px;
92
- user-select: none;
93
- }
94
- div.dialogBox > div.header div.closebtn {
95
- position: absolute;
96
- top: 3px;
97
- right: 10px;
98
- width: 16px;
99
- height: 16px;
100
- cursor: pointer;
101
- background-image: url(/profoundui/proddata/images/buttons/close/x1.png);
102
- background-repeat: no-repeat;
103
- }
104
- div.dialogBox > div.header div.closebtn:hover {
105
- background-image: url(/profoundui/proddata/images/buttons/close/x1_hover.png);
106
- }
107
-
108
- div.dialogBox > div.body {
109
- background-color: #eeeeee !important;
110
- top: 27px !important;
111
- }
112
-
113
- div.dialogBox > div.body input {
114
- box-sizing: border-box;
115
- }
116
-
117
- div.dialogBox > div.body select > option {
118
- padding: 0px;
119
- }
120
-
121
- div.dialogBox > div.body {
122
- overflow: auto;
123
- height: 202px;
124
- background-color: #ffffff;
125
- padding: 0px;
126
- position: absolute;
127
- left: 0px;
128
- top: 20px;
129
- white-space: normal;
130
- width: 100%;
131
- }
132
-
133
- table.field-list {
134
- width: 100%;
135
- border-spacing: 0;
136
- border-collapse: collapse;
137
- }
138
-
139
- table.field-list tbody tr {
140
- cursor: default;
141
- background-color: #f3f3f3;
142
- }
143
- table.field-list tbody tr:nth-of-type(2n) {
144
- background-color: #ffffff;
145
- }
146
- table.field-list tbody tr:hover {
147
- background-color: #dcdcdc;
148
- }
149
- table.field-list tbody tr.selected {
150
- background-color: #6699cc;
151
- color: #ffffff;
152
- }
153
-
154
- table.field-list td {
155
- font-family: Sans-Serif;
156
- font-size: 11px;
157
- font-weight: bold;
158
- border-left: 1px solid #eeeeee;
159
- border-right: 1px solid #eeeeee;
160
- border-bottom: 1px solid #eeeeee;
161
- padding-left: 6px;
162
- padding-right: 6px;
163
- padding-top: 3px;
164
- padding-bottom: 3px;
165
- text-align: center;
166
- }
167
- table.field-list td.dbfield {
168
- cursor: grab;
169
- text-align: left;
170
- }
171
- table.field-list td.field {
172
- text-transform: uppercase;
173
- }
174
-
175
-
176
- table.field-list input.grid-input {
177
- font-family: Sans-Serif;
178
- font-size: 11px;
179
- font-weight: bold;
180
- width: 100%;
181
- background-color: white;
182
- border: 1px solid #cccccc;
183
- border-radius: 4px;
184
- color: #666666;
185
- outline: 0;
186
- padding: 1px;
187
- -webkit-border-radius: 4px;
188
- -moz-border-radius: 4px;
189
- -ms-border-radius: 4px;
190
- -o-border-radius: 4px;
191
- }
192
-
193
- table.field-list tr.move_valid {
194
- border-bottom: 3px dashed #999999;
195
- }
196
-
197
- #fieldSelectionSection .move-button-wrap {
198
- float: right;
199
- margin-right: 20px;
200
- font-weight: normal;
201
- }
202
-
203
- .move-up-button, .move-down-button {
204
- font-family: Sans-Serif;
205
- font-size: 11px;
206
- width: 140px;
207
- }
208
-
209
- table td.header {
210
- font-family: Sans-Serif;
211
- font-size: 13px;
212
- font-weight: bold;
213
- text-align: center;
214
- background-color: #d0dafd;
215
- }
216
-
217
- table td.checkbox-column {
218
- width: 70px;
219
- }
220
-
221
- table td.field-column, table thead td.coalesce-column {
222
- width: 180px;
223
- }
224
-
225
- table td.length-type-column {
226
- width: 80px;
227
- }
228
-
229
- table thead td.null-column {
230
- width: 40px;
231
- }
232
-
233
- table tbody td.null-column {
234
- color: blue;
235
- }
236
-
237
- table td.key-column {
238
- width: 40px;
239
- }
240
-
241
- table input.recommend {
242
- background-color: #ffffc6;
243
- }
244
-
245
- .button {
246
- font-family: Sans-serif;
247
- font-size: 13px;
248
- font-weight: bold;
249
- text-transform: small-caps;
250
- width: 250px;
251
- color: #333333;
252
- }
253
-
254
- .wait-message {
255
- position: fixed;
256
- left: 0px;
257
- top: 0px;
258
- width: 100%;
259
- height: 100%;
260
- opacity: 0.75;
261
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
262
- background-color: #999999;
263
- color: #000000;
264
- text-align: center;
265
- padding-top: 150px;
266
- font-family: Sans-Serif;
267
- font-weight: bold;
268
- font-size: 18px;
269
- }
270
-
271
- .designer-link, .libl-link {
272
- color: blue;
273
- font-family: Sans-Serif;
274
- font-size: 12px;
275
- }
276
-
277
- .designer-iframe {
278
- position: absolute;
279
- top: -999px;
280
- left: -999px;
281
- width: 600px;
282
- height: 200px;
283
- }
284
-
285
- p.warning {
286
- color: red;
287
- margin: 0px;
288
- }
289
-
290
- span.warning {
291
- font-family: Sans-Serif;
292
- font-size: 12px;
293
- color: #000000;
294
- background-color: #ffffc6;
295
- padding: 4px;
296
- border: 1px solid #6666ff;
297
- }
298
-
299
- /* Field name warning. */
300
- table.field-list span.warning {
301
- color: salmon;
302
- padding: 0px;
303
- border: none;
304
- background-color: transparent;
305
- font-family: inherit;
306
- font-size: inherit;
307
- }
308
-
309
- table.field-list input.warning,
310
- .joinable table input.warning {
311
- background-color: rgb(255, 200, 200);
312
- }
313
-
314
- #sqlindexWarning {
315
- animation-name: warnsqlindex;
316
- animation-duration: 4s;
317
- animation-iteration-count: infinite;
318
- margin-left: 3px;
319
- }
320
-
321
- @keyframes warnsqlindex {
322
- 50% {background-color: #ffc6c6;}
323
- }
324
-
325
- @keyframes warnfadein {
326
- 50% {opacity: 0;}
327
- }
328
-
329
- .joinable > .wrap {
330
- max-height: 250px;
331
- }
332
-
333
- tr.move_dragover {
334
- border-bottom: dashed 2px green;
335
- }
336
-
337
- #joinSelectionSection {
338
- position: relative;
339
- font-family: Sans-Serif;
340
- }
341
-
342
- #joinSelectionSection .s-resizer {
343
- background-color: #cccccc;
344
- height: 5px;
345
- cursor: s-resize;
346
- user-select: none;
347
- -moz-user-select: none;
348
- -webkit-user-select: none;
349
- -ms-user-select: none;
350
- }
351
-
352
- #joinSelectionSection .help {
353
- position: absolute;
354
- top: 5px;
355
- left: 5px;
356
- background-color: white;
357
- }
358
-
359
- #joinSelectionSection .section-body {
360
- resize: vertical;
361
- position: relative;
362
- min-height: 300px;
363
- max-height: 800px;
364
- overflow-y: auto;
365
- padding: 0px;
366
- }
367
-
368
- .joinable > .col-headings > div {
369
- display: table-cell;
370
- }
371
-
372
- .joinable > .col-headings > div:nth-of-type(1), .joinable table tr td:nth-of-type(1) {
373
- width: 70%;
374
- }
375
-
376
- .joinable .correl {
377
- border-width: 2px 1px 1px 1px;
378
- border-style: solid;
379
- border-color: #ccc;
380
- cursor: default;
381
- background-color: rgb(245, 245, 245);
382
- font-size: 11px;
383
- font-weight: bold;
384
- padding: 3px 6px 3px 6px;
385
- }
386
-
387
- #sqlpreview pre {
388
- margin: 0px;
389
- }
390
-
391
- #settingsDirty {
392
- font-weight: bold;
393
- display: none;
394
- }
395
- #settingsFiles { display: none; } /*Settings files input is used upon a button click.*/
396
- #labelSettingsFN {
397
- display: none;
398
- color: black;
399
- }
400
-
401
- .floatWrap:after {
402
- content: "";
403
- display: table;
404
- clear: both;
405
- }
406
-
407
- @media screen and (min-width: 1000px){
408
- #appTypeFileSection {
409
- float: left;
410
- width: calc(100% - 310px);
411
- box-sizing: border-box;
412
- margin-right: 10px;
413
- }
414
- #settingsSection {
415
- width: 300px;
416
- float: left;
417
- box-sizing: border-box;
418
- }
419
- #settingsSection .section-body .form-row {
420
- word-wrap: break-word;
421
- }
422
- #settingsSection .section-body button {
423
- display: block;
424
- }
425
-
426
- .floatWrap-large:after {
427
- content: "";
428
- display: table;
429
- clear: both;
430
- }
431
-
432
- .flex-large { display: flex; }
433
-
434
- #sqlpreview {
435
- box-sizing: border-box;
436
- margin-right: 10px;
437
- flex-grow: 1;
438
- }
439
- #codeGenerationSection {
440
- box-sizing: border-box;
441
- flex-grow: 8;
442
- }
1
+ @import 'joins.css';
2
+
3
+ body {
4
+ margin: 8px;
5
+ }
6
+
7
+ .section {
8
+ border: 2px solid #cccccc;
9
+ margin-bottom: 10px;
10
+ }
11
+
12
+ .section-heading {
13
+ background-color: #eeeeee;
14
+ color: #666666;
15
+ font-family: Sans-Serif;
16
+ font-size: 14px;
17
+ font-weight: bold;
18
+ padding: 5px 5px 5px 10px;
19
+ height: 20px;
20
+ border-bottom: 1px solid #dddddd;
21
+ }
22
+
23
+ .section-body {
24
+ color: #666666;
25
+ font-family: Sans-Serif;
26
+ font-size: 14px;
27
+ padding: 15px 5px 5px 10px;
28
+ }
29
+
30
+ .label {
31
+ float: left;
32
+ width: 200px;
33
+ }
34
+
35
+ .dropdown {
36
+ width: 250px;
37
+ }
38
+
39
+ .textbox {
40
+ width: 245px;
41
+ font-family: Trebuchet MS, Monospace;
42
+ }
43
+
44
+ .wide-textbox {
45
+ width: 400px;
46
+ font-family: Trebuchet MS, Monospace;
47
+ }
48
+
49
+ .upper {
50
+ text-transform: uppercase;
51
+ }
52
+
53
+ .form-row {
54
+ padding-bottom: 10px;
55
+ clear: left;
56
+ overflow: auto;
57
+ }
58
+
59
+ .extraFilesRow {
60
+ padding-bottom: 10px;
61
+ overflow: auto;
62
+ }
63
+
64
+ div.dialogBox {
65
+ width: 305px;
66
+ border: 3px solid #aaaaaa;
67
+ border-radius: 4px;
68
+ position: absolute;
69
+ top: 50px;
70
+ left: 50px;
71
+ padding: 0px;
72
+ visibility: hidden;
73
+ display: none;
74
+ height: 222px;
75
+ overflow: hidden;
76
+ box-shadow: 3px 3px 6px rgba(50, 66, 64, 0.67);
77
+ }
78
+ div.dialogBox > div.header {
79
+ font-size: 12px;
80
+ font-family: Arial;
81
+ background-color: #dddddd;
82
+ padding: 4px 3px 3px 3px;
83
+ cursor: move;
84
+ font-weight: bold;
85
+ color: #333333;
86
+ position: absolute;
87
+ left: 0px;
88
+ top: 0px;
89
+ white-space: normal;
90
+ width: 100%;
91
+ height: 25px;
92
+ user-select: none;
93
+ }
94
+ div.dialogBox > div.header div.closebtn {
95
+ position: absolute;
96
+ top: 3px;
97
+ right: 10px;
98
+ width: 16px;
99
+ height: 16px;
100
+ cursor: pointer;
101
+ background-image: url(/profoundui/proddata/images/buttons/close/x1.png);
102
+ background-repeat: no-repeat;
103
+ }
104
+ div.dialogBox > div.header div.closebtn:hover {
105
+ background-image: url(/profoundui/proddata/images/buttons/close/x1_hover.png);
106
+ }
107
+
108
+ div.dialogBox > div.body {
109
+ background-color: #eeeeee !important;
110
+ top: 27px !important;
111
+ }
112
+
113
+ div.dialogBox > div.body input {
114
+ box-sizing: border-box;
115
+ }
116
+
117
+ div.dialogBox > div.body select > option {
118
+ padding: 0px;
119
+ }
120
+
121
+ div.dialogBox > div.body {
122
+ overflow: auto;
123
+ height: 202px;
124
+ background-color: #ffffff;
125
+ padding: 0px;
126
+ position: absolute;
127
+ left: 0px;
128
+ top: 20px;
129
+ white-space: normal;
130
+ width: 100%;
131
+ }
132
+
133
+ table.field-list {
134
+ width: 100%;
135
+ border-spacing: 0;
136
+ border-collapse: collapse;
137
+ }
138
+
139
+ table.field-list tbody tr {
140
+ cursor: default;
141
+ background-color: #f3f3f3;
142
+ }
143
+ table.field-list tbody tr:nth-of-type(2n) {
144
+ background-color: #ffffff;
145
+ }
146
+ table.field-list tbody tr:hover {
147
+ background-color: #dcdcdc;
148
+ }
149
+ table.field-list tbody tr.selected {
150
+ background-color: #6699cc;
151
+ color: #ffffff;
152
+ }
153
+
154
+ table.field-list td {
155
+ font-family: Sans-Serif;
156
+ font-size: 11px;
157
+ font-weight: bold;
158
+ border-left: 1px solid #eeeeee;
159
+ border-right: 1px solid #eeeeee;
160
+ border-bottom: 1px solid #eeeeee;
161
+ padding-left: 6px;
162
+ padding-right: 6px;
163
+ padding-top: 3px;
164
+ padding-bottom: 3px;
165
+ text-align: center;
166
+ }
167
+ table.field-list td.dbfield {
168
+ cursor: grab;
169
+ text-align: left;
170
+ }
171
+ table.field-list td.field {
172
+ text-transform: uppercase;
173
+ }
174
+
175
+
176
+ table.field-list input.grid-input {
177
+ font-family: Sans-Serif;
178
+ font-size: 11px;
179
+ font-weight: bold;
180
+ width: 100%;
181
+ background-color: white;
182
+ border: 1px solid #cccccc;
183
+ border-radius: 4px;
184
+ color: #666666;
185
+ outline: 0;
186
+ padding: 1px;
187
+ -webkit-border-radius: 4px;
188
+ -moz-border-radius: 4px;
189
+ -ms-border-radius: 4px;
190
+ -o-border-radius: 4px;
191
+ }
192
+
193
+ table.field-list tr.move_valid {
194
+ border-bottom: 3px dashed #999999;
195
+ }
196
+
197
+ #fieldSelectionSection .move-button-wrap {
198
+ float: right;
199
+ margin-right: 20px;
200
+ font-weight: normal;
201
+ }
202
+
203
+ .move-up-button, .move-down-button {
204
+ font-family: Sans-Serif;
205
+ font-size: 11px;
206
+ width: 140px;
207
+ }
208
+
209
+ table td.header {
210
+ font-family: Sans-Serif;
211
+ font-size: 13px;
212
+ font-weight: bold;
213
+ text-align: center;
214
+ background-color: #d0dafd;
215
+ }
216
+
217
+ table td.checkbox-column {
218
+ width: 70px;
219
+ }
220
+
221
+ table td.field-column, table thead td.coalesce-column {
222
+ width: 180px;
223
+ }
224
+
225
+ table td.length-type-column {
226
+ width: 80px;
227
+ }
228
+
229
+ table thead td.null-column {
230
+ width: 40px;
231
+ }
232
+
233
+ table tbody td.null-column {
234
+ color: blue;
235
+ }
236
+
237
+ table td.key-column {
238
+ width: 40px;
239
+ }
240
+
241
+ table input.recommend {
242
+ background-color: #ffffc6;
243
+ }
244
+
245
+ .button {
246
+ font-family: Sans-serif;
247
+ font-size: 13px;
248
+ font-weight: bold;
249
+ text-transform: small-caps;
250
+ width: 250px;
251
+ color: #333333;
252
+ }
253
+
254
+ .wait-message {
255
+ position: fixed;
256
+ left: 0px;
257
+ top: 0px;
258
+ width: 100%;
259
+ height: 100%;
260
+ opacity: 0.75;
261
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
262
+ background-color: #999999;
263
+ color: #000000;
264
+ text-align: center;
265
+ padding-top: 150px;
266
+ font-family: Sans-Serif;
267
+ font-weight: bold;
268
+ font-size: 18px;
269
+ }
270
+
271
+ .designer-link, .libl-link {
272
+ color: blue;
273
+ font-family: Sans-Serif;
274
+ font-size: 12px;
275
+ }
276
+
277
+ .designer-iframe {
278
+ position: absolute;
279
+ top: -999px;
280
+ left: -999px;
281
+ width: 600px;
282
+ height: 200px;
283
+ }
284
+
285
+ p.warning {
286
+ color: red;
287
+ margin: 0px;
288
+ }
289
+
290
+ span.warning {
291
+ font-family: Sans-Serif;
292
+ font-size: 12px;
293
+ color: #000000;
294
+ background-color: #ffffc6;
295
+ padding: 4px;
296
+ border: 1px solid #6666ff;
297
+ }
298
+
299
+ /* Field name warning. */
300
+ table.field-list span.warning {
301
+ color: salmon;
302
+ padding: 0px;
303
+ border: none;
304
+ background-color: transparent;
305
+ font-family: inherit;
306
+ font-size: inherit;
307
+ }
308
+
309
+ table.field-list input.warning,
310
+ .joinable table input.warning {
311
+ background-color: rgb(255, 200, 200);
312
+ }
313
+
314
+ #sqlindexWarning {
315
+ animation-name: warnsqlindex;
316
+ animation-duration: 4s;
317
+ animation-iteration-count: infinite;
318
+ margin-left: 3px;
319
+ }
320
+
321
+ @keyframes warnsqlindex {
322
+ 50% {background-color: #ffc6c6;}
323
+ }
324
+
325
+ @keyframes warnfadein {
326
+ 50% {opacity: 0;}
327
+ }
328
+
329
+ .joinable > .wrap {
330
+ max-height: 250px;
331
+ }
332
+
333
+ tr.move_dragover {
334
+ border-bottom: dashed 2px green;
335
+ }
336
+
337
+ #joinSelectionSection {
338
+ position: relative;
339
+ font-family: Sans-Serif;
340
+ }
341
+
342
+ #joinSelectionSection .s-resizer {
343
+ background-color: #cccccc;
344
+ height: 5px;
345
+ cursor: s-resize;
346
+ user-select: none;
347
+ -moz-user-select: none;
348
+ -webkit-user-select: none;
349
+ -ms-user-select: none;
350
+ }
351
+
352
+ #joinSelectionSection .help {
353
+ position: absolute;
354
+ top: 5px;
355
+ left: 5px;
356
+ background-color: white;
357
+ }
358
+
359
+ #joinSelectionSection .section-body {
360
+ resize: vertical;
361
+ position: relative;
362
+ min-height: 300px;
363
+ max-height: 800px;
364
+ overflow-y: auto;
365
+ padding: 0px;
366
+ }
367
+
368
+ .joinable > .col-headings > div {
369
+ display: table-cell;
370
+ }
371
+
372
+ .joinable > .col-headings > div:nth-of-type(1), .joinable table tr td:nth-of-type(1) {
373
+ width: 70%;
374
+ }
375
+
376
+ .joinable .correl {
377
+ border-width: 2px 1px 1px 1px;
378
+ border-style: solid;
379
+ border-color: #ccc;
380
+ cursor: default;
381
+ background-color: rgb(245, 245, 245);
382
+ font-size: 11px;
383
+ font-weight: bold;
384
+ padding: 3px 6px 3px 6px;
385
+ }
386
+
387
+ #sqlpreview pre {
388
+ margin: 0px;
389
+ }
390
+
391
+ #settingsDirty {
392
+ font-weight: bold;
393
+ display: none;
394
+ }
395
+ #settingsFiles { display: none; } /*Settings files input is used upon a button click.*/
396
+ #labelSettingsFN {
397
+ display: none;
398
+ color: black;
399
+ }
400
+
401
+ .floatWrap:after {
402
+ content: "";
403
+ display: table;
404
+ clear: both;
405
+ }
406
+
407
+ @media screen and (min-width: 1000px){
408
+ #appTypeFileSection {
409
+ float: left;
410
+ width: calc(100% - 310px);
411
+ box-sizing: border-box;
412
+ margin-right: 10px;
413
+ }
414
+ #settingsSection {
415
+ width: 300px;
416
+ float: left;
417
+ box-sizing: border-box;
418
+ }
419
+ #settingsSection .section-body .form-row {
420
+ word-wrap: break-word;
421
+ }
422
+ #settingsSection .section-body button {
423
+ display: block;
424
+ }
425
+
426
+ .floatWrap-large:after {
427
+ content: "";
428
+ display: table;
429
+ clear: both;
430
+ }
431
+
432
+ .flex-large { display: flex; }
433
+
434
+ #sqlpreview {
435
+ box-sizing: border-box;
436
+ margin-right: 10px;
437
+ flex-grow: 1;
438
+ }
439
+ #codeGenerationSection {
440
+ box-sizing: border-box;
441
+ flex-grow: 8;
442
+ }
443
443
  }