@datorama/core 22.5.5 → 22.6.0

package/bundles/datorama-core.umd.js

@@ -12176,11 +12176,23 @@
      * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
      */
     var DatoGridV2NoDataOverlayComponent = /** @class */ (function () {
-        function DatoGridV2NoDataOverlayComponent(gridQuery, gridService) {
+        function DatoGridV2NoDataOverlayComponent(gridQuery, gridService, element) {
             this.gridQuery = gridQuery;
             this.gridService = gridService;
+            this.element = element;
             this.config = {};
         }
+        Object.defineProperty(DatoGridV2NoDataOverlayComponent.prototype, "showImage", {
+            get: function () {
+                var elParent = this.element.nativeElement.parentElement;
+                if (elParent.classList.contains('ag-overlay-wrapper')) {
+                    return elParent.offsetHeight >= 390;
+                }
+                return true;
+            },
+            enumerable: true,
+            configurable: true
+        });
         DatoGridV2NoDataOverlayComponent.prototype.ngOnInit = function () {
             this.filterActive$ = this.gridQuery.filterActive$;
             this.hasError$ = this.gridQuery.isServerSide ? this.gridQuery.serverSideError$ : rxjs.of(false);
@@ -12212,7 +12224,8 @@
         };
         DatoGridV2NoDataOverlayComponent.ctorParameters = function () { return [
             { type: GridQuery },
-            { type: GridService }
+            { type: GridService },
+            { type: core.ElementRef }
         ]; };
         __decorate([
             core.Input(),
@@ -12221,11 +12234,11 @@
         DatoGridV2NoDataOverlayComponent = __decorate([
             core.Component({
                 selector: 'dato-grid-v2-no-data-overlay',
-                template: "<div class=\"container d-flex-column align-center\">\n    <ng-container *ngIf=\"(hasError$ | async) === false; else error\">\n          <ng-container *ngIf=\"(filterActive$ | async) === true; else noData\">\n              <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.noResult }\"></ng-container>\n              <div class=\"d-flex items-center\">\n                  <div class=\"dato-simple primary-400-color\">{{'core.try-to-adjust-or' | translate}}&nbsp;</div>\n                  <dato-link (click)=\"clearFilters()\">{{ 'core.clear-filters' | translate }}</dato-link>\n              </div>\n          </ng-container>\n          <ng-template #noData>\n              <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.noData}\"></ng-container>\n              <ng-content select=\"[no-data-content]\"></ng-content>\n          </ng-template>\n\n    </ng-container>\n    <ng-template #error>\n        <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.serverSideError}\"></ng-container>\n        <div #errorContent><ng-content select=\"[server-error-content]\"></ng-content></div>\n        <div class=\"dato-simple primary-400-color\" *ngIf=\"errorContent.children.length === 0\">{{'core.try-to-refresh-or-contact' | translate}}&nbsp;</div>\n    </ng-template>\n</div>\n\n<ng-template #imgNText let-view>\n    <img class=\"mb-30\" [datoStaticSrc]=\"view.icon\">\n    <div class=\"dato-simple-bold primary-500-color mb-3\">{{ view.text | translate }}</div>\n</ng-template>\n",
+                template: "<div class=\"container d-flex-column align-center\">\n    <ng-container *ngIf=\"(hasError$ | async) === false; else error\">\n          <ng-container *ngIf=\"(filterActive$ | async) === true; else noData\">\n              <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.noResult }\"></ng-container>\n              <div class=\"d-flex items-center\">\n                  <div class=\"dato-simple primary-400-color\">{{'core.try-to-adjust-or' | translate}}&nbsp;</div>\n                  <dato-link (click)=\"clearFilters()\">{{ 'core.clear-filters' | translate }}</dato-link>\n              </div>\n          </ng-container>\n          <ng-template #noData>\n              <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.noData}\"></ng-container>\n              <ng-content select=\"[no-data-content]\"></ng-content>\n          </ng-template>\n\n    </ng-container>\n    <ng-template #error>\n        <ng-container *ngTemplateOutlet=\"imgNText; context: {$implicit: mergedConfig.serverSideError}\"></ng-container>\n        <div #errorContent><ng-content select=\"[server-error-content]\"></ng-content></div>\n        <div class=\"dato-simple primary-400-color\" *ngIf=\"errorContent.children.length === 0\">{{'core.try-to-refresh-or-contact' | translate}}&nbsp;</div>\n    </ng-template>\n</div>\n\n<ng-template #imgNText let-view>\n    <img class=\"mb-30\" [datoStaticSrc]=\"view.icon\" *ngIf=\"showImage && view.icon\">\n    <div class=\"dato-simple-bold primary-500-color mb-3\">{{ view.text | translate }}</div>\n</ng-template>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 styles: [":host{pointer-events:all}"]
             }),
-            __metadata("design:paramtypes", [GridQuery, GridService])
+            __metadata("design:paramtypes", [GridQuery, GridService, core.ElementRef])
         ], DatoGridV2NoDataOverlayComponent);
         return DatoGridV2NoDataOverlayComponent;
     }());
@@ -25411,7 +25424,7 @@
         };
     }
 
-    window.coreVersion = '22.5.5';
+    window.coreVersion = '22.6.0';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;