@skyux/ag-grid 12.9.0 → 12.11.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.
Files changed (5) hide show
  1. package/css/sky-ag-grid.css +51 -45
  2. package/fesm2022/skyux-ag-grid.mjs +471 -33
  3. package/fesm2022/skyux-ag-grid.mjs.map +1 -1
  4. package/lib/modules/ag-grid/ag-grid-wrapper.component.d.ts +2 -2
  5. package/package.json +13 -13
package/css/sky-ag-grid.css CHANGED
@@ -177,47 +177,40 @@
177
177
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root [disabled] .ag-icon {
178
178
  opacity: 0.6;
179
179
  }
180
- .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
181
- .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
182
- .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
183
- .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
184
- .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
185
- .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
186
- .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
187
- .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
188
- .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
189
- .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
190
- .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
191
- .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
192
- .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
193
- .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
194
- .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
195
- .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
196
- .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
197
- .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
198
- .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
199
- .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
200
- .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
201
- .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
202
- .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
203
- .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
204
- .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
205
- .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
206
- .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before,
207
- .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper::before,
208
- .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper::before,
209
- .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper::before {
210
- position: absolute;
211
- left: 4px;
212
- display: block;
213
- width: 12px;
214
- height: 12px;
215
- background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
216
- background-position: 50% 50%;
217
- background-size: contain;
218
- opacity: 40%;
219
- content: "";
220
- filter: var(--ag-icon-filter);
180
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
181
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
182
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
183
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
184
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
185
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
186
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
187
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
188
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
189
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
190
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
191
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
192
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
193
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
194
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
195
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
196
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
197
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
198
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
199
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
200
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
201
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
202
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
203
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
204
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
205
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
206
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before,
207
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper:before,
208
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper:before,
209
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper:before {
210
+ background-color: transparent;
211
+ background-image: none;
212
+ -webkit-mask-image: none;
213
+ mask-image: none;
221
214
  }
222
215
  .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper input.ag-text-field-input,
223
216
  .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-floating-filter .ag-wrapper.ag-input-wrapper input.ag-number-field-input,
@@ -279,7 +272,7 @@
279
272
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-mini-filter .ag-wrapper.ag-input-wrapper input.ag-number-field-input,
280
273
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper input.ag-text-field-input,
281
274
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root .ag-filter-filter .ag-wrapper.ag-input-wrapper input.ag-number-field-input {
282
- padding-left: 20px;
275
+ padding-left: var(--ag-widget-horizontal-spacing);
283
276
  }
284
277
  .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root .ag-text-field-input[disabled],
285
278
  .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root .ag-text-field-input[disabled],
@@ -657,6 +650,19 @@
657
650
  border: 1px solid var(--sky-highlight-color-danger);
658
651
  --ag-range-selection-border-color: var(--sky-highlight-color-danger);
659
652
  }
653
+ .ag-theme-sky-data-grid-default button.ag-button:has(> svg),
654
+ .ag-theme-sky-data-entry-grid-default button.ag-button:has(> svg),
655
+ .ag-theme-sky-data-grid-modern-light button.ag-button:has(> svg),
656
+ .ag-theme-sky-data-entry-grid-modern-light button.ag-button:has(> svg),
657
+ .ag-theme-sky-data-grid-modern-dark button.ag-button:has(> svg),
658
+ .ag-theme-sky-data-entry-grid-modern-dark button.ag-button:has(> svg),
659
+ .ag-theme-sky-data-grid-modern-light-compact button.ag-button:has(> svg),
660
+ .ag-theme-sky-data-entry-grid-modern-light-compact button.ag-button:has(> svg),
661
+ .ag-theme-sky-data-grid-modern-dark-compact button.ag-button:has(> svg),
662
+ .ag-theme-sky-data-entry-grid-modern-dark-compact button.ag-button:has(> svg) {
663
+ display: flex;
664
+ align-items: center;
665
+ }
660
666
 
661
667
  .ag-theme-sky-data-grid-default:not(:has(:focus-visible)),
662
668
  .ag-theme-sky-data-grid-modern-light:not(:has(:focus-visible)),
@@ -838,7 +844,7 @@ sky-ag-grid-wrapper ag-grid-angular.sky-ag-grid-editable {
838
844
  }
839
845
 
840
846
  sky-ag-grid-wrapper .sky-ag-grid-text-selection .ag-root-wrapper {
841
- cursor: text;
847
+ cursor: initial;
842
848
  }
843
849
 
844
850
  .sky-theme-default .sky-ag-grid-row-delete .sky-btn {
@@ -1137,8 +1143,8 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
1137
1143
  .sky-ag-grid-header-resizable:has(> .ag-header-cell-resize:hover)) .ag-header-cell-resize::after {
1138
1144
  mask-size: 1px 2px;
1139
1145
  -webkit-mask-size: 1px 2px;
1140
- mask-image: url("data:image/gif;base64,R0lGODlhAQACAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAIAAAICDAoAOw==");
1141
- -webkit-mask-image: url("data:image/gif;base64,R0lGODlhAQACAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAIAAAICDAoAOw==");
1146
+ mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
1147
+ -webkit-mask-image: -webkit-linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
1142
1148
  mask-repeat: repeat;
1143
1149
  -webkit-mask-repeat: repeat;
1144
1150
  mask-position: top;