primeng 7.1.2 → 7.1.3

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 (64) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/calendar/calendar.d.ts +8 -2
  3. package/components/calendar/calendar.js +59 -17
  4. package/components/calendar/calendar.js.map +1 -1
  5. package/components/calendar/calendar.metadata.json +1 -1
  6. package/components/common/confirmation.d.ts +1 -1
  7. package/components/confirmdialog/confirmdialog.js +4 -5
  8. package/components/confirmdialog/confirmdialog.js.map +1 -1
  9. package/components/confirmdialog/confirmdialog.metadata.json +1 -1
  10. package/components/dataview/dataview.js +3 -1
  11. package/components/dataview/dataview.js.map +1 -1
  12. package/components/dataview/dataview.metadata.json +1 -1
  13. package/components/dialog/dialog.js +1 -1
  14. package/components/dialog/dialog.js.map +1 -1
  15. package/components/dom/domhandler.d.ts +1 -1
  16. package/components/dom/domhandler.js +22 -13
  17. package/components/dom/domhandler.js.map +1 -1
  18. package/components/dom/domhandler.metadata.json +1 -1
  19. package/components/dynamicdialog/dynamicdialog.js +3 -3
  20. package/components/dynamicdialog/dynamicdialog.js.map +1 -1
  21. package/components/dynamicdialog/dynamicdialog.metadata.json +1 -1
  22. package/components/gmap/gmap.d.ts +1 -0
  23. package/components/gmap/gmap.js +14 -0
  24. package/components/gmap/gmap.js.map +1 -1
  25. package/components/gmap/gmap.metadata.json +1 -1
  26. package/components/inputmask/inputmask.d.ts +1 -1
  27. package/components/inputmask/inputmask.js +2 -2
  28. package/components/inputmask/inputmask.js.map +1 -1
  29. package/components/menu/menu.js +1 -1
  30. package/components/menu/menu.js.map +1 -1
  31. package/components/menu/menu.metadata.json +1 -1
  32. package/components/menubar/menubar.js +2 -2
  33. package/components/menubar/menubar.js.map +1 -1
  34. package/components/multiselect/multiselect.d.ts +1 -0
  35. package/components/multiselect/multiselect.js +5 -1
  36. package/components/multiselect/multiselect.js.map +1 -1
  37. package/components/multiselect/multiselect.metadata.json +1 -1
  38. package/components/spinner/spinner.d.ts +3 -3
  39. package/components/spinner/spinner.js +7 -3
  40. package/components/spinner/spinner.js.map +1 -1
  41. package/components/spinner/spinner.metadata.json +1 -1
  42. package/components/table/table.d.ts +9 -3
  43. package/components/table/table.js +54 -25
  44. package/components/table/table.js.map +1 -1
  45. package/components/table/table.metadata.json +1 -1
  46. package/components/tree/tree.js +7 -1
  47. package/components/tree/tree.js.map +1 -1
  48. package/components/tree/tree.metadata.json +1 -1
  49. package/package.json +1 -1
  50. package/resources/components/dialog/dialog.css +2 -4
  51. package/resources/components/fileupload/fileupload.css +1 -0
  52. package/resources/components/galleria/galleria.css +1 -2
  53. package/resources/components/radiobutton/radiobutton.css +1 -1
  54. package/resources/components/spinner/spinner.css +0 -6
  55. package/resources/primeng.css +591 -599
  56. package/resources/primeng.min.css +1 -1
  57. package/resources/themes/luna-amber/theme.css +6 -0
  58. package/resources/themes/luna-blue/theme.css +6 -0
  59. package/resources/themes/luna-green/theme.css +6 -0
  60. package/resources/themes/luna-pink/theme.css +6 -0
  61. package/resources/themes/nova-colored/theme.css +6 -0
  62. package/resources/themes/nova-dark/theme.css +6 -0
  63. package/resources/themes/nova-light/theme.css +6 -0
  64. package/resources/themes/rhea/theme.css +6 -0
@@ -237,17 +237,6 @@ button {
237
237
  .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
238
238
  content: '\e904';
239
239
  }
240
- .ui-blockui {
241
- position: absolute;
242
- top: 0;
243
- left: 0;
244
- width: 100%;
245
- height: 100%;
246
- }
247
-
248
- .ui-blockui-document {
249
- position: fixed;
250
- }
251
240
  .ui-autocomplete {
252
241
  width: auto;
253
242
  zoom: 1;
@@ -412,6 +401,17 @@ button {
412
401
  width: 2em;
413
402
  }
414
403
 
404
+ .ui-blockui {
405
+ position: absolute;
406
+ top: 0;
407
+ left: 0;
408
+ width: 100%;
409
+ height: 100%;
410
+ }
411
+
412
+ .ui-blockui-document {
413
+ position: fixed;
414
+ }
415
415
  /** Breadcrumb **/
416
416
  .ui-breadcrumb {
417
417
  margin: 0;
@@ -1241,34 +1241,6 @@ input[type=text]::-ms-clear {
1241
1241
  border-top: 0 none;
1242
1242
  }
1243
1243
 
1244
- .ui-datascroller {
1245
- }
1246
-
1247
- .ui-datascroller .ui-datascroller-header {
1248
- text-align: center;
1249
- padding: .5em .75em;
1250
- border-bottom: 0 none;
1251
- }
1252
-
1253
- .ui-datascroller .ui-datascroller-footer {
1254
- text-align: center;
1255
- padding: .25em .625em;
1256
- border-top: 0px none;
1257
- }
1258
-
1259
- .ui-datascroller .ui-datascroller-content {
1260
- padding: .25em .625em;
1261
- }
1262
-
1263
- .ui-datascroller-inline .ui-datascroller-content {
1264
- overflow: auto;
1265
- }
1266
-
1267
- .ui-datascroller .ui-datascroller-list {
1268
- list-style-type: none;
1269
- margin: 0;
1270
- padding: 0;
1271
- }
1272
1244
  .ui-datatable {
1273
1245
  position: relative;
1274
1246
  }
@@ -1639,6 +1611,34 @@ input[type=text]::-ms-clear {
1639
1611
  display: block;
1640
1612
  }
1641
1613
  }
1614
+ .ui-datascroller {
1615
+ }
1616
+
1617
+ .ui-datascroller .ui-datascroller-header {
1618
+ text-align: center;
1619
+ padding: .5em .75em;
1620
+ border-bottom: 0 none;
1621
+ }
1622
+
1623
+ .ui-datascroller .ui-datascroller-footer {
1624
+ text-align: center;
1625
+ padding: .25em .625em;
1626
+ border-top: 0px none;
1627
+ }
1628
+
1629
+ .ui-datascroller .ui-datascroller-content {
1630
+ padding: .25em .625em;
1631
+ }
1632
+
1633
+ .ui-datascroller-inline .ui-datascroller-content {
1634
+ overflow: auto;
1635
+ }
1636
+
1637
+ .ui-datascroller .ui-datascroller-list {
1638
+ list-style-type: none;
1639
+ margin: 0;
1640
+ padding: 0;
1641
+ }
1642
1642
  .ui-dataview {
1643
1643
  position: relative;
1644
1644
  }
@@ -1788,11 +1788,9 @@ input[type=text]::-ms-clear {
1788
1788
  }
1789
1789
  .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
1790
1790
  font-size: 1.5em;
1791
- vertical-align: middle;
1792
1791
  margin-right: .5em;
1793
- }
1794
- .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
1795
- vertical-align: middle;
1792
+ position: relative;
1793
+ top: .2em;
1796
1794
  }
1797
1795
 
1798
1796
  .ui-dialog-footer .ui-button {
@@ -2055,6 +2053,7 @@ input[type=text]::-ms-clear {
2055
2053
  filter: alpha(opacity=0);
2056
2054
  direction: ltr;
2057
2055
  cursor: pointer;
2056
+ z-index: 1;
2058
2057
  }
2059
2058
 
2060
2059
  .ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
@@ -2089,9 +2088,6 @@ input[type=text]::-ms-clear {
2089
2088
 
2090
2089
 
2091
2090
 
2092
- .ui-fluid .fc .ui-button {
2093
- width: auto;
2094
- }
2095
2091
  .ui-galleria {
2096
2092
  overflow: hidden;
2097
2093
  visibility: hidden;
@@ -2123,7 +2119,6 @@ input[type=text]::-ms-clear {
2123
2119
  margin: 0;
2124
2120
  padding: 0;
2125
2121
  width: 2340px;
2126
- z-index: 900;
2127
2122
  position: absolute;
2128
2123
  top: 0;
2129
2124
  left: 0;
@@ -2147,7 +2142,7 @@ input[type=text]::-ms-clear {
2147
2142
  .ui-galleria .ui-galleria-nav-next, .ui-galleria .ui-galleria-nav-prev {
2148
2143
  cursor: pointer;
2149
2144
  position: absolute;
2150
- z-index: 910;
2145
+ z-index: 1;
2151
2146
  }
2152
2147
 
2153
2148
  .ui-galleria .ui-galleria-nav-prev {
@@ -2175,60 +2170,8 @@ input[type=text]::-ms-clear {
2175
2170
  padding: 1em 1.4em;
2176
2171
  }
2177
2172
 
2178
- .ui-growl {
2179
- position:fixed;
2180
- top: 20px;
2181
- right: 20px;
2182
- width: 20em;
2183
- }
2184
-
2185
- .ui-growl-item-container {
2186
- position:relative;
2187
- margin:0 0 10px 0;
2188
- opacity:0.95;
2189
- filter:alpha(opacity=95);
2190
- }
2191
-
2192
- .ui-growl-item {
2193
- position: relative;
2194
- display: block;
2195
- padding: .5em 1em;
2196
- }
2197
-
2198
- .ui-growl-item p {
2199
- padding: 0;
2200
- margin: 0;
2201
- }
2202
-
2203
- .ui-growl-icon-close {
2204
- position: absolute;
2205
- top: 4px;
2206
- right: 4px;
2207
- cursor: pointer;
2208
- }
2209
-
2210
- .ui-growl-title {
2211
- font-weight: bold;
2212
- padding: 0 0 .5em 0;
2213
- display: block;
2214
- }
2215
-
2216
- .ui-growl-image {
2217
- position: absolute;
2218
- display: inline-block;
2219
- left: .5em;
2220
- top: .25em;
2221
- padding: 0;
2222
- font-size: 2em;
2223
- }
2224
-
2225
- .ui-growl-message {
2226
- padding: 0 0 .25em 0;
2227
- margin-left: 2.5em;
2228
- }
2229
-
2230
- .ui-growl-message p {
2231
- font-weight: normal;
2173
+ .ui-fluid .fc .ui-button {
2174
+ width: auto;
2232
2175
  }
2233
2176
  /* Deprecated Grid CSS */
2234
2177
  .ui-grid {
@@ -3007,6 +2950,72 @@ input[type=text]::-ms-clear {
3007
2950
  padding: 0;
3008
2951
  }
3009
2952
 
2953
+ .ui-growl {
2954
+ position:fixed;
2955
+ top: 20px;
2956
+ right: 20px;
2957
+ width: 20em;
2958
+ }
2959
+
2960
+ .ui-growl-item-container {
2961
+ position:relative;
2962
+ margin:0 0 10px 0;
2963
+ opacity:0.95;
2964
+ filter:alpha(opacity=95);
2965
+ }
2966
+
2967
+ .ui-growl-item {
2968
+ position: relative;
2969
+ display: block;
2970
+ padding: .5em 1em;
2971
+ }
2972
+
2973
+ .ui-growl-item p {
2974
+ padding: 0;
2975
+ margin: 0;
2976
+ }
2977
+
2978
+ .ui-growl-icon-close {
2979
+ position: absolute;
2980
+ top: 4px;
2981
+ right: 4px;
2982
+ cursor: pointer;
2983
+ }
2984
+
2985
+ .ui-growl-title {
2986
+ font-weight: bold;
2987
+ padding: 0 0 .5em 0;
2988
+ display: block;
2989
+ }
2990
+
2991
+ .ui-growl-image {
2992
+ position: absolute;
2993
+ display: inline-block;
2994
+ left: .5em;
2995
+ top: .25em;
2996
+ padding: 0;
2997
+ font-size: 2em;
2998
+ }
2999
+
3000
+ .ui-growl-message {
3001
+ padding: 0 0 .25em 0;
3002
+ margin-left: 2.5em;
3003
+ }
3004
+
3005
+ .ui-growl-message p {
3006
+ font-weight: normal;
3007
+ }
3008
+ .ui-inplace .ui-inplace-display {
3009
+ display: inline;
3010
+ cursor: pointer;
3011
+ border: 0 none;
3012
+ padding: .25em;
3013
+ font-weight: normal;
3014
+ }
3015
+
3016
+ .ui-inplace .ui-inplace-content {
3017
+ display: inline;
3018
+ }
3010
3019
  .ui-fluid .ui-inputgroup p-inputmask {
3011
3020
  -webkit-box-flex: 1;
3012
3021
  -webkit-flex: 1 1 auto;
@@ -3026,17 +3035,6 @@ input[type=text]::-ms-clear {
3026
3035
  border-right: 0 none;
3027
3036
  }
3028
3037
 
3029
- .ui-inplace .ui-inplace-display {
3030
- display: inline;
3031
- cursor: pointer;
3032
- border: 0 none;
3033
- padding: .25em;
3034
- font-weight: normal;
3035
- }
3036
-
3037
- .ui-inplace .ui-inplace-content {
3038
- display: inline;
3039
- }
3040
3038
  .ui-inputswitch {
3041
3039
  position: relative;
3042
3040
  display: inline-block;
@@ -3782,75 +3780,27 @@ input[type=text]::-ms-clear {
3782
3780
  }
3783
3781
 
3784
3782
 
3785
- .ui-organizationchart .ui-organizationchart-table {
3786
- border-spacing: 0;
3787
- border-collapse: separate;
3788
- margin: 0 auto;
3783
+ .ui-orderlist {
3784
+ display: -webkit-box;
3785
+ display: -ms-flexbox;
3786
+ display: flex;
3787
+ -ms-flex-wrap: wrap;
3788
+ flex-wrap: wrap;
3789
3789
  }
3790
3790
 
3791
- .ui-organizationchart .ui-organizationchart-table > tr > td {
3792
- text-align: center;
3793
- vertical-align: top;
3794
- padding: 0;
3795
- padding: 0 .75em;
3791
+ .ui-orderlist-controls-left {
3792
+ flex-direction: row;
3796
3793
  }
3797
3794
 
3798
- .ui-organizationchart .ui-organizationchart-node-content {
3799
- padding: .5em .75em;
3800
- display: inline-block;
3801
- position: relative;
3795
+ .ui-orderlist-controls-right {
3796
+ flex-direction: row-reverse;
3802
3797
  }
3803
3798
 
3804
- .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
3805
- position: absolute;
3806
- bottom: -9px;
3807
- margin-left: -8px;
3808
- z-index: 2;
3809
- left: 50%;
3810
- }
3811
-
3812
- .ui-organizationchart .ui-organizationchart-line-down {
3813
- margin: 0 auto;
3814
- height: 20px;
3815
- width: 1px;
3816
- float: none;
3817
- }
3818
-
3819
- .ui-organizationchart .ui-organizationchart-line-right {
3820
- float: none;
3821
- border-radius: 0px;
3822
- }
3823
-
3824
- .ui-organizationchart .ui-organizationchart-line-left {
3825
- float: none;
3826
- border-radius: 0;
3827
- }
3828
-
3829
- .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
3830
- cursor: pointer;
3831
- }
3832
-
3833
- .ui-orderlist {
3834
- display: -webkit-box;
3835
- display: -ms-flexbox;
3836
- display: flex;
3837
- -ms-flex-wrap: wrap;
3838
- flex-wrap: wrap;
3839
- }
3840
-
3841
- .ui-orderlist-controls-left {
3842
- flex-direction: row;
3843
- }
3844
-
3845
- .ui-orderlist-controls-right {
3846
- flex-direction: row-reverse;
3847
- }
3848
-
3849
- .ui-orderlist-controls,
3850
- .ui-orderlist-list-container {
3851
- -webkit-box-flex: 0;
3852
- -ms-flex: 0 0 auto;
3853
- flex: 0 0 auto;
3799
+ .ui-orderlist-controls,
3800
+ .ui-orderlist-list-container {
3801
+ -webkit-box-flex: 0;
3802
+ -ms-flex: 0 0 auto;
3803
+ flex: 0 0 auto;
3854
3804
  }
3855
3805
  .ui-orderlist-controls {
3856
3806
  padding: 0 .25em;
@@ -3939,100 +3889,54 @@ input[type=text]::-ms-clear {
3939
3889
  margin-right: .25em;
3940
3890
  }
3941
3891
  }
3942
- .ui-paginator {
3943
- margin: 0;
3944
- text-align: center;
3945
- padding: .125em;
3946
- }
3947
-
3948
- .ui-paginator .ui-paginator-top {
3949
- border-bottom: 0 none;
3950
- }
3951
-
3952
- .ui-paginator .ui-paginator-bottom {
3953
- border-top:0 none;
3954
- }
3955
-
3956
- .ui-paginator .ui-paginator-left-content {
3957
- float: left;
3892
+ .ui-organizationchart .ui-organizationchart-table {
3893
+ border-spacing: 0;
3894
+ border-collapse: separate;
3895
+ margin: 0 auto;
3958
3896
  }
3959
3897
 
3960
- .ui-paginator .ui-paginator-right-content {
3961
- float: right;
3898
+ .ui-organizationchart .ui-organizationchart-table > tr > td {
3899
+ text-align: center;
3900
+ vertical-align: top;
3901
+ padding: 0;
3902
+ padding: 0 .75em;
3962
3903
  }
3963
3904
 
3964
- .ui-paginator .ui-paginator-page,
3965
- .ui-paginator .ui-paginator-pages,
3966
- .ui-paginator .ui-paginator-next,
3967
- .ui-paginator .ui-paginator-last,
3968
- .ui-paginator .ui-paginator-first,
3969
- .ui-paginator .ui-paginator-prev,
3970
- .ui-paginator .ui-paginator-current {
3905
+ .ui-organizationchart .ui-organizationchart-node-content {
3906
+ padding: .5em .75em;
3971
3907
  display: inline-block;
3972
- min-width: 1.5em;
3973
- height: 1.5em;
3974
- line-height: 1.5em;
3975
- zoom: 1;
3976
- margin-left: .063em;
3977
- margin-right: .063em;
3978
- text-decoration: none;
3979
- vertical-align: middle;
3980
- text-align: center;
3981
3908
  position: relative;
3982
3909
  }
3983
3910
 
3984
- .ui-paginator .ui-paginator-pages {
3985
- width: auto;
3986
- line-height: 1;
3987
- }
3988
-
3989
- .ui-paginator .ui-paginator-icon {
3990
- display: block;
3911
+ .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
3991
3912
  position: absolute;
3913
+ bottom: -9px;
3914
+ margin-left: -8px;
3915
+ z-index: 2;
3992
3916
  left: 50%;
3993
- top: 50%;
3994
- width: 1em;
3995
- height: 1em;
3996
- margin-top: -.5em;
3997
- margin-left: -.5em;
3998
- }
3999
-
4000
- .ui-paginator .ui-paginator-page,
4001
- .ui-paginator .ui-paginator-next,
4002
- .ui-paginator .ui-paginator-last,
4003
- .ui-paginator .ui-paginator-first,
4004
- .ui-paginator .ui-paginator-prev{
4005
- cursor: pointer;
4006
3917
  }
4007
3918
 
4008
- .ui-paginator .ui-paginator-current,
4009
- .ui-paginator .ui-paginator-rpp-options {
4010
- margin-left: 1em;
4011
- margin-right: 1em;
4012
- background-image: none;
3919
+ .ui-organizationchart .ui-organizationchart-line-down {
3920
+ margin: 0 auto;
3921
+ height: 20px;
3922
+ width: 1px;
3923
+ float: none;
4013
3924
  }
4014
3925
 
4015
- .ui-paginator .ui-paginator-jtp-select option,
4016
- .ui-paginator .ui-paginator-rpp-options option {
4017
- background-image: none;
4018
- border: 0 none;
4019
- box-shadow: none;
4020
- -moz-box-shadow: none;
4021
- -webkit-box-shadow: none;
3926
+ .ui-organizationchart .ui-organizationchart-line-right {
3927
+ float: none;
3928
+ border-radius: 0px;
4022
3929
  }
4023
3930
 
4024
- .ui-paginator a.ui-state-disabled {
4025
- outline: 0 none;
3931
+ .ui-organizationchart .ui-organizationchart-line-left {
3932
+ float: none;
3933
+ border-radius: 0;
4026
3934
  }
4027
3935
 
4028
- .ui-paginator .ui-dropdown {
4029
- min-width: 4em;
4030
- margin-left: .375em;
3936
+ .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
3937
+ cursor: pointer;
4031
3938
  }
4032
3939
 
4033
- .ui-fluid .ui-paginator .ui-dropdown {
4034
- width: auto;
4035
- }
4036
3940
  .ui-overlaypanel {
4037
3941
  padding: 0;
4038
3942
  margin: 0;
@@ -4114,68 +4018,99 @@ input[type=text]::-ms-clear {
4114
4018
  .ui-overlaypanel.ui-overlaypanel-flipped:before {
4115
4019
  border-bottom-color: transparent
4116
4020
  }
4117
- .ui-panelmenu {
4118
- width: auto;
4021
+ .ui-paginator {
4022
+ margin: 0;
4023
+ text-align: center;
4024
+ padding: .125em;
4119
4025
  }
4120
4026
 
4121
- .ui-panelmenu .ui-menu-separator {
4122
- border-width: 1px 0 0 0;
4027
+ .ui-paginator .ui-paginator-top {
4028
+ border-bottom: 0 none;
4123
4029
  }
4124
4030
 
4125
- .ui-panelmenu .ui-panelmenu-content-wrapper {
4126
- overflow: hidden;
4031
+ .ui-paginator .ui-paginator-bottom {
4032
+ border-top:0 none;
4127
4033
  }
4128
4034
 
4129
- .ui-panelmenu .ui-panelmenu-header {
4130
- margin: -1px 0 0 0;
4131
- zoom: 1;
4035
+ .ui-paginator .ui-paginator-left-content {
4036
+ float: left;
4132
4037
  }
4133
4038
 
4134
- .ui-panelmenu .ui-panelmenu-header-link {
4135
- padding: .5em;
4136
- display: block;
4137
- text-decoration: none;
4039
+ .ui-paginator .ui-paginator-right-content {
4040
+ float: right;
4138
4041
  }
4139
4042
 
4140
- .ui-panelmenu .ui-panelmenu-icon {
4043
+ .ui-paginator .ui-paginator-page,
4044
+ .ui-paginator .ui-paginator-pages,
4045
+ .ui-paginator .ui-paginator-next,
4046
+ .ui-paginator .ui-paginator-last,
4047
+ .ui-paginator .ui-paginator-first,
4048
+ .ui-paginator .ui-paginator-prev,
4049
+ .ui-paginator .ui-paginator-current {
4050
+ display: inline-block;
4051
+ min-width: 1.5em;
4052
+ height: 1.5em;
4053
+ line-height: 1.5em;
4054
+ zoom: 1;
4055
+ margin-left: .063em;
4056
+ margin-right: .063em;
4057
+ text-decoration: none;
4141
4058
  vertical-align: middle;
4059
+ text-align: center;
4060
+ position: relative;
4142
4061
  }
4143
4062
 
4144
- .ui-panelmenu .ui-menuitem-text {
4145
- vertical-align: middle;
4063
+ .ui-paginator .ui-paginator-pages {
4064
+ width: auto;
4065
+ line-height: 1;
4146
4066
  }
4147
4067
 
4148
- .ui-panelmenu .ui-menuitem-icon {
4149
- margin-right: .25em;
4150
- vertical-align: middle;
4068
+ .ui-paginator .ui-paginator-icon {
4069
+ display: block;
4070
+ position: absolute;
4071
+ left: 50%;
4072
+ top: 50%;
4073
+ width: 1em;
4074
+ height: 1em;
4075
+ margin-top: -.5em;
4076
+ margin-left: -.5em;
4151
4077
  }
4152
4078
 
4153
- .ui-panelmenu .ui-panelmenu-content {
4154
- padding: 0.25em;
4155
- border-top: 0;
4156
- margin-bottom: 1px;
4079
+ .ui-paginator .ui-paginator-page,
4080
+ .ui-paginator .ui-paginator-next,
4081
+ .ui-paginator .ui-paginator-last,
4082
+ .ui-paginator .ui-paginator-first,
4083
+ .ui-paginator .ui-paginator-prev{
4084
+ cursor: pointer;
4157
4085
  }
4158
4086
 
4159
- .ui-panelmenu .ui-submenu-list {
4160
- margin: 0;
4161
- padding: 0;
4162
- list-style: none;
4163
- margin-left: 1.5em;
4087
+ .ui-paginator .ui-paginator-current,
4088
+ .ui-paginator .ui-paginator-rpp-options {
4089
+ margin-left: 1em;
4090
+ margin-right: 1em;
4091
+ background-image: none;
4164
4092
  }
4165
4093
 
4166
- .ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu >.ui-submenu-list {
4167
- margin-left: 0;
4094
+ .ui-paginator .ui-paginator-jtp-select option,
4095
+ .ui-paginator .ui-paginator-rpp-options option {
4096
+ background-image: none;
4097
+ border: 0 none;
4098
+ box-shadow: none;
4099
+ -moz-box-shadow: none;
4100
+ -webkit-box-shadow: none;
4168
4101
  }
4169
4102
 
4170
- .ui-panelmenu .ui-menuitem {
4171
- overflow: hidden;
4172
- margin: .125em 0;
4103
+ .ui-paginator a.ui-state-disabled {
4104
+ outline: 0 none;
4173
4105
  }
4174
4106
 
4175
- .ui-panelmenu .ui-menuitem-link {
4176
- padding: .25em;
4177
- display: block;
4178
- text-decoration: none;
4107
+ .ui-paginator .ui-dropdown {
4108
+ min-width: 4em;
4109
+ margin-left: .375em;
4110
+ }
4111
+
4112
+ .ui-fluid .ui-paginator .ui-dropdown {
4113
+ width: auto;
4179
4114
  }
4180
4115
  .ui-panel {
4181
4116
  padding: 0.2em;
@@ -4214,13 +4149,76 @@ input[type=text]::-ms-clear {
4214
4149
  .ui-panel-content-wrapper-overflown {
4215
4150
  overflow: hidden;
4216
4151
  }
4217
- .ui-password-panel {
4218
- padding: .25em .5em;
4219
- position: absolute;
4152
+ .ui-panelmenu {
4153
+ width: auto;
4220
4154
  }
4221
4155
 
4222
- .ui-password-panel .ui-password-meter {
4223
- height: 10px;
4156
+ .ui-panelmenu .ui-menu-separator {
4157
+ border-width: 1px 0 0 0;
4158
+ }
4159
+
4160
+ .ui-panelmenu .ui-panelmenu-content-wrapper {
4161
+ overflow: hidden;
4162
+ }
4163
+
4164
+ .ui-panelmenu .ui-panelmenu-header {
4165
+ margin: -1px 0 0 0;
4166
+ zoom: 1;
4167
+ }
4168
+
4169
+ .ui-panelmenu .ui-panelmenu-header-link {
4170
+ padding: .5em;
4171
+ display: block;
4172
+ text-decoration: none;
4173
+ }
4174
+
4175
+ .ui-panelmenu .ui-panelmenu-icon {
4176
+ vertical-align: middle;
4177
+ }
4178
+
4179
+ .ui-panelmenu .ui-menuitem-text {
4180
+ vertical-align: middle;
4181
+ }
4182
+
4183
+ .ui-panelmenu .ui-menuitem-icon {
4184
+ margin-right: .25em;
4185
+ vertical-align: middle;
4186
+ }
4187
+
4188
+ .ui-panelmenu .ui-panelmenu-content {
4189
+ padding: 0.25em;
4190
+ border-top: 0;
4191
+ margin-bottom: 1px;
4192
+ }
4193
+
4194
+ .ui-panelmenu .ui-submenu-list {
4195
+ margin: 0;
4196
+ padding: 0;
4197
+ list-style: none;
4198
+ margin-left: 1.5em;
4199
+ }
4200
+
4201
+ .ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu >.ui-submenu-list {
4202
+ margin-left: 0;
4203
+ }
4204
+
4205
+ .ui-panelmenu .ui-menuitem {
4206
+ overflow: hidden;
4207
+ margin: .125em 0;
4208
+ }
4209
+
4210
+ .ui-panelmenu .ui-menuitem-link {
4211
+ padding: .25em;
4212
+ display: block;
4213
+ text-decoration: none;
4214
+ }
4215
+ .ui-password-panel {
4216
+ padding: .25em .5em;
4217
+ position: absolute;
4218
+ }
4219
+
4220
+ .ui-password-panel .ui-password-meter {
4221
+ height: 10px;
4224
4222
  background:transparent url("./images/password-meter.png") no-repeat left top;
4225
4223
  padding: 0;
4226
4224
  margin: 0;
@@ -4673,7 +4671,7 @@ input[type=text]::-ms-clear {
4673
4671
  margin-left: -.5em;
4674
4672
  }
4675
4673
 
4676
- .ui-radiobutton, .ui-radiobutton-label {
4674
+ .ui-radiobutton {
4677
4675
  vertical-align: middle;
4678
4676
  }
4679
4677
  .ui-rating {
@@ -5046,12 +5044,6 @@ input[type=text]::-ms-clear {
5046
5044
  padding-right: 1.5em;
5047
5045
  }
5048
5046
 
5049
- .ui-spinner-input::-webkit-inner-spin-button,
5050
- .ui-spinner-input::-webkit-outer-spin-button {
5051
- -webkit-appearance: none;
5052
- margin: 0;
5053
- }
5054
-
5055
5047
  .ui-spinner-button {
5056
5048
  cursor: default;
5057
5049
  display: block;
@@ -5130,55 +5122,6 @@ input[type=text]::-ms-clear {
5130
5122
  .ui-splitbutton .ui-menuitem-link {
5131
5123
  cursor: pointer;
5132
5124
  }
5133
- .ui-steps ul {
5134
- list-style-type: none;
5135
- padding: 0;
5136
- margin: 0;
5137
- }
5138
-
5139
- .ui-steps .ui-steps-item {
5140
- float: left;
5141
- box-sizing: border-box;
5142
- cursor: pointer;
5143
- }
5144
-
5145
- .ui-steps.ui-steps-readonly .ui-steps-item {
5146
- cursor: auto;
5147
- }
5148
-
5149
- .ui-steps .ui-steps-item .ui-menuitem-link {
5150
- text-decoration: none;
5151
- display: block;
5152
- padding: 1em;
5153
- position: relative;
5154
- text-align: center;
5155
- }
5156
-
5157
- .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
5158
- .ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
5159
- cursor: default;
5160
- }
5161
-
5162
- .ui-steps .ui-steps-number {
5163
- font-size: 2em;
5164
- display: block;
5165
- }
5166
-
5167
- .ui-steps .ui-steps-title {
5168
- display: block;
5169
- white-space: nowrap;
5170
- }
5171
-
5172
- /* Responsive */
5173
- @media (max-width: 40em) {
5174
- .ui-steps .ui-steps-item .ui-menuitem-link {
5175
- padding: 0.5em;
5176
- }
5177
-
5178
- .ui-steps .ui-steps-item .ui-steps-title {
5179
- display: none;
5180
- }
5181
- }
5182
5125
  .ui-table {
5183
5126
  position: relative;
5184
5127
  }
@@ -5384,6 +5327,55 @@ input[type=text]::-ms-clear {
5384
5327
  font-size: 2em;
5385
5328
  }
5386
5329
 
5330
+ .ui-steps ul {
5331
+ list-style-type: none;
5332
+ padding: 0;
5333
+ margin: 0;
5334
+ }
5335
+
5336
+ .ui-steps .ui-steps-item {
5337
+ float: left;
5338
+ box-sizing: border-box;
5339
+ cursor: pointer;
5340
+ }
5341
+
5342
+ .ui-steps.ui-steps-readonly .ui-steps-item {
5343
+ cursor: auto;
5344
+ }
5345
+
5346
+ .ui-steps .ui-steps-item .ui-menuitem-link {
5347
+ text-decoration: none;
5348
+ display: block;
5349
+ padding: 1em;
5350
+ position: relative;
5351
+ text-align: center;
5352
+ }
5353
+
5354
+ .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
5355
+ .ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
5356
+ cursor: default;
5357
+ }
5358
+
5359
+ .ui-steps .ui-steps-number {
5360
+ font-size: 2em;
5361
+ display: block;
5362
+ }
5363
+
5364
+ .ui-steps .ui-steps-title {
5365
+ display: block;
5366
+ white-space: nowrap;
5367
+ }
5368
+
5369
+ /* Responsive */
5370
+ @media (max-width: 40em) {
5371
+ .ui-steps .ui-steps-item .ui-menuitem-link {
5372
+ padding: 0.5em;
5373
+ }
5374
+
5375
+ .ui-steps .ui-steps-item .ui-steps-title {
5376
+ display: none;
5377
+ }
5378
+ }
5387
5379
  /** TabMenu **/
5388
5380
  .ui-tabmenu .ui-tabmenu-nav {
5389
5381
  margin: 0;
@@ -5808,196 +5800,195 @@ input[type=text]::-ms-clear {
5808
5800
  border-width: 0 .25em .25em;
5809
5801
  border-bottom-color: rgb(76, 76, 76);
5810
5802
  }
5811
- .ui-tree {
5812
- width: 18em;
5803
+ .ui-treetable {
5804
+ position: relative;
5813
5805
  }
5814
5806
 
5815
- .ui-tree .ui-treenode-selectable.ui-treenode-content {
5816
- cursor: pointer;
5807
+ .ui-treetable table {
5808
+ border-collapse: collapse;
5809
+ width: 100%;
5810
+ table-layout: fixed;
5817
5811
  }
5818
5812
 
5819
- .ui-tree .ui-tree-container {
5820
- height: 100%;
5821
- margin: 0;
5822
- overflow: auto;
5823
- padding: .25em;
5824
- white-space: nowrap;
5813
+ .ui-treetable .ui-treetable-thead > tr > th,
5814
+ .ui-treetable .ui-treetable-tbody > tr > td,
5815
+ .ui-treetable .ui-treetable-tfoot > tr > td {
5816
+ padding: .25em .5em;
5825
5817
  }
5826
5818
 
5827
- .ui-tree-empty-message {
5828
- padding: .25em;
5819
+ .ui-treetable .ui-treetable-toggler {
5820
+ cursor: pointer;
5821
+ display: inline-block;
5822
+ height: 1em;
5823
+ position: relative;
5824
+ top: 50%;
5825
+ margin-top: -.5em;
5829
5826
  }
5830
5827
 
5831
- .ui-tree .ui-treenode-children {
5832
- margin: 0;
5833
- padding: 0 0 0 1em;
5828
+ .ui-treetable .ui-sortable-column {
5829
+ cursor: pointer;
5834
5830
  }
5835
5831
 
5836
- .ui-tree .ui-treenode {
5837
- background-attachment: scroll;
5838
- background-color: transparent;
5839
- background-image: none;
5840
- background-position: 0 0;
5841
- background-repeat: repeat-y;
5842
- list-style: none outside none;
5843
- margin: 0;
5844
- padding: .125em 0 0 0;
5832
+ .ui-treetable p-treetablesorticon {
5833
+ vertical-align: middle;
5845
5834
  }
5846
5835
 
5847
- .ui-tree .ui-treenode-droppoint {
5848
- height: 4px;
5849
- list-style-type: none;
5836
+ .ui-treetable-auto-layout > .ui-treetable-wrapper {
5837
+ overflow-x: auto;
5850
5838
  }
5851
5839
 
5852
- .ui-tree .ui-treenode-droppoint-active {
5853
- border: 0 none;
5840
+ .ui-treetable-auto-layout > .ui-treetable-wrapper > table {
5841
+ table-layout: auto;
5854
5842
  }
5855
5843
 
5856
- .ui-tree .ui-tree-toggler {
5857
- cursor: pointer;
5858
- display: inline-block;
5844
+ .ui-treetable .ui-treetable-chkbox {
5845
+ margin: 0 .25em;
5859
5846
  vertical-align: middle;
5860
5847
  }
5861
5848
 
5862
- .ui-tree .ui-treenode-icon {
5863
- display: inline-block;
5864
- vertical-align: middle;
5849
+ /* Sections */
5850
+ .ui-treetable-caption,
5851
+ .ui-treetable-summary {
5852
+ padding: .25em .5em;
5853
+ text-align: center;
5854
+ font-weight: bold;
5865
5855
  }
5866
5856
 
5867
- .ui-tree .ui-treenode-label {
5868
- display: inline-block;
5869
- padding: 0 .25em;
5870
- vertical-align: middle;
5857
+ .ui-treetable-caption {
5858
+ border-bottom: 0 none;
5871
5859
  }
5872
5860
 
5873
- .ui-tree .ui-treenode-label.ui-state-hover,
5874
- .ui-tree .ui-treenode-label.ui-state-highlight {
5875
- font-weight: normal;
5876
- border: 0 none;
5861
+ .ui-treetable-summary {
5862
+ border-top: 0 none;
5877
5863
  }
5878
5864
 
5879
- .ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
5880
- visibility: hidden;
5865
+ /* Paginator */
5866
+ .ui-treetable .ui-paginator-top {
5867
+ border-bottom: 0 none;
5881
5868
  }
5882
5869
 
5883
- .ui-tree .ui-chkbox-box {
5884
- cursor: pointer;
5870
+ .ui-treetable .ui-paginator-bottom {
5871
+ border-top: 0 none;
5885
5872
  }
5886
5873
 
5887
- .ui-tree .ui-chkbox {
5888
- display: inline-block;
5889
- vertical-align: middle;
5890
- }
5891
-
5892
- .ui-tree .ui-chkbox .ui-chkbox-icon {
5893
- margin-left: 1px;
5874
+ /* Scrollable */
5875
+ .ui-treetable-scrollable-wrapper {
5876
+ position: relative;
5894
5877
  }
5895
-
5896
- .ui-tree .ui-tree-filter {
5897
- width: 100%;
5898
- box-sizing: border-box;
5899
- padding-right: 1.5em;
5878
+ .ui-treetable-scrollable-header,
5879
+ .ui-treetable-scrollable-footer {
5880
+ overflow: hidden;
5881
+ border: 0 none;
5900
5882
  }
5901
5883
 
5902
- .ui-tree .ui-tree-filter-container {
5884
+ .ui-treetable-scrollable-body {
5885
+ overflow: auto;
5903
5886
  position: relative;
5904
- margin: 0;
5905
- padding: 0.4em;
5906
- display: inline-block;
5907
- width: 100%;
5908
5887
  }
5909
5888
 
5910
- .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
5911
- position: absolute;
5912
- top: .8em;
5913
- right: 1em;
5914
- }
5915
-
5916
- /** Fluid **/
5917
- .ui-fluid .ui-tree {
5918
- width: 100%;
5889
+ .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
5890
+ border-top: 0 none;
5919
5891
  }
5920
5892
 
5921
- /** Horizontal Tree **/
5922
- .ui-tree-horizontal {
5923
- width:auto;
5924
- padding: .5em 0;
5925
- overflow:auto;
5893
+ .ui-treetable-virtual-table {
5894
+ position: absolute;
5926
5895
  }
5927
5896
 
5928
- .ui-tree.ui-tree-horizontal table,
5929
- .ui-tree.ui-tree-horizontal tr,
5930
- .ui-tree.ui-tree-horizontal td {
5931
- border-collapse: collapse;
5932
- margin: 0;
5933
- padding: 0;
5934
- vertical-align: middle;
5897
+ /* Frozen Columns */
5898
+ .ui-treetable-frozen-view .ui-treetable-scrollable-body {
5899
+ overflow: hidden;
5935
5900
  }
5936
5901
 
5937
- .ui-tree.ui-tree-horizontal .ui-tree-toggler {
5938
- vertical-align: middle;
5939
- margin: 0;
5902
+ .ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
5903
+ border-right: 0 none;
5940
5904
  }
5941
5905
 
5942
- .ui-tree-horizontal .ui-treenode-content {
5943
- font-weight: normal;
5944
- padding: 0.4em 1em 0.4em 0.2em;
5906
+ .ui-treetable-unfrozen-view {
5907
+ position: absolute;
5908
+ top: 0px;
5945
5909
  }
5946
5910
 
5947
- .ui-tree.ui-tree-horizontal .ui-tree-node-label {
5948
- margin: 0;
5911
+ /* Resizable */
5912
+ .ui-treetable-resizable > .ui-treetable-wrapper {
5913
+ overflow-x: auto;
5949
5914
  }
5950
5915
 
5951
- .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
5952
- font-weight: normal;
5953
- white-space: nowrap;
5916
+ .ui-treetable-resizable .ui-treetable-thead > tr > th,
5917
+ .ui-treetable-resizable .ui-treetable-tfoot > tr > td,
5918
+ .ui-treetable-resizable .ui-treetable-tbody > tr > td {
5919
+ overflow: hidden;
5954
5920
  }
5955
5921
 
5956
- .ui-tree.ui-tree-horizontal .ui-treenode {
5957
- background: url("./images/line.gif") repeat-x scroll center center transparent;
5958
- padding: .25em 2.5em;
5922
+ .ui-treetable-resizable .ui-resizable-column {
5923
+ background-clip: padding-box;
5924
+ position: relative;
5959
5925
  }
5960
5926
 
5961
- .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
5962
- .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
5963
- padding-right: 0;
5927
+ .ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
5928
+ display: none;
5964
5929
  }
5965
5930
 
5966
- .ui-tree.ui-tree-horizontal .ui-treenode-children {
5967
- padding: 0;
5931
+ .ui-treetable .ui-column-resizer {
5932
+ display: block;
5933
+ position: absolute !important;
5934
+ top: 0;
5935
+ right: 0;
5968
5936
  margin: 0;
5937
+ width: .5em;
5938
+ height: 100%;
5939
+ padding: 0px;
5940
+ cursor:col-resize;
5941
+ border: 1px solid transparent;
5969
5942
  }
5970
5943
 
5971
- .ui-tree.ui-tree-horizontal .ui-treenode-connector {
5944
+ .ui-treetable .ui-column-resizer-helper {
5972
5945
  width: 1px;
5946
+ position: absolute;
5947
+ z-index: 10;
5948
+ display: none;
5973
5949
  }
5974
5950
 
5975
- .ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
5976
- height: 100%;
5977
- width: 1px;
5951
+ /* Reorder */
5952
+ .ui-treetable-reorder-indicator-up,
5953
+ .ui-treetable-reorder-indicator-down {
5954
+ position: absolute;
5955
+ display: none;
5978
5956
  }
5979
5957
 
5980
- .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
5981
- background: url("./images/line.gif") repeat-y scroll 0 0 transparent;
5982
- width: 1px;
5958
+ /* Responsive */
5959
+ .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
5960
+ display: none;
5983
5961
  }
5984
5962
 
5985
- .ui-tree.ui-tree-horizontal table {
5986
- height: 0;
5987
- }
5963
+ @media screen and (max-width: 40em) {
5964
+ .ui-treetable-responsive .ui-treetable-thead > tr > th,
5965
+ .ui-treetable-responsive .ui-treetable-tfoot > tr > td {
5966
+ display: none !important;
5967
+ }
5988
5968
 
5989
- .ui-tree.ui-tree-horizontal .ui-chkbox {
5990
- vertical-align: bottom;
5991
- margin-right: .25em;
5992
- }
5969
+ .ui-treetable-responsive .ui-treetable-tbody > tr > td {
5970
+ text-align: left;
5971
+ display: block;
5972
+ border: 0 none;
5973
+ width: 100% !important;
5974
+ -webkit-box-sizing: border-box;
5975
+ -moz-box-sizing: border-box;
5976
+ box-sizing: border-box;
5977
+ float: left;
5978
+ clear: left;
5979
+ }
5993
5980
 
5994
- /** Loading **/
5995
- .ui-tree.ui-tree-loading {
5996
- position: relative;
5997
- min-height: 4em;
5981
+ .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
5982
+ padding: .4em;
5983
+ min-width: 30%;
5984
+ display: inline-block;
5985
+ margin: -.4em 1em -.4em -.4em;
5986
+ font-weight: bold;
5987
+ }
5998
5988
  }
5999
5989
 
6000
- .ui-tree .ui-tree-loading-mask {
5990
+ /* Loader */
5991
+ .ui-treetable-loading {
6001
5992
  position: absolute;
6002
5993
  width: 100%;
6003
5994
  height: 100%;
@@ -6006,7 +5997,7 @@ input[type=text]::-ms-clear {
6006
5997
  z-index: 1;
6007
5998
  }
6008
5999
 
6009
- .ui-tree .ui-tree-loading-content {
6000
+ .ui-treetable-loading-content {
6010
6001
  position: absolute;
6011
6002
  left: 50%;
6012
6003
  top: 50%;
@@ -6015,199 +6006,199 @@ input[type=text]::-ms-clear {
6015
6006
  margin-left: -1em;
6016
6007
  }
6017
6008
 
6018
- .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
6009
+ .ui-treetable .ui-treetable-loading-icon {
6019
6010
  font-size: 2em;
6020
- }
6011
+ }
6012
+ .ui-tree {
6013
+ width: 18em;
6014
+ }
6021
6015
 
6022
- .ui-treetable {
6023
- position: relative;
6016
+ .ui-tree .ui-treenode-selectable.ui-treenode-content {
6017
+ cursor: pointer;
6024
6018
  }
6025
6019
 
6026
- .ui-treetable table {
6027
- border-collapse: collapse;
6028
- width: 100%;
6029
- table-layout: fixed;
6020
+ .ui-tree .ui-tree-container {
6021
+ height: 100%;
6022
+ margin: 0;
6023
+ overflow: auto;
6024
+ padding: .25em;
6025
+ white-space: nowrap;
6030
6026
  }
6031
6027
 
6032
- .ui-treetable .ui-treetable-thead > tr > th,
6033
- .ui-treetable .ui-treetable-tbody > tr > td,
6034
- .ui-treetable .ui-treetable-tfoot > tr > td {
6035
- padding: .25em .5em;
6028
+ .ui-tree-empty-message {
6029
+ padding: .25em;
6036
6030
  }
6037
6031
 
6038
- .ui-treetable .ui-treetable-toggler {
6039
- cursor: pointer;
6040
- display: inline-block;
6041
- height: 1em;
6042
- position: relative;
6043
- top: 50%;
6044
- margin-top: -.5em;
6032
+ .ui-tree .ui-treenode-children {
6033
+ margin: 0;
6034
+ padding: 0 0 0 1em;
6045
6035
  }
6046
6036
 
6047
- .ui-treetable .ui-sortable-column {
6048
- cursor: pointer;
6037
+ .ui-tree .ui-treenode {
6038
+ background-attachment: scroll;
6039
+ background-color: transparent;
6040
+ background-image: none;
6041
+ background-position: 0 0;
6042
+ background-repeat: repeat-y;
6043
+ list-style: none outside none;
6044
+ margin: 0;
6045
+ padding: .125em 0 0 0;
6049
6046
  }
6050
6047
 
6051
- .ui-treetable p-treetablesorticon {
6052
- vertical-align: middle;
6048
+ .ui-tree .ui-treenode-droppoint {
6049
+ height: 4px;
6050
+ list-style-type: none;
6053
6051
  }
6054
6052
 
6055
- .ui-treetable-auto-layout > .ui-treetable-wrapper {
6056
- overflow-x: auto;
6053
+ .ui-tree .ui-treenode-droppoint-active {
6054
+ border: 0 none;
6057
6055
  }
6058
6056
 
6059
- .ui-treetable-auto-layout > .ui-treetable-wrapper > table {
6060
- table-layout: auto;
6057
+ .ui-tree .ui-tree-toggler {
6058
+ cursor: pointer;
6059
+ display: inline-block;
6060
+ vertical-align: middle;
6061
6061
  }
6062
6062
 
6063
- .ui-treetable .ui-treetable-chkbox {
6064
- margin: 0 .25em;
6063
+ .ui-tree .ui-treenode-icon {
6064
+ display: inline-block;
6065
6065
  vertical-align: middle;
6066
6066
  }
6067
6067
 
6068
- /* Sections */
6069
- .ui-treetable-caption,
6070
- .ui-treetable-summary {
6071
- padding: .25em .5em;
6072
- text-align: center;
6073
- font-weight: bold;
6068
+ .ui-tree .ui-treenode-label {
6069
+ display: inline-block;
6070
+ padding: 0 .25em;
6071
+ vertical-align: middle;
6074
6072
  }
6075
6073
 
6076
- .ui-treetable-caption {
6077
- border-bottom: 0 none;
6074
+ .ui-tree .ui-treenode-label.ui-state-hover,
6075
+ .ui-tree .ui-treenode-label.ui-state-highlight {
6076
+ font-weight: normal;
6077
+ border: 0 none;
6078
6078
  }
6079
6079
 
6080
- .ui-treetable-summary {
6081
- border-top: 0 none;
6080
+ .ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
6081
+ visibility: hidden;
6082
6082
  }
6083
6083
 
6084
- /* Paginator */
6085
- .ui-treetable .ui-paginator-top {
6086
- border-bottom: 0 none;
6084
+ .ui-tree .ui-chkbox-box {
6085
+ cursor: pointer;
6087
6086
  }
6088
6087
 
6089
- .ui-treetable .ui-paginator-bottom {
6090
- border-top: 0 none;
6088
+ .ui-tree .ui-chkbox {
6089
+ display: inline-block;
6090
+ vertical-align: middle;
6091
6091
  }
6092
6092
 
6093
- /* Scrollable */
6094
- .ui-treetable-scrollable-wrapper {
6095
- position: relative;
6093
+ .ui-tree .ui-chkbox .ui-chkbox-icon {
6094
+ margin-left: 1px;
6096
6095
  }
6097
- .ui-treetable-scrollable-header,
6098
- .ui-treetable-scrollable-footer {
6099
- overflow: hidden;
6100
- border: 0 none;
6096
+
6097
+ .ui-tree .ui-tree-filter {
6098
+ width: 100%;
6099
+ box-sizing: border-box;
6100
+ padding-right: 1.5em;
6101
6101
  }
6102
6102
 
6103
- .ui-treetable-scrollable-body {
6104
- overflow: auto;
6103
+ .ui-tree .ui-tree-filter-container {
6105
6104
  position: relative;
6105
+ margin: 0;
6106
+ padding: 0.4em;
6107
+ display: inline-block;
6108
+ width: 100%;
6106
6109
  }
6107
6110
 
6108
- .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
6109
- border-top: 0 none;
6111
+ .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
6112
+ position: absolute;
6113
+ top: .8em;
6114
+ right: 1em;
6110
6115
  }
6111
6116
 
6112
- .ui-treetable-virtual-table {
6113
- position: absolute;
6117
+ /** Fluid **/
6118
+ .ui-fluid .ui-tree {
6119
+ width: 100%;
6114
6120
  }
6115
6121
 
6116
- /* Frozen Columns */
6117
- .ui-treetable-frozen-view .ui-treetable-scrollable-body {
6118
- overflow: hidden;
6122
+ /** Horizontal Tree **/
6123
+ .ui-tree-horizontal {
6124
+ width:auto;
6125
+ padding: .5em 0;
6126
+ overflow:auto;
6119
6127
  }
6120
6128
 
6121
- .ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
6122
- border-right: 0 none;
6129
+ .ui-tree.ui-tree-horizontal table,
6130
+ .ui-tree.ui-tree-horizontal tr,
6131
+ .ui-tree.ui-tree-horizontal td {
6132
+ border-collapse: collapse;
6133
+ margin: 0;
6134
+ padding: 0;
6135
+ vertical-align: middle;
6123
6136
  }
6124
6137
 
6125
- .ui-treetable-unfrozen-view {
6126
- position: absolute;
6127
- top: 0px;
6138
+ .ui-tree.ui-tree-horizontal .ui-tree-toggler {
6139
+ vertical-align: middle;
6140
+ margin: 0;
6128
6141
  }
6129
6142
 
6130
- /* Resizable */
6131
- .ui-treetable-resizable > .ui-treetable-wrapper {
6132
- overflow-x: auto;
6143
+ .ui-tree-horizontal .ui-treenode-content {
6144
+ font-weight: normal;
6145
+ padding: 0.4em 1em 0.4em 0.2em;
6133
6146
  }
6134
6147
 
6135
- .ui-treetable-resizable .ui-treetable-thead > tr > th,
6136
- .ui-treetable-resizable .ui-treetable-tfoot > tr > td,
6137
- .ui-treetable-resizable .ui-treetable-tbody > tr > td {
6138
- overflow: hidden;
6148
+ .ui-tree.ui-tree-horizontal .ui-tree-node-label {
6149
+ margin: 0;
6139
6150
  }
6140
6151
 
6141
- .ui-treetable-resizable .ui-resizable-column {
6142
- background-clip: padding-box;
6143
- position: relative;
6152
+ .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
6153
+ font-weight: normal;
6154
+ white-space: nowrap;
6144
6155
  }
6145
6156
 
6146
- .ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
6147
- display: none;
6157
+ .ui-tree.ui-tree-horizontal .ui-treenode {
6158
+ background: url("./images/line.gif") repeat-x scroll center center transparent;
6159
+ padding: .25em 2.5em;
6148
6160
  }
6149
6161
 
6150
- .ui-treetable .ui-column-resizer {
6151
- display: block;
6152
- position: absolute !important;
6153
- top: 0;
6154
- right: 0;
6162
+ .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
6163
+ .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
6164
+ padding-right: 0;
6165
+ }
6166
+
6167
+ .ui-tree.ui-tree-horizontal .ui-treenode-children {
6168
+ padding: 0;
6155
6169
  margin: 0;
6156
- width: .5em;
6157
- height: 100%;
6158
- padding: 0px;
6159
- cursor:col-resize;
6160
- border: 1px solid transparent;
6161
6170
  }
6162
6171
 
6163
- .ui-treetable .ui-column-resizer-helper {
6172
+ .ui-tree.ui-tree-horizontal .ui-treenode-connector {
6164
6173
  width: 1px;
6165
- position: absolute;
6166
- z-index: 10;
6167
- display: none;
6168
6174
  }
6169
6175
 
6170
- /* Reorder */
6171
- .ui-treetable-reorder-indicator-up,
6172
- .ui-treetable-reorder-indicator-down {
6173
- position: absolute;
6174
- display: none;
6176
+ .ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
6177
+ height: 100%;
6178
+ width: 1px;
6175
6179
  }
6176
6180
 
6177
- /* Responsive */
6178
- .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
6179
- display: none;
6181
+ .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
6182
+ background: url("./images/line.gif") repeat-y scroll 0 0 transparent;
6183
+ width: 1px;
6180
6184
  }
6181
6185
 
6182
- @media screen and (max-width: 40em) {
6183
- .ui-treetable-responsive .ui-treetable-thead > tr > th,
6184
- .ui-treetable-responsive .ui-treetable-tfoot > tr > td {
6185
- display: none !important;
6186
- }
6186
+ .ui-tree.ui-tree-horizontal table {
6187
+ height: 0;
6188
+ }
6187
6189
 
6188
- .ui-treetable-responsive .ui-treetable-tbody > tr > td {
6189
- text-align: left;
6190
- display: block;
6191
- border: 0 none;
6192
- width: 100% !important;
6193
- -webkit-box-sizing: border-box;
6194
- -moz-box-sizing: border-box;
6195
- box-sizing: border-box;
6196
- float: left;
6197
- clear: left;
6198
- }
6190
+ .ui-tree.ui-tree-horizontal .ui-chkbox {
6191
+ vertical-align: bottom;
6192
+ margin-right: .25em;
6193
+ }
6199
6194
 
6200
- .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
6201
- padding: .4em;
6202
- min-width: 30%;
6203
- display: inline-block;
6204
- margin: -.4em 1em -.4em -.4em;
6205
- font-weight: bold;
6206
- }
6195
+ /** Loading **/
6196
+ .ui-tree.ui-tree-loading {
6197
+ position: relative;
6198
+ min-height: 4em;
6207
6199
  }
6208
6200
 
6209
- /* Loader */
6210
- .ui-treetable-loading {
6201
+ .ui-tree .ui-tree-loading-mask {
6211
6202
  position: absolute;
6212
6203
  width: 100%;
6213
6204
  height: 100%;
@@ -6216,7 +6207,7 @@ input[type=text]::-ms-clear {
6216
6207
  z-index: 1;
6217
6208
  }
6218
6209
 
6219
- .ui-treetable-loading-content {
6210
+ .ui-tree .ui-tree-loading-content {
6220
6211
  position: absolute;
6221
6212
  left: 50%;
6222
6213
  top: 50%;
@@ -6225,9 +6216,10 @@ input[type=text]::-ms-clear {
6225
6216
  margin-left: -1em;
6226
6217
  }
6227
6218
 
6228
- .ui-treetable .ui-treetable-loading-icon {
6219
+ .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
6229
6220
  font-size: 2em;
6230
- }
6221
+ }
6222
+
6231
6223
  .ui-virtualscroller .ui-virtualscroller-header {
6232
6224
  text-align: center;
6233
6225
  padding: .5em .75em;