stream-chat-angular 4.3.0 → 4.4.0

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.3.0";
+export declare const version = "4.4.0";

package/bundles/stream-chat-angular.umd.js

@@ -355,7 +355,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '4.3.0';
+    var version = '4.4.0';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -2363,7 +2363,8 @@
                 attachment.thumb_url ||
                 attachment.image_url ||
                 ''));
-            var _b = this.getSizingRestrictions(url, element), sizeRestriction = _b.sizeRestriction, height = _b.height;
+            var displayWarning = location === 'gallery' || location === 'single';
+            var _b = this.getSizingRestrictions(url, element, displayWarning), sizeRestriction = _b.sizeRestriction, height = _b.height;
             if (sizeRestriction) {
                 // Apply 2x for retina displays
                 sizeRestriction.height *= 2;
@@ -2389,7 +2390,8 @@
             var thumbUrl = undefined;
             if (attachment.thumb_url && this.shouldGenerateVideoThumbnail) {
                 var url = new URL(attachment.thumb_url);
-                var _b = this.getSizingRestrictions(url, element), sizeRestriction = _b.sizeRestriction, height = _b.height;
+                var displayWarning = true;
+                var _b = this.getSizingRestrictions(url, element, displayWarning), sizeRestriction = _b.sizeRestriction, height = _b.height;
                 if (sizeRestriction) {
                     sizeRestriction.height *= 2;
                     sizeRestriction.width *= 2;
@@ -2443,7 +2445,8 @@
             url.searchParams.set('h', sizeRestriction.height.toString());
             url.searchParams.set('w', sizeRestriction.width.toString());
         };
-        AttachmentConfigurationService.prototype.getSizingRestrictions = function (url, htmlElement) {
+        AttachmentConfigurationService.prototype.getSizingRestrictions = function (url, htmlElement, displayWarning) {
+            if (displayWarning === void 0) { displayWarning = false; }
             var urlParams = url.searchParams;
             var originalHeight = Number(urlParams.get('oh')) || 1;
             var originalWidth = Number(urlParams.get('ow')) || 1;
@@ -2466,6 +2469,9 @@
             }
             else {
                 sizeRestriction = undefined;
+                if (displayWarning) {
+                    console.warn("Invalid value set for height/max-height and/or max-width for HTML element, this can cause scrolling issues inside the message list, more info https://getstream.io/chat/docs/sdk/angular/components/AttachmentListComponent/#image-and-video-sizing");
+                }
             }
             return { sizeRestriction: sizeRestriction, height: height };
         };