@datorama/core 22.13.0-beta.8 → 22.13.0

package/bundle.scss

@@ -8236,6 +8236,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8366,6 +8370,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8481,16 +8489,31 @@ dato-grid-header span {
     line-height: 19px;
 }
 
-.ag-dato-core .ag-menu .ag-menu-option-icon span {
-    margin-top: 0;
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option {
+    padding-left: 15px;
 }
 
-.ag-dato-core .ag-menu .ag-menu-option-icon span.context-item-icon {
-    width: 18px;
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon {
+    display: none;
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer {
+    width: 20px;
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right {
+    height: 12px;
+    background-position-y: center;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right:before {
+    display: none;
 }
 
 .ag-dato-core .ag-menu .ag-menu-separator {
     border-top: themify(primary-200) 1px solid;
+    height: unset;
 }
 
 .ag-dato-core .ag-menu .ag-menu-separator .ag-menu-separator-cell {
@@ -8558,11 +8581,6 @@ dato-grid-header span {
     padding: 8px 0;
 }
 
-.ag-dato-core .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer.ag-icon-small-right {
-    background-position-y: center;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
-}
-
 .ag-dato-core .ag-filter {
     /* CAUTION: IE hackery ahead */
 }
@@ -8690,6 +8708,10 @@ dato-grid-header span {
     fill: themify(primary-200);
 }
 
+.ag-dato-core .ag-filter .ag-filter-filter {
+    margin: 0;
+}
+
 .ag-dato-core .ag-filter select.ag-filter-select {
     -webkit-appearance: none;
     appearance: none;
@@ -8757,6 +8779,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8916,6 +8942,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -9009,6 +9039,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -14799,6 +14833,10 @@ dato-input input:disabled:hover {
     flex-grow: 1;
 }
 
+.dato-grid .ag-menu .ag-menu-separator {
+    height: unset;
+}
+
 .dato-grid .ag-menu .ag-menu-separator > span {
     height: 1px;
     margin: 7px 0;
@@ -14866,6 +14904,10 @@ dato-input input:disabled:hover {
     display: block;
 }
 
+.dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
 .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -15003,6 +15045,10 @@ dato-input input:disabled:hover {
     display: block;
 }
 
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -15028,10 +15074,6 @@ dato-input input:disabled:hover {
     margin-left: 0;
 }
 
-.dato-grid .ag-cell .ag-selection-checkbox .ag-icon-checkbox-checked:before {
-    display: none;
-}
-
 .dato-grid .ag-cell .search-highlight {
     background-color: #FDF2CF;
 }
@@ -15219,10 +15261,6 @@ dato-input input:disabled:hover {
     background-color: themify(primary-100);
 }
 
-.dato-grid.pivot-style .ag-cell {
-    color: themify(primary-500);
-}
-
 .dato-grid.pivot-style .ag-cell .ag-row-group-leaf-indent {
     margin: 0 !important;
 }
@@ -15240,10 +15278,6 @@ dato-input input:disabled:hover {
     height: inherit;
 }
 
-.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell dato-grid-column-header > div span {
-    color: themify(primary-500);
-}
-
 .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell.top-border {
     border-top: 1px solid themify(primary-200);
 }
@@ -15268,7 +15302,6 @@ dato-input input:disabled:hover {
 
 .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     height: auto;
-    color: themify(primary-500);
 }
 
 .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group {

package/bundles/datorama-core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/forms'), require('ngx-take-until-destroy'), require('rxjs/operators'), require('@angular/cdk/keycodes'), require('@angular/common'), require('lodash.isempty'), require('lodash.isequal'), require('lodash.intersection'), require('lodash.union'), require('lodash.difference'), require('lodash.differenceby'), require('lodash.findindex'), require('lodash.minby'), require('lodash.uniqby'), require('lodash.sortby'), require('lodash.find'), require('lodash.foreach'), require('lodash.map'), require('lodash.keyby'), require('lodash.reject'), require('lodash.groupby'), require('lodash.filter'), require('lodash.findkey'), require('lodash.debounce'), require('lodash.throttle'), require('lodash.curry'), require('lodash.partial'), require('lodash.get'), require('lodash.has'), require('lodash.mapvalues'), require('lodash.mapkeys'), require('lodash.values'), require('lodash.merge'), require('lodash.transform'), require('lodash.clonedeep'), require('lodash.omitby'), require('deep-equal'), require('lodash.invert'), require('lodash.escape'), require('lodash.unescape'), require('lodash.escaperegexp'), require('date-fns'), require('date-fns-tz'), require('date-fns/locale/de'), require('date-fns/locale/en-US'), require('date-fns/locale/es'), require('date-fns/locale/fr'), require('date-fns/locale/ja'), require('@datorama/akita'), require('tooltip.js'), require('@popperjs/core/lib/popper-lite.js'), require('@popperjs/core/lib/modifiers/preventOverflow.js'), require('@popperjs/core/lib/modifiers/flip.js'), require('@popperjs/core/lib/modifiers/offset.js'), require('dompurify'), require('tippy.js'), require('@angular/cdk/coercion'), require('helpful-decorators'), require('ag-grid-angular'), require('ag-grid-community'), require('@angular/animations'), require('@angular/cdk/a11y'), require('ngx-sortablejs'), require('@angular/platform-browser'), require('@angular/common/http')) :
-    typeof define === 'function' && define.amd ? define('@datorama/core', ['exports', '@angular/core', 'rxjs', '@angular/forms', 'ngx-take-until-destroy', 'rxjs/operators', '@angular/cdk/keycodes', '@angular/common', 'lodash.isempty', 'lodash.isequal', 'lodash.intersection', 'lodash.union', 'lodash.difference', 'lodash.differenceby', 'lodash.findindex', 'lodash.minby', 'lodash.uniqby', 'lodash.sortby', 'lodash.find', 'lodash.foreach', 'lodash.map', 'lodash.keyby', 'lodash.reject', 'lodash.groupby', 'lodash.filter', 'lodash.findkey', 'lodash.debounce', 'lodash.throttle', 'lodash.curry', 'lodash.partial', 'lodash.get', 'lodash.has', 'lodash.mapvalues', 'lodash.mapkeys', 'lodash.values', 'lodash.merge', 'lodash.transform', 'lodash.clonedeep', 'lodash.omitby', 'deep-equal', 'lodash.invert', 'lodash.escape', 'lodash.unescape', 'lodash.escaperegexp', 'date-fns', 'date-fns-tz', 'date-fns/locale/de', 'date-fns/locale/en-US', 'date-fns/locale/es', 'date-fns/locale/fr', 'date-fns/locale/ja', '@datorama/akita', 'tooltip.js', '@popperjs/core/lib/popper-lite.js', '@popperjs/core/lib/modifiers/preventOverflow.js', '@popperjs/core/lib/modifiers/flip.js', '@popperjs/core/lib/modifiers/offset.js', 'dompurify', 'tippy.js', '@angular/cdk/coercion', 'helpful-decorators', 'ag-grid-angular', 'ag-grid-community', '@angular/animations', '@angular/cdk/a11y', 'ngx-sortablejs', '@angular/platform-browser', '@angular/common/http'], factory) :
-    (global = global || self, factory((global.datorama = global.datorama || {}, global.datorama.core = {}), global.ng.core, global.rxjs, global.ng.forms, global.ngxTakeUntilDestroy, global.rxjs.operators, global.ng.cdk.keycodes, global.ng.common, global._.isEmpty, global._.isEqual, global._.intersection, global._.union, global._.difference, global._.differenceBy, global._.findIndex, global._.minBy, global._.uniqBy, global._.sortBy, global._.find, global._.forEach, global._.map, global._.keyBy, global._.reject, global._.groupBy, global._.filter, global._.findKey, global._.debounce, global._.throttle, global._.curry, global._.partial, global._.get, global._.has, global._.mapValues, global._.mapKeys, global._.values, global._.merge, global._.transform, global._.cloneDeep, global._.omitBy, global.deepEqual, global._.invert, global._.escape, global._.unescape, global._.escapeRegExp, global.dateFns, global.dateFnsTz, global.de, global.enUS, global.es, global.fr, global.ja, global.dato.akita, global.tooltip, global.popperjs.lite, global.popperjs.modifiers.preventOverflow, global.popperjs.modifiers.flip, global.popperjs.modifiers.offset, global.DOMPurify, global.tippy, global.ng.cdk.coercion, global.helpfulDecorators, global.agGridAngular, global.agGridCommunity, global.ng.animations, global.ng.cdk.a11y, global.ngxSortablejs, global.ng.platformBrowser, global.ng.common.http));
-}(this, (function (exports, core, rxjs, forms, ngxTakeUntilDestroy, operators, keycodes, common, _isEmpty, _isEqual, _intersection, _union, _difference, _differenceBy, _findIndex, _minBy, _uniqBy, _sortby, _find, _forEach, _map, _keyBy, _reject, _groupBy, _filter, _findKey, _debounce, _throttle, _curry, _partial, _get, _has, _mapValues, _mapKeys, _values, _merge, _transform, _cloneDeep, _omitBy, _deepEqual, _invert, _escape, _unescape, _escapeRegExp, dateFns, dateFnsTz, de, enUS, es, fr, ja, akita, Tooltip, popperLite_js, preventOverflow, flip, offset, DOMPurify, tippy, coercion, helpfulDecorators, agGridAngular, agGridCommunity, animations, a11y, ngxSortablejs, platformBrowser, http) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/forms'), require('ngx-take-until-destroy'), require('rxjs/operators'), require('@angular/cdk/keycodes'), require('@angular/common'), require('lodash.isempty'), require('lodash.isequal'), require('lodash.intersection'), require('lodash.union'), require('lodash.difference'), require('lodash.differenceby'), require('lodash.findindex'), require('lodash.minby'), require('lodash.uniqby'), require('lodash.sortby'), require('lodash.find'), require('lodash.foreach'), require('lodash.map'), require('lodash.keyby'), require('lodash.reject'), require('lodash.groupby'), require('lodash.filter'), require('lodash.findkey'), require('lodash.debounce'), require('lodash.throttle'), require('lodash.curry'), require('lodash.partial'), require('lodash.get'), require('lodash.has'), require('lodash.mapvalues'), require('lodash.mapkeys'), require('lodash.values'), require('lodash.merge'), require('lodash.transform'), require('lodash.clonedeep'), require('lodash.omitby'), require('deep-equal'), require('lodash.invert'), require('lodash.escape'), require('lodash.unescape'), require('lodash.escaperegexp'), require('date-fns'), require('date-fns-tz'), require('date-fns/locale/de'), require('date-fns/locale/en-US'), require('date-fns/locale/es'), require('date-fns/locale/fr'), require('date-fns/locale/ja'), require('@datorama/akita'), require('tooltip.js'), require('@popperjs/core/lib/popper-lite.js'), require('@popperjs/core/lib/modifiers/preventOverflow.js'), require('@popperjs/core/lib/modifiers/flip.js'), require('@popperjs/core/lib/modifiers/offset.js'), require('dompurify'), require('tippy.js'), require('@angular/cdk/coercion'), require('helpful-decorators'), require('@ag-grid-community/angular'), require('@ag-grid-community/core'), require('@angular/animations'), require('@angular/cdk/a11y'), require('ngx-sortablejs'), require('@angular/platform-browser'), require('@angular/common/http')) :
+    typeof define === 'function' && define.amd ? define('@datorama/core', ['exports', '@angular/core', 'rxjs', '@angular/forms', 'ngx-take-until-destroy', 'rxjs/operators', '@angular/cdk/keycodes', '@angular/common', 'lodash.isempty', 'lodash.isequal', 'lodash.intersection', 'lodash.union', 'lodash.difference', 'lodash.differenceby', 'lodash.findindex', 'lodash.minby', 'lodash.uniqby', 'lodash.sortby', 'lodash.find', 'lodash.foreach', 'lodash.map', 'lodash.keyby', 'lodash.reject', 'lodash.groupby', 'lodash.filter', 'lodash.findkey', 'lodash.debounce', 'lodash.throttle', 'lodash.curry', 'lodash.partial', 'lodash.get', 'lodash.has', 'lodash.mapvalues', 'lodash.mapkeys', 'lodash.values', 'lodash.merge', 'lodash.transform', 'lodash.clonedeep', 'lodash.omitby', 'deep-equal', 'lodash.invert', 'lodash.escape', 'lodash.unescape', 'lodash.escaperegexp', 'date-fns', 'date-fns-tz', 'date-fns/locale/de', 'date-fns/locale/en-US', 'date-fns/locale/es', 'date-fns/locale/fr', 'date-fns/locale/ja', '@datorama/akita', 'tooltip.js', '@popperjs/core/lib/popper-lite.js', '@popperjs/core/lib/modifiers/preventOverflow.js', '@popperjs/core/lib/modifiers/flip.js', '@popperjs/core/lib/modifiers/offset.js', 'dompurify', 'tippy.js', '@angular/cdk/coercion', 'helpful-decorators', '@ag-grid-community/angular', '@ag-grid-community/core', '@angular/animations', '@angular/cdk/a11y', 'ngx-sortablejs', '@angular/platform-browser', '@angular/common/http'], factory) :
+    (global = global || self, factory((global.datorama = global.datorama || {}, global.datorama.core = {}), global.ng.core, global.rxjs, global.ng.forms, global.ngxTakeUntilDestroy, global.rxjs.operators, global.ng.cdk.keycodes, global.ng.common, global._.isEmpty, global._.isEqual, global._.intersection, global._.union, global._.difference, global._.differenceBy, global._.findIndex, global._.minBy, global._.uniqBy, global._.sortBy, global._.find, global._.forEach, global._.map, global._.keyBy, global._.reject, global._.groupBy, global._.filter, global._.findKey, global._.debounce, global._.throttle, global._.curry, global._.partial, global._.get, global._.has, global._.mapValues, global._.mapKeys, global._.values, global._.merge, global._.transform, global._.cloneDeep, global._.omitBy, global.deepEqual, global._.invert, global._.escape, global._.unescape, global._.escapeRegExp, global.dateFns, global.dateFnsTz, global.de, global.enUS, global.es, global.fr, global.ja, global.dato.akita, global.tooltip, global.popperjs.lite, global.popperjs.modifiers.preventOverflow, global.popperjs.modifiers.flip, global.popperjs.modifiers.offset, global.DOMPurify, global.tippy, global.ng.cdk.coercion, global.helpfulDecorators, global.angular, global.core$1, global.ng.animations, global.ng.cdk.a11y, global.ngxSortablejs, global.ng.platformBrowser, global.ng.common.http));
+}(this, (function (exports, core, rxjs, forms, ngxTakeUntilDestroy, operators, keycodes, common, _isEmpty, _isEqual, _intersection, _union, _difference, _differenceBy, _findIndex, _minBy, _uniqBy, _sortby, _find, _forEach, _map, _keyBy, _reject, _groupBy, _filter, _findKey, _debounce, _throttle, _curry, _partial, _get, _has, _mapValues, _mapKeys, _values, _merge, _transform, _cloneDeep, _omitBy, _deepEqual, _invert, _escape, _unescape, _escapeRegExp, dateFns, dateFnsTz, de, enUS, es, fr, ja, akita, Tooltip, popperLite_js, preventOverflow, flip, offset, DOMPurify, tippy, coercion, helpfulDecorators, angular, core$1, animations, a11y, ngxSortablejs, platformBrowser, http) { 'use strict';
 
     _isEmpty = _isEmpty && Object.prototype.hasOwnProperty.call(_isEmpty, 'default') ? _isEmpty['default'] : _isEmpty;
     _isEqual = _isEqual && Object.prototype.hasOwnProperty.call(_isEqual, 'default') ? _isEqual['default'] : _isEqual;
@@ -3946,19 +3946,11 @@
         return DatoDisableControlDirective;
     }());
 
-    function copyToClipboard(value) {
-        var el = createElement('textarea');
-        el.value = value;
-        // Set non-editable to avoid focus and move outside of view
-        el.setAttribute('readonly', '');
-        setStyles(el, { position: 'absolute', left: '-9999px' });
-        var remove = appendToBody(el);
-        // Select text inside element
-        el.select();
-        // Copy text to clipboard
-        document.execCommand('copy');
-        // Remove temporary element
-        remove();
+    function writeToClipboard(value) {
+        navigator.clipboard.writeText(value);
+    }
+    function readFromClipboard() {
+        return navigator.clipboard.readText();
     }
     var DatoClipboardDirective = /** @class */ (function () {
         function DatoClipboardDirective() {
@@ -3972,7 +3964,7 @@
             configurable: true
         });
         DatoClipboardDirective.prototype.onClick = function () {
-            copyToClipboard(this.value);
+            writeToClipboard(this.value);
             this.copied.emit(this.value);
         };
         __decorate([
@@ -5810,12 +5802,12 @@
         ]; };
         __decorate([
             core.Input(),
-            __metadata("design:type", agGridCommunity.GridApi)
+            __metadata("design:type", core$1.GridApi)
         ], DatoGridPaginationComponent.prototype, "agGridApi", void 0);
         __decorate([
             core.Input(),
-            __metadata("design:type", agGridCommunity.ColumnApi),
-            __metadata("design:paramtypes", [agGridCommunity.ColumnApi])
+            __metadata("design:type", core$1.ColumnApi),
+            __metadata("design:paramtypes", [core$1.ColumnApi])
         ], DatoGridPaginationComponent.prototype, "agGridColumnApi", null);
         __decorate([
             core.Input(),
@@ -5955,7 +5947,8 @@
             this.gridColumnApi = event.columnApi;
             if (this.gridColumnApi.getRowGroupColumns().length >= 1) {
                 this.gridComponent.rowGroupOpened.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (event) { return _this.rowGroupStateChange(event); });
-                this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
+                this.paginationComponent &&
+                    this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
             }
             this.cdr.detectChanges();
             this.gridReady.emit(event);
@@ -6050,8 +6043,8 @@
             { type: core.ChangeDetectorRef }
         ]; };
         __decorate([
-            core.ViewChild(agGridAngular.AgGridAngular, { static: true }),
-            __metadata("design:type", agGridAngular.AgGridAngular)
+            core.ViewChild(angular.AgGridAngular, { static: true }),
+            __metadata("design:type", angular.AgGridAngular)
         ], DatoGridComponent.prototype, "gridComponent", void 0);
         __decorate([
             core.ViewChild(DatoGridPaginationComponent, { static: true }),
@@ -6958,14 +6951,14 @@
             this.api.gridApi.sizeColumnsToFit();
         };
         DatoGridToolbarComponent.prototype.ngOnDestroy = function () {
-            this.api && this.api.gridApi.removeEventListener(agGridCommunity.Events.EVENT_SELECTION_CHANGED, this.eventHandler);
+            this.api && this.api.gridApi.removeEventListener(core$1.Events.EVENT_SELECTION_CHANGED, this.eventHandler);
         };
         DatoGridToolbarComponent.prototype.actionClick = function (action) {
             this.gridToolbarService.executeAction(action, this.api);
         };
         DatoGridToolbarComponent.prototype.onGridReady = function () {
             this.eventHandler = this.rowSelectionChange.bind(this);
-            this.api.gridApi.addEventListener(agGridCommunity.Events.EVENT_SELECTION_CHANGED, this.eventHandler);
+            this.api.gridApi.addEventListener(core$1.Events.EVENT_SELECTION_CHANGED, this.eventHandler);
             this._filterItems(true);
             this.fitGridSizeOnInit();
         };
@@ -11292,12 +11285,12 @@
                     DatoOptionsModule,
                     DatoPipesModule,
                     DatoListModule,
-                    agGridAngular.AgGridModule
+                    angular.AgGridModule
                 ],
                 entryComponents: [],
                 providers: [GridToolbarService, DatoGridHelper],
                 declarations: [declarations$1],
-                exports: [agGridAngular.AgGridModule, DatoIconButtonModule, declarations$1]
+                exports: [angular.AgGridModule, DatoIconButtonModule, declarations$1]
             })
         ], DatoGridModule);
         return DatoGridModule;
@@ -11575,7 +11568,7 @@
                 return rxjs.merge(_this.gridRef.rowDataChanged, _this.gridRef.rowDataUpdated, _this.gridRef.filterChanged, _this.serverDataLoaded$);
             });
             _this.selectedRowsChange$ = _this.waitForGrid(function () {
-                return rxjs.fromEvent(_this.api.grid, agGridCommunity.Events.EVENT_SELECTION_CHANGED).pipe(operators.map(function (_a) {
+                return rxjs.fromEvent(_this.api.grid, core$1.Events.EVENT_SELECTION_CHANGED).pipe(operators.map(function (_a) {
                     var api = _a.api;
                     return api.getSelectedRows();
                 }));
@@ -14212,6 +14205,7 @@
             this.logger = logger;
             this.treeConfig = defaultGridTreeLabel;
             this.pageNumberToReturnAfterRefresh = -1;
+            this.reloadGridActionsSubject = new rxjs.Subject();
             this.CHECKBOX_SELECTION_COL_ID = 'grid-checkbox-selection';
         }
         Object.defineProperty(GridService.prototype, "treeData", {
@@ -14244,6 +14238,12 @@
                 ? context
                 : deepmerge(this.gridRef.gridOptions.context || {}, context);
         };
+        GridService.prototype.reloadGridActions = function () {
+            this.reloadGridActionsSubject.next();
+        };
+        GridService.prototype.onReloadGridActions = function () {
+            return this.reloadGridActionsSubject.asObservable();
+        };
         /**
          * @deprecated use selectRows instead
          * @param row
@@ -14354,26 +14354,41 @@
                 this.loadSavedSettings(savedSettings);
             }
         };
+        GridService.prototype.initGridOptions = function (gridOptions) {
+            var options = __assign({}, gridOptions);
+            if (typeof gridOptions.enableSearch === 'undefined') {
+                options.enableSearch = options.enableV2_1;
+            }
+            if (typeof gridOptions.enableBackground === 'undefined') {
+                options.enableBackground = options.enableV2_1;
+            }
+            if (typeof gridOptions.showMultiSelectionCheckboxes === 'undefined') {
+                options.showMultiSelectionCheckboxes =
+                    gridOptions.enableV2_1 && options.rowSelection !== exports.GridRowSelectionType.SINGLE;
+            }
+            if (typeof gridOptions.enableSearchHighlight === 'undefined') {
+                options.enableSearchHighlight = options.enableSearch && defaultGridOptions.enableSearchHighlight;
+            }
+            if (gridOptions.usePivotGridStyle) {
+                var rowHeight_1 = 30;
+                options.rowHeight = rowHeight_1;
+                options.defaultColDef = __assign(__assign({}, options.defaultColDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
+                        var style = { lineHeight: rowHeight_1 + "px" };
+                        if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
+                            style.textAlign = 'end';
+                        }
+                        return style;
+                    } });
+                options.autoGroupColumnDef = __assign(__assign({}, options.autoGroupColumnDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
+            }
+            return options;
+        };
         GridService.prototype.normalizeOptions = function (params) {
             var _this = this;
             this.customHeadersTemplates = params.customHeadersTemplates;
             var headerComponentParams = { gridService: this, gridQuery: this.gridQuery };
             params.gridOptions.autoGroupColumnDef = __assign(__assign({}, headerComponentParams), params.gridOptions.autoGroupColumnDef);
             params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { headerComponentParams: headerComponentParams });
-            if (typeof params.gridOptions.enableSearch === 'undefined') {
-                params.gridOptions.enableSearch = params.gridOptions.enableV2_1;
-            }
-            if (typeof params.gridOptions.enableBackground === 'undefined') {
-                params.gridOptions.enableBackground = params.gridOptions.enableV2_1;
-            }
-            if (typeof params.gridOptions.showMultiSelectionCheckboxes === 'undefined') {
-                params.gridOptions.showMultiSelectionCheckboxes =
-                    params.gridOptions.enableV2_1 && params.gridOptions.rowSelection !== exports.GridRowSelectionType.SINGLE;
-            }
-            if (typeof params.gridOptions.enableSearchHighlight === 'undefined') {
-                params.gridOptions.enableSearchHighlight =
-                    params.gridOptions.enableSearch && defaultGridOptions.enableSearchHighlight;
-            }
             params.gridOptions.columnDefs = this.normalizeColumns(params.gridOptions.columnDefs, params.gridOptions);
             /** Add core filters */
             params.gridOptions.isExternalFilterPresent = function () { return true; };
@@ -14412,18 +14427,6 @@
                 this.initPivotSecondaryColsProcess(params);
                 params.gridOptions.saveSettings = false;
             }
-            if (params.gridOptions.usePivotGridStyle) {
-                var rowHeight_1 = 30;
-                params.gridOptions.rowHeight = rowHeight_1;
-                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
-                        var style = { lineHeight: rowHeight_1 + "px" };
-                        if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
-                            style.textAlign = 'end';
-                        }
-                        return style;
-                    } });
-                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
-            }
             return params.gridOptions;
         };
         GridService.prototype.getPivotHeaderClass = function (params) {
@@ -14861,7 +14864,7 @@
                         var rawValue = _this.api.grid.getValue(column.getColId(), row);
                         var formatter = column.getColDef().valueFormatter;
                         var value = formatter && typeof formatter !== 'string' ? formatter(rawValue) : rawValue;
-                        copyToClipboard(value);
+                        writeToClipboard(value);
                     };
                     if (node.isSelected()) {
                         selected = _this.gridQuery.getSelectedRowNodes();
@@ -15737,8 +15740,8 @@
             this.onGridChange = new core.EventEmitter();
             this.rowActions = [];
             this.gridActions = [];
-            this.contentInit = new rxjs.Subject();
             this.gridReady$ = this.gridQuery.gridReady$;
+            this.contentInit = new rxjs.Subject();
             this.gridElements = {
                 centerViewport: null,
                 centerContainer: null,
@@ -15751,7 +15754,7 @@
                 return this._gridOptions;
             },
             set: function (gridOptions) {
-                this._gridOptions = gridOptions;
+                this._gridOptions = this.gridService.initGridOptions(gridOptions);
                 this.gridService.treeData = gridOptions.treeData;
                 this.gridService.isPivotMode = gridOptions.pivotMode;
                 if (this.agGridEl) {
@@ -16274,9 +16277,9 @@
             { type: core.ElementRef }
         ]; };
         __decorate([
-            core.ViewChild(agGridAngular.AgGridAngular, { static: false }),
-            __metadata("design:type", agGridAngular.AgGridAngular),
-            __metadata("design:paramtypes", [agGridAngular.AgGridAngular])
+            core.ViewChild(angular.AgGridAngular, { static: false }),
+            __metadata("design:type", angular.AgGridAngular),
+            __metadata("design:paramtypes", [angular.AgGridAngular])
         ], DatoGridV2Component.prototype, "grid", null);
         DatoGridV2Component = __decorate([
             core.Component({
@@ -17079,6 +17082,7 @@
             });
             this.registerGroupListeners();
             this.subscribeRowsSelectionData();
+            this.subscribeReloadGridActions();
         };
         DatoGridV2ToolbarComponent.prototype.onActionClick = function (action) {
             if (isFunction(action.onClick)) {
@@ -17334,6 +17338,12 @@
                 _this.cdr.detectChanges();
             });
         };
+        DatoGridV2ToolbarComponent.prototype.subscribeReloadGridActions = function () {
+            var _this = this;
+            this.gridService.onReloadGridActions().subscribe(function () {
+                _this.initGridActions();
+            });
+        };
         DatoGridV2ToolbarComponent.prototype.selectAllPages = function () {
             if (this.gridQuery.isServerSide) {
                 this.gridService.setServerSidePagination({ selectAllRowsEnabled: true, excludedFromSelectAll: [] });
@@ -20824,7 +20834,7 @@
         DatoGridInitialsCellComponent = __decorate([
             core.Component({
                 selector: 'dato-grid-initials-cell',
-                template: "<div *ngIf=\"!isGroup\" class=\"height-100 d-flex items-center primary-500-color initials-container\">\n    <div *ngIf=\"initials\" class=\"initials text-center mr-12\" [class.bold]=\"isBold\">{{ initials }}</div>\n    <div [class.bold]=\"isBold\">{{text}}</div>\n</div>\n\n<span *ngIf=\"isGroup\">{{text}}</span>\n",
+                template: "<div *ngIf=\"!isGroup\" class=\"height-100 d-flex items-center primary-500-color initials-container\">\n    <div *ngIf=\"initials\" class=\"initials text-center mr-12\" [class.bold]=\"isBold\">{{ initials }}</div>\n    <div class=\"ellipsis\" [class.bold]=\"isBold\">{{text}}</div>\n</div>\n\n<span *ngIf=\"isGroup\">{{text}}</span>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 styles: [".initials-container .initials{width:34px;height:34px;line-height:33px;border-radius:50%;font-size:15px;flex:0 0 auto}.initials-container.bold{font-weight:600}"]
             })
@@ -20851,9 +20861,9 @@
         DatoGridAvatarCellComponent = __decorate([
             core.Component({
                 selector: 'dato-grid-avatar-cell',
-                template: "<div *ngIf=\"!isGroup\" class=\"height-100 d-flex items-center primary-500-color avatar-container\">\n    <div *ngIf=\"imageUrl\" [style.background-image]=\"'url(' + imageUrl + ')'\" class=\"avatar text-center mr-12\"></div>\n    <div>{{text}}</div>\n</div>\n\n<span *ngIf=\"isGroup\">{{text}}</span>\n",
+                template: "<div *ngIf=\"!isGroup\" class=\"height-100 d-flex items-center primary-500-color avatar-container\">\n    <div *ngIf=\"imageUrl\" [style.background-image]=\"'url(' + imageUrl + ')'\" class=\"avatar text-center mr-12\"></div>\n    <div class=\"ellipsis\">{{text}}</div>\n</div>\n\n<span *ngIf=\"isGroup\">{{text}}</span>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".avatar-container .avatar{width:34px;height:34px;border-radius:50%;background-size:contain}"]
+                styles: [".avatar-container .avatar{width:34px;height:34px;border-radius:50%;background-size:contain;flex:0 0 auto}"]
             })
         ], DatoGridAvatarCellComponent);
         return DatoGridAvatarCellComponent;
@@ -20940,7 +20950,7 @@
                     DatoDatePickerModule,
                     DatoSortableModule,
                     DatoLoadersModule,
-                    agGridAngular.AgGridModule,
+                    angular.AgGridModule,
                     DatoListV2Module,
                     DatoHotkeysModule,
                     DatoCheckboxModule
@@ -25951,7 +25961,6 @@
     exports.compose = compose;
     exports.convertFromTreeData = convertFromTreeData;
     exports.convertToTreeData = convertToTreeData;
-    exports.copyToClipboard = copyToClipboard;
     exports.createComponent = createComponent;
     exports.createElement = createElement;
     exports.createGUID = createGUID;
@@ -26067,6 +26076,7 @@
     exports.queryAll = queryAll;
     exports.random = random;
     exports.rawDiff = rawDiff;
+    exports.readFromClipboard = readFromClipboard;
     exports.reject = reject;
     exports.relativeDateTypes = relativeDateTypes;
     exports.removeClass = removeClass;
@@ -26116,6 +26126,7 @@
     exports.validateStringCondition = validateStringCondition;
     exports.values = values;
     exports.workerMap = workerMap;
+    exports.writeToClipboard = writeToClipboard;
     exports.zoneStable = zoneStable;
     exports.ɵ0 = ɵ0$2;
     exports.ɵ1 = ɵ1$2;