@turquoisehealth/pit-viper 2.260.0 → 2.261.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5890,14 +5890,17 @@ pv-data-grid.ag-theme-pv {
5890
5890
  border-bottom: 1px solid var(--color-border, #B8B1A8);
5891
5891
  }
5892
5892
 
5893
- .ag-header-group-cell.pv-pivot-group {
5893
+ .ag-header-group-cell.pv-pivot-group,
5894
+ .pv-pivot-skeleton .pv-pivot-group {
5895
+ border-left: 1px solid var(--color-border, #B8B1A8);
5894
5896
  border-radius: 6px 6px 0 0;
5895
5897
  overflow: hidden;
5896
5898
  --ag-header-cell-hover-background-color: transparent;
5897
5899
  --ag-header-cell-moving-background-color: transparent;
5898
5900
  }
5899
5901
 
5900
- .ag-header-group-cell.pv-pivot-group::before {
5902
+ .ag-header-group-cell.pv-pivot-group::before,
5903
+ .pv-pivot-skeleton .pv-pivot-group::before {
5901
5904
  content: "";
5902
5905
  position: absolute;
5903
5906
  top: 0;
@@ -5907,12 +5910,49 @@ pv-data-grid.ag-theme-pv {
5907
5910
  background-color: var(--pv-pivot-group-color, transparent);
5908
5911
  }
5909
5912
 
5913
+ .pv-pivot-skeleton {
5914
+ max-height: 100%;
5915
+ overflow: hidden;
5916
+ }
5917
+
5918
+ .pv-pivot-skeleton__row {
5919
+ display: grid;
5920
+ }
5921
+
5922
+ .pv-pivot-skeleton__tabs {
5923
+ margin-inline: 1px;
5924
+ }
5925
+
5926
+ .pv-pivot-skeleton__bar {
5927
+ width: 60%;
5928
+ height: 12px;
5929
+ border-radius: 4px;
5930
+ background-color: var(--p-skeleton-background, #F3F1EB);
5931
+ }
5932
+
5910
5933
  .pv-data-table--pivot .ag-root-wrapper {
5911
- border-top-color: transparent;
5912
- border-left-color: transparent;
5934
+ border-width: 0 1px 1px;
5935
+ border-color: transparent;
5913
5936
  border-top-left-radius: 0;
5914
5937
  }
5915
5938
 
5939
+ .pv-data-table--pivot {
5940
+ position: relative;
5941
+ }
5942
+
5943
+ .pv-data-table--pivot::after {
5944
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5945
+ content: "";
5946
+ position: absolute;
5947
+ inset: 0;
5948
+ z-index: 2;
5949
+ pointer-events: none;
5950
+ border: solid var(--color-border, #B8B1A8);
5951
+ border-width: 0 1px 1px;
5952
+ border-radius: 0 8px 8px;
5953
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5954
+ }
5955
+
5916
5956
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5917
5957
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5918
5958
  background-color: transparent;
@@ -5927,35 +5967,29 @@ pv-data-grid.ag-theme-pv {
5927
5967
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5928
5968
  }
5929
5969
 
5930
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5931
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5932
- }
5933
-
5934
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5970
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5935
5971
  border-right-color: transparent !important;
5936
5972
  }
5937
5973
 
5938
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5939
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5940
- border-left: var(--ag-wrapper-border);
5941
- }
5942
-
5943
5974
  .ag-header-group-cell.pv-pivot-group--highlight {
5944
5975
  background-color: var(--color-background-accent, #F8F7F5);
5945
5976
  }
5946
5977
 
5947
5978
  .ag-header-cell.pv-pivot-column-header {
5948
5979
  background-color: var(--color-background-accent, #F8F7F5);
5980
+ border-left: 1px solid var(--color-border, #B8B1A8);
5949
5981
  }
5950
5982
 
5951
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5952
- border-left: 1px solid var(--color-border, #B8B1A8);
5983
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5984
+ background-image: linear-gradient(var(--color-border, #B8B1A8), var(--color-border, #B8B1A8));
5985
+ background-position: left;
5986
+ background-size: 1px 100%;
5987
+ background-repeat: no-repeat;
5988
+ background-origin: border-box;
5953
5989
  }
5954
5990
 
5955
- .ag-header-group-cell.pv-pivot-group,
5956
- .ag-header-cell.pv-pivot-group-start,
5957
- .ag-cell.pv-pivot-group-start {
5958
- border-left: 1px solid var(--color-border, #B8B1A8);
5991
+ .pv-data-table--pivot .ag-row-last {
5992
+ border-bottom-width: 0;
5959
5993
  }
5960
5994
 
5961
5995
  .pv-table-overlay {
@@ -5890,14 +5890,17 @@ pv-data-grid.ag-theme-pv {
5890
5890
  border-bottom: 1px solid var(--color-border, #8F939E);
5891
5891
  }
5892
5892
 
5893
- .ag-header-group-cell.pv-pivot-group {
5893
+ .ag-header-group-cell.pv-pivot-group,
5894
+ .pv-pivot-skeleton .pv-pivot-group {
5895
+ border-left: 1px solid var(--color-border, #8F939E);
5894
5896
  border-radius: 6px 6px 0 0;
5895
5897
  overflow: hidden;
5896
5898
  --ag-header-cell-hover-background-color: transparent;
5897
5899
  --ag-header-cell-moving-background-color: transparent;
5898
5900
  }
5899
5901
 
5900
- .ag-header-group-cell.pv-pivot-group::before {
5902
+ .ag-header-group-cell.pv-pivot-group::before,
5903
+ .pv-pivot-skeleton .pv-pivot-group::before {
5901
5904
  content: "";
5902
5905
  position: absolute;
5903
5906
  top: 0;
@@ -5907,12 +5910,49 @@ pv-data-grid.ag-theme-pv {
5907
5910
  background-color: var(--pv-pivot-group-color, transparent);
5908
5911
  }
5909
5912
 
5913
+ .pv-pivot-skeleton {
5914
+ max-height: 100%;
5915
+ overflow: hidden;
5916
+ }
5917
+
5918
+ .pv-pivot-skeleton__row {
5919
+ display: grid;
5920
+ }
5921
+
5922
+ .pv-pivot-skeleton__tabs {
5923
+ margin-inline: 1px;
5924
+ }
5925
+
5926
+ .pv-pivot-skeleton__bar {
5927
+ width: 60%;
5928
+ height: 12px;
5929
+ border-radius: 4px;
5930
+ background-color: var(--p-skeleton-background, #F0F2F2);
5931
+ }
5932
+
5910
5933
  .pv-data-table--pivot .ag-root-wrapper {
5911
- border-top-color: transparent;
5912
- border-left-color: transparent;
5934
+ border-width: 0 1px 1px;
5935
+ border-color: transparent;
5913
5936
  border-top-left-radius: 0;
5914
5937
  }
5915
5938
 
5939
+ .pv-data-table--pivot {
5940
+ position: relative;
5941
+ }
5942
+
5943
+ .pv-data-table--pivot::after {
5944
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5945
+ content: "";
5946
+ position: absolute;
5947
+ inset: 0;
5948
+ z-index: 2;
5949
+ pointer-events: none;
5950
+ border: solid var(--color-border, #8F939E);
5951
+ border-width: 0 1px 1px;
5952
+ border-radius: 0 8px 8px;
5953
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5954
+ }
5955
+
5916
5956
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5917
5957
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5918
5958
  background-color: transparent;
@@ -5927,35 +5967,29 @@ pv-data-grid.ag-theme-pv {
5927
5967
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5928
5968
  }
5929
5969
 
5930
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5931
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5932
- }
5933
-
5934
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5970
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5935
5971
  border-right-color: transparent !important;
5936
5972
  }
5937
5973
 
5938
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5939
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5940
- border-left: var(--ag-wrapper-border);
5941
- }
5942
-
5943
5974
  .ag-header-group-cell.pv-pivot-group--highlight {
5944
5975
  background-color: var(--color-background-accent, #F0F2F2);
5945
5976
  }
5946
5977
 
5947
5978
  .ag-header-cell.pv-pivot-column-header {
5948
5979
  background-color: var(--color-background-accent, #F0F2F2);
5980
+ border-left: 1px solid var(--color-border, #8F939E);
5949
5981
  }
5950
5982
 
5951
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5952
- border-left: 1px solid var(--color-border, #8F939E);
5983
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5984
+ background-image: linear-gradient(var(--color-border, #8F939E), var(--color-border, #8F939E));
5985
+ background-position: left;
5986
+ background-size: 1px 100%;
5987
+ background-repeat: no-repeat;
5988
+ background-origin: border-box;
5953
5989
  }
5954
5990
 
5955
- .ag-header-group-cell.pv-pivot-group,
5956
- .ag-header-cell.pv-pivot-group-start,
5957
- .ag-cell.pv-pivot-group-start {
5958
- border-left: 1px solid var(--color-border, #8F939E);
5991
+ .pv-data-table--pivot .ag-row-last {
5992
+ border-bottom-width: 0;
5959
5993
  }
5960
5994
 
5961
5995
  .pv-table-overlay {
@@ -5874,14 +5874,17 @@ pv-data-grid.ag-theme-pv {
5874
5874
  border-bottom: 1px solid var(--color-border, #E8EBEB);
5875
5875
  }
5876
5876
 
5877
- .ag-header-group-cell.pv-pivot-group {
5877
+ .ag-header-group-cell.pv-pivot-group,
5878
+ .pv-pivot-skeleton .pv-pivot-group {
5879
+ border-left: 1px solid var(--color-border, #E8EBEB);
5878
5880
  border-radius: 6px 6px 0 0;
5879
5881
  overflow: hidden;
5880
5882
  --ag-header-cell-hover-background-color: transparent;
5881
5883
  --ag-header-cell-moving-background-color: transparent;
5882
5884
  }
5883
5885
 
5884
- .ag-header-group-cell.pv-pivot-group::before {
5886
+ .ag-header-group-cell.pv-pivot-group::before,
5887
+ .pv-pivot-skeleton .pv-pivot-group::before {
5885
5888
  content: "";
5886
5889
  position: absolute;
5887
5890
  top: 0;
@@ -5891,12 +5894,49 @@ pv-data-grid.ag-theme-pv {
5891
5894
  background-color: var(--pv-pivot-group-color, transparent);
5892
5895
  }
5893
5896
 
5897
+ .pv-pivot-skeleton {
5898
+ max-height: 100%;
5899
+ overflow: hidden;
5900
+ }
5901
+
5902
+ .pv-pivot-skeleton__row {
5903
+ display: grid;
5904
+ }
5905
+
5906
+ .pv-pivot-skeleton__tabs {
5907
+ margin-inline: 1px;
5908
+ }
5909
+
5910
+ .pv-pivot-skeleton__bar {
5911
+ width: 60%;
5912
+ height: 12px;
5913
+ border-radius: 4px;
5914
+ background-color: var(--p-skeleton-background, #F0F2F2);
5915
+ }
5916
+
5894
5917
  .pv-data-table--pivot .ag-root-wrapper {
5895
- border-top-color: transparent;
5896
- border-left-color: transparent;
5918
+ border-width: 0 1px 1px;
5919
+ border-color: transparent;
5897
5920
  border-top-left-radius: 0;
5898
5921
  }
5899
5922
 
5923
+ .pv-data-table--pivot {
5924
+ position: relative;
5925
+ }
5926
+
5927
+ .pv-data-table--pivot::after {
5928
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5929
+ content: "";
5930
+ position: absolute;
5931
+ inset: 0;
5932
+ z-index: 2;
5933
+ pointer-events: none;
5934
+ border: solid var(--color-border, #E8EBEB);
5935
+ border-width: 0 1px 1px;
5936
+ border-radius: 0 8px 8px;
5937
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5938
+ }
5939
+
5900
5940
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5901
5941
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5902
5942
  background-color: transparent;
@@ -5911,35 +5951,29 @@ pv-data-grid.ag-theme-pv {
5911
5951
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5912
5952
  }
5913
5953
 
5914
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5915
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5916
- }
5917
-
5918
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5954
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5919
5955
  border-right-color: transparent !important;
5920
5956
  }
5921
5957
 
5922
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5923
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5924
- border-left: var(--ag-wrapper-border);
5925
- }
5926
-
5927
5958
  .ag-header-group-cell.pv-pivot-group--highlight {
5928
5959
  background-color: var(--color-background-accent, #F7F8F8);
5929
5960
  }
5930
5961
 
5931
5962
  .ag-header-cell.pv-pivot-column-header {
5932
5963
  background-color: var(--color-background-accent, #F7F8F8);
5964
+ border-left: 1px solid var(--color-border, #E8EBEB);
5933
5965
  }
5934
5966
 
5935
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5936
- border-left: 1px solid var(--color-border, #E8EBEB);
5967
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5968
+ background-image: linear-gradient(var(--color-border, #E8EBEB), var(--color-border, #E8EBEB));
5969
+ background-position: left;
5970
+ background-size: 1px 100%;
5971
+ background-repeat: no-repeat;
5972
+ background-origin: border-box;
5937
5973
  }
5938
5974
 
5939
- .ag-header-group-cell.pv-pivot-group,
5940
- .ag-header-cell.pv-pivot-group-start,
5941
- .ag-cell.pv-pivot-group-start {
5942
- border-left: 1px solid var(--color-border, #E8EBEB);
5975
+ .pv-data-table--pivot .ag-row-last {
5976
+ border-bottom-width: 0;
5943
5977
  }
5944
5978
 
5945
5979
  .pv-table-overlay {
@@ -5335,13 +5335,16 @@
5335
5335
  .pv-v2 .ag-theme-pv .data-grid-cell-bottom-border {
5336
5336
  border-bottom: 1px solid var(--color-border, #E3E7EA);
5337
5337
  }
5338
- .pv-v2 .ag-header-group-cell.pv-pivot-group {
5338
+ .pv-v2 .ag-header-group-cell.pv-pivot-group,
5339
+ .pv-v2 .pv-pivot-skeleton .pv-pivot-group {
5340
+ border-left: 1px solid var(--color-border, #E3E7EA);
5339
5341
  border-radius: 6px 6px 0 0;
5340
5342
  overflow: hidden;
5341
5343
  --ag-header-cell-hover-background-color: transparent;
5342
5344
  --ag-header-cell-moving-background-color: transparent;
5343
5345
  }
5344
- .pv-v2 .ag-header-group-cell.pv-pivot-group::before {
5346
+ .pv-v2 .ag-header-group-cell.pv-pivot-group::before,
5347
+ .pv-v2 .pv-pivot-skeleton .pv-pivot-group::before {
5345
5348
  content: "";
5346
5349
  position: absolute;
5347
5350
  top: 0;
@@ -5350,11 +5353,42 @@
5350
5353
  height: 4px;
5351
5354
  background-color: var(--pv-pivot-group-color, transparent);
5352
5355
  }
5356
+ .pv-v2 .pv-pivot-skeleton {
5357
+ max-height: 100%;
5358
+ overflow: hidden;
5359
+ }
5360
+ .pv-v2 .pv-pivot-skeleton__row {
5361
+ display: grid;
5362
+ }
5363
+ .pv-v2 .pv-pivot-skeleton__tabs {
5364
+ margin-inline: 1px;
5365
+ }
5366
+ .pv-v2 .pv-pivot-skeleton__bar {
5367
+ width: 60%;
5368
+ height: 12px;
5369
+ border-radius: 4px;
5370
+ background-color: var(--p-skeleton-background, #F0F2F2);
5371
+ }
5353
5372
  .pv-v2 .pv-data-table--pivot .ag-root-wrapper {
5354
- border-top-color: transparent;
5355
- border-left-color: transparent;
5373
+ border-width: 0 1px 1px;
5374
+ border-color: transparent;
5356
5375
  border-top-left-radius: 0;
5357
5376
  }
5377
+ .pv-v2 .pv-data-table--pivot {
5378
+ position: relative;
5379
+ }
5380
+ .pv-v2 .pv-data-table--pivot::after {
5381
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5382
+ content: "";
5383
+ position: absolute;
5384
+ inset: 0;
5385
+ z-index: 2;
5386
+ pointer-events: none;
5387
+ border: solid var(--color-border, #E3E7EA);
5388
+ border-width: 0 1px 1px;
5389
+ border-radius: 0 8px 8px;
5390
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5391
+ }
5358
5392
  .pv-v2 .pv-data-table--pivot .ag-header-group-cell-no-group,
5359
5393
  .pv-v2 .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5360
5394
  background-color: transparent;
@@ -5366,29 +5400,25 @@
5366
5400
  border-top: var(--ag-wrapper-border);
5367
5401
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5368
5402
  }
5369
- .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5370
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5371
- }
5372
- .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5403
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5373
5404
  border-right-color: transparent !important;
5374
5405
  }
5375
- .pv-v2 .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5376
- .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5377
- border-left: var(--ag-wrapper-border);
5378
- }
5379
5406
  .pv-v2 .ag-header-group-cell.pv-pivot-group--highlight {
5380
5407
  background-color: var(--color-background-accent, #F7F8F8);
5381
5408
  }
5382
5409
  .pv-v2 .ag-header-cell.pv-pivot-column-header {
5383
5410
  background-color: var(--color-background-accent, #F7F8F8);
5384
- }
5385
- .pv-v2 .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5386
5411
  border-left: 1px solid var(--color-border, #E3E7EA);
5387
5412
  }
5388
- .pv-v2 .ag-header-group-cell.pv-pivot-group,
5389
- .pv-v2 .ag-header-cell.pv-pivot-group-start,
5390
- .pv-v2 .ag-cell.pv-pivot-group-start {
5391
- border-left: 1px solid var(--color-border, #E3E7EA);
5413
+ .pv-v2 .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5414
+ background-image: linear-gradient(var(--color-border, #E3E7EA), var(--color-border, #E3E7EA));
5415
+ background-position: left;
5416
+ background-size: 1px 100%;
5417
+ background-repeat: no-repeat;
5418
+ background-origin: border-box;
5419
+ }
5420
+ .pv-v2 .pv-data-table--pivot .ag-row-last {
5421
+ border-bottom-width: 0;
5392
5422
  }
5393
5423
  .pv-v2 .pv-table-overlay {
5394
5424
  position: absolute;
@@ -5890,14 +5890,17 @@ pv-data-grid.ag-theme-pv {
5890
5890
  border-bottom: 1px solid var(--color-border, #E3E7EA);
5891
5891
  }
5892
5892
 
5893
- .ag-header-group-cell.pv-pivot-group {
5893
+ .ag-header-group-cell.pv-pivot-group,
5894
+ .pv-pivot-skeleton .pv-pivot-group {
5895
+ border-left: 1px solid var(--color-border, #E3E7EA);
5894
5896
  border-radius: 6px 6px 0 0;
5895
5897
  overflow: hidden;
5896
5898
  --ag-header-cell-hover-background-color: transparent;
5897
5899
  --ag-header-cell-moving-background-color: transparent;
5898
5900
  }
5899
5901
 
5900
- .ag-header-group-cell.pv-pivot-group::before {
5902
+ .ag-header-group-cell.pv-pivot-group::before,
5903
+ .pv-pivot-skeleton .pv-pivot-group::before {
5901
5904
  content: "";
5902
5905
  position: absolute;
5903
5906
  top: 0;
@@ -5907,12 +5910,49 @@ pv-data-grid.ag-theme-pv {
5907
5910
  background-color: var(--pv-pivot-group-color, transparent);
5908
5911
  }
5909
5912
 
5913
+ .pv-pivot-skeleton {
5914
+ max-height: 100%;
5915
+ overflow: hidden;
5916
+ }
5917
+
5918
+ .pv-pivot-skeleton__row {
5919
+ display: grid;
5920
+ }
5921
+
5922
+ .pv-pivot-skeleton__tabs {
5923
+ margin-inline: 1px;
5924
+ }
5925
+
5926
+ .pv-pivot-skeleton__bar {
5927
+ width: 60%;
5928
+ height: 12px;
5929
+ border-radius: 4px;
5930
+ background-color: var(--p-skeleton-background, #F0F2F2);
5931
+ }
5932
+
5910
5933
  .pv-data-table--pivot .ag-root-wrapper {
5911
- border-top-color: transparent;
5912
- border-left-color: transparent;
5934
+ border-width: 0 1px 1px;
5935
+ border-color: transparent;
5913
5936
  border-top-left-radius: 0;
5914
5937
  }
5915
5938
 
5939
+ .pv-data-table--pivot {
5940
+ position: relative;
5941
+ }
5942
+
5943
+ .pv-data-table--pivot::after {
5944
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5945
+ content: "";
5946
+ position: absolute;
5947
+ inset: 0;
5948
+ z-index: 2;
5949
+ pointer-events: none;
5950
+ border: solid var(--color-border, #E3E7EA);
5951
+ border-width: 0 1px 1px;
5952
+ border-radius: 0 8px 8px;
5953
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5954
+ }
5955
+
5916
5956
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5917
5957
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5918
5958
  background-color: transparent;
@@ -5927,35 +5967,29 @@ pv-data-grid.ag-theme-pv {
5927
5967
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5928
5968
  }
5929
5969
 
5930
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5931
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5932
- }
5933
-
5934
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5970
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5935
5971
  border-right-color: transparent !important;
5936
5972
  }
5937
5973
 
5938
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5939
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5940
- border-left: var(--ag-wrapper-border);
5941
- }
5942
-
5943
5974
  .ag-header-group-cell.pv-pivot-group--highlight {
5944
5975
  background-color: var(--color-background-accent, #F7F8F8);
5945
5976
  }
5946
5977
 
5947
5978
  .ag-header-cell.pv-pivot-column-header {
5948
5979
  background-color: var(--color-background-accent, #F7F8F8);
5980
+ border-left: 1px solid var(--color-border, #E3E7EA);
5949
5981
  }
5950
5982
 
5951
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5952
- border-left: 1px solid var(--color-border, #E3E7EA);
5983
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5984
+ background-image: linear-gradient(var(--color-border, #E3E7EA), var(--color-border, #E3E7EA));
5985
+ background-position: left;
5986
+ background-size: 1px 100%;
5987
+ background-repeat: no-repeat;
5988
+ background-origin: border-box;
5953
5989
  }
5954
5990
 
5955
- .ag-header-group-cell.pv-pivot-group,
5956
- .ag-header-cell.pv-pivot-group-start,
5957
- .ag-cell.pv-pivot-group-start {
5958
- border-left: 1px solid var(--color-border, #E3E7EA);
5991
+ .pv-data-table--pivot .ag-row-last {
5992
+ border-bottom-width: 0;
5959
5993
  }
5960
5994
 
5961
5995
  .pv-table-overlay {
@@ -5890,14 +5890,17 @@ pv-data-grid.ag-theme-pv {
5890
5890
  border-bottom: 1px solid var(--color-border, #E7E7E7);
5891
5891
  }
5892
5892
 
5893
- .ag-header-group-cell.pv-pivot-group {
5893
+ .ag-header-group-cell.pv-pivot-group,
5894
+ .pv-pivot-skeleton .pv-pivot-group {
5895
+ border-left: 1px solid var(--color-border, #E7E7E7);
5894
5896
  border-radius: 6px 6px 0 0;
5895
5897
  overflow: hidden;
5896
5898
  --ag-header-cell-hover-background-color: transparent;
5897
5899
  --ag-header-cell-moving-background-color: transparent;
5898
5900
  }
5899
5901
 
5900
- .ag-header-group-cell.pv-pivot-group::before {
5902
+ .ag-header-group-cell.pv-pivot-group::before,
5903
+ .pv-pivot-skeleton .pv-pivot-group::before {
5901
5904
  content: "";
5902
5905
  position: absolute;
5903
5906
  top: 0;
@@ -5907,12 +5910,49 @@ pv-data-grid.ag-theme-pv {
5907
5910
  background-color: var(--pv-pivot-group-color, transparent);
5908
5911
  }
5909
5912
 
5913
+ .pv-pivot-skeleton {
5914
+ max-height: 100%;
5915
+ overflow: hidden;
5916
+ }
5917
+
5918
+ .pv-pivot-skeleton__row {
5919
+ display: grid;
5920
+ }
5921
+
5922
+ .pv-pivot-skeleton__tabs {
5923
+ margin-inline: 1px;
5924
+ }
5925
+
5926
+ .pv-pivot-skeleton__bar {
5927
+ width: 60%;
5928
+ height: 12px;
5929
+ border-radius: 4px;
5930
+ background-color: var(--p-skeleton-background, #F3F1EB);
5931
+ }
5932
+
5910
5933
  .pv-data-table--pivot .ag-root-wrapper {
5911
- border-top-color: transparent;
5912
- border-left-color: transparent;
5934
+ border-width: 0 1px 1px;
5935
+ border-color: transparent;
5913
5936
  border-top-left-radius: 0;
5914
5937
  }
5915
5938
 
5939
+ .pv-data-table--pivot {
5940
+ position: relative;
5941
+ }
5942
+
5943
+ .pv-data-table--pivot::after {
5944
+ --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
5945
+ content: "";
5946
+ position: absolute;
5947
+ inset: 0;
5948
+ z-index: 2;
5949
+ pointer-events: none;
5950
+ border: solid var(--color-border, #E7E7E7);
5951
+ border-width: 0 1px 1px;
5952
+ border-radius: 0 8px 8px;
5953
+ clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
5954
+ }
5955
+
5916
5956
  .pv-data-table--pivot .ag-header-group-cell-no-group,
5917
5957
  .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5918
5958
  background-color: transparent;
@@ -5927,35 +5967,29 @@ pv-data-grid.ag-theme-pv {
5927
5967
  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5928
5968
  }
5929
5969
 
5930
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5931
- border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5932
- }
5933
-
5934
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5970
+ .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
5935
5971
  border-right-color: transparent !important;
5936
5972
  }
5937
5973
 
5938
- .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5939
- .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5940
- border-left: var(--ag-wrapper-border);
5941
- }
5942
-
5943
5974
  .ag-header-group-cell.pv-pivot-group--highlight {
5944
5975
  background-color: var(--color-background-accent, #F9F8F6);
5945
5976
  }
5946
5977
 
5947
5978
  .ag-header-cell.pv-pivot-column-header {
5948
5979
  background-color: var(--color-background-accent, #F9F8F6);
5980
+ border-left: 1px solid var(--color-border, #E7E7E7);
5949
5981
  }
5950
5982
 
5951
- .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5952
- border-left: 1px solid var(--color-border, #E7E7E7);
5983
+ .pv-data-table--pivot .ag-center-cols-container .ag-cell {
5984
+ background-image: linear-gradient(var(--color-border, #E7E7E7), var(--color-border, #E7E7E7));
5985
+ background-position: left;
5986
+ background-size: 1px 100%;
5987
+ background-repeat: no-repeat;
5988
+ background-origin: border-box;
5953
5989
  }
5954
5990
 
5955
- .ag-header-group-cell.pv-pivot-group,
5956
- .ag-header-cell.pv-pivot-group-start,
5957
- .ag-cell.pv-pivot-group-start {
5958
- border-left: 1px solid var(--color-border, #E7E7E7);
5991
+ .pv-data-table--pivot .ag-row-last {
5992
+ border-bottom-width: 0;
5959
5993
  }
5960
5994
 
5961
5995
  .pv-table-overlay {