@datorama/core 22.11.1 → 22.12.0

package/esm5/lib/select/trigger-single/trigger-single.component.js

@@ -46,6 +46,9 @@ var DatoTriggerSingle = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    DatoTriggerSingle.prototype.triggerChangeDetection = function () {
+        this.cdr.detectChanges();
+    };
     DatoTriggerSingle.ctorParameters = function () { return [
         { type: ChangeDetectorRef }
     ]; };
@@ -83,4 +86,4 @@ var DatoTriggerSingle = /** @class */ (function () {
     return DatoTriggerSingle;
 }());
 export { DatoTriggerSingle };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpZ2dlci1zaW5nbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGRhdG9yYW1hL2NvcmUvIiwic291cmNlcyI6WyJsaWIvc2VsZWN0L3RyaWdnZXItc2luZ2xlL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7O0FBRUgsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVF2RTtJQTJCRSwyQkFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFIMUMsaUJBQVksR0FBRyxFQUFFLENBQUM7SUFHMkIsQ0FBQztJQXBCOUMsc0JBQUksMENBQVc7YUFBZixVQUFnQixLQUFLO1lBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQzs7O09BQUE7SUFLRCxzQkFBSSxzQ0FBTzthQUFYLFVBQVksS0FBSztZQUNmLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDhDQUFlO2FBQW5CO1lBQ0UsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUNoRCxDQUFDOzs7T0FBQTtJQU9ELG9DQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxzQkFBSSx1Q0FBUTthQUFaO1lBQ0UsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RixDQUFDOzs7T0FBQTs7Z0JBUndCLGlCQUFpQjs7SUF6QjFDO1FBREMsS0FBSyxFQUFFO2tDQUNTLFdBQVc7OERBQU07SUFFekI7UUFBUixLQUFLLEVBQUU7a0NBQVMseUJBQXlCO3FEQUFDO0lBRzNDO1FBREMsS0FBSyxFQUFFOzs7d0RBSVA7SUFFUTtRQUFSLEtBQUssRUFBRTs7dURBQWtCO0lBRzFCO1FBREMsS0FBSyxFQUFFOzs7b0RBSVA7SUFsQlUsaUJBQWlCO1FBTjdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsNmhCQUE4QztZQUM5QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FFaEQsQ0FBQzt5Q0E0QnlCLGlCQUFpQjtPQTNCL0IsaUJBQWlCLENBb0M3QjtJQUFELHdCQUFDO0NBQUEsQUFwQ0QsSUFvQ0M7U0FwQ1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IERhdG9yYW1hLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIEFwYWNoZSBMaWNlbnNlIDIuMCBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS9kYXRvcmFtYS9jbGllbnQtY29yZS9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRvU2VsZWN0QWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnLi4vc2VsZWN0LWFjdGl2ZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYXRvLXRyaWdnZXItc2luZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0eWxlVXJsczogW2AuL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC5zY3NzYF1cbn0pXG5leHBvcnQgY2xhc3MgRGF0b1RyaWdnZXJTaW5nbGUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBsb2FkaW5nVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgYWN0aXZlOiBEYXRvU2VsZWN0QWN0aXZlRGlyZWN0aXZlO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBwbGFjZWhvbGRlcih2YWx1ZSkge1xuICAgIHRoaXMuX3BsYWNlaG9sZGVyID0gdmFsdWU7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgQElucHV0KCkgbGFiZWxLZXk6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZXQgY29udGV4dCh2YWx1ZSkge1xuICAgIHRoaXMuX21vZGVsID0geyAkaW1wbGljaXQ6IHZhbHVlIH07XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgZ2V0IGhpZGVQbGFjZWhvbGRlcigpIHtcbiAgICByZXR1cm4gIXRoaXMuX21vZGVsIHx8ICF0aGlzLl9tb2RlbC4kaW1wbGljaXQ7XG4gIH1cblxuICBfcGxhY2Vob2xkZXIgPSAnJztcbiAgX21vZGVsOiB7ICRpbXBsaWNpdD86IGFueSB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNkci5kZXRhY2goKTtcbiAgfVxuXG4gIGdldCBnZXRMYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5fbW9kZWwgJiYgdGhpcy5fbW9kZWwuJGltcGxpY2l0ICYmIHRoaXMuX21vZGVsLiRpbXBsaWNpdFt0aGlzLmxhYmVsS2V5XTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpZ2dlci1zaW5nbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGRhdG9yYW1hL2NvcmUvIiwic291cmNlcyI6WyJsaWIvc2VsZWN0L3RyaWdnZXItc2luZ2xlL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7O0FBRUgsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVF2RTtJQTJCRSwyQkFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFIMUMsaUJBQVksR0FBRyxFQUFFLENBQUM7SUFHMkIsQ0FBQztJQXBCOUMsc0JBQUksMENBQVc7YUFBZixVQUFnQixLQUFLO1lBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQzs7O09BQUE7SUFLRCxzQkFBSSxzQ0FBTzthQUFYLFVBQVksS0FBSztZQUNmLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDhDQUFlO2FBQW5CO1lBQ0UsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUNoRCxDQUFDOzs7T0FBQTtJQU9ELG9DQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxzQkFBSSx1Q0FBUTthQUFaO1lBQ0UsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RixDQUFDOzs7T0FBQTtJQUVNLGtEQUFzQixHQUE3QjtRQUNFLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7Z0JBWndCLGlCQUFpQjs7SUF6QjFDO1FBREMsS0FBSyxFQUFFO2tDQUNTLFdBQVc7OERBQU07SUFFekI7UUFBUixLQUFLLEVBQUU7a0NBQVMseUJBQXlCO3FEQUFDO0lBRzNDO1FBREMsS0FBSyxFQUFFOzs7d0RBSVA7SUFFUTtRQUFSLEtBQUssRUFBRTs7dURBQWtCO0lBRzFCO1FBREMsS0FBSyxFQUFFOzs7b0RBSVA7SUFsQlUsaUJBQWlCO1FBTjdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsNmhCQUE4QztZQUM5QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FFaEQsQ0FBQzt5Q0E0QnlCLGlCQUFpQjtPQTNCL0IsaUJBQWlCLENBd0M3QjtJQUFELHdCQUFDO0NBQUEsQUF4Q0QsSUF3Q0M7U0F4Q1ksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IERhdG9yYW1hLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIEFwYWNoZSBMaWNlbnNlIDIuMCBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS9kYXRvcmFtYS9jbGllbnQtY29yZS9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRvU2VsZWN0QWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnLi4vc2VsZWN0LWFjdGl2ZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYXRvLXRyaWdnZXItc2luZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0eWxlVXJsczogW2AuL3RyaWdnZXItc2luZ2xlLmNvbXBvbmVudC5zY3NzYF1cbn0pXG5leHBvcnQgY2xhc3MgRGF0b1RyaWdnZXJTaW5nbGUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBsb2FkaW5nVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgYWN0aXZlOiBEYXRvU2VsZWN0QWN0aXZlRGlyZWN0aXZlO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBwbGFjZWhvbGRlcih2YWx1ZSkge1xuICAgIHRoaXMuX3BsYWNlaG9sZGVyID0gdmFsdWU7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgQElucHV0KCkgbGFiZWxLZXk6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzZXQgY29udGV4dCh2YWx1ZSkge1xuICAgIHRoaXMuX21vZGVsID0geyAkaW1wbGljaXQ6IHZhbHVlIH07XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgZ2V0IGhpZGVQbGFjZWhvbGRlcigpIHtcbiAgICByZXR1cm4gIXRoaXMuX21vZGVsIHx8ICF0aGlzLl9tb2RlbC4kaW1wbGljaXQ7XG4gIH1cblxuICBfcGxhY2Vob2xkZXIgPSAnJztcbiAgX21vZGVsOiB7ICRpbXBsaWNpdD86IGFueSB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNkci5kZXRhY2goKTtcbiAgfVxuXG4gIGdldCBnZXRMYWJlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5fbW9kZWwgJiYgdGhpcy5fbW9kZWwuJGltcGxpY2l0ICYmIHRoaXMuX21vZGVsLiRpbXBsaWNpdFt0aGlzLmxhYmVsS2V5XTtcbiAgfVxuXG4gIHB1YmxpYyB0cmlnZ2VyQ2hhbmdlRGV0ZWN0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIl19

package/esm5/lib/version.js

@@ -1,2 +1,2 @@
-window.coreVersion = '22.11.1';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BkYXRvcmFtYS9jb3JlLyIsInNvdXJjZXMiOlsibGliL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsTUFBYyxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIod2luZG93IGFzIGFueSkuY29yZVZlcnNpb24gPSAnMjIuMTEuMSc7XG4iXX0=
+window.coreVersion = '22.12.0';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BkYXRvcmFtYS9jb3JlLyIsInNvdXJjZXMiOlsibGliL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUMsTUFBYyxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIod2luZG93IGFzIGFueSkuY29yZVZlcnNpb24gPSAnMjIuMTIuMCc7XG4iXX0=

package/fesm2015/datorama-core.js

@@ -7362,6 +7362,74 @@ function isTestEnv() {
     return !!window.Cypress;
 }
 
+/**
+ * @license
+ * Copyright Datorama. All Rights Reserved.
+ *
+ * Use of this source code is governed by an Apache License 2.0 license that can be
+ * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
+ */
+let DatoTriggerSingle = class DatoTriggerSingle {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._placeholder = '';
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.cdr.detectChanges();
+    }
+    set context(value) {
+        this._model = { $implicit: value };
+        this.cdr.detectChanges();
+    }
+    get hidePlaceholder() {
+        return !this._model || !this._model.$implicit;
+    }
+    ngOnInit() {
+        this.cdr.detach();
+    }
+    get getLabel() {
+        return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
+    }
+    triggerChangeDetection() {
+        this.cdr.detectChanges();
+    }
+};
+DatoTriggerSingle.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", DatoSelectActiveDirective)
+], DatoTriggerSingle.prototype, "active", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], DatoTriggerSingle.prototype, "placeholder", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DatoTriggerSingle.prototype, "labelKey", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], DatoTriggerSingle.prototype, "context", null);
+DatoTriggerSingle = __decorate([
+    Component({
+        selector: 'dato-trigger-single',
+        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",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        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}"]
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], DatoTriggerSingle);
+
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -8057,6 +8125,9 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
             setTimeout(() => this.datoOverlay.scheduleUpdate(), 0);
         }
     }
+    triggerChangeDetectionInDatoSingle() {
+        this.datoTriggerSingle.triggerChangeDetection();
+    }
 };
 DatoSelectComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
@@ -8067,6 +8138,10 @@ DatoSelectComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Attribute, args: ['datoSize',] }] },
     { type: String, decorators: [{ type: Attribute, args: ['width',] }] }
 ];
+__decorate([
+    ViewChild('datoTriggerSingle'),
+    __metadata("design:type", DatoTriggerSingle)
+], DatoSelectComponent.prototype, "datoTriggerSingle", void 0);
 __decorate([
     ViewChild('dropdown'),
     __metadata("design:type", TemplateRef)
@@ -8233,7 +8308,7 @@ __decorate([
 DatoSelectComponent = __decorate([
     Component({
         selector: 'dato-select',
-        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",
+        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",
         preserveWhitespaces: false,
         providers: [valueAccessor$3, DatoOverlay],
         encapsulation: ViewEncapsulation.None,
@@ -8249,71 +8324,6 @@ DatoSelectComponent = __decorate([
         DatoOverlay, Object, Object, String])
 ], DatoSelectComponent);
 
-/**
- * @license
- * Copyright Datorama. All Rights Reserved.
- *
- * Use of this source code is governed by an Apache License 2.0 license that can be
- * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
- */
-let DatoTriggerSingle = class DatoTriggerSingle {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this._placeholder = '';
-    }
-    set placeholder(value) {
-        this._placeholder = value;
-        this.cdr.detectChanges();
-    }
-    set context(value) {
-        this._model = { $implicit: value };
-        this.cdr.detectChanges();
-    }
-    get hidePlaceholder() {
-        return !this._model || !this._model.$implicit;
-    }
-    ngOnInit() {
-        this.cdr.detach();
-    }
-    get getLabel() {
-        return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
-    }
-};
-DatoTriggerSingle.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", DatoSelectActiveDirective)
-], DatoTriggerSingle.prototype, "active", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], DatoTriggerSingle.prototype, "placeholder", null);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DatoTriggerSingle.prototype, "labelKey", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], DatoTriggerSingle.prototype, "context", null);
-DatoTriggerSingle = __decorate([
-    Component({
-        selector: 'dato-trigger-single',
-        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",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
-    }),
-    __metadata("design:paramtypes", [ChangeDetectorRef])
-], DatoTriggerSingle);
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -10054,6 +10064,8 @@ let GridQuery = class GridQuery extends Query {
         //@internal
         this._serverDataLoaded = new Subject();
         this.serverDataLoaded$ = this._serverDataLoaded.asObservable();
+        this._rowActionVisibilityChanged = new Subject();
+        this.rowActionVisibilityChanged$ = this._rowActionVisibilityChanged.asObservable();
         this.rowDataChanged$ = this.waitForGrid(() => merge$1(this.gridRef.rowDataChanged, this.gridRef.rowDataUpdated, this.gridRef.filterChanged, this.serverDataLoaded$));
         this.selectedRowsChange$ = this.waitForGrid(() => fromEvent(this.api.grid, Events.EVENT_SELECTION_CHANGED).pipe(map$1(({ api }) => api.getSelectedRows())));
         this.rowsSelectionData$ = this.waitForGrid(() => {
@@ -13334,6 +13346,9 @@ let GridService = class GridService {
             this.setServerSidePagination({ selectAllRowsEnabled: false, excludedFromSelectAll: [] });
         }
     }
+    resolveRowActionsVisibility() {
+        this.gridQuery._rowActionVisibilityChanged.next();
+    }
     /**
      * When pivoting,
      * we add the field name to the column header class in order to access it through the auto generated pivot column.
@@ -14957,7 +14972,7 @@ let DatoGridV2ToolbarComponent = class DatoGridV2ToolbarComponent {
         return this.gridController.gridQuery.api;
     }
     ngOnInit() {
-        const dataChanges = this.gridController.gridQuery.waitForGrid(() => merge$1(this.gridQuery.gridRef.cellValueChanged, this.gridQuery.gridRef.rowDataUpdated).pipe(debounceTime(100), untilDestroyed(this)));
+        const dataChanges = this.gridController.gridQuery.waitForGrid(() => merge$1(this.gridQuery.gridRef.cellValueChanged, this.gridQuery.gridRef.rowDataUpdated, this.gridQuery.rowActionVisibilityChanged$).pipe(debounceTime(100), untilDestroyed(this)));
         const gridInit = this.gridQuery.gridReady$.pipe(take(1));
         gridInit.pipe(untilDestroyed(this)).subscribe(() => {
             this.groupsAllowed = !this.hideGrouping && !this.gridQuery.getValue().serverSidePagination.enabled;
@@ -22836,7 +22851,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.11.1';
+window.coreVersion = '22.12.0';
 
 /**
  * @license