@syncfusion/ej2-vue-pivotview 19.4.53 → 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 (64) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-pivotview.umd.min.js +1 -1
  4. package/dist/es6/ej2-vue-pivotview.es2015.js +32 -4
  5. package/dist/es6/ej2-vue-pivotview.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-pivotview.es5.js +20 -2
  7. package/dist/es6/ej2-vue-pivotview.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +1 -0
  11. package/src/pivotfieldlist/pivotfieldlist.component.js +10 -1
  12. package/src/pivotview/pivotview.component.d.ts +1 -0
  13. package/src/pivotview/pivotview.component.js +10 -1
  14. package/styles/bootstrap-dark.css +80 -29
  15. package/styles/bootstrap.css +80 -29
  16. package/styles/bootstrap4.css +82 -31
  17. package/styles/bootstrap5-dark.css +151 -64
  18. package/styles/bootstrap5.css +151 -64
  19. package/styles/fabric-dark.css +81 -29
  20. package/styles/fabric.css +80 -29
  21. package/styles/fluent-dark.css +8914 -0
  22. package/styles/fluent-dark.scss +2 -0
  23. package/styles/fluent.css +8916 -0
  24. package/styles/fluent.scss +2 -0
  25. package/styles/highcontrast-light.css +80 -29
  26. package/styles/highcontrast.css +80 -29
  27. package/styles/material-dark.css +80 -29
  28. package/styles/material.css +80 -29
  29. package/styles/pivotfieldlist/bootstrap-dark.css +33 -16
  30. package/styles/pivotfieldlist/bootstrap.css +33 -16
  31. package/styles/pivotfieldlist/bootstrap4.css +33 -16
  32. package/styles/pivotfieldlist/bootstrap5-dark.css +78 -40
  33. package/styles/pivotfieldlist/bootstrap5.css +78 -40
  34. package/styles/pivotfieldlist/fabric-dark.css +33 -16
  35. package/styles/pivotfieldlist/fabric.css +33 -16
  36. package/styles/pivotfieldlist/fluent-dark.css +6456 -0
  37. package/styles/pivotfieldlist/fluent-dark.scss +1 -0
  38. package/styles/pivotfieldlist/fluent.css +6456 -0
  39. package/styles/pivotfieldlist/fluent.scss +1 -0
  40. package/styles/pivotfieldlist/highcontrast-light.css +33 -16
  41. package/styles/pivotfieldlist/highcontrast.css +33 -16
  42. package/styles/pivotfieldlist/material-dark.css +33 -16
  43. package/styles/pivotfieldlist/material.css +33 -16
  44. package/styles/pivotfieldlist/tailwind-dark.css +145 -137
  45. package/styles/pivotfieldlist/tailwind.css +145 -137
  46. package/styles/pivotview/bootstrap-dark.css +47 -13
  47. package/styles/pivotview/bootstrap.css +47 -13
  48. package/styles/pivotview/bootstrap4.css +49 -15
  49. package/styles/pivotview/bootstrap5-dark.css +73 -24
  50. package/styles/pivotview/bootstrap5.css +73 -24
  51. package/styles/pivotview/fabric-dark.css +48 -13
  52. package/styles/pivotview/fabric.css +47 -13
  53. package/styles/pivotview/fluent-dark.css +2457 -0
  54. package/styles/pivotview/fluent-dark.scss +1 -0
  55. package/styles/pivotview/fluent.css +2459 -0
  56. package/styles/pivotview/fluent.scss +1 -0
  57. package/styles/pivotview/highcontrast-light.css +47 -13
  58. package/styles/pivotview/highcontrast.css +47 -13
  59. package/styles/pivotview/material-dark.css +47 -13
  60. package/styles/pivotview/material.css +47 -13
  61. package/styles/pivotview/tailwind-dark.css +115 -61
  62. package/styles/pivotview/tailwind.css +115 -61
  63. package/styles/tailwind-dark.css +260 -198
  64. package/styles/tailwind.css +260 -198
package/styles/fabric.css CHANGED
@@ -679,9 +679,6 @@
679
679
  background: #f4f4f4;
680
680
  border-bottom: 0;
681
681
  border-style: solid;
682
- border-top: 1px solid rgba(0, 0, 0, 0.12);
683
- border-left: 1px solid rgba(0, 0, 0, 0.12);
684
- border-right: 1px solid rgba(0, 0, 0, 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: 40px;
700
+ height: 40px !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: 5px;
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
 
@@ -1967,7 +1991,7 @@
1967
1991
 
1968
1992
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
1969
1993
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
1970
- padding-right: 8px !important;
1994
+ padding-right: 12px !important;
1971
1995
  }
1972
1996
 
1973
1997
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2095,6 +2119,11 @@
2095
2119
  padding-left: 8px !important;
2096
2120
  }
2097
2121
 
2122
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2123
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2124
+ height: 100% !important;
2125
+ }
2126
+
2098
2127
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2099
2128
  .e-bigger .e-pivotview .e-stackedheadertext,
2100
2129
  .e-bigger .e-pivotview .e-headertext,
@@ -2106,6 +2135,11 @@
2106
2135
  font-size: 13px !important;
2107
2136
  }
2108
2137
 
2138
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2139
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2140
+ padding-left: 16px !important;
2141
+ }
2142
+
2109
2143
  .e-bigger .e-pivotview th .e-expand,
2110
2144
  .e-bigger .e-pivotview th .e-collapse,
2111
2145
  .e-bigger.e-pivotview th .e-expand,
@@ -2158,7 +2192,7 @@
2158
2192
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2159
2193
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2160
2194
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2161
- font-size: 14px;
2195
+ font-size: 14px !important;
2162
2196
  height: 20px;
2163
2197
  width: 20px;
2164
2198
  }
@@ -2247,7 +2281,7 @@
2247
2281
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2248
2282
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2249
2283
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2250
- font-size: 14px;
2284
+ font-size: 14px !important;
2251
2285
  height: 20px;
2252
2286
  width: 20px;
2253
2287
  }
@@ -2306,7 +2340,7 @@
2306
2340
 
2307
2341
  .e-bigger .e-pivotview .e-rowcell,
2308
2342
  .e-bigger.e-pivotview .e-rowcell {
2309
- font-size: 13px;
2343
+ font-size: 13px !important;
2310
2344
  }
2311
2345
 
2312
2346
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2351,7 +2385,7 @@
2351
2385
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2352
2386
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2353
2387
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2354
- padding-right: 8px !important;
2388
+ padding-right: 16px !important;
2355
2389
  }
2356
2390
 
2357
2391
  .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2758,7 +2792,7 @@
2758
2792
  }
2759
2793
 
2760
2794
  .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
2761
- padding-bottom: 10px;
2795
+ padding-bottom: 4px;
2762
2796
  }
2763
2797
 
2764
2798
  .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2786,7 +2820,7 @@
2786
2820
 
2787
2821
  .e-pivot-formatting-dialog .e-format-font-color-picker {
2788
2822
  margin-left: 0;
2789
- margin-right: 18px;
2823
+ margin-right: 16px;
2790
2824
  }
2791
2825
 
2792
2826
  .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2909,7 +2943,7 @@
2909
2943
  }
2910
2944
 
2911
2945
  .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
2912
- margin-left: 18px;
2946
+ margin-left: 16px;
2913
2947
  margin-right: 0;
2914
2948
  }
2915
2949
 
@@ -2931,6 +2965,10 @@
2931
2965
  padding-left: 12px;
2932
2966
  }
2933
2967
 
2968
+ .e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
2969
+ margin-right: 0;
2970
+ }
2971
+
2934
2972
  .e-bigger.e-pivot-formatting-dialog,
2935
2973
  .e-bigger .e-pivot-formatting-dialog {
2936
2974
  min-width: 706px !important;
@@ -3025,7 +3063,7 @@
3025
3063
  color: #333;
3026
3064
  font-size: 13px;
3027
3065
  margin-bottom: 4px;
3028
- margin-top: 15px;
3066
+ margin-top: 12px;
3029
3067
  overflow: hidden;
3030
3068
  padding: 4px 0;
3031
3069
  padding-bottom: 0;
@@ -3059,7 +3097,9 @@
3059
3097
 
3060
3098
  .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
3061
3099
  color: #333;
3100
+ float: right !important;
3062
3101
  margin: 0;
3102
+ margin-right: 12px !important;
3063
3103
  }
3064
3104
 
3065
3105
  .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3082,6 +3122,13 @@
3082
3122
  width: 24px;
3083
3123
  }
3084
3124
 
3125
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
3126
+ float: right;
3127
+ font-size: 20px;
3128
+ margin-right: 12px;
3129
+ padding-top: 10px;
3130
+ }
3131
+
3085
3132
  .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
3086
3133
  cursor: pointer;
3087
3134
  display: inline-block;
@@ -3104,9 +3151,9 @@
3104
3151
  font-size: 14px;
3105
3152
  height: 24px;
3106
3153
  margin-right: 4px;
3107
- padding: 5px;
3108
3154
  pointer-events: auto;
3109
3155
  width: 24px;
3156
+ padding: 8px 8px 8px 12px;
3110
3157
  }
3111
3158
 
3112
3159
  .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3222,7 +3269,7 @@
3222
3269
  }
3223
3270
 
3224
3271
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3225
- height: 458px;
3272
+ height: 474px;
3226
3273
  width: 50%;
3227
3274
  }
3228
3275
 
@@ -3234,7 +3281,7 @@
3234
3281
 
3235
3282
  .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 {
3236
3283
  display: inline-block;
3237
- height: 428px;
3284
+ height: 441px;
3238
3285
  overflow: auto;
3239
3286
  width: 100%;
3240
3287
  }
@@ -3292,6 +3339,7 @@
3292
3339
  .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 {
3293
3340
  padding: 0;
3294
3341
  height: auto;
3342
+ float: none !important;
3295
3343
  }
3296
3344
 
3297
3345
  .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 {
@@ -3462,12 +3510,12 @@
3462
3510
 
3463
3511
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
3464
3512
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3465
- height: 513px;
3513
+ height: 528px;
3466
3514
  }
3467
3515
 
3468
3516
  .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,
3469
3517
  .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 {
3470
- height: 478px;
3518
+ height: 490px;
3471
3519
  }
3472
3520
 
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-all-field-title,
@@ -3773,7 +3821,7 @@
3773
3821
  }
3774
3822
 
3775
3823
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
3776
- padding: 0 20px 10px;
3824
+ padding: 0 24px 10px;
3777
3825
  }
3778
3826
 
3779
3827
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4577,7 +4625,7 @@
4577
4625
 
4578
4626
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
4579
4627
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
4580
- padding: 0 20px 10px;
4628
+ padding: 0 28px 10px;
4581
4629
  }
4582
4630
 
4583
4631
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4637,6 +4685,7 @@
4637
4685
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
4638
4686
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
4639
4687
  font-size: 14px;
4688
+ padding-bottom: 6px;
4640
4689
  }
4641
4690
 
4642
4691
  .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5052,7 +5101,7 @@
5052
5101
  color: #666;
5053
5102
  cursor: pointer;
5054
5103
  font-size: 14px;
5055
- height: 20px;
5104
+ height: 20px !important;
5056
5105
  padding: 5px 0 0 4px;
5057
5106
  width: 20px;
5058
5107
  }
@@ -5972,6 +6021,7 @@
5972
6021
  height: 24px;
5973
6022
  padding-left: 10px;
5974
6023
  width: 24px;
6024
+ font-size: 14px !important;
5975
6025
  }
5976
6026
 
5977
6027
  .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6525,7 +6575,7 @@
6525
6575
  color: #666;
6526
6576
  cursor: pointer;
6527
6577
  font-size: 14px;
6528
- height: 20px;
6578
+ height: 20px !important;
6529
6579
  padding: 5px 0 0 4px;
6530
6580
  width: 20px;
6531
6581
  }
@@ -7445,6 +7495,7 @@
7445
7495
  height: 24px;
7446
7496
  padding-left: 10px;
7447
7497
  width: 24px;
7498
+ font-size: 14px !important;
7448
7499
  }
7449
7500
 
7450
7501
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7840,7 +7891,7 @@
7840
7891
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
7841
7892
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
7842
7893
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
7843
- padding-left: 16px;
7894
+ padding-left: 16px !important;
7844
7895
  }
7845
7896
 
7846
7897
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7866,7 +7917,7 @@
7866
7917
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
7867
7918
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
7868
7919
  font-size: 16px;
7869
- height: 24px;
7920
+ height: 24px !important;
7870
7921
  padding: 5px 0 0 4px;
7871
7922
  width: 24px;
7872
7923
  }
@@ -8305,7 +8356,7 @@
8305
8356
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
8306
8357
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
8307
8358
  font-size: 16px;
8308
- height: 24px;
8359
+ height: 24px !important;
8309
8360
  padding: 5px 0 0 4px;
8310
8361
  width: 24px;
8311
8362
  }