@datorama/core 22.11.2 → 22.12.1-beta.1
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/bundle.scss +91 -89
- package/bundles/datorama-core.umd.js +110 -92
- package/bundles/datorama-core.umd.js.map +1 -1
- package/bundles/datorama-core.umd.min.js +10 -3
- package/bundles/datorama-core.umd.min.js.map +1 -1
- package/datorama-core.metadata.json +1 -1
- package/esm2015/lib/grid-v2/grid/grid-v2.component.js +4 -4
- package/esm2015/lib/grid-v2/grid/grid-v2.config.js +2 -2
- package/esm2015/lib/grid-v2/grid/grid-v2.types.js +1 -1
- package/esm2015/lib/grid-v2/grid-store/grid.service.js +13 -5
- package/esm2015/lib/select/select.component.js +10 -2
- package/esm2015/lib/select/trigger-single/trigger-single.component.js +4 -1
- package/esm2015/lib/version.js +2 -2
- package/esm5/lib/grid-v2/grid/grid-v2.component.js +4 -4
- package/esm5/lib/grid-v2/grid/grid-v2.config.js +2 -2
- package/esm5/lib/grid-v2/grid/grid-v2.types.js +1 -1
- package/esm5/lib/grid-v2/grid-store/grid.service.js +13 -5
- package/esm5/lib/select/select.component.js +10 -2
- package/esm5/lib/select/trigger-single/trigger-single.component.js +4 -1
- package/esm5/lib/version.js +2 -2
- package/fesm2015/datorama-core.js +93 -75
- package/fesm2015/datorama-core.js.map +1 -1
- package/fesm5/datorama-core.js +110 -92
- package/fesm5/datorama-core.js.map +1 -1
- package/lib/grid-v2/grid/grid-v2.component.d.ts +1 -1
- package/lib/grid-v2/grid/grid-v2.types.d.ts +1 -0
- package/lib/select/select.component.d.ts +2 -0
- package/lib/select/trigger-single/trigger-single.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -7362,6 +7362,74 @@ function isTestEnv() {
|
|
|
7362
7362
|
return !!window.Cypress;
|
|
7363
7363
|
}
|
|
7364
7364
|
|
|
7365
|
+
/**
|
|
7366
|
+
* @license
|
|
7367
|
+
* Copyright Datorama. All Rights Reserved.
|
|
7368
|
+
*
|
|
7369
|
+
* Use of this source code is governed by an Apache License 2.0 license that can be
|
|
7370
|
+
* found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
|
|
7371
|
+
*/
|
|
7372
|
+
let DatoTriggerSingle = class DatoTriggerSingle {
|
|
7373
|
+
constructor(cdr) {
|
|
7374
|
+
this.cdr = cdr;
|
|
7375
|
+
this._placeholder = '';
|
|
7376
|
+
}
|
|
7377
|
+
set placeholder(value) {
|
|
7378
|
+
this._placeholder = value;
|
|
7379
|
+
this.cdr.detectChanges();
|
|
7380
|
+
}
|
|
7381
|
+
set context(value) {
|
|
7382
|
+
this._model = { $implicit: value };
|
|
7383
|
+
this.cdr.detectChanges();
|
|
7384
|
+
}
|
|
7385
|
+
get hidePlaceholder() {
|
|
7386
|
+
return !this._model || !this._model.$implicit;
|
|
7387
|
+
}
|
|
7388
|
+
ngOnInit() {
|
|
7389
|
+
this.cdr.detach();
|
|
7390
|
+
}
|
|
7391
|
+
get getLabel() {
|
|
7392
|
+
return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
|
|
7393
|
+
}
|
|
7394
|
+
triggerChangeDetection() {
|
|
7395
|
+
this.cdr.detectChanges();
|
|
7396
|
+
}
|
|
7397
|
+
};
|
|
7398
|
+
DatoTriggerSingle.ctorParameters = () => [
|
|
7399
|
+
{ type: ChangeDetectorRef }
|
|
7400
|
+
];
|
|
7401
|
+
__decorate([
|
|
7402
|
+
Input(),
|
|
7403
|
+
__metadata("design:type", TemplateRef)
|
|
7404
|
+
], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
|
|
7405
|
+
__decorate([
|
|
7406
|
+
Input(),
|
|
7407
|
+
__metadata("design:type", DatoSelectActiveDirective)
|
|
7408
|
+
], DatoTriggerSingle.prototype, "active", void 0);
|
|
7409
|
+
__decorate([
|
|
7410
|
+
Input(),
|
|
7411
|
+
__metadata("design:type", Object),
|
|
7412
|
+
__metadata("design:paramtypes", [Object])
|
|
7413
|
+
], DatoTriggerSingle.prototype, "placeholder", null);
|
|
7414
|
+
__decorate([
|
|
7415
|
+
Input(),
|
|
7416
|
+
__metadata("design:type", String)
|
|
7417
|
+
], DatoTriggerSingle.prototype, "labelKey", void 0);
|
|
7418
|
+
__decorate([
|
|
7419
|
+
Input(),
|
|
7420
|
+
__metadata("design:type", Object),
|
|
7421
|
+
__metadata("design:paramtypes", [Object])
|
|
7422
|
+
], DatoTriggerSingle.prototype, "context", null);
|
|
7423
|
+
DatoTriggerSingle = __decorate([
|
|
7424
|
+
Component({
|
|
7425
|
+
selector: 'dato-trigger-single',
|
|
7426
|
+
template: "<ng-template *ngIf=\"loadingTemplate\" [ngTemplateOutlet]=\"loadingTemplate\"></ng-template>\n<ng-container\n *ngIf=\"active && !hidePlaceholder\"\n [ngTemplateOutlet]=\"active.tpl\"\n [ngTemplateOutletContext]=\"_model\">\n</ng-container>\n<ng-container *ngIf=\"!active\">{{getLabel | translate}}</ng-container>\n<span class=\"dato-select__placeholder\" *ngIf=\"hidePlaceholder\">{{_placeholder}}</span>\n<dato-icon datoIcon=\"arrow-down\" datoSize=\"sm\" class=\"dato-select__single__arrow\"></dato-icon>\n",
|
|
7427
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
7428
|
+
styles: [":host{display:block;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host dato-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px}"]
|
|
7429
|
+
}),
|
|
7430
|
+
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
7431
|
+
], DatoTriggerSingle);
|
|
7432
|
+
|
|
7365
7433
|
/**
|
|
7366
7434
|
* @license
|
|
7367
7435
|
* Copyright Datorama. All Rights Reserved.
|
|
@@ -8057,6 +8125,9 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
|
|
|
8057
8125
|
setTimeout(() => this.datoOverlay.scheduleUpdate(), 0);
|
|
8058
8126
|
}
|
|
8059
8127
|
}
|
|
8128
|
+
triggerChangeDetectionInDatoSingle() {
|
|
8129
|
+
this.datoTriggerSingle.triggerChangeDetection();
|
|
8130
|
+
}
|
|
8060
8131
|
};
|
|
8061
8132
|
DatoSelectComponent.ctorParameters = () => [
|
|
8062
8133
|
{ type: ChangeDetectorRef },
|
|
@@ -8067,6 +8138,10 @@ DatoSelectComponent.ctorParameters = () => [
|
|
|
8067
8138
|
{ type: undefined, decorators: [{ type: Attribute, args: ['datoSize',] }] },
|
|
8068
8139
|
{ type: String, decorators: [{ type: Attribute, args: ['width',] }] }
|
|
8069
8140
|
];
|
|
8141
|
+
__decorate([
|
|
8142
|
+
ViewChild('datoTriggerSingle'),
|
|
8143
|
+
__metadata("design:type", DatoTriggerSingle)
|
|
8144
|
+
], DatoSelectComponent.prototype, "datoTriggerSingle", void 0);
|
|
8070
8145
|
__decorate([
|
|
8071
8146
|
ViewChild('dropdown'),
|
|
8072
8147
|
__metadata("design:type", TemplateRef)
|
|
@@ -8233,7 +8308,7 @@ __decorate([
|
|
|
8233
8308
|
DatoSelectComponent = __decorate([
|
|
8234
8309
|
Component({
|
|
8235
8310
|
selector: 'dato-select',
|
|
8236
|
-
template: "<section class=\"dato-select__trigger\" [class.dato-select--naked]=\"_naked\" [class.dato-select--disabled]=\"_disabled\">\n\n <div class=\"dato-select__single\" *ngIf=\"isSingle\" [ngClass]=\"_dropdownClass\">\n <dato-input [class.force-hide]=\"(!open && isCombo) || !isCombo\" [placeholder]=\"searchPlaceholder | translate\"\n (keyup)=\"keyup($event)\" [isFocused]=\"_focus\" [isLoading]=\"isLoading\" [formControl]=\"searchControl\" type=\"search\">\n </dato-input>\n\n <dato-trigger-single [loadingTemplate]=\"loadingTemplate\" [active]=\"active\" datoErrorValidationBorderAnchor tabindex=\"0\" [labelKey]=\"labelKey\"\n [context]=\"_model[0]\" [class.force-hide]=\"open && isCombo\" [placeholder]=\"placeholder | translate\"\n class=\"ontop-overlay\" (keydown)=\"preventBodyScroll($event)\" (keyup)=\"keyup($event)\" (click)=\"openDropdown()\">\n </dato-trigger-single>\n </div>\n\n <dato-trigger-multi [loadingTemplate]=\"loadingTemplate\" [options]=\"_model\" datoErrorValidationBorderAnchor [control]=\"searchControl\"\n [placeholder]=\"placeholder | translate\" [labelKey]=\"labelKey\" [idKey]=\"idKey\" (keyup)=\"keyup($event)\"\n [isLoading]=\"isLoading\" [keepFocus]=\"keepFocus\" [limitTo]=\"limitTo\" [clickOutside]=\"_clickOutside\" [isSortable]=\"isSortable\"\n [selectAllChipTxt]=\"selectAllChipTxt\"\n [showSelectAllChip]=\"selectAllChipTxt && showSelectAllChip\"\n (unselectAll)=\"checkAll(false)\"\n (removeOption)=\"removeOption($event)\" (reorderOptions)=\"reorderOptions($event)\" *ngIf=\"isMulti\"\n (click)=\"openDropdown($event)\"></dato-trigger-multi>\n\n</section>\n\n<ng-template #dropdown>\n <section class=\"dato-select__dropdown-container\" tabindex=\"0\" (keyup)=\"keyup($event)\">\n\n <!-- HEADER -->\n\n <header class=\"dato-select__header dato-select__option dato-select__option--simple\" data-is-floating\n *ngIf=\"isMulti && allowSelectAll\" [class.force-hide]=\"_showEmptyResults\" [class.ml-10]=\"containsGroups\">\n <dato-checkbox [checked]=\"_isAllChecked\" (check)=\"checkAll($event)\"\n [indeterminatelyChecked]=\"_isIndeterminatelyChecked\">\n {{'core.select-all' | translate}}<span class=\"primary-300-color note-italic ml-5\">{{_count}}</span>\n </dato-checkbox>\n </header>\n\n <!-- END HEADER -->\n\n <!-- DROPDOWN -->\n\n <div class=\"dato-select__dropdown\">\n\n <ng-content></ng-content>\n\n <dato-select-empty [show]=\"_showEmptyResults\">{{_noItemsLabel}}</dato-select-empty>\n <div class=\"dato-select__option dato-select-infinite-spinner\" data-is-floating *ngIf=\"infiniteScrollLoading\">\n <span class=\"dato-input__spinner\"></span>\n </div>\n\n </div>\n\n <!-- END DROPDOWN -->\n\n\n <!-- FOOTER -->\n\n <footer class=\"dato-select__footer d-flex\" [class.with-actions]=\"_withActions\">\n\n <ng-content select=\"[datoSelectFooter]\"></ng-content>\n\n <ng-container *ngIf=\"_withActions\">\n <dato-link class=\"mr-20\" datoType=\"secondary\" (click)=\"close()\">Cancel</dato-link>\n <dato-button datoSize=\"sm\" (click)=\"save.emit(); close();\">Save</dato-button>\n </ng-container>\n\n </footer>\n\n <!-- END FOOTER -->\n\n </section>\n\n</ng-template>\n",
|
|
8311
|
+
template: "<section class=\"dato-select__trigger\" [class.dato-select--naked]=\"_naked\" [class.dato-select--disabled]=\"_disabled\">\n\n <div class=\"dato-select__single\" *ngIf=\"isSingle\" [ngClass]=\"_dropdownClass\">\n <dato-input [class.force-hide]=\"(!open && isCombo) || !isCombo\" [placeholder]=\"searchPlaceholder | translate\"\n (keyup)=\"keyup($event)\" [isFocused]=\"_focus\" [isLoading]=\"isLoading\" [formControl]=\"searchControl\" type=\"search\">\n </dato-input>\n\n <dato-trigger-single #datoTriggerSingle [loadingTemplate]=\"loadingTemplate\" [active]=\"active\" datoErrorValidationBorderAnchor tabindex=\"0\" [labelKey]=\"labelKey\"\n [context]=\"_model[0]\" [class.force-hide]=\"open && isCombo\" [placeholder]=\"placeholder | translate\"\n class=\"ontop-overlay\" (keydown)=\"preventBodyScroll($event)\" (keyup)=\"keyup($event)\" (click)=\"openDropdown()\">\n </dato-trigger-single>\n </div>\n\n <dato-trigger-multi [loadingTemplate]=\"loadingTemplate\" [options]=\"_model\" datoErrorValidationBorderAnchor [control]=\"searchControl\"\n [placeholder]=\"placeholder | translate\" [labelKey]=\"labelKey\" [idKey]=\"idKey\" (keyup)=\"keyup($event)\"\n [isLoading]=\"isLoading\" [keepFocus]=\"keepFocus\" [limitTo]=\"limitTo\" [clickOutside]=\"_clickOutside\" [isSortable]=\"isSortable\"\n [selectAllChipTxt]=\"selectAllChipTxt\"\n [showSelectAllChip]=\"selectAllChipTxt && showSelectAllChip\"\n (unselectAll)=\"checkAll(false)\"\n (removeOption)=\"removeOption($event)\" (reorderOptions)=\"reorderOptions($event)\" *ngIf=\"isMulti\"\n (click)=\"openDropdown($event)\"></dato-trigger-multi>\n\n</section>\n\n<ng-template #dropdown>\n <section class=\"dato-select__dropdown-container\" tabindex=\"0\" (keyup)=\"keyup($event)\">\n\n <!-- HEADER -->\n\n <header class=\"dato-select__header dato-select__option dato-select__option--simple\" data-is-floating\n *ngIf=\"isMulti && allowSelectAll\" [class.force-hide]=\"_showEmptyResults\" [class.ml-10]=\"containsGroups\">\n <dato-checkbox [checked]=\"_isAllChecked\" (check)=\"checkAll($event)\"\n [indeterminatelyChecked]=\"_isIndeterminatelyChecked\">\n {{'core.select-all' | translate}}<span class=\"primary-300-color note-italic ml-5\">{{_count}}</span>\n </dato-checkbox>\n </header>\n\n <!-- END HEADER -->\n\n <!-- DROPDOWN -->\n\n <div class=\"dato-select__dropdown\">\n\n <ng-content></ng-content>\n\n <dato-select-empty [show]=\"_showEmptyResults\">{{_noItemsLabel}}</dato-select-empty>\n <div class=\"dato-select__option dato-select-infinite-spinner\" data-is-floating *ngIf=\"infiniteScrollLoading\">\n <span class=\"dato-input__spinner\"></span>\n </div>\n\n </div>\n\n <!-- END DROPDOWN -->\n\n\n <!-- FOOTER -->\n\n <footer class=\"dato-select__footer d-flex\" [class.with-actions]=\"_withActions\">\n\n <ng-content select=\"[datoSelectFooter]\"></ng-content>\n\n <ng-container *ngIf=\"_withActions\">\n <dato-link class=\"mr-20\" datoType=\"secondary\" (click)=\"close()\">Cancel</dato-link>\n <dato-button datoSize=\"sm\" (click)=\"save.emit(); close();\">Save</dato-button>\n </ng-container>\n\n </footer>\n\n <!-- END FOOTER -->\n\n </section>\n\n</ng-template>\n",
|
|
8237
8312
|
preserveWhitespaces: false,
|
|
8238
8313
|
providers: [valueAccessor$3, DatoOverlay],
|
|
8239
8314
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -8249,71 +8324,6 @@ DatoSelectComponent = __decorate([
|
|
|
8249
8324
|
DatoOverlay, Object, Object, String])
|
|
8250
8325
|
], DatoSelectComponent);
|
|
8251
8326
|
|
|
8252
|
-
/**
|
|
8253
|
-
* @license
|
|
8254
|
-
* Copyright Datorama. All Rights Reserved.
|
|
8255
|
-
*
|
|
8256
|
-
* Use of this source code is governed by an Apache License 2.0 license that can be
|
|
8257
|
-
* found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
|
|
8258
|
-
*/
|
|
8259
|
-
let DatoTriggerSingle = class DatoTriggerSingle {
|
|
8260
|
-
constructor(cdr) {
|
|
8261
|
-
this.cdr = cdr;
|
|
8262
|
-
this._placeholder = '';
|
|
8263
|
-
}
|
|
8264
|
-
set placeholder(value) {
|
|
8265
|
-
this._placeholder = value;
|
|
8266
|
-
this.cdr.detectChanges();
|
|
8267
|
-
}
|
|
8268
|
-
set context(value) {
|
|
8269
|
-
this._model = { $implicit: value };
|
|
8270
|
-
this.cdr.detectChanges();
|
|
8271
|
-
}
|
|
8272
|
-
get hidePlaceholder() {
|
|
8273
|
-
return !this._model || !this._model.$implicit;
|
|
8274
|
-
}
|
|
8275
|
-
ngOnInit() {
|
|
8276
|
-
this.cdr.detach();
|
|
8277
|
-
}
|
|
8278
|
-
get getLabel() {
|
|
8279
|
-
return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
|
|
8280
|
-
}
|
|
8281
|
-
};
|
|
8282
|
-
DatoTriggerSingle.ctorParameters = () => [
|
|
8283
|
-
{ type: ChangeDetectorRef }
|
|
8284
|
-
];
|
|
8285
|
-
__decorate([
|
|
8286
|
-
Input(),
|
|
8287
|
-
__metadata("design:type", TemplateRef)
|
|
8288
|
-
], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
|
|
8289
|
-
__decorate([
|
|
8290
|
-
Input(),
|
|
8291
|
-
__metadata("design:type", DatoSelectActiveDirective)
|
|
8292
|
-
], DatoTriggerSingle.prototype, "active", void 0);
|
|
8293
|
-
__decorate([
|
|
8294
|
-
Input(),
|
|
8295
|
-
__metadata("design:type", Object),
|
|
8296
|
-
__metadata("design:paramtypes", [Object])
|
|
8297
|
-
], DatoTriggerSingle.prototype, "placeholder", null);
|
|
8298
|
-
__decorate([
|
|
8299
|
-
Input(),
|
|
8300
|
-
__metadata("design:type", String)
|
|
8301
|
-
], DatoTriggerSingle.prototype, "labelKey", void 0);
|
|
8302
|
-
__decorate([
|
|
8303
|
-
Input(),
|
|
8304
|
-
__metadata("design:type", Object),
|
|
8305
|
-
__metadata("design:paramtypes", [Object])
|
|
8306
|
-
], DatoTriggerSingle.prototype, "context", null);
|
|
8307
|
-
DatoTriggerSingle = __decorate([
|
|
8308
|
-
Component({
|
|
8309
|
-
selector: 'dato-trigger-single',
|
|
8310
|
-
template: "<ng-template *ngIf=\"loadingTemplate\" [ngTemplateOutlet]=\"loadingTemplate\"></ng-template>\n<ng-container\n *ngIf=\"active && !hidePlaceholder\"\n [ngTemplateOutlet]=\"active.tpl\"\n [ngTemplateOutletContext]=\"_model\">\n</ng-container>\n<ng-container *ngIf=\"!active\">{{getLabel | translate}}</ng-container>\n<span class=\"dato-select__placeholder\" *ngIf=\"hidePlaceholder\">{{_placeholder}}</span>\n<dato-icon datoIcon=\"arrow-down\" datoSize=\"sm\" class=\"dato-select__single__arrow\"></dato-icon>\n",
|
|
8311
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
8312
|
-
styles: [":host{display:block;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host dato-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px}"]
|
|
8313
|
-
}),
|
|
8314
|
-
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
8315
|
-
], DatoTriggerSingle);
|
|
8316
|
-
|
|
8317
8327
|
/**
|
|
8318
8328
|
* @license
|
|
8319
8329
|
* Copyright Datorama. All Rights Reserved.
|
|
@@ -12039,7 +12049,7 @@ const defaultGridOptions = Object.assign({
|
|
|
12039
12049
|
type: DatoGridColumnTypes.String,
|
|
12040
12050
|
menuTabs: ['filterMenuTab'],
|
|
12041
12051
|
headerComponentFramework: DatoGridColumnHeaderComponent
|
|
12042
|
-
}, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1 }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
|
|
12052
|
+
}, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, pivotGridStyle: false }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
|
|
12043
12053
|
const DEFAULT_GRID_SEARCH_DEBOUNCE_TIME = {
|
|
12044
12054
|
CLIENT: 200,
|
|
12045
12055
|
SERVER: 250
|
|
@@ -12615,9 +12625,17 @@ let GridService = class GridService {
|
|
|
12615
12625
|
/** Add pivot specific required settings */
|
|
12616
12626
|
if (params.gridOptions.pivotMode) {
|
|
12617
12627
|
this.initPivotSecondaryColsProcess(params);
|
|
12618
|
-
params.gridOptions.enableV2_1 = true;
|
|
12619
12628
|
params.gridOptions.saveSettings = false;
|
|
12620
|
-
|
|
12629
|
+
}
|
|
12630
|
+
if (params.gridOptions.pivotGridStyle) {
|
|
12631
|
+
params.gridOptions.rowHeight = 30;
|
|
12632
|
+
params.gridOptions.defaultColDef = Object.assign(Object.assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: params => {
|
|
12633
|
+
const style = { lineHeight: '30px' };
|
|
12634
|
+
if (params.colDef.type === DatoGridColumnTypes.Number) {
|
|
12635
|
+
style.textAlign = 'end';
|
|
12636
|
+
}
|
|
12637
|
+
return style;
|
|
12638
|
+
} });
|
|
12621
12639
|
params.gridOptions.autoGroupColumnDef = Object.assign(Object.assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
|
|
12622
12640
|
}
|
|
12623
12641
|
return params.gridOptions;
|
|
@@ -12650,11 +12668,11 @@ let GridService = class GridService {
|
|
|
12650
12668
|
if (leafGroup) {
|
|
12651
12669
|
if (childIndex % 2 === 0) {
|
|
12652
12670
|
/** If row is even */
|
|
12653
|
-
cellClass += '
|
|
12671
|
+
cellClass += 'primary-0-background-color';
|
|
12654
12672
|
}
|
|
12655
12673
|
}
|
|
12656
12674
|
else {
|
|
12657
|
-
cellClass += '
|
|
12675
|
+
cellClass += 'primary-100-background-color pointer dato-simple-bold';
|
|
12658
12676
|
}
|
|
12659
12677
|
}
|
|
12660
12678
|
}
|
|
@@ -14263,8 +14281,8 @@ let DatoGridV2Component = class DatoGridV2Component {
|
|
|
14263
14281
|
get enableV2_1() {
|
|
14264
14282
|
return this.gridOptions ? this.gridOptions.enableV2_1 : false;
|
|
14265
14283
|
}
|
|
14266
|
-
get
|
|
14267
|
-
return this.gridOptions ? this.gridOptions.
|
|
14284
|
+
get isPivotStyle() {
|
|
14285
|
+
return this.gridOptions ? this.gridOptions.pivotGridStyle : false;
|
|
14268
14286
|
}
|
|
14269
14287
|
};
|
|
14270
14288
|
DatoGridV2Component.ctorParameters = () => [
|
|
@@ -14279,7 +14297,7 @@ __decorate([
|
|
|
14279
14297
|
DatoGridV2Component = __decorate([
|
|
14280
14298
|
Component({
|
|
14281
14299
|
selector: 'dato-grid-v2',
|
|
14282
|
-
template: "<ag-grid-angular data-auto-id=\"grid\" class=\"dato-grid ag-theme-material\" [class.has-background]=\"enableBackground\" [class.enable-v2_1]=\"enableV2_1\"\n [class.with-multi-selection-col]=\"gridOptions?.showMultiSelectionCheckboxes\" [class.pivot-
|
|
14300
|
+
template: "<ag-grid-angular data-auto-id=\"grid\" class=\"dato-grid ag-theme-material\" [class.has-background]=\"enableBackground\" [class.enable-v2_1]=\"enableV2_1\"\n [class.with-multi-selection-col]=\"gridOptions?.showMultiSelectionCheckboxes\" [class.pivot-style]=\"isPivotStyle\">\n</ag-grid-angular>\n<dato-grid-pagination-v2 [class.has-background]=\"enableBackground\"></dato-grid-pagination-v2>\n",
|
|
14283
14301
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14284
14302
|
encapsulation: ViewEncapsulation.None,
|
|
14285
14303
|
styles: ["dato-grid-v2{flex-grow:1;display:flex;flex-direction:column;position:relative}dato-grid-v2 .dato-grid,dato-grid-v2 dato-grid-pagination-v2{position:absolute;left:0;right:0;bottom:0}dato-grid-v2 .dato-grid{top:0;bottom:50px}dato-grid-v2 .grid-hover-actions{position:absolute;z-index:2;transition:opacity .2s ease-in-out}dato-grid-v2 .ag-row-drag{width:initial!important}dato-grid-v2 .da-grid-icon{display:inline-block;line-height:31px;vertical-align:middle;width:initial;height:initial}dato-grid-v2 .da-grid-icon.drag{width:14px;height:14px;margin-right:6px;opacity:0;transition:opacity .3s;transform:translateY(-50%)}dato-grid-v2 .da-grid-icon.folder{width:18px;height:35px;margin:0 8px}dato-grid-v2 .ag-row.ag-row-hover .da-grid-icon.drag{opacity:1}dato-grid-v2 ag-grid-angular.tree .ag-group-contracted,dato-grid-v2 ag-grid-angular.tree .ag-group-expanded{display:inline-block;width:18px;text-align:center}dato-grid-v2 ag-grid-angular.tree .ag-group-checkbox{display:none}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-empty-folder .folder{margin-left:26px}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-1 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 1)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-1{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-2 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 2)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-2{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-3 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 3)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-3{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-4 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 4)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-4{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row div[col-id=ag-Grid-AutoColumn]{padding-left:0}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell{display:flex;align-items:center}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell .ag-group-value>span{display:inline-block;vertical-align:middle}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell .initials{border-radius:50%;padding:4px;margin-right:8px;margin-left:20px;width:28px;height:28px;display:inline-block;text-align:center}dato-grid-v2 ag-grid-angular.tree .ag-row-group-leaf-indent{margin-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-selection-checkbox .ag-icon-checkbox-indeterminate:before{text-align:center;content:'-';display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;line-height:.5;color:#fff}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell{line-height:33px}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell.dato-editable-cell{line-height:29px}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell.ag-cell-inline-editing{height:35px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell{line-height:42px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell.dato-editable-cell{line-height:38px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell.ag-cell-inline-editing{height:44px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell{line-height:48px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell.dato-editable-cell{line-height:44px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell.ag-cell-inline-editing{height:50px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell{line-height:57px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell.dato-editable-cell{line-height:53px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell.ag-cell-inline-editing{height:59px}dato-grid-v2 ag-grid-angular .ag-cell.checkbox-selection-cell{display:flex}dato-grid-v2 .ag-menu .da-grid-icon svg{vertical-align:middle}dato-grid-v2 .ag-header-cell-sortable .ag-sort-none-icon{opacity:0;transition:opacity .2s}dato-grid-v2 .ag-header-cell-sortable:hover .ag-sort-none-icon{opacity:1}dato-grid-v2 .group-contracted-icon,dato-grid-v2 .group-expanded-icon{width:7px}dato-grid-v2 .group-expanded-icon{transform:rotate(90deg)}dato-grid-v2 .dato-grid .ag-cell{border-top:0;border-bottom:0}dato-grid-v2 .ag-overlay-wrapper ng-component{display:flex}.ag-dnd-ghost{min-width:100px;border:none;display:flex;justify-content:flex-start;align-content:center;align-items:center;cursor:-webkit-grabbing;cursor:grabbing;z-index:10000000}.ag-dnd-ghost .da-grid-icon.column-move-hide svg{height:18px;width:18px}.ag-dnd-ghost .da-grid-icon.column-move svg,.ag-dnd-ghost .da-grid-icon.column-move-pin svg{height:16px;width:16px}"]
|
|
@@ -22841,7 +22859,7 @@ function fixNgLeaks() {
|
|
|
22841
22859
|
};
|
|
22842
22860
|
}
|
|
22843
22861
|
|
|
22844
|
-
window.coreVersion = '22.
|
|
22862
|
+
window.coreVersion = '22.12.0';
|
|
22845
22863
|
|
|
22846
22864
|
/**
|
|
22847
22865
|
* @license
|