@syncfusion/ej2-vue-pivotview 19.4.55 → 20.1.47

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 (63) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-vue-pivotview.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-pivotview.es2015.js +32 -4
  4. package/dist/es6/ej2-vue-pivotview.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-pivotview.es5.js +20 -2
  6. package/dist/es6/ej2-vue-pivotview.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +1 -0
  10. package/src/pivotfieldlist/pivotfieldlist.component.js +10 -1
  11. package/src/pivotview/pivotview.component.d.ts +1 -0
  12. package/src/pivotview/pivotview.component.js +10 -1
  13. package/styles/bootstrap-dark.css +80 -29
  14. package/styles/bootstrap.css +80 -29
  15. package/styles/bootstrap4.css +82 -31
  16. package/styles/bootstrap5-dark.css +151 -64
  17. package/styles/bootstrap5.css +151 -64
  18. package/styles/fabric-dark.css +81 -29
  19. package/styles/fabric.css +80 -29
  20. package/styles/fluent-dark.css +8914 -0
  21. package/styles/fluent-dark.scss +2 -0
  22. package/styles/fluent.css +8916 -0
  23. package/styles/fluent.scss +2 -0
  24. package/styles/highcontrast-light.css +80 -29
  25. package/styles/highcontrast.css +80 -29
  26. package/styles/material-dark.css +80 -29
  27. package/styles/material.css +80 -29
  28. package/styles/pivotfieldlist/bootstrap-dark.css +33 -16
  29. package/styles/pivotfieldlist/bootstrap.css +33 -16
  30. package/styles/pivotfieldlist/bootstrap4.css +33 -16
  31. package/styles/pivotfieldlist/bootstrap5-dark.css +78 -40
  32. package/styles/pivotfieldlist/bootstrap5.css +78 -40
  33. package/styles/pivotfieldlist/fabric-dark.css +33 -16
  34. package/styles/pivotfieldlist/fabric.css +33 -16
  35. package/styles/pivotfieldlist/fluent-dark.css +6456 -0
  36. package/styles/pivotfieldlist/fluent-dark.scss +1 -0
  37. package/styles/pivotfieldlist/fluent.css +6456 -0
  38. package/styles/pivotfieldlist/fluent.scss +1 -0
  39. package/styles/pivotfieldlist/highcontrast-light.css +33 -16
  40. package/styles/pivotfieldlist/highcontrast.css +33 -16
  41. package/styles/pivotfieldlist/material-dark.css +33 -16
  42. package/styles/pivotfieldlist/material.css +33 -16
  43. package/styles/pivotfieldlist/tailwind-dark.css +145 -137
  44. package/styles/pivotfieldlist/tailwind.css +145 -137
  45. package/styles/pivotview/bootstrap-dark.css +47 -13
  46. package/styles/pivotview/bootstrap.css +47 -13
  47. package/styles/pivotview/bootstrap4.css +49 -15
  48. package/styles/pivotview/bootstrap5-dark.css +73 -24
  49. package/styles/pivotview/bootstrap5.css +73 -24
  50. package/styles/pivotview/fabric-dark.css +48 -13
  51. package/styles/pivotview/fabric.css +47 -13
  52. package/styles/pivotview/fluent-dark.css +2457 -0
  53. package/styles/pivotview/fluent-dark.scss +1 -0
  54. package/styles/pivotview/fluent.css +2459 -0
  55. package/styles/pivotview/fluent.scss +1 -0
  56. package/styles/pivotview/highcontrast-light.css +47 -13
  57. package/styles/pivotview/highcontrast.css +47 -13
  58. package/styles/pivotview/material-dark.css +47 -13
  59. package/styles/pivotview/material.css +47 -13
  60. package/styles/pivotview/tailwind-dark.css +115 -61
  61. package/styles/pivotview/tailwind.css +115 -61
  62. package/styles/tailwind-dark.css +260 -198
  63. package/styles/tailwind.css +260 -198
@@ -679,9 +679,6 @@
679
679
  background: #f5f5f5;
680
680
  border-bottom: 0;
681
681
  border-style: solid;
682
- border-top: 1px solid rgba(51, 51, 51, 0.12);
683
- border-left: 1px solid rgba(51, 51, 51, 0.12);
684
- border-right: 1px solid rgba(51, 51, 51, 0.12);
685
682
  }
686
683
 
687
684
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
@@ -700,7 +697,7 @@
700
697
 
701
698
  .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
702
699
  .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
703
- height: 38px;
700
+ height: 38px !important;
704
701
  overflow: hidden;
705
702
  padding-left: 10px;
706
703
  }
@@ -712,6 +709,10 @@
712
709
  font-size: 16px;
713
710
  }
714
711
 
712
+ .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
713
+ margin-left: 18px !important;
714
+ }
715
+
715
716
  .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
716
717
  padding: 0 !important;
717
718
  }
@@ -1051,6 +1052,18 @@
1051
1052
  margin-top: 8px;
1052
1053
  }
1053
1054
 
1055
+ .e-bigger .e-dialog .e-footer-content {
1056
+ height: 62px;
1057
+ }
1058
+
1059
+ .e-bigger .e-dialog .e-dlg-header-content {
1060
+ padding-left: 10px;
1061
+ }
1062
+
1063
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
1064
+ margin-left: 24px !important;
1065
+ }
1066
+
1054
1067
  /*! PivotView theme */
1055
1068
  .e-pivotview .e-nextspan {
1056
1069
  display: inline-block;
@@ -1078,8 +1091,11 @@
1078
1091
 
1079
1092
  .e-pivotview .e-grid
1080
1093
  .e-rowcell {
1081
- font-size: 13px;
1094
+ font-size: 13px !important;
1082
1095
  padding-left: 8px;
1096
+ -webkit-user-select: none;
1097
+ -ms-user-select: none;
1098
+ user-select: none;
1083
1099
  }
1084
1100
 
1085
1101
  .e-pivotview .e-gtot,
@@ -1226,6 +1242,10 @@
1226
1242
 
1227
1243
  .e-pivotview .e-grid .e-rowsheader {
1228
1244
  padding-left: 8px;
1245
+ -webkit-user-select: none;
1246
+ -ms-user-select: none;
1247
+ user-select: none;
1248
+ -webkit-touch-callout: none;
1229
1249
  }
1230
1250
 
1231
1251
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1243,13 +1263,17 @@
1243
1263
  padding-left: 8px !important;
1244
1264
  }
1245
1265
 
1266
+ .e-pivotview .sf-grid .e-spinner-pane {
1267
+ z-index: 1 !important;
1268
+ }
1269
+
1246
1270
  .e-pivotview .sf-grid .e-headercelldiv,
1247
1271
  .e-pivotview .sf-grid .e-columnsheader {
1248
1272
  padding-right: 8px !important;
1249
1273
  }
1250
1274
 
1251
- .e-pivotview .sf-grid .e-headercelldiv,
1252
- .e-pivotview .sf-grid .e-stackedheadercelldiv {
1275
+ .e-pivotview .e-grid .e-headercelldiv,
1276
+ .e-pivotview .e-grid .e-stackedheadercelldiv {
1253
1277
  line-height: normal;
1254
1278
  }
1255
1279
 
@@ -1267,7 +1291,7 @@
1267
1291
 
1268
1292
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1269
1293
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1270
- padding-left: 8px !important;
1294
+ padding-left: 12px !important;
1271
1295
  margin-top: 5px;
1272
1296
  }
1273
1297
 
@@ -1971,7 +1995,7 @@
1971
1995
 
1972
1996
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
1973
1997
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
1974
- padding-right: 8px !important;
1998
+ padding-right: 12px !important;
1975
1999
  }
1976
2000
 
1977
2001
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2099,6 +2123,11 @@
2099
2123
  padding-left: 8px !important;
2100
2124
  }
2101
2125
 
2126
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2127
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2128
+ height: 100% !important;
2129
+ }
2130
+
2102
2131
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2103
2132
  .e-bigger .e-pivotview .e-stackedheadertext,
2104
2133
  .e-bigger .e-pivotview .e-headertext,
@@ -2110,6 +2139,11 @@
2110
2139
  font-size: 13px !important;
2111
2140
  }
2112
2141
 
2142
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2143
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2144
+ padding-left: 16px !important;
2145
+ }
2146
+
2113
2147
  .e-bigger .e-pivotview th .e-expand,
2114
2148
  .e-bigger .e-pivotview th .e-collapse,
2115
2149
  .e-bigger.e-pivotview th .e-expand,
@@ -2162,7 +2196,7 @@
2162
2196
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2163
2197
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2164
2198
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2165
- font-size: 14px;
2199
+ font-size: 14px !important;
2166
2200
  height: 20px;
2167
2201
  width: 20px;
2168
2202
  }
@@ -2251,7 +2285,7 @@
2251
2285
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2252
2286
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2253
2287
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2254
- font-size: 14px;
2288
+ font-size: 14px !important;
2255
2289
  height: 20px;
2256
2290
  width: 20px;
2257
2291
  }
@@ -2310,7 +2344,7 @@
2310
2344
 
2311
2345
  .e-bigger .e-pivotview .e-rowcell,
2312
2346
  .e-bigger.e-pivotview .e-rowcell {
2313
- font-size: 13px;
2347
+ font-size: 13px !important;
2314
2348
  }
2315
2349
 
2316
2350
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2355,7 +2389,7 @@
2355
2389
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2356
2390
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2357
2391
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2358
- padding-right: 8px !important;
2392
+ padding-right: 16px !important;
2359
2393
  }
2360
2394
 
2361
2395
  .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2762,7 +2796,7 @@
2762
2796
  }
2763
2797
 
2764
2798
  .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
2765
- padding-bottom: 10px;
2799
+ padding-bottom: 4px;
2766
2800
  }
2767
2801
 
2768
2802
  .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2790,7 +2824,7 @@
2790
2824
 
2791
2825
  .e-pivot-formatting-dialog .e-format-font-color-picker {
2792
2826
  margin-left: 0;
2793
- margin-right: 18px;
2827
+ margin-right: 16px;
2794
2828
  }
2795
2829
 
2796
2830
  .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2913,7 +2947,7 @@
2913
2947
  }
2914
2948
 
2915
2949
  .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
2916
- margin-left: 18px;
2950
+ margin-left: 16px;
2917
2951
  margin-right: 0;
2918
2952
  }
2919
2953
 
@@ -2935,6 +2969,10 @@
2935
2969
  padding-left: 12px;
2936
2970
  }
2937
2971
 
2972
+ .e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
2973
+ margin-right: 0;
2974
+ }
2975
+
2938
2976
  .e-bigger.e-pivot-formatting-dialog,
2939
2977
  .e-bigger .e-pivot-formatting-dialog {
2940
2978
  min-width: 670px !important;
@@ -3029,7 +3067,7 @@
3029
3067
  color: #333;
3030
3068
  font-size: 13px;
3031
3069
  margin-bottom: 4px;
3032
- margin-top: 15px;
3070
+ margin-top: 12px;
3033
3071
  overflow: hidden;
3034
3072
  padding: 4px 0;
3035
3073
  padding-bottom: 0;
@@ -3063,7 +3101,9 @@
3063
3101
 
3064
3102
  .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
3065
3103
  color: #333;
3104
+ float: right !important;
3066
3105
  margin: 0;
3106
+ margin-right: 12px !important;
3067
3107
  }
3068
3108
 
3069
3109
  .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3086,6 +3126,13 @@
3086
3126
  width: 24px;
3087
3127
  }
3088
3128
 
3129
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
3130
+ float: right;
3131
+ font-size: 20px;
3132
+ margin-right: 12px;
3133
+ padding-top: 10px;
3134
+ }
3135
+
3089
3136
  .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
3090
3137
  cursor: pointer;
3091
3138
  display: inline-block;
@@ -3108,9 +3155,9 @@
3108
3155
  font-size: 14px;
3109
3156
  height: 24px;
3110
3157
  margin-right: 4px;
3111
- padding: 5px;
3112
3158
  pointer-events: auto;
3113
3159
  width: 24px;
3160
+ padding: 8px 8px 8px 12px;
3114
3161
  }
3115
3162
 
3116
3163
  .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3226,7 +3273,7 @@
3226
3273
  }
3227
3274
 
3228
3275
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3229
- height: 450px;
3276
+ height: 467px;
3230
3277
  width: 50%;
3231
3278
  }
3232
3279
 
@@ -3238,7 +3285,7 @@
3238
3285
 
3239
3286
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
3240
3287
  display: inline-block;
3241
- height: 421px;
3288
+ height: 437px;
3242
3289
  overflow: auto;
3243
3290
  width: 100%;
3244
3291
  }
@@ -3296,6 +3343,7 @@
3296
3343
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-item div.e-icons {
3297
3344
  padding: 0;
3298
3345
  height: auto;
3346
+ float: none !important;
3299
3347
  }
3300
3348
 
3301
3349
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul li {
@@ -3466,12 +3514,12 @@
3466
3514
 
3467
3515
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
3468
3516
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3469
- height: 495px;
3517
+ height: 511px;
3470
3518
  }
3471
3519
 
3472
3520
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div,
3473
3521
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
3474
- height: 463px;
3522
+ height: 475px;
3475
3523
  }
3476
3524
 
3477
3525
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title,
@@ -3777,7 +3825,7 @@
3777
3825
  }
3778
3826
 
3779
3827
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
3780
- padding: 0 20px 10px;
3828
+ padding: 0 24px 10px;
3781
3829
  }
3782
3830
 
3783
3831
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4581,7 +4629,7 @@
4581
4629
 
4582
4630
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
4583
4631
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
4584
- padding: 0 20px 10px;
4632
+ padding: 0 28px 10px;
4585
4633
  }
4586
4634
 
4587
4635
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4641,6 +4689,7 @@
4641
4689
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
4642
4690
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
4643
4691
  font-size: 14px;
4692
+ padding-bottom: 6px;
4644
4693
  }
4645
4694
 
4646
4695
  .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5056,7 +5105,7 @@
5056
5105
  color: #555;
5057
5106
  cursor: pointer;
5058
5107
  font-size: 14px;
5059
- height: 20px;
5108
+ height: 20px !important;
5060
5109
  padding: 7px 0 0 4px;
5061
5110
  width: 20px;
5062
5111
  }
@@ -5976,6 +6025,7 @@
5976
6025
  height: 24px;
5977
6026
  padding-left: 10px;
5978
6027
  width: 24px;
6028
+ font-size: 14px !important;
5979
6029
  }
5980
6030
 
5981
6031
  .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6529,7 +6579,7 @@
6529
6579
  color: #555;
6530
6580
  cursor: pointer;
6531
6581
  font-size: 14px;
6532
- height: 20px;
6582
+ height: 20px !important;
6533
6583
  padding: 7px 0 0 4px;
6534
6584
  width: 20px;
6535
6585
  }
@@ -7449,6 +7499,7 @@
7449
7499
  height: 24px;
7450
7500
  padding-left: 10px;
7451
7501
  width: 24px;
7502
+ font-size: 14px !important;
7452
7503
  }
7453
7504
 
7454
7505
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7844,7 +7895,7 @@
7844
7895
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
7845
7896
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
7846
7897
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
7847
- padding-left: 16px;
7898
+ padding-left: 16px !important;
7848
7899
  }
7849
7900
 
7850
7901
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7870,7 +7921,7 @@
7870
7921
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
7871
7922
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
7872
7923
  font-size: 16px;
7873
- height: 24px;
7924
+ height: 24px !important;
7874
7925
  padding: 7px 0 0 4px;
7875
7926
  width: 24px;
7876
7927
  }
@@ -8309,7 +8360,7 @@
8309
8360
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
8310
8361
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
8311
8362
  font-size: 16px;
8312
- height: 24px;
8363
+ height: 24px !important;
8313
8364
  padding: 7px 0 0 4px;
8314
8365
  width: 24px;
8315
8366
  }