glimmer-dsl-opal 0.3.0 → 0.6.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +48 -0
  3. data/README.md +690 -24
  4. data/VERSION +1 -1
  5. data/app/assets/images/glimmer/images/calendar.gif +0 -0
  6. data/app/assets/images/glimmer/images/ui-icons_222222_256x240.png +0 -0
  7. data/app/assets/images/glimmer/images/ui-icons_444444_256x240.png +0 -0
  8. data/app/assets/images/glimmer/images/ui-icons_555555_256x240.png +0 -0
  9. data/app/assets/images/glimmer/images/ui-icons_777620_256x240.png +0 -0
  10. data/app/assets/images/glimmer/images/ui-icons_777777_256x240.png +0 -0
  11. data/app/assets/images/glimmer/images/ui-icons_cc0000_256x240.png +0 -0
  12. data/app/assets/images/glimmer/images/ui-icons_ffffff_256x240.png +0 -0
  13. data/app/assets/stylesheets/glimmer/glimmer.css +15 -0
  14. data/app/assets/stylesheets/glimmer/jquery-ui.css +1312 -0
  15. data/app/assets/stylesheets/glimmer/jquery-ui.structure.css +886 -0
  16. data/app/assets/stylesheets/glimmer/jquery-ui.theme.css +443 -0
  17. data/app/assets/stylesheets/glimmer/jquery.ui.timepicker.css +57 -0
  18. data/lib/glimmer-dsl-opal.rb +22 -10
  19. data/lib/glimmer-dsl-opal/ext/date.rb +38 -3
  20. data/lib/glimmer-dsl-opal/samples/elaborate/tic_tac_toe.rb +23 -0
  21. data/lib/glimmer-dsl-opal/samples/hello/hello_checkbox.rb +85 -0
  22. data/lib/glimmer-dsl-opal/samples/hello/hello_checkbox_group.rb +68 -0
  23. data/lib/glimmer-dsl-opal/samples/hello/hello_combo.rb +5 -5
  24. data/lib/glimmer-dsl-opal/samples/hello/hello_custom_widget.rb +3 -3
  25. data/lib/glimmer-dsl-opal/samples/hello/hello_date_time.rb +63 -0
  26. data/lib/glimmer-dsl-opal/samples/hello/hello_group.rb +104 -0
  27. data/lib/glimmer-dsl-opal/samples/hello/hello_list_single_selection.rb +1 -1
  28. data/lib/glimmer-dsl-opal/samples/hello/hello_radio.rb +108 -0
  29. data/lib/glimmer-dsl-opal/samples/hello/hello_radio_group.rb +84 -0
  30. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/GPL-LICENSE.txt +278 -0
  31. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/MIT-LICENSE.txt +20 -0
  32. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/jquery.ui.timepicker.css +57 -0
  33. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/jquery.ui.timepicker.js +1496 -0
  34. data/lib/glimmer-dsl-opal/vendor/jquery-ui/AUTHORS.txt +333 -0
  35. data/lib/glimmer-dsl-opal/vendor/jquery-ui/LICENSE.txt +43 -0
  36. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_444444_256x240.png +0 -0
  37. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_555555_256x240.png +0 -0
  38. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_777620_256x240.png +0 -0
  39. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_777777_256x240.png +0 -0
  40. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_cc0000_256x240.png +0 -0
  41. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png +0 -0
  42. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.min.css +7 -0
  43. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.min.js +13 -0
  44. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.structure.min.css +5 -0
  45. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.theme.min.css +5 -0
  46. data/lib/glimmer-dsl-opal/vendor/jquery-ui/package.json +74 -0
  47. data/lib/glimmer-dsl-swt.rb +37 -0
  48. data/lib/glimmer/data_binding/element_binding.rb +2 -1
  49. data/lib/glimmer/dsl/opal/async_exec_expression.rb +23 -7
  50. data/lib/glimmer/dsl/opal/checkbox_group_selection_data_binding_expression.rb +61 -0
  51. data/lib/glimmer/dsl/opal/custom_widget_expression.rb +33 -16
  52. data/lib/glimmer/dsl/opal/display_expression.rb +40 -0
  53. data/lib/glimmer/dsl/opal/dsl.rb +6 -0
  54. data/lib/glimmer/dsl/opal/exec_expression.rb +55 -0
  55. data/lib/glimmer/dsl/opal/property_expression.rb +4 -3
  56. data/lib/glimmer/dsl/opal/radio_group_selection_data_binding_expression.rb +61 -0
  57. data/lib/glimmer/dsl/opal/shell_expression.rb +7 -1
  58. data/lib/glimmer/dsl/opal/sync_exec_expression.rb +33 -0
  59. data/lib/glimmer/dsl/opal/widget_expression.rb +6 -1
  60. data/lib/glimmer/engine.rb +9 -0
  61. data/lib/glimmer/swt.rb +3 -3
  62. data/lib/glimmer/swt/button_proxy.rb +16 -2
  63. data/lib/glimmer/swt/checkbox_proxy.rb +81 -0
  64. data/lib/glimmer/swt/color_proxy.rb +45 -45
  65. data/lib/glimmer/swt/combo_proxy.rb +6 -6
  66. data/lib/glimmer/swt/composite_proxy.rb +2 -2
  67. data/lib/glimmer/swt/custom/checkbox_group.rb +142 -0
  68. data/lib/glimmer/swt/custom/radio_group.rb +143 -0
  69. data/lib/glimmer/swt/date_time_proxy.rb +145 -0
  70. data/lib/glimmer/swt/display_proxy.rb +55 -1
  71. data/lib/glimmer/swt/fill_layout_proxy.rb +3 -3
  72. data/lib/glimmer/swt/grid_layout_proxy.rb +21 -10
  73. data/lib/glimmer/swt/group_proxy.rb +38 -0
  74. data/lib/glimmer/swt/label_proxy.rb +27 -7
  75. data/lib/glimmer/swt/layout_data_proxy.rb +40 -22
  76. data/lib/glimmer/swt/layout_proxy.rb +4 -4
  77. data/lib/glimmer/swt/list_proxy.rb +3 -3
  78. data/lib/glimmer/swt/make_shift_shell_proxy.rb +38 -0
  79. data/lib/glimmer/swt/message_box_proxy.rb +8 -7
  80. data/lib/glimmer/swt/radio_proxy.rb +82 -0
  81. data/lib/glimmer/swt/row_layout_proxy.rb +35 -12
  82. data/lib/glimmer/swt/scrolled_composite_proxy.rb +20 -0
  83. data/lib/glimmer/swt/shell_proxy.rb +23 -9
  84. data/lib/glimmer/swt/styled_text_proxy.rb +44 -0
  85. data/lib/glimmer/swt/tab_folder_proxy.rb +5 -5
  86. data/lib/glimmer/swt/tab_item_proxy.rb +7 -7
  87. data/lib/glimmer/swt/table_item_proxy.rb +6 -6
  88. data/lib/glimmer/swt/table_proxy.rb +12 -12
  89. data/lib/glimmer/swt/text_proxy.rb +2 -2
  90. data/lib/glimmer/swt/widget_proxy.rb +79 -36
  91. data/lib/glimmer/ui/custom_shell.rb +2 -1
  92. data/lib/glimmer/ui/custom_widget.rb +10 -9
  93. data/lib/{glimmer-dsl-opal/missing/net → net}/http.rb +0 -0
  94. data/lib/{glimmer-dsl-opal/missing/uri.rb → uri.rb} +2 -2
  95. metadata +56 -4
@@ -0,0 +1,886 @@
1
+ /*!
2
+ * jQuery UI CSS Framework 1.12.1
3
+ * http://jqueryui.com
4
+ *
5
+ * Copyright jQuery Foundation and other contributors
6
+ * Released under the MIT license.
7
+ * http://jquery.org/license
8
+ *
9
+ * http://api.jqueryui.com/category/theming/
10
+ */
11
+ /* Layout helpers
12
+ ----------------------------------*/
13
+ .ui-helper-hidden {
14
+ display: none;
15
+ }
16
+ .ui-helper-hidden-accessible {
17
+ border: 0;
18
+ clip: rect(0 0 0 0);
19
+ height: 1px;
20
+ margin: -1px;
21
+ overflow: hidden;
22
+ padding: 0;
23
+ position: absolute;
24
+ width: 1px;
25
+ }
26
+ .ui-helper-reset {
27
+ margin: 0;
28
+ padding: 0;
29
+ border: 0;
30
+ outline: 0;
31
+ line-height: 1.3;
32
+ text-decoration: none;
33
+ font-size: 100%;
34
+ list-style: none;
35
+ }
36
+ .ui-helper-clearfix:before,
37
+ .ui-helper-clearfix:after {
38
+ content: "";
39
+ display: table;
40
+ border-collapse: collapse;
41
+ }
42
+ .ui-helper-clearfix:after {
43
+ clear: both;
44
+ }
45
+ .ui-helper-zfix {
46
+ width: 100%;
47
+ height: 100%;
48
+ top: 0;
49
+ left: 0;
50
+ position: absolute;
51
+ opacity: 0;
52
+ filter:Alpha(Opacity=0); /* support: IE8 */
53
+ }
54
+
55
+ .ui-front {
56
+ z-index: 100;
57
+ }
58
+
59
+
60
+ /* Interaction Cues
61
+ ----------------------------------*/
62
+ .ui-state-disabled {
63
+ cursor: default !important;
64
+ pointer-events: none;
65
+ }
66
+
67
+
68
+ /* Icons
69
+ ----------------------------------*/
70
+ .ui-icon {
71
+ display: inline-block;
72
+ vertical-align: middle;
73
+ margin-top: -.25em;
74
+ position: relative;
75
+ text-indent: -99999px;
76
+ overflow: hidden;
77
+ background-repeat: no-repeat;
78
+ }
79
+
80
+ .ui-widget-icon-block {
81
+ left: 50%;
82
+ margin-left: -8px;
83
+ display: block;
84
+ }
85
+
86
+ /* Misc visuals
87
+ ----------------------------------*/
88
+
89
+ /* Overlays */
90
+ .ui-widget-overlay {
91
+ position: fixed;
92
+ top: 0;
93
+ left: 0;
94
+ width: 100%;
95
+ height: 100%;
96
+ }
97
+ .ui-accordion .ui-accordion-header {
98
+ display: block;
99
+ cursor: pointer;
100
+ position: relative;
101
+ margin: 2px 0 0 0;
102
+ padding: .5em .5em .5em .7em;
103
+ font-size: 100%;
104
+ }
105
+ .ui-accordion .ui-accordion-content {
106
+ padding: 1em 2.2em;
107
+ border-top: 0;
108
+ overflow: auto;
109
+ }
110
+ .ui-autocomplete {
111
+ position: absolute;
112
+ top: 0;
113
+ left: 0;
114
+ cursor: default;
115
+ }
116
+ .ui-menu {
117
+ list-style: none;
118
+ padding: 0;
119
+ margin: 0;
120
+ display: block;
121
+ outline: 0;
122
+ }
123
+ .ui-menu .ui-menu {
124
+ position: absolute;
125
+ }
126
+ .ui-menu .ui-menu-item {
127
+ margin: 0;
128
+ cursor: pointer;
129
+ /* support: IE10, see #8844 */
130
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
131
+ }
132
+ .ui-menu .ui-menu-item-wrapper {
133
+ position: relative;
134
+ padding: 3px 1em 3px .4em;
135
+ }
136
+ .ui-menu .ui-menu-divider {
137
+ margin: 5px 0;
138
+ height: 0;
139
+ font-size: 0;
140
+ line-height: 0;
141
+ border-width: 1px 0 0 0;
142
+ }
143
+ .ui-menu .ui-state-focus,
144
+ .ui-menu .ui-state-active {
145
+ margin: -1px;
146
+ }
147
+
148
+ /* icon support */
149
+ .ui-menu-icons {
150
+ position: relative;
151
+ }
152
+ .ui-menu-icons .ui-menu-item-wrapper {
153
+ padding-left: 2em;
154
+ }
155
+
156
+ /* left-aligned */
157
+ .ui-menu .ui-icon {
158
+ position: absolute;
159
+ top: 0;
160
+ bottom: 0;
161
+ left: .2em;
162
+ margin: auto 0;
163
+ }
164
+
165
+ /* right-aligned */
166
+ .ui-menu .ui-menu-icon {
167
+ left: auto;
168
+ right: 0;
169
+ }
170
+ .ui-button {
171
+ padding: .4em 1em;
172
+ display: inline-block;
173
+ position: relative;
174
+ line-height: normal;
175
+ margin-right: .1em;
176
+ cursor: pointer;
177
+ vertical-align: middle;
178
+ text-align: center;
179
+ -webkit-user-select: none;
180
+ -moz-user-select: none;
181
+ -ms-user-select: none;
182
+ user-select: none;
183
+
184
+ /* Support: IE <= 11 */
185
+ overflow: visible;
186
+ }
187
+
188
+ .ui-button,
189
+ .ui-button:link,
190
+ .ui-button:visited,
191
+ .ui-button:hover,
192
+ .ui-button:active {
193
+ text-decoration: none;
194
+ }
195
+
196
+ /* to make room for the icon, a width needs to be set here */
197
+ .ui-button-icon-only {
198
+ width: 2em;
199
+ box-sizing: border-box;
200
+ text-indent: -9999px;
201
+ white-space: nowrap;
202
+ }
203
+
204
+ /* no icon support for input elements */
205
+ input.ui-button.ui-button-icon-only {
206
+ text-indent: 0;
207
+ }
208
+
209
+ /* button icon element(s) */
210
+ .ui-button-icon-only .ui-icon {
211
+ position: absolute;
212
+ top: 50%;
213
+ left: 50%;
214
+ margin-top: -8px;
215
+ margin-left: -8px;
216
+ }
217
+
218
+ .ui-button.ui-icon-notext .ui-icon {
219
+ padding: 0;
220
+ width: 2.1em;
221
+ height: 2.1em;
222
+ text-indent: -9999px;
223
+ white-space: nowrap;
224
+
225
+ }
226
+
227
+ input.ui-button.ui-icon-notext .ui-icon {
228
+ width: auto;
229
+ height: auto;
230
+ text-indent: 0;
231
+ white-space: normal;
232
+ padding: .4em 1em;
233
+ }
234
+
235
+ /* workarounds */
236
+ /* Support: Firefox 5 - 40 */
237
+ input.ui-button::-moz-focus-inner,
238
+ button.ui-button::-moz-focus-inner {
239
+ border: 0;
240
+ padding: 0;
241
+ }
242
+ .ui-controlgroup {
243
+ vertical-align: middle;
244
+ display: inline-block;
245
+ }
246
+ .ui-controlgroup > .ui-controlgroup-item {
247
+ float: left;
248
+ margin-left: 0;
249
+ margin-right: 0;
250
+ }
251
+ .ui-controlgroup > .ui-controlgroup-item:focus,
252
+ .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
253
+ z-index: 9999;
254
+ }
255
+ .ui-controlgroup-vertical > .ui-controlgroup-item {
256
+ display: block;
257
+ float: none;
258
+ width: 100%;
259
+ margin-top: 0;
260
+ margin-bottom: 0;
261
+ text-align: left;
262
+ }
263
+ .ui-controlgroup-vertical .ui-controlgroup-item {
264
+ box-sizing: border-box;
265
+ }
266
+ .ui-controlgroup .ui-controlgroup-label {
267
+ padding: .4em 1em;
268
+ }
269
+ .ui-controlgroup .ui-controlgroup-label span {
270
+ font-size: 80%;
271
+ }
272
+ .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
273
+ border-left: none;
274
+ }
275
+ .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
276
+ border-top: none;
277
+ }
278
+ .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
279
+ border-right: none;
280
+ }
281
+ .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
282
+ border-bottom: none;
283
+ }
284
+
285
+ /* Spinner specific style fixes */
286
+ .ui-controlgroup-vertical .ui-spinner-input {
287
+
288
+ /* Support: IE8 only, Android < 4.4 only */
289
+ width: 75%;
290
+ width: calc( 100% - 2.4em );
291
+ }
292
+ .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
293
+ border-top-style: solid;
294
+ }
295
+
296
+ .ui-checkboxradio-label .ui-icon-background {
297
+ box-shadow: inset 1px 1px 1px #ccc;
298
+ border-radius: .12em;
299
+ border: none;
300
+ }
301
+ .ui-checkboxradio-radio-label .ui-icon-background {
302
+ width: 16px;
303
+ height: 16px;
304
+ border-radius: 1em;
305
+ overflow: visible;
306
+ border: none;
307
+ }
308
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
309
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
310
+ background-image: none;
311
+ width: 8px;
312
+ height: 8px;
313
+ border-width: 4px;
314
+ border-style: solid;
315
+ }
316
+ .ui-checkboxradio-disabled {
317
+ pointer-events: none;
318
+ }
319
+ .ui-datepicker {
320
+ width: 17em;
321
+ padding: .2em .2em 0;
322
+ display: none;
323
+ }
324
+ .ui-datepicker .ui-datepicker-header {
325
+ position: relative;
326
+ padding: .2em 0;
327
+ }
328
+ .ui-datepicker .ui-datepicker-prev,
329
+ .ui-datepicker .ui-datepicker-next {
330
+ position: absolute;
331
+ top: 2px;
332
+ width: 1.8em;
333
+ height: 1.8em;
334
+ }
335
+ .ui-datepicker .ui-datepicker-prev-hover,
336
+ .ui-datepicker .ui-datepicker-next-hover {
337
+ top: 1px;
338
+ }
339
+ .ui-datepicker .ui-datepicker-prev {
340
+ left: 2px;
341
+ }
342
+ .ui-datepicker .ui-datepicker-next {
343
+ right: 2px;
344
+ }
345
+ .ui-datepicker .ui-datepicker-prev-hover {
346
+ left: 1px;
347
+ }
348
+ .ui-datepicker .ui-datepicker-next-hover {
349
+ right: 1px;
350
+ }
351
+ .ui-datepicker .ui-datepicker-prev span,
352
+ .ui-datepicker .ui-datepicker-next span {
353
+ display: block;
354
+ position: absolute;
355
+ left: 50%;
356
+ margin-left: -8px;
357
+ top: 50%;
358
+ margin-top: -8px;
359
+ }
360
+ .ui-datepicker .ui-datepicker-title {
361
+ margin: 0 2.3em;
362
+ line-height: 1.8em;
363
+ text-align: center;
364
+ }
365
+ .ui-datepicker .ui-datepicker-title select {
366
+ font-size: 1em;
367
+ margin: 1px 0;
368
+ }
369
+ .ui-datepicker select.ui-datepicker-month,
370
+ .ui-datepicker select.ui-datepicker-year {
371
+ width: 45%;
372
+ }
373
+ .ui-datepicker table {
374
+ width: 100%;
375
+ font-size: .9em;
376
+ border-collapse: collapse;
377
+ margin: 0 0 .4em;
378
+ }
379
+ .ui-datepicker th {
380
+ padding: .7em .3em;
381
+ text-align: center;
382
+ font-weight: bold;
383
+ border: 0;
384
+ }
385
+ .ui-datepicker td {
386
+ border: 0;
387
+ padding: 1px;
388
+ }
389
+ .ui-datepicker td span,
390
+ .ui-datepicker td a {
391
+ display: block;
392
+ padding: .2em;
393
+ text-align: right;
394
+ text-decoration: none;
395
+ }
396
+ .ui-datepicker .ui-datepicker-buttonpane {
397
+ background-image: none;
398
+ margin: .7em 0 0 0;
399
+ padding: 0 .2em;
400
+ border-left: 0;
401
+ border-right: 0;
402
+ border-bottom: 0;
403
+ }
404
+ .ui-datepicker .ui-datepicker-buttonpane button {
405
+ float: right;
406
+ margin: .5em .2em .4em;
407
+ cursor: pointer;
408
+ padding: .2em .6em .3em .6em;
409
+ width: auto;
410
+ overflow: visible;
411
+ }
412
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
413
+ float: left;
414
+ }
415
+
416
+ /* with multiple calendars */
417
+ .ui-datepicker.ui-datepicker-multi {
418
+ width: auto;
419
+ }
420
+ .ui-datepicker-multi .ui-datepicker-group {
421
+ float: left;
422
+ }
423
+ .ui-datepicker-multi .ui-datepicker-group table {
424
+ width: 95%;
425
+ margin: 0 auto .4em;
426
+ }
427
+ .ui-datepicker-multi-2 .ui-datepicker-group {
428
+ width: 50%;
429
+ }
430
+ .ui-datepicker-multi-3 .ui-datepicker-group {
431
+ width: 33.3%;
432
+ }
433
+ .ui-datepicker-multi-4 .ui-datepicker-group {
434
+ width: 25%;
435
+ }
436
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
437
+ .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
438
+ border-left-width: 0;
439
+ }
440
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
441
+ clear: left;
442
+ }
443
+ .ui-datepicker-row-break {
444
+ clear: both;
445
+ width: 100%;
446
+ font-size: 0;
447
+ }
448
+
449
+ /* RTL support */
450
+ .ui-datepicker-rtl {
451
+ direction: rtl;
452
+ }
453
+ .ui-datepicker-rtl .ui-datepicker-prev {
454
+ right: 2px;
455
+ left: auto;
456
+ }
457
+ .ui-datepicker-rtl .ui-datepicker-next {
458
+ left: 2px;
459
+ right: auto;
460
+ }
461
+ .ui-datepicker-rtl .ui-datepicker-prev:hover {
462
+ right: 1px;
463
+ left: auto;
464
+ }
465
+ .ui-datepicker-rtl .ui-datepicker-next:hover {
466
+ left: 1px;
467
+ right: auto;
468
+ }
469
+ .ui-datepicker-rtl .ui-datepicker-buttonpane {
470
+ clear: right;
471
+ }
472
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button {
473
+ float: left;
474
+ }
475
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
476
+ .ui-datepicker-rtl .ui-datepicker-group {
477
+ float: right;
478
+ }
479
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
480
+ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
481
+ border-right-width: 0;
482
+ border-left-width: 1px;
483
+ }
484
+
485
+ /* Icons */
486
+ .ui-datepicker .ui-icon {
487
+ display: block;
488
+ text-indent: -99999px;
489
+ overflow: hidden;
490
+ background-repeat: no-repeat;
491
+ left: .5em;
492
+ top: .3em;
493
+ }
494
+ .ui-dialog {
495
+ position: absolute;
496
+ top: 0;
497
+ left: 0;
498
+ padding: .2em;
499
+ outline: 0;
500
+ }
501
+ .ui-dialog .ui-dialog-titlebar {
502
+ padding: .4em 1em;
503
+ position: relative;
504
+ }
505
+ .ui-dialog .ui-dialog-title {
506
+ float: left;
507
+ margin: .1em 0;
508
+ white-space: nowrap;
509
+ width: 90%;
510
+ overflow: hidden;
511
+ text-overflow: ellipsis;
512
+ }
513
+ .ui-dialog .ui-dialog-titlebar-close {
514
+ position: absolute;
515
+ right: .3em;
516
+ top: 50%;
517
+ width: 20px;
518
+ margin: -10px 0 0 0;
519
+ padding: 1px;
520
+ height: 20px;
521
+ }
522
+ .ui-dialog .ui-dialog-content {
523
+ position: relative;
524
+ border: 0;
525
+ padding: .5em 1em;
526
+ background: none;
527
+ overflow: auto;
528
+ }
529
+ .ui-dialog .ui-dialog-buttonpane {
530
+ text-align: left;
531
+ border-width: 1px 0 0 0;
532
+ background-image: none;
533
+ margin-top: .5em;
534
+ padding: .3em 1em .5em .4em;
535
+ }
536
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
537
+ float: right;
538
+ }
539
+ .ui-dialog .ui-dialog-buttonpane button {
540
+ margin: .5em .4em .5em 0;
541
+ cursor: pointer;
542
+ }
543
+ .ui-dialog .ui-resizable-n {
544
+ height: 2px;
545
+ top: 0;
546
+ }
547
+ .ui-dialog .ui-resizable-e {
548
+ width: 2px;
549
+ right: 0;
550
+ }
551
+ .ui-dialog .ui-resizable-s {
552
+ height: 2px;
553
+ bottom: 0;
554
+ }
555
+ .ui-dialog .ui-resizable-w {
556
+ width: 2px;
557
+ left: 0;
558
+ }
559
+ .ui-dialog .ui-resizable-se,
560
+ .ui-dialog .ui-resizable-sw,
561
+ .ui-dialog .ui-resizable-ne,
562
+ .ui-dialog .ui-resizable-nw {
563
+ width: 7px;
564
+ height: 7px;
565
+ }
566
+ .ui-dialog .ui-resizable-se {
567
+ right: 0;
568
+ bottom: 0;
569
+ }
570
+ .ui-dialog .ui-resizable-sw {
571
+ left: 0;
572
+ bottom: 0;
573
+ }
574
+ .ui-dialog .ui-resizable-ne {
575
+ right: 0;
576
+ top: 0;
577
+ }
578
+ .ui-dialog .ui-resizable-nw {
579
+ left: 0;
580
+ top: 0;
581
+ }
582
+ .ui-draggable .ui-dialog-titlebar {
583
+ cursor: move;
584
+ }
585
+ .ui-draggable-handle {
586
+ -ms-touch-action: none;
587
+ touch-action: none;
588
+ }
589
+ .ui-resizable {
590
+ position: relative;
591
+ }
592
+ .ui-resizable-handle {
593
+ position: absolute;
594
+ font-size: 0.1px;
595
+ display: block;
596
+ -ms-touch-action: none;
597
+ touch-action: none;
598
+ }
599
+ .ui-resizable-disabled .ui-resizable-handle,
600
+ .ui-resizable-autohide .ui-resizable-handle {
601
+ display: none;
602
+ }
603
+ .ui-resizable-n {
604
+ cursor: n-resize;
605
+ height: 7px;
606
+ width: 100%;
607
+ top: -5px;
608
+ left: 0;
609
+ }
610
+ .ui-resizable-s {
611
+ cursor: s-resize;
612
+ height: 7px;
613
+ width: 100%;
614
+ bottom: -5px;
615
+ left: 0;
616
+ }
617
+ .ui-resizable-e {
618
+ cursor: e-resize;
619
+ width: 7px;
620
+ right: -5px;
621
+ top: 0;
622
+ height: 100%;
623
+ }
624
+ .ui-resizable-w {
625
+ cursor: w-resize;
626
+ width: 7px;
627
+ left: -5px;
628
+ top: 0;
629
+ height: 100%;
630
+ }
631
+ .ui-resizable-se {
632
+ cursor: se-resize;
633
+ width: 12px;
634
+ height: 12px;
635
+ right: 1px;
636
+ bottom: 1px;
637
+ }
638
+ .ui-resizable-sw {
639
+ cursor: sw-resize;
640
+ width: 9px;
641
+ height: 9px;
642
+ left: -5px;
643
+ bottom: -5px;
644
+ }
645
+ .ui-resizable-nw {
646
+ cursor: nw-resize;
647
+ width: 9px;
648
+ height: 9px;
649
+ left: -5px;
650
+ top: -5px;
651
+ }
652
+ .ui-resizable-ne {
653
+ cursor: ne-resize;
654
+ width: 9px;
655
+ height: 9px;
656
+ right: -5px;
657
+ top: -5px;
658
+ }
659
+ .ui-progressbar {
660
+ height: 2em;
661
+ text-align: left;
662
+ overflow: hidden;
663
+ }
664
+ .ui-progressbar .ui-progressbar-value {
665
+ margin: -1px;
666
+ height: 100%;
667
+ }
668
+ .ui-progressbar .ui-progressbar-overlay {
669
+ background: url("data:image/gif;base64,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");
670
+ height: 100%;
671
+ filter: alpha(opacity=25); /* support: IE8 */
672
+ opacity: 0.25;
673
+ }
674
+ .ui-progressbar-indeterminate .ui-progressbar-value {
675
+ background-image: none;
676
+ }
677
+ .ui-selectable {
678
+ -ms-touch-action: none;
679
+ touch-action: none;
680
+ }
681
+ .ui-selectable-helper {
682
+ position: absolute;
683
+ z-index: 100;
684
+ border: 1px dotted black;
685
+ }
686
+ .ui-selectmenu-menu {
687
+ padding: 0;
688
+ margin: 0;
689
+ position: absolute;
690
+ top: 0;
691
+ left: 0;
692
+ display: none;
693
+ }
694
+ .ui-selectmenu-menu .ui-menu {
695
+ overflow: auto;
696
+ overflow-x: hidden;
697
+ padding-bottom: 1px;
698
+ }
699
+ .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
700
+ font-size: 1em;
701
+ font-weight: bold;
702
+ line-height: 1.5;
703
+ padding: 2px 0.4em;
704
+ margin: 0.5em 0 0 0;
705
+ height: auto;
706
+ border: 0;
707
+ }
708
+ .ui-selectmenu-open {
709
+ display: block;
710
+ }
711
+ .ui-selectmenu-text {
712
+ display: block;
713
+ margin-right: 20px;
714
+ overflow: hidden;
715
+ text-overflow: ellipsis;
716
+ }
717
+ .ui-selectmenu-button.ui-button {
718
+ text-align: left;
719
+ white-space: nowrap;
720
+ width: 14em;
721
+ }
722
+ .ui-selectmenu-icon.ui-icon {
723
+ float: right;
724
+ margin-top: 0;
725
+ }
726
+ .ui-slider {
727
+ position: relative;
728
+ text-align: left;
729
+ }
730
+ .ui-slider .ui-slider-handle {
731
+ position: absolute;
732
+ z-index: 2;
733
+ width: 1.2em;
734
+ height: 1.2em;
735
+ cursor: default;
736
+ -ms-touch-action: none;
737
+ touch-action: none;
738
+ }
739
+ .ui-slider .ui-slider-range {
740
+ position: absolute;
741
+ z-index: 1;
742
+ font-size: .7em;
743
+ display: block;
744
+ border: 0;
745
+ background-position: 0 0;
746
+ }
747
+
748
+ /* support: IE8 - See #6727 */
749
+ .ui-slider.ui-state-disabled .ui-slider-handle,
750
+ .ui-slider.ui-state-disabled .ui-slider-range {
751
+ filter: inherit;
752
+ }
753
+
754
+ .ui-slider-horizontal {
755
+ height: .8em;
756
+ }
757
+ .ui-slider-horizontal .ui-slider-handle {
758
+ top: -.3em;
759
+ margin-left: -.6em;
760
+ }
761
+ .ui-slider-horizontal .ui-slider-range {
762
+ top: 0;
763
+ height: 100%;
764
+ }
765
+ .ui-slider-horizontal .ui-slider-range-min {
766
+ left: 0;
767
+ }
768
+ .ui-slider-horizontal .ui-slider-range-max {
769
+ right: 0;
770
+ }
771
+
772
+ .ui-slider-vertical {
773
+ width: .8em;
774
+ height: 100px;
775
+ }
776
+ .ui-slider-vertical .ui-slider-handle {
777
+ left: -.3em;
778
+ margin-left: 0;
779
+ margin-bottom: -.6em;
780
+ }
781
+ .ui-slider-vertical .ui-slider-range {
782
+ left: 0;
783
+ width: 100%;
784
+ }
785
+ .ui-slider-vertical .ui-slider-range-min {
786
+ bottom: 0;
787
+ }
788
+ .ui-slider-vertical .ui-slider-range-max {
789
+ top: 0;
790
+ }
791
+ .ui-sortable-handle {
792
+ -ms-touch-action: none;
793
+ touch-action: none;
794
+ }
795
+ .ui-spinner {
796
+ position: relative;
797
+ display: inline-block;
798
+ overflow: hidden;
799
+ padding: 0;
800
+ vertical-align: middle;
801
+ }
802
+ .ui-spinner-input {
803
+ border: none;
804
+ background: none;
805
+ color: inherit;
806
+ padding: .222em 0;
807
+ margin: .2em 0;
808
+ vertical-align: middle;
809
+ margin-left: .4em;
810
+ margin-right: 2em;
811
+ }
812
+ .ui-spinner-button {
813
+ width: 1.6em;
814
+ height: 50%;
815
+ font-size: .5em;
816
+ padding: 0;
817
+ margin: 0;
818
+ text-align: center;
819
+ position: absolute;
820
+ cursor: default;
821
+ display: block;
822
+ overflow: hidden;
823
+ right: 0;
824
+ }
825
+ /* more specificity required here to override default borders */
826
+ .ui-spinner a.ui-spinner-button {
827
+ border-top-style: none;
828
+ border-bottom-style: none;
829
+ border-right-style: none;
830
+ }
831
+ .ui-spinner-up {
832
+ top: 0;
833
+ }
834
+ .ui-spinner-down {
835
+ bottom: 0;
836
+ }
837
+ .ui-tabs {
838
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
839
+ padding: .2em;
840
+ }
841
+ .ui-tabs .ui-tabs-nav {
842
+ margin: 0;
843
+ padding: .2em .2em 0;
844
+ }
845
+ .ui-tabs .ui-tabs-nav li {
846
+ list-style: none;
847
+ float: left;
848
+ position: relative;
849
+ top: 0;
850
+ margin: 1px .2em 0 0;
851
+ border-bottom-width: 0;
852
+ padding: 0;
853
+ white-space: nowrap;
854
+ }
855
+ .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
856
+ float: left;
857
+ padding: .5em 1em;
858
+ text-decoration: none;
859
+ }
860
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
861
+ margin-bottom: -1px;
862
+ padding-bottom: 1px;
863
+ }
864
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
865
+ .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
866
+ .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
867
+ cursor: text;
868
+ }
869
+ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
870
+ cursor: pointer;
871
+ }
872
+ .ui-tabs .ui-tabs-panel {
873
+ display: block;
874
+ border-width: 0;
875
+ padding: 1em 1.4em;
876
+ background: none;
877
+ }
878
+ .ui-tooltip {
879
+ padding: 8px;
880
+ position: absolute;
881
+ z-index: 9999;
882
+ max-width: 300px;
883
+ }
884
+ body .ui-tooltip {
885
+ border-width: 2px;
886
+ }