@skyux/ag-grid 11.0.0-alpha.12 → 11.0.0-alpha.14
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.
- package/css/sky-ag-grid.css +146 -0
- package/documentation.json +981 -971
- package/esm2022/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.mjs +65 -3
- package/esm2022/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +6 -1
- package/esm2022/lib/modules/ag-grid/ag-grid.service.mjs +5 -1
- package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.mjs +1 -1
- package/esm2022/lib/modules/ag-grid/types/cell-class.mjs +2 -1
- package/fesm2022/skyux-ag-grid.mjs +172 -102
- package/fesm2022/skyux-ag-grid.mjs.map +1 -1
- package/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.d.ts +3 -2
- package/lib/modules/ag-grid/types/cell-class.d.ts +1 -0
- package/package.json +13 -13
package/css/sky-ag-grid.css
CHANGED
|
@@ -7985,6 +7985,48 @@ button.ag-side-button-button:focus {
|
|
|
7985
7985
|
.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input[class^=ag-][type=range] {
|
|
7986
7986
|
cursor: pointer;
|
|
7987
7987
|
}
|
|
7988
|
+
.ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7989
|
+
.ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7990
|
+
.ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7991
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7992
|
+
.ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7993
|
+
.ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7994
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7995
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7996
|
+
.ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
|
|
7997
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox] {
|
|
7998
|
+
appearance: none;
|
|
7999
|
+
display: inline-flex;
|
|
8000
|
+
width: var(--sky-switch-size);
|
|
8001
|
+
height: var(--sky-switch-size);
|
|
8002
|
+
}
|
|
8003
|
+
.ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8004
|
+
.ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8005
|
+
.ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8006
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8007
|
+
.ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8008
|
+
.ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8009
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8010
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8011
|
+
.ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8012
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled {
|
|
8013
|
+
background-color: var(--sky-background-color-disabled);
|
|
8014
|
+
cursor: default;
|
|
8015
|
+
}
|
|
8016
|
+
.ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8017
|
+
.ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8018
|
+
.ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8019
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8020
|
+
.ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8021
|
+
.ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8022
|
+
.ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8023
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8024
|
+
.ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8025
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before {
|
|
8026
|
+
background-color: currentColor;
|
|
8027
|
+
content: " ";
|
|
8028
|
+
display: inline-block;
|
|
8029
|
+
}
|
|
7988
8030
|
.ag-theme-sky-data-grid-default .ag-header-cell-sortable .ag-header-cell-label,
|
|
7989
8031
|
.ag-theme-sky-data-entry-grid-default .ag-header-cell-sortable .ag-header-cell-label,
|
|
7990
8032
|
.ag-theme-sky-data-grid-modern-light .ag-header-cell-sortable .ag-header-cell-label,
|
|
@@ -8157,6 +8199,14 @@ button.ag-side-button-button:focus {
|
|
|
8157
8199
|
border-left-width: 0;
|
|
8158
8200
|
border-right-width: 0;
|
|
8159
8201
|
}
|
|
8202
|
+
.ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
|
|
8203
|
+
.ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
|
|
8204
|
+
.ag-theme-sky-data-entry-grid-modern-dark .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
|
|
8205
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
|
|
8206
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template {
|
|
8207
|
+
padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
|
|
8208
|
+
padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
|
|
8209
|
+
}
|
|
8160
8210
|
.ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing, .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-popup-editing,
|
|
8161
8211
|
.ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing,
|
|
8162
8212
|
.ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-popup-editing,
|
|
@@ -8376,6 +8426,34 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
|
|
|
8376
8426
|
.ag-theme-sky-data-entry-grid-default .ag-header .ag-header-cell .ag-header-cell-label-sortable:hover {
|
|
8377
8427
|
color: var(--sky-text-color-default);
|
|
8378
8428
|
}
|
|
8429
|
+
.ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox],
|
|
8430
|
+
.ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox] {
|
|
8431
|
+
border: 1px solid #cdcfd2;
|
|
8432
|
+
border-radius: 3px;
|
|
8433
|
+
color: var(--sky-text-color-default);
|
|
8434
|
+
}
|
|
8435
|
+
.ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:disabled,
|
|
8436
|
+
.ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:disabled {
|
|
8437
|
+
border-color: var(--sky-background-color-disabled);
|
|
8438
|
+
border-width: 2px;
|
|
8439
|
+
}
|
|
8440
|
+
.ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
8441
|
+
.ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
|
|
8442
|
+
background-color: var(--sky-background-color-input-selected);
|
|
8443
|
+
border-color: var(--sky-highlight-color-info);
|
|
8444
|
+
border-width: 2px;
|
|
8445
|
+
}
|
|
8446
|
+
.ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
8447
|
+
.ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
|
|
8448
|
+
border-color: var(--sky-text-color-default);
|
|
8449
|
+
border-width: 2px;
|
|
8450
|
+
}
|
|
8451
|
+
.ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
8452
|
+
.ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:before {
|
|
8453
|
+
width: 1em;
|
|
8454
|
+
height: 1em;
|
|
8455
|
+
clip-path: polygon(49.372% 71.425%, 32.182% 52.751%, 32.182% 52.751%, 31.26% 52.724%, 29.741% 53.568%, 27.799% 55.088%, 25.607% 57.088%, 23.34% 59.373%, 21.171% 61.747%, 19.275% 64.015%, 17.824% 65.982%, 16.993% 67.452%, 16.956% 68.229%, 46.535% 100%, 46.535% 100%, 47.14% 100.571%, 47.802% 101.016%, 48.507% 101.333%, 49.24% 101.523%, 49.988% 101.587%, 50.736% 101.523%, 51.469% 101.333%, 52.174% 101.016%, 52.836% 100.571%, 53.44% 100%, 100% 49.061%, 100% 49.061%, 99.916% 48.228%, 99.021% 46.804%, 97.5% 44.958%, 95.536% 42.861%, 93.314% 40.682%, 91.017% 38.59%, 88.83% 36.755%, 86.935% 35.345%, 85.519% 34.532%, 84.763% 34.484%, 49.372% 71.425%);
|
|
8456
|
+
}
|
|
8379
8457
|
|
|
8380
8458
|
.ag-theme-sky-data-grid-modern-light .ag-header .ag-header-cell .ag-header-cell-label-sortable,
|
|
8381
8459
|
.ag-theme-sky-data-grid-modern-dark .ag-header .ag-header-cell .ag-header-cell-label-sortable,
|
|
@@ -10976,6 +11054,74 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
|
|
|
10976
11054
|
var(--sky-text-color-action-primary);
|
|
10977
11055
|
border-right-width: 3px;
|
|
10978
11056
|
}
|
|
11057
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox],
|
|
11058
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox],
|
|
11059
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox],
|
|
11060
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox],
|
|
11061
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
|
|
11062
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox],
|
|
11063
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
|
|
11064
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox] {
|
|
11065
|
+
color: var(--sky-text-color-action-primary);
|
|
11066
|
+
border: 1px solid var(--sky-border-color-neutral-medium-dark);
|
|
11067
|
+
border-radius: 6px;
|
|
11068
|
+
}
|
|
11069
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11070
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11071
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11072
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11073
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11074
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11075
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
|
|
11076
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled {
|
|
11077
|
+
color: var(--sky-text-color-default);
|
|
11078
|
+
}
|
|
11079
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11080
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11081
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11082
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11083
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11084
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11085
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
|
|
11086
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
|
|
11087
|
+
background-color: var(--sky-background-color-input-selected);
|
|
11088
|
+
border-color: var(--sky-text-color-action-primary);
|
|
11089
|
+
}
|
|
11090
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11091
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11092
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11093
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11094
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11095
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11096
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
|
|
11097
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
|
|
11098
|
+
border-color: var(--sky-text-color-action-primary);
|
|
11099
|
+
border-width: 2px;
|
|
11100
|
+
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
|
|
11101
|
+
}
|
|
11102
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11103
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11104
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11105
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11106
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11107
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11108
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
|
|
11109
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before {
|
|
11110
|
+
margin: 1px;
|
|
11111
|
+
}
|
|
11112
|
+
.ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11113
|
+
.ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11114
|
+
.ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11115
|
+
.ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11116
|
+
.ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11117
|
+
.ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11118
|
+
.ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
|
|
11119
|
+
.ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before {
|
|
11120
|
+
margin: 2px;
|
|
11121
|
+
width: 1em;
|
|
11122
|
+
height: 1em;
|
|
11123
|
+
clip-path: polygon(42.065% 88.662%, 42.065% 88.662%, 93.002% 33.64%, 93.617% 33.094%, 94.286% 32.67%, 94.996% 32.37%, 95.733% 32.193%, 96.483% 32.138%, 97.232% 32.207%, 97.966% 32.397%, 98.672% 32.71%, 99.335% 33.146%, 99.941% 33.704%, 99.941% 33.704%, 100.457% 34.359%, 100.86% 35.075%, 101.15% 35.837%, 101.327% 36.63%, 101.39% 37.439%, 101.339% 38.249%, 101.175% 39.046%, 100.897% 39.812%, 100.506% 40.535%, 100% 41.198%, 100% 41.198%, 45.563% 100%, 44.951% 100.563%, 44.28% 101.001%, 43.566% 101.313%, 42.822% 101.501%, 42.065% 101.564%, 41.307% 101.501%, 40.564% 101.313%, 39.849% 101.001%, 39.179% 100.563%, 38.566% 100%, 38.566% 100%, 16.296% 75.945%, 15.791% 75.281%, 15.399% 74.559%, 15.121% 73.792%, 14.957% 72.996%, 14.906% 72.186%, 14.969% 71.376%, 15.146% 70.583%, 15.436% 69.821%, 15.839% 69.105%, 16.356% 68.45%, 16.356% 68.45%, 16.962% 67.892%, 17.625% 67.457%, 18.33% 67.144%, 19.064% 66.953%, 19.814% 66.885%, 20.564% 66.939%, 21.301% 67.117%, 22.011% 67.417%, 22.68% 67.84%, 23.294% 68.386%, 23.294% 68.386%);
|
|
11124
|
+
}
|
|
10979
11125
|
|
|
10980
11126
|
.ag-theme-sky-data-grid-modern-light,
|
|
10981
11127
|
.ag-theme-sky-data-grid-modern-light-compact {
|