stream-chat-angular 4.5.3 → 4.7.0

package/esm2015/lib/types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgdHlwZSB7XG4gIEF0dGFjaG1lbnQsXG4gIENoYW5uZWwsXG4gIENoYW5uZWxNZW1iZXJSZXNwb25zZSxcbiAgQ29tbWFuZFJlc3BvbnNlLFxuICBFdmVudCxcbiAgRXh0ZW5kYWJsZUdlbmVyaWNzLFxuICBGb3JtYXRNZXNzYWdlUmVzcG9uc2UsXG4gIExpdGVyYWxTdHJpbmdGb3JVbmlvbixcbiAgTWVzc2FnZVJlc3BvbnNlQmFzZSxcbiAgTXV0ZSxcbiAgUmVhY3Rpb25SZXNwb25zZSxcbiAgVXNlcixcbiAgVXNlclJlc3BvbnNlLFxufSBmcm9tICdzdHJlYW0tY2hhdCc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVW5rbm93blR5cGUgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcblxuZXhwb3J0IHR5cGUgQ3VzdG9tVHJpZ2dlciA9IHtcbiAgW2tleTogc3RyaW5nXToge1xuICAgIGNvbXBvbmVudFByb3BzOiBVbmtub3duVHlwZTtcbiAgICBkYXRhOiBVbmtub3duVHlwZTtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRTdHJlYW1DaGF0R2VuZXJpY3MgPSBFeHRlbmRhYmxlR2VuZXJpY3MgJiB7XG4gIGF0dGFjaG1lbnRUeXBlOiBEZWZhdWx0QXR0YWNobWVudFR5cGU7XG4gIGNoYW5uZWxUeXBlOiBEZWZhdWx0Q2hhbm5lbFR5cGU7XG4gIGNvbW1hbmRUeXBlOiBMaXRlcmFsU3RyaW5nRm9yVW5pb247XG4gIGV2ZW50VHlwZTogVW5rbm93blR5cGU7XG4gIG1lc3NhZ2VUeXBlOiBEZWZhdWx0TWVzc2FnZVR5cGU7XG4gIHJlYWN0aW9uVHlwZTogVW5rbm93blR5cGU7XG4gIHVzZXJUeXBlOiBEZWZhdWx0VXNlclR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0QXR0YWNobWVudFR5cGUgPSBVbmtub3duVHlwZSAmIHtcbiAgYXNzZXRfdXJsPzogc3RyaW5nO1xuICBpZD86IHN0cmluZztcbiAgaW1hZ2VzPzogQXJyYXk8QXR0YWNobWVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPj47XG4gIG1pbWVfdHlwZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDaGFubmVsVHlwZSA9IFVua25vd25UeXBlICYge1xuICBpbWFnZT86IHN0cmluZztcbiAgbWVtYmVyX2NvdW50PzogbnVtYmVyO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDb21tYW5kVHlwZSA9IExpdGVyYWxTdHJpbmdGb3JVbmlvbjtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdE1lc3NhZ2VUeXBlID0gVW5rbm93blR5cGUgJiB7XG4gIGN1c3RvbVR5cGU/OiAnY2hhbm5lbC5pbnRybycgfCAnbWVzc2FnZS5kYXRlJztcbiAgZGF0ZT86IHN0cmluZyB8IERhdGU7XG4gIGVycm9yU3RhdHVzQ29kZT86IG51bWJlcjtcbiAgZXZlbnQ/OiBFdmVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbiAgdW5yZWFkPzogYm9vbGVhbjtcbiAgcmVhZEJ5OiBVc2VyUmVzcG9uc2U8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz5bXTtcbiAgdHJhbnNsYXRpb24/OiBzdHJpbmc7XG4gIHF1b3RlZF9tZXNzYWdlPzogTWVzc2FnZVJlc3BvbnNlQmFzZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRVc2VyVHlwZUludGVybmFsID0ge1xuICBpbWFnZT86IHN0cmluZztcbiAgc3RhdHVzPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdFVzZXJUeXBlID0gVW5rbm93blR5cGUgJlxuICBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbCAmIHtcbiAgICBtdXRlcz86IEFycmF5PE11dGU8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz4+O1xuICB9O1xuXG5leHBvcnQgdHlwZSBTdHJlYW1NZXNzYWdlPFxuICBUIGV4dGVuZHMgRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcyA9IERlZmF1bHRTdHJlYW1DaGF0R2VuZXJpY3Ncbj4gPSBGb3JtYXRNZXNzYWdlUmVzcG9uc2U8VD47XG5cbmV4cG9ydCB0eXBlIEF0dGFjaG1lbnRVcGxvYWQgPSB7XG4gIGZpbGU6IEZpbGU7XG4gIHN0YXRlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnIHwgJ3VwbG9hZGluZyc7XG4gIHVybD86IHN0cmluZztcbiAgdHlwZTogJ2ltYWdlJyB8ICdmaWxlJyB8ICd2aWRlbyc7XG4gIHByZXZpZXdVcmk/OiBzdHJpbmcgfCBBcnJheUJ1ZmZlcjtcbiAgdGh1bWJfdXJsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW1Db250ZXh0ID0ge1xuICBpdGVtOiBNZW50aW9uQXV0Y29tcGxldGVMaXN0SXRlbTtcbn07XG5cbmV4cG9ydCB0eXBlIENvbW1hbmRBdXRvY29tcGxldGVMaXN0SXRlbUNvbnRleHQgPSB7XG4gIGl0ZW06IENvbWFuZEF1dG9jb21wbGV0ZUxpc3RJdGVtO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW0gPSAoXG4gIHwgQ2hhbm5lbE1lbWJlclJlc3BvbnNlXG4gIHwgVXNlclJlc3BvbnNlXG4pICYge1xuICBhdXRvY29tcGxldGVMYWJlbDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQ29tYW5kQXV0b2NvbXBsZXRlTGlzdEl0ZW0gPSBDb21tYW5kUmVzcG9uc2UgJiB7XG4gIGF1dG9jb21wbGV0ZUxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25UeXBlID0gJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICdpbmZvJztcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUGF5bG9hZDxUID0ge30+ID0ge1xuICBpZDogc3RyaW5nO1xuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlO1xuICB0ZXh0Pzogc3RyaW5nO1xuICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3Q7XG4gIHRlbXBsYXRlPzogVGVtcGxhdGVSZWY8VD47XG4gIHRlbXBsYXRlQ29udGV4dD86IFQ7XG4gIGRpc21pc3NGbjogRnVuY3Rpb247XG59O1xuXG5leHBvcnQgdHlwZSBDaGFubmVsUHJldmlld0NvbnRleHQ8XG4gIFQgZXh0ZW5kcyBEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzID0gRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljc1xuPiA9IHtcbiAgY2hhbm5lbDogQ2hhbm5lbDxUPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VJbnB1dENvbnRleHQgPSB7XG4gIGlzRmlsZVVwbG9hZEVuYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGFyZU1lbnRpb25zRW5hYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbWVudGlvblNjb3BlOiAnY2hhbm5lbCcgfCAnYXBwbGljYXRpb24nIHwgdW5kZWZpbmVkO1xuICBtb2RlOiAndGhyZWFkJyB8ICdtYWluJyB8IHVuZGVmaW5lZDtcbiAgaXNNdWx0aXBsZUZpbGVVcGxvYWRFbmFibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBtZXNzYWdlVXBkYXRlSGFuZGxlcjogRnVuY3Rpb24gfCB1bmRlZmluZWQ7XG4gIHNlbmRNZXNzYWdlJDogT2JzZXJ2YWJsZTx2b2lkPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lbnRpb25UZW1wbGF0ZUNvbnRleHQgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgdXNlcjogVXNlclJlc3BvbnNlO1xufTtcblxuZXhwb3J0IHR5cGUgRW1vamlQaWNrZXJDb250ZXh0ID0ge1xuICBlbW9qaUlucHV0JDogU3ViamVjdDxzdHJpbmc+O1xufTtcblxuZXhwb3J0IHR5cGUgVHlwaW5nSW5kaWNhdG9yQ29udGV4dCA9IHtcbiAgdXNlcnNUeXBpbmckOiBPYnNlcnZhYmxlPFVzZXJSZXNwb25zZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VDb250ZXh0ID0ge1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBlbmFibGVkTWVzc2FnZUFjdGlvbnM6IHN0cmluZ1tdO1xuICBpc0xhc3RTZW50TWVzc2FnZTogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbW9kZTogJ3RocmVhZCcgfCAnbWFpbic7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBDaGFubmVsQWN0aW9uc0NvbnRleHQ8XG4gIFQgZXh0ZW5kcyBEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzID0gRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljc1xuPiA9IHsgY2hhbm5lbDogQ2hhbm5lbDxUPiB9O1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50TGlzdENvbnRleHQgPSB7XG4gIG1lc3NhZ2VJZDogc3RyaW5nO1xuICBhdHRhY2htZW50czogQXR0YWNobWVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdO1xuICBwYXJlbnRNZXNzYWdlSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJUeXBlID0gJ2NoYW5uZWwnIHwgJ3VzZXInO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJMb2NhdGlvbiA9XG4gIHwgJ2NoYW5uZWwtcHJldmlldydcbiAgfCAnY2hhbm5lbC1oZWFkZXInXG4gIHwgJ21lc3NhZ2Utc2VuZGVyJ1xuICB8ICdtZXNzYWdlLXJlYWRlcidcbiAgfCAncXVvdGVkLW1lc3NhZ2Utc2VuZGVyJ1xuICB8ICdhdXRvY29tcGxldGUtaXRlbSdcbiAgfCAndHlwaW5nLWluZGljYXRvcidcbiAgfCAncmVhY3Rpb24nO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJDb250ZXh0ID0ge1xuICBuYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGltYWdlVXJsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIHNpemU6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgdHlwZTogQXZhdGFyVHlwZSB8IHVuZGVmaW5lZDtcbiAgbG9jYXRpb246IEF2YXRhckxvY2F0aW9uIHwgdW5kZWZpbmVkO1xuICBjaGFubmVsPzogQ2hhbm5lbDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbiAgdXNlcj86IFVzZXI8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz47XG59O1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50UHJldmlld0xpc3RDb250ZXh0ID0ge1xuICBhdHRhY2htZW50VXBsb2FkcyQ6IE9ic2VydmFibGU8QXR0YWNobWVudFVwbG9hZFtdPiB8IHVuZGVmaW5lZDtcbiAgcmV0cnlVcGxvYWRIYW5kbGVyOiAoZjogRmlsZSkgPT4gYW55O1xuICBkZWxldGVVcGxvYWRIYW5kbGVyOiAodTogQXR0YWNobWVudFVwbG9hZCkgPT4gYW55O1xufTtcblxuZXhwb3J0IHR5cGUgSWNvbkNvbnRleHQgPSB7XG4gIGljb246IEljb24gfCB1bmRlZmluZWQ7XG4gIHNpemU6IG51bWJlciB8IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJbmRpY2F0b3JDb250ZXh0ID0ge1xuICBzaXplOiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uc0JveENvbnRleHQgPSB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaXNNaW5lOiBib29sZWFuO1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBlbmFibGVkQWN0aW9uczogc3RyaW5nW107XG4gIGRpc3BsYXllZEFjdGlvbnNDb3VudENoYW5lSGFubGVyOiAoY291bnQ6IG51bWJlcikgPT4gYW55O1xuICBpc0VkaXRpbmdDaGFuZ2VIYW5kbGVyOiAoaXNFZGl0aW5nOiBib29sZWFuKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uQm94SXRlbUNvbnRleHQgPSB7XG4gIGFjdGlvbk5hbWU6ICdxdW90ZScgfCAncGluJyB8ICdmbGFnJyB8ICdlZGl0JyB8ICdkZWxldGUnO1xuICBhY3Rpb25MYWJlbE9yVHJhbnNsYXRpb25LZXk6ICgoKSA9PiBzdHJpbmcpIHwgc3RyaW5nO1xuICBhY3Rpb25IYW5kbGVyOiAoKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uSXRlbSA9IHtcbiAgYWN0aW9uTmFtZTogJ3F1b3RlJyB8ICdwaW4nIHwgJ2ZsYWcnIHwgJ2VkaXQnIHwgJ2RlbGV0ZSc7XG4gIGFjdGlvbkxhYmVsT3JUcmFuc2xhdGlvbktleTogKCgpID0+IHN0cmluZykgfCBzdHJpbmc7XG4gIGlzVmlzaWJsZTogKFxuICAgIGVuYWJsZWRBY3Rpb25zOiBzdHJpbmdbXSxcbiAgICBpc01pbmU6IGJvb2xlYW4sXG4gICAgbWVzc2FnZTogU3RyZWFtTWVzc2FnZVxuICApID0+IGJvb2xlYW47XG4gIGFjdGlvbkhhbmRsZXI6IChtZXNzYWdlOiBTdHJlYW1NZXNzYWdlLCBpc01pbmU6IGJvb2xlYW4pID0+IGFueTtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VSZWFjdGlvbnNDb250ZXh0ID0ge1xuICBtZXNzYWdlSWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgbWVzc2FnZVJlYWN0aW9uQ291bnRzOiB7IFtrZXkgaW4gTWVzc2FnZVJlYWN0aW9uVHlwZV0/OiBudW1iZXIgfTtcbiAgaXNTZWxlY3Rvck9wZW46IGJvb2xlYW47XG4gIGxhdGVzdFJlYWN0aW9uczogUmVhY3Rpb25SZXNwb25zZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdO1xuICBvd25SZWFjdGlvbnM6IFJlYWN0aW9uUmVzcG9uc2U8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz5bXTtcbiAgaXNTZWxlY3Rvck9wZW5DaGFuZ2VIYW5kbGVyOiAoaXNPcGVuOiBib29sZWFuKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNb2RhbENvbnRleHQgPSB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaXNPcGVuQ2hhbmdlSGFuZGxlcjogKGlzT3BlbjogYm9vbGVhbikgPT4gYW55O1xuICBjb250ZW50OiBUZW1wbGF0ZVJlZjx2b2lkPjtcbn07XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGUgfCB1bmRlZmluZWQ7XG4gIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPHZvaWQ+IHwgdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IHR5cGUgVGhyZWFkSGVhZGVyQ29udGV4dCA9IHtcbiAgcGFyZW50TWVzc2FnZTogU3RyZWFtTWVzc2FnZSB8IHVuZGVmaW5lZDtcbiAgY2xvc2VUaHJlYWRIYW5kbGVyOiBGdW5jdGlvbjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VSZWFjdGlvblR5cGUgPVxuICB8ICdhbmdyeSdcbiAgfCAnaGFoYSdcbiAgfCAnbGlrZSdcbiAgfCAnbG92ZSdcbiAgfCAnc2FkJ1xuICB8ICd3b3cnO1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50Q29uZmlncmF0aW9uID0ge1xuICB1cmw6IHN0cmluZztcbiAgaGVpZ2h0OiBzdHJpbmc7XG4gIHdpZHRoOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBWaWRlb0F0dGFjaG1lbnRDb25maWd1cmF0aW9uID0gQXR0YWNobWVudENvbmZpZ3JhdGlvbiAmIHtcbiAgdGh1bWJVcmw/OiBzdHJpbmc7XG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgdHlwZSB7XG4gIEF0dGFjaG1lbnQsXG4gIENoYW5uZWwsXG4gIENoYW5uZWxNZW1iZXJSZXNwb25zZSxcbiAgQ29tbWFuZFJlc3BvbnNlLFxuICBFdmVudCxcbiAgRXh0ZW5kYWJsZUdlbmVyaWNzLFxuICBGb3JtYXRNZXNzYWdlUmVzcG9uc2UsXG4gIExpdGVyYWxTdHJpbmdGb3JVbmlvbixcbiAgTWVzc2FnZVJlc3BvbnNlQmFzZSxcbiAgTXV0ZSxcbiAgUmVhY3Rpb25SZXNwb25zZSxcbiAgVXNlcixcbiAgVXNlclJlc3BvbnNlLFxufSBmcm9tICdzdHJlYW0tY2hhdCc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVW5rbm93blR5cGUgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcblxuZXhwb3J0IHR5cGUgQ3VzdG9tVHJpZ2dlciA9IHtcbiAgW2tleTogc3RyaW5nXToge1xuICAgIGNvbXBvbmVudFByb3BzOiBVbmtub3duVHlwZTtcbiAgICBkYXRhOiBVbmtub3duVHlwZTtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRTdHJlYW1DaGF0R2VuZXJpY3MgPSBFeHRlbmRhYmxlR2VuZXJpY3MgJiB7XG4gIGF0dGFjaG1lbnRUeXBlOiBEZWZhdWx0QXR0YWNobWVudFR5cGU7XG4gIGNoYW5uZWxUeXBlOiBEZWZhdWx0Q2hhbm5lbFR5cGU7XG4gIGNvbW1hbmRUeXBlOiBMaXRlcmFsU3RyaW5nRm9yVW5pb247XG4gIGV2ZW50VHlwZTogVW5rbm93blR5cGU7XG4gIG1lc3NhZ2VUeXBlOiBEZWZhdWx0TWVzc2FnZVR5cGU7XG4gIHJlYWN0aW9uVHlwZTogVW5rbm93blR5cGU7XG4gIHVzZXJUeXBlOiBEZWZhdWx0VXNlclR5cGU7XG59O1xuXG5leHBvcnQgdHlwZSBEZWZhdWx0QXR0YWNobWVudFR5cGUgPSBVbmtub3duVHlwZSAmIHtcbiAgYXNzZXRfdXJsPzogc3RyaW5nO1xuICBpZD86IHN0cmluZztcbiAgaW1hZ2VzPzogQXJyYXk8QXR0YWNobWVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPj47XG4gIG1pbWVfdHlwZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDaGFubmVsVHlwZSA9IFVua25vd25UeXBlICYge1xuICBpbWFnZT86IHN0cmluZztcbiAgbWVtYmVyX2NvdW50PzogbnVtYmVyO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRDb21tYW5kVHlwZSA9IExpdGVyYWxTdHJpbmdGb3JVbmlvbjtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdE1lc3NhZ2VUeXBlID0gVW5rbm93blR5cGUgJiB7XG4gIGN1c3RvbVR5cGU/OiAnY2hhbm5lbC5pbnRybycgfCAnbWVzc2FnZS5kYXRlJztcbiAgZGF0ZT86IHN0cmluZyB8IERhdGU7XG4gIGVycm9yU3RhdHVzQ29kZT86IG51bWJlcjtcbiAgZXZlbnQ/OiBFdmVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbiAgdW5yZWFkPzogYm9vbGVhbjtcbiAgcmVhZEJ5OiBVc2VyUmVzcG9uc2U8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz5bXTtcbiAgdHJhbnNsYXRpb24/OiBzdHJpbmc7XG4gIHF1b3RlZF9tZXNzYWdlPzogTWVzc2FnZVJlc3BvbnNlQmFzZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbn07XG5cbmV4cG9ydCB0eXBlIERlZmF1bHRVc2VyVHlwZUludGVybmFsID0ge1xuICBpbWFnZT86IHN0cmluZztcbiAgc3RhdHVzPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRGVmYXVsdFVzZXJUeXBlID0gVW5rbm93blR5cGUgJlxuICBEZWZhdWx0VXNlclR5cGVJbnRlcm5hbCAmIHtcbiAgICBtdXRlcz86IEFycmF5PE11dGU8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz4+O1xuICB9O1xuXG5leHBvcnQgdHlwZSBTdHJlYW1NZXNzYWdlPFxuICBUIGV4dGVuZHMgRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcyA9IERlZmF1bHRTdHJlYW1DaGF0R2VuZXJpY3Ncbj4gPSBGb3JtYXRNZXNzYWdlUmVzcG9uc2U8VD47XG5cbmV4cG9ydCB0eXBlIEF0dGFjaG1lbnRVcGxvYWQgPSB7XG4gIGZpbGU6IEZpbGU7XG4gIHN0YXRlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnIHwgJ3VwbG9hZGluZyc7XG4gIHVybD86IHN0cmluZztcbiAgdHlwZTogJ2ltYWdlJyB8ICdmaWxlJyB8ICd2aWRlbyc7XG4gIHByZXZpZXdVcmk/OiBzdHJpbmcgfCBBcnJheUJ1ZmZlcjtcbiAgdGh1bWJfdXJsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW1Db250ZXh0ID0ge1xuICBpdGVtOiBNZW50aW9uQXV0Y29tcGxldGVMaXN0SXRlbTtcbn07XG5cbmV4cG9ydCB0eXBlIENvbW1hbmRBdXRvY29tcGxldGVMaXN0SXRlbUNvbnRleHQgPSB7XG4gIGl0ZW06IENvbWFuZEF1dG9jb21wbGV0ZUxpc3RJdGVtO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudGlvbkF1dGNvbXBsZXRlTGlzdEl0ZW0gPSAoXG4gIHwgQ2hhbm5lbE1lbWJlclJlc3BvbnNlXG4gIHwgVXNlclJlc3BvbnNlXG4pICYge1xuICBhdXRvY29tcGxldGVMYWJlbDogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQ29tYW5kQXV0b2NvbXBsZXRlTGlzdEl0ZW0gPSBDb21tYW5kUmVzcG9uc2UgJiB7XG4gIGF1dG9jb21wbGV0ZUxhYmVsOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25UeXBlID0gJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICdpbmZvJztcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUGF5bG9hZDxUID0ge30+ID0ge1xuICBpZDogc3RyaW5nO1xuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlO1xuICB0ZXh0Pzogc3RyaW5nO1xuICB0cmFuc2xhdGVQYXJhbXM/OiBPYmplY3Q7XG4gIHRlbXBsYXRlPzogVGVtcGxhdGVSZWY8VD47XG4gIHRlbXBsYXRlQ29udGV4dD86IFQ7XG4gIGRpc21pc3NGbjogRnVuY3Rpb247XG59O1xuXG5leHBvcnQgdHlwZSBDaGFubmVsUHJldmlld0NvbnRleHQ8XG4gIFQgZXh0ZW5kcyBEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzID0gRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljc1xuPiA9IHtcbiAgY2hhbm5lbDogQ2hhbm5lbDxUPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VJbnB1dENvbnRleHQgPSB7XG4gIGlzRmlsZVVwbG9hZEVuYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGFyZU1lbnRpb25zRW5hYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbWVudGlvblNjb3BlOiAnY2hhbm5lbCcgfCAnYXBwbGljYXRpb24nIHwgdW5kZWZpbmVkO1xuICBtb2RlOiAndGhyZWFkJyB8ICdtYWluJyB8IHVuZGVmaW5lZDtcbiAgaXNNdWx0aXBsZUZpbGVVcGxvYWRFbmFibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBtZXNzYWdlVXBkYXRlSGFuZGxlcjogRnVuY3Rpb24gfCB1bmRlZmluZWQ7XG4gIHNlbmRNZXNzYWdlJDogT2JzZXJ2YWJsZTx2b2lkPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lbnRpb25UZW1wbGF0ZUNvbnRleHQgPSB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgdXNlcjogVXNlclJlc3BvbnNlO1xufTtcblxuZXhwb3J0IHR5cGUgRW1vamlQaWNrZXJDb250ZXh0ID0ge1xuICBlbW9qaUlucHV0JDogU3ViamVjdDxzdHJpbmc+O1xufTtcblxuZXhwb3J0IHR5cGUgVHlwaW5nSW5kaWNhdG9yQ29udGV4dCA9IHtcbiAgdXNlcnNUeXBpbmckOiBPYnNlcnZhYmxlPFVzZXJSZXNwb25zZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdPjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VDb250ZXh0ID0ge1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBlbmFibGVkTWVzc2FnZUFjdGlvbnM6IHN0cmluZ1tdO1xuICBpc0xhc3RTZW50TWVzc2FnZTogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbW9kZTogJ3RocmVhZCcgfCAnbWFpbic7XG4gIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBDaGFubmVsQWN0aW9uc0NvbnRleHQ8XG4gIFQgZXh0ZW5kcyBEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzID0gRGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljc1xuPiA9IHsgY2hhbm5lbDogQ2hhbm5lbDxUPiB9O1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50TGlzdENvbnRleHQgPSB7XG4gIG1lc3NhZ2VJZDogc3RyaW5nO1xuICBhdHRhY2htZW50czogQXR0YWNobWVudDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdO1xuICBwYXJlbnRNZXNzYWdlSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJUeXBlID0gJ2NoYW5uZWwnIHwgJ3VzZXInO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJMb2NhdGlvbiA9XG4gIHwgJ2NoYW5uZWwtcHJldmlldydcbiAgfCAnY2hhbm5lbC1oZWFkZXInXG4gIHwgJ21lc3NhZ2Utc2VuZGVyJ1xuICB8ICdtZXNzYWdlLXJlYWRlcidcbiAgfCAncXVvdGVkLW1lc3NhZ2Utc2VuZGVyJ1xuICB8ICdhdXRvY29tcGxldGUtaXRlbSdcbiAgfCAndHlwaW5nLWluZGljYXRvcidcbiAgfCAncmVhY3Rpb24nO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJDb250ZXh0ID0ge1xuICBuYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGltYWdlVXJsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIHNpemU6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgdHlwZTogQXZhdGFyVHlwZSB8IHVuZGVmaW5lZDtcbiAgbG9jYXRpb246IEF2YXRhckxvY2F0aW9uIHwgdW5kZWZpbmVkO1xuICBjaGFubmVsPzogQ2hhbm5lbDxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPjtcbiAgdXNlcj86IFVzZXI8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz47XG59O1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50UHJldmlld0xpc3RDb250ZXh0ID0ge1xuICBhdHRhY2htZW50VXBsb2FkcyQ6IE9ic2VydmFibGU8QXR0YWNobWVudFVwbG9hZFtdPiB8IHVuZGVmaW5lZDtcbiAgcmV0cnlVcGxvYWRIYW5kbGVyOiAoZjogRmlsZSkgPT4gYW55O1xuICBkZWxldGVVcGxvYWRIYW5kbGVyOiAodTogQXR0YWNobWVudFVwbG9hZCkgPT4gYW55O1xufTtcblxuZXhwb3J0IHR5cGUgSWNvbkNvbnRleHQgPSB7XG4gIGljb246IEljb24gfCB1bmRlZmluZWQ7XG4gIHNpemU6IG51bWJlciB8IHVuZGVmaW5lZDtcbn07XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJbmRpY2F0b3JDb250ZXh0ID0ge1xuICBzaXplOiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uc0JveENvbnRleHQgPSB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaXNNaW5lOiBib29sZWFuO1xuICBtZXNzYWdlOiBTdHJlYW1NZXNzYWdlIHwgdW5kZWZpbmVkO1xuICBlbmFibGVkQWN0aW9uczogc3RyaW5nW107XG4gIGRpc3BsYXllZEFjdGlvbnNDb3VudENoYW5lSGFubGVyOiAoY291bnQ6IG51bWJlcikgPT4gYW55O1xuICBpc0VkaXRpbmdDaGFuZ2VIYW5kbGVyOiAoaXNFZGl0aW5nOiBib29sZWFuKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uQm94SXRlbUNvbnRleHQgPSB7XG4gIGFjdGlvbk5hbWU6ICdxdW90ZScgfCAncGluJyB8ICdmbGFnJyB8ICdlZGl0JyB8ICdkZWxldGUnO1xuICBhY3Rpb25MYWJlbE9yVHJhbnNsYXRpb25LZXk6ICgoKSA9PiBzdHJpbmcpIHwgc3RyaW5nO1xuICBhY3Rpb25IYW5kbGVyOiAoKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlQWN0aW9uSXRlbSA9IHtcbiAgYWN0aW9uTmFtZTogJ3F1b3RlJyB8ICdwaW4nIHwgJ2ZsYWcnIHwgJ2VkaXQnIHwgJ2RlbGV0ZSc7XG4gIGFjdGlvbkxhYmVsT3JUcmFuc2xhdGlvbktleTogKCgpID0+IHN0cmluZykgfCBzdHJpbmc7XG4gIGlzVmlzaWJsZTogKFxuICAgIGVuYWJsZWRBY3Rpb25zOiBzdHJpbmdbXSxcbiAgICBpc01pbmU6IGJvb2xlYW4sXG4gICAgbWVzc2FnZTogU3RyZWFtTWVzc2FnZVxuICApID0+IGJvb2xlYW47XG4gIGFjdGlvbkhhbmRsZXI6IChtZXNzYWdlOiBTdHJlYW1NZXNzYWdlLCBpc01pbmU6IGJvb2xlYW4pID0+IGFueTtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VSZWFjdGlvbnNDb250ZXh0ID0ge1xuICBtZXNzYWdlSWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgbWVzc2FnZVJlYWN0aW9uQ291bnRzOiB7IFtrZXkgaW4gTWVzc2FnZVJlYWN0aW9uVHlwZV0/OiBudW1iZXIgfTtcbiAgaXNTZWxlY3Rvck9wZW46IGJvb2xlYW47XG4gIGxhdGVzdFJlYWN0aW9uczogUmVhY3Rpb25SZXNwb25zZTxEZWZhdWx0U3RyZWFtQ2hhdEdlbmVyaWNzPltdO1xuICBvd25SZWFjdGlvbnM6IFJlYWN0aW9uUmVzcG9uc2U8RGVmYXVsdFN0cmVhbUNoYXRHZW5lcmljcz5bXTtcbiAgaXNTZWxlY3Rvck9wZW5DaGFuZ2VIYW5kbGVyOiAoaXNPcGVuOiBib29sZWFuKSA9PiBhbnk7XG59O1xuXG5leHBvcnQgdHlwZSBNb2RhbENvbnRleHQgPSB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaXNPcGVuQ2hhbmdlSGFuZGxlcjogKGlzT3BlbjogYm9vbGVhbikgPT4gYW55O1xuICBjb250ZW50OiBUZW1wbGF0ZVJlZjx2b2lkPjtcbn07XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGUgfCB1bmRlZmluZWQ7XG4gIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPHZvaWQ+IHwgdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IHR5cGUgVGhyZWFkSGVhZGVyQ29udGV4dCA9IHtcbiAgcGFyZW50TWVzc2FnZTogU3RyZWFtTWVzc2FnZSB8IHVuZGVmaW5lZDtcbiAgY2xvc2VUaHJlYWRIYW5kbGVyOiBGdW5jdGlvbjtcbn07XG5cbmV4cG9ydCB0eXBlIE1lc3NhZ2VSZWFjdGlvblR5cGUgPVxuICB8ICdhbmdyeSdcbiAgfCAnaGFoYSdcbiAgfCAnbGlrZSdcbiAgfCAnbG92ZSdcbiAgfCAnc2FkJ1xuICB8ICd3b3cnO1xuXG5leHBvcnQgdHlwZSBBdHRhY2htZW50Q29uZmlncmF0aW9uID0ge1xuICB1cmw6IHN0cmluZztcbiAgaGVpZ2h0OiBzdHJpbmc7XG4gIHdpZHRoOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBJbWFnZUF0dGFjaG1lbnRDb25maWd1cmF0aW9uID0gQXR0YWNobWVudENvbmZpZ3JhdGlvbiAmIHtcbiAgb3JpZ2luYWxIZWlnaHQ6IG51bWJlcjtcbiAgb3JpZ2luYWxXaWR0aDogbnVtYmVyO1xufTtcblxuZXhwb3J0IHR5cGUgVmlkZW9BdHRhY2htZW50Q29uZmlndXJhdGlvbiA9IEltYWdlQXR0YWNobWVudENvbmZpZ3VyYXRpb24gJiB7XG4gIHRodW1iVXJsPzogc3RyaW5nO1xufTtcbiJdfQ==

package/fesm2015/stream-chat-angular.js

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Component, Input, EventEmitter, Output, ViewChild, InjectionToken, Directive, HostBinding, Inject, NgModule } from '@angular/core';
 import { BehaviorSubject, ReplaySubject, combineLatest, Subject, timer, of } from 'rxjs';
 import { StreamChat } from 'stream-chat';
-import { map, shareReplay, filter, first, take, tap, catchError, startWith, distinctUntilChanged, debounceTime } from 'rxjs/operators';
+import { map, shareReplay, first, take, tap, catchError, startWith, distinctUntilChanged, filter, debounceTime } from 'rxjs/operators';
 import { v4 } from 'uuid';
 import * as i6 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -19,7 +19,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i8 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '4.5.3';
+const version = '4.7.0';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -360,11 +360,6 @@ class ChannelService {
         }), shareReplay());
         this.messageToQuote$ = this.messageToQuoteSubject.asObservable();
         this.jumpToMessage$ = this.jumpToMessageSubject.asObservable();
-        this.chatClientService.connectionState$
-            .pipe(filter((s) => s === 'online'))
-            .subscribe(() => {
-            void this.setAsActiveParentMessage(undefined);
-        });
         this.usersTypingInChannel$ =
             this.usersTypingInChannelSubject.asObservable();
         this.usersTypingInThread$ = this.usersTypingInThreadSubject.asObservable();
@@ -870,9 +865,13 @@ class ChannelService {
                         return;
                     }
                     this.isStateRecoveryInProgress = true;
-                    this.reset();
                     try {
-                        yield this.init(this.filters, this.sort, this.options, this.shouldSetActiveChannel);
+                        if (this.options) {
+                            this.options.offset = 0;
+                        }
+                        yield this.queryChannels(false, true);
+                        // Thread messages are not refetched so active thread gets deselected to avoid displaying stale messages
+                        void this.setAsActiveParentMessage(undefined);
                         this.isStateRecoveryInProgress = false;
                     }
                     catch (_a) {
@@ -1096,18 +1095,25 @@ class ChannelService {
         this.activeChannelSubscriptions.forEach((s) => s.unsubscribe());
         this.activeChannelSubscriptions = [];
     }
-    queryChannels(shouldSetActiveChannel) {
+    queryChannels(shouldSetActiveChannel, recoverState = false) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const channels = yield this.chatClientService.chatClient.queryChannels(this.filters, this.sort, this.options);
+                const channels = yield this.chatClientService.chatClient.queryChannels(this.filters, this.sort || {}, this.options);
                 channels.forEach((c) => this.watchForChannelEvents(c));
-                const prevChannels = this.channelsSubject.getValue() || [];
+                const prevChannels = recoverState
+                    ? []
+                    : this.channelsSubject.getValue() || [];
                 this.channelsSubject.next([...prevChannels, ...channels]);
+                const currentActiveChannel = this.activeChannelSubject.getValue();
                 if (channels.length > 0 &&
-                    !this.activeChannelSubject.getValue() &&
+                    !currentActiveChannel &&
                     shouldSetActiveChannel) {
                     this.setAsActiveChannel(channels[0]);
                 }
+                if (recoverState &&
+                    !channels.find((c) => c.cid === (currentActiveChannel === null || currentActiveChannel === void 0 ? void 0 : currentActiveChannel.cid))) {
+                    this.deselectActiveChannel();
+                }
                 this.hasMoreChannelsSubject.next(channels.length >= this.options.limit);
                 return channels;
             }
@@ -1716,8 +1722,14 @@ class AttachmentConfigurationService {
             attachment.thumb_url ||
             attachment.image_url ||
             ''));
+        const originalHeight = Number(url.searchParams.get('oh')) > 1
+            ? Number(url.searchParams.get('oh'))
+            : 1000000;
+        const originalWidth = Number(url.searchParams.get('ow')) > 1
+            ? Number(url.searchParams.get('ow'))
+            : 1000000;
         const displayWarning = location === 'gallery' || location === 'single';
-        const { sizeRestriction, height } = this.getSizingRestrictions(url, element, displayWarning);
+        const sizeRestriction = this.getSizingRestrictions(url, element, displayWarning);
         if (sizeRestriction) {
             // Apply 2x for retina displays
             sizeRestriction.height *= 2;
@@ -1727,7 +1739,9 @@ class AttachmentConfigurationService {
         return {
             url: url.href,
             width: '',
-            height,
+            height: '',
+            originalHeight,
+            originalWidth,
         };
     }
     /**
@@ -1739,29 +1753,35 @@ class AttachmentConfigurationService {
         if (this.customVideoAttachmentConfigurationHandler) {
             return this.customVideoAttachmentConfigurationHandler(attachment, element);
         }
-        let attachmentHeight = ``;
         let thumbUrl = undefined;
+        let originalHeight = 1000000;
+        let originalWidth = 1000000;
         if (attachment.thumb_url && this.shouldGenerateVideoThumbnail) {
             const url = new URL(attachment.thumb_url);
+            originalHeight =
+                Number(url.searchParams.get('oh')) > 1
+                    ? Number(url.searchParams.get('oh'))
+                    : originalHeight;
+            originalWidth =
+                Number(url.searchParams.get('ow')) > 1
+                    ? Number(url.searchParams.get('ow'))
+                    : originalWidth;
             const displayWarning = true;
-            const { sizeRestriction, height } = this.getSizingRestrictions(url, element, displayWarning);
+            const sizeRestriction = this.getSizingRestrictions(url, element, displayWarning);
             if (sizeRestriction) {
                 sizeRestriction.height *= 2;
                 sizeRestriction.width *= 2;
                 this.addResizingParamsToUrl(sizeRestriction, url);
             }
             thumbUrl = url.href;
-            attachmentHeight = height;
-        }
-        else {
-            const cssSizeRestriction = this.getCSSSizeRestriction(element);
-            attachmentHeight = `${cssSizeRestriction.maxHeight || cssSizeRestriction.height || ''}px`;
         }
         return {
             url: attachment.asset_url || '',
             width: '',
-            height: attachmentHeight,
+            height: '',
             thumbUrl: thumbUrl,
+            originalHeight,
+            originalWidth,
         };
     }
     /**
@@ -1804,20 +1824,9 @@ class AttachmentConfigurationService {
         const originalWidth = Number(urlParams.get('ow')) || 1;
         const cssSizeRestriction = this.getCSSSizeRestriction(htmlElement);
         let sizeRestriction;
-        let height = '';
         if ((cssSizeRestriction.maxHeight || cssSizeRestriction.height) &&
             cssSizeRestriction.maxWidth) {
             sizeRestriction = this.getSizeRestrictions(originalHeight, originalWidth, (cssSizeRestriction.maxHeight || cssSizeRestriction.height), cssSizeRestriction.maxWidth);
-            if (cssSizeRestriction.maxHeight) {
-                const heightNum = originalHeight > 1 && originalWidth > 1
-                    ? originalHeight <= cssSizeRestriction.maxHeight &&
-                        originalWidth <= cssSizeRestriction.maxWidth
-                        ? originalHeight
-                        : Math.round(Math.min(cssSizeRestriction.maxHeight, (cssSizeRestriction.maxWidth / originalWidth) *
-                            originalHeight))
-                    : cssSizeRestriction.maxHeight;
-                height = `${heightNum}px`;
-            }
         }
         else {
             sizeRestriction = undefined;
@@ -1825,7 +1834,7 @@ class AttachmentConfigurationService {
                 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, height };
+        return sizeRestriction;
     }
     getSizeRestrictions(originalHeight, originalWidth, maxHeight, maxWidth) {
         return {
@@ -2721,7 +2730,7 @@ class AttachmentListComponent {
     }
 }
 AttachmentListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: AttachmentListComponent, deps: [{ token: CustomTemplatesService }, { token: ChannelService }, { token: AttachmentConfigurationService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
-AttachmentListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AttachmentListComponent, selector: "stream-attachment-list", inputs: { messageId: "messageId", parentMessageId: "parentMessageId", attachments: "attachments" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"orderedAttachments.length > 0\" class=\"str-chat__attachment-list\">\n  <ng-container\n    *ngFor=\"let attachment of orderedAttachments; trackBy: trackByUrl\"\n  >\n    <div\n      data-testclass=\"attachment-container\"\n      class=\"str-chat__message-attachment str-chat__message-attachment--{{\n        attachment.type\n      }} str-chat__message-attachment-dynamic-size\"\n      [class.str-chat__message-attachment--card]=\"isCard(attachment)\"\n      [class.str-chat-angular__message-attachment-file-single]=\"\n        isFile(attachment)\n      \"\n      [class.str-chat__message-attachment-with-actions]=\"\n        attachment.actions && attachment.actions.length > 0\n      \"\n      [class.str-chat__message-attachment--svg-image]=\"isSvg(attachment)\"\n    >\n      <img\n        #imgElement\n        *ngIf=\"isImage(attachment)\"\n        class=\"str-chat__message-attachment--img\"\n        data-testclass=\"image\"\n        [src]=\"\n          getImageAttachmentConfiguration(attachment, 'single', imgElement).url\n        \"\n        [alt]=\"attachment?.fallback\"\n        (click)=\"openImageModal([attachment])\"\n        (keyup.enter)=\"openImageModal([attachment])\"\n        [ngStyle]=\"{\n          height: getImageAttachmentConfiguration(\n            attachment,\n            'single',\n            imgElement\n          ).height,\n          width: getImageAttachmentConfiguration(\n            attachment,\n            'single',\n            imgElement\n          ).width\n        }\"\n      />\n      <div\n        class=\"str-chat__gallery\"\n        data-testid=\"image-gallery\"\n        *ngIf=\"isGallery(attachment)\"\n        [class.str-chat__gallery--square]=\"(attachment?.images)!.length > 3\"\n        [class.str-chat__gallery-two-rows]=\"(attachment?.images)!.length > 2\"\n      >\n        <ng-container\n          *ngFor=\"\n            let galleryImage of attachment.images;\n            let index = index;\n            let isLast = last;\n            trackBy: trackByImageUrl\n          \"\n        >\n          <button\n            *ngIf=\"index < 3 || (index === 3 && isLast)\"\n            class=\"str-chat__gallery-image\"\n            data-testclass=\"gallery-image\"\n            (click)=\"openImageModal(attachment.images!, index)\"\n            (keyup.enter)=\"openImageModal(attachment.images!, index)\"\n            [class.str-chat__message-attachment--svg-image]=\"\n              isSvg(galleryImage)\n            \"\n          >\n            <img\n              #imgElement\n              [src]=\"\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).url\n              \"\n              [alt]=\"galleryImage.fallback\"\n              [ngStyle]=\"{\n                height: getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).height,\n                width: getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).width\n              }\"\n            />\n          </button>\n          <button\n            #element\n            *ngIf=\"index === 3 && !isLast\"\n            class=\"str-chat__gallery-placeholder\"\n            data-testclass=\"gallery-image\"\n            data-testid=\"more-image-button\"\n            (click)=\"openImageModal(attachment.images!, index)\"\n            (keyup.enter)=\"openImageModal(attachment.images!, index)\"\n            [class.str-chat__message-attachment--svg-image]=\"\n              isSvg(galleryImage)\n            \"\n            [ngStyle]=\"{\n              'background-image':\n                'url(' +\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  element\n                ).url +\n                ')',\n              height: getImageAttachmentConfiguration(\n                galleryImage,\n                'gallery',\n                element\n              ).height,\n              width: getImageAttachmentConfiguration(\n                galleryImage,\n                'gallery',\n                element\n              ).width\n            }\"\n          >\n            <p\n              [innerHTML]=\"\n                'streamChat.{{ imageCount }} more'\n                  | translate: { imageCount: attachment!.images!.length - 4 }\n              \"\n            ></p>\n          </button>\n        </ng-container>\n      </div>\n      <div class=\"str-chat__player-wrapper\" *ngIf=\"isVideo(attachment)\">\n        <video\n          #videoElement\n          class=\"str-chat__video-angular\"\n          controls\n          data-testclass=\"video-attachment\"\n          [src]=\"getVideoAttachmentConfiguration(attachment, videoElement).url\"\n          [ngStyle]=\"{\n            height: getVideoAttachmentConfiguration(attachment, videoElement)\n              .height,\n            width: getVideoAttachmentConfiguration(attachment, videoElement)\n              .width\n          }\"\n          [poster]=\"\n            getVideoAttachmentConfiguration(attachment, videoElement).thumbUrl\n          \"\n        ></video>\n      </div>\n      <div\n        *ngIf=\"isFile(attachment)\"\n        class=\"\n          str-chat__message-attachment-file--item\n          str-chat-angular__message-attachment-file-single\n        \"\n      >\n        <stream-icon-placeholder\n          *ngIf=\"themeVersion === '1'\"\n          icon=\"file\"\n          [size]=\"30\"\n        ></stream-icon-placeholder>\n        <stream-icon-placeholder\n          *ngIf=\"themeVersion === '2'\"\n          icon=\"unspecified-filetype\"\n          [size]=\"30\"\n        ></stream-icon-placeholder>\n        <div class=\"str-chat__message-attachment-file--item-text\">\n          <div class=\"str-chat__message-attachment-file--item-first-row\">\n            <div\n              data-testclass=\"file-title\"\n              class=\"str-chat__message-attachment-file--item-name\"\n            >\n              {{ attachment.title }}\n            </div>\n            <a\n              class=\"str-chat__message-attachment-file--item-download\"\n              data-testclass=\"file-link\"\n              download\n              href=\"{{ attachment.asset_url }}\"\n              target=\"_blank\"\n            >\n              <stream-icon-placeholder\n                class=\"str-chat__message-attachment-download-icon\"\n                icon=\"download\"\n              ></stream-icon-placeholder>\n            </a>\n          </div>\n          <span\n            class=\"str-chat__message-attachment-file--item-size\"\n            data-testclass=\"size\"\n            *ngIf=\"hasFileSize(attachment)\"\n            >{{ getFileSize(attachment) }}</span\n          >\n        </div>\n      </div>\n      <div\n        *ngIf=\"\n          isCard(attachment) &&\n          getCardAttachmentConfiguration(attachment) as attachmentConfiguration\n        \"\n        class=\"str-chat__message-attachment-card str-chat__message-attachment-card--{{\n          attachment.type\n        }}\"\n      >\n        <div\n          *ngIf=\"attachmentConfiguration.url\"\n          class=\"str-chat__message-attachment-card--header\"\n        >\n          <img\n            data-testclass=\"card-img\"\n            alt=\"{{ attachmentConfiguration.url }}\"\n            src=\"{{ attachmentConfiguration.url }}\"\n            [ngStyle]=\"{\n              height: attachmentConfiguration.height,\n              width: attachmentConfiguration.width\n            }\"\n          />\n        </div>\n        <div class=\"str-chat__message-attachment-card--content\">\n          <div class=\"str-chat__message-attachment-card--flex\">\n            <div\n              *ngIf=\"attachment.title\"\n              data-testclass=\"card-title\"\n              class=\"str-chat__message-attachment-card--title\"\n            >\n              {{ attachment.title }}\n            </div>\n            <div\n              *ngIf=\"attachment.text\"\n              class=\"str-chat__message-attachment-card--text\"\n              data-testclass=\"card-text\"\n            >\n              {{ attachment.text }}\n            </div>\n            <a\n              class=\"str-chat__message-attachment-card--url\"\n              *ngIf=\"attachment.title_link || attachment.og_scrape_url\"\n              data-testclass=\"url-link\"\n              noopener\n              noreferrer\n              href=\"{{ attachment.title_link || attachment.og_scrape_url }}\"\n              target=\"_blank\"\n            >\n              {{ trimUrl(attachment.title_link || attachment.og_scrape_url) }}\n            </a>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"str-chat__message-attachment-actions\"\n        *ngIf=\"attachment.actions && attachment.actions.length > 0\"\n      >\n        <div class=\"str-chat__message-attachment-actions-form\">\n          <button\n            *ngFor=\"\n              let action of attachment.actions;\n              trackBy: trackByActionValue\n            \"\n            class=\"str-chat__message-attachment-actions-button str-chat__message-attachment-actions-button--{{\n              action.style\n            }}\"\n            data-testclass=\"attachment-action\"\n            (click)=\"sendAction(action)\"\n            (keyup.enter)=\"sendAction(action)\"\n          >\n            {{ action.text }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"imagesToView && imagesToView.length > 0\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.modalTemplate$ | async) || defaultModal;\n        context: getModalContext()\n      \"\n    ></ng-container>\n  </ng-container>\n</div>\n\n<ng-template\n  #defaultModal\n  let-isOpen=\"isOpen\"\n  let-isOpenChangeHandler=\"isOpenChangeHandler\"\n  let-content=\"content\"\n>\n  <stream-modal\n    class=\"stream-chat-angular__image-modal-host\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandler($event)\"\n    [content]=\"content\"\n  >\n  </stream-modal>\n</ng-template>\n\n<ng-template #modalContent>\n  <div class=\"stream-chat-angular__image-modal str-chat__image-carousel\">\n    <button\n      class=\"\n        stream-chat-angular__image-modal-stepper\n        str-chat__image-carousel-stepper\n      \"\n      [ngStyle]=\"{\n        visibility: isImageModalPrevButtonVisible ? 'visible' : 'hidden'\n      }\"\n      data-testid=\"image-modal-prev\"\n      type=\"button\"\n      (click)=\"stepImages(-1)\"\n      (keyup.enter)=\"stepImages(-1)\"\n    >\n      <stream-icon-placeholder icon=\"arrow-left\"></stream-icon-placeholder>\n    </button>\n    <img\n      #imgElement\n      class=\"\n        stream-chat-angular__image-modal-image\n        str-chat__image-carousel-image\n      \"\n      data-testid=\"modal-image\"\n      [src]=\"\n        getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).url\n      \"\n      [alt]=\"imagesToView[imagesToViewCurrentIndex].fallback\"\n      [ngStyle]=\"{\n        width: getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).width,\n        height: getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).height\n      }\"\n    />\n    <button\n      class=\"\n        stream-chat-angular__image-modal-stepper\n        str-chat__image-carousel-stepper\n      \"\n      type=\"button\"\n      [ngStyle]=\"{\n        visibility: isImageModalNextButtonVisible ? 'visible' : 'hidden'\n      }\"\n      data-testid=\"image-modal-next\"\n      (click)=\"stepImages(1)\"\n      (keyup.enter)=\"stepImages(1)\"\n    >\n      <stream-icon-placeholder icon=\"arrow-right\"></stream-icon-placeholder>\n    </button>\n  </div>\n</ng-template>\n", components: [{ type: IconPlaceholderComponent, selector: "stream-icon-placeholder", inputs: ["icon", "size"] }, { type: ModalComponent, selector: "stream-modal", inputs: ["isOpen", "content"], outputs: ["isOpenChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i6.TranslatePipe, "async": i4.AsyncPipe } });
+AttachmentListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AttachmentListComponent, selector: "stream-attachment-list", inputs: { messageId: "messageId", parentMessageId: "parentMessageId", attachments: "attachments" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"orderedAttachments.length > 0\" class=\"str-chat__attachment-list\">\n  <ng-container\n    *ngFor=\"let attachment of orderedAttachments; trackBy: trackByUrl\"\n  >\n    <div\n      data-testclass=\"attachment-container\"\n      class=\"str-chat__message-attachment str-chat__message-attachment--{{\n        attachment.type\n      }} str-chat__message-attachment-dynamic-size\"\n      [class.str-chat__message-attachment--card]=\"isCard(attachment)\"\n      [class.str-chat-angular__message-attachment-file-single]=\"\n        isFile(attachment)\n      \"\n      [class.str-chat__message-attachment-with-actions]=\"\n        attachment.actions && attachment.actions.length > 0\n      \"\n      [class.str-chat__message-attachment--svg-image]=\"isSvg(attachment)\"\n    >\n      <img\n        #imgElement\n        *ngIf=\"isImage(attachment)\"\n        class=\"str-chat__message-attachment--img\"\n        data-testclass=\"image\"\n        [src]=\"\n          getImageAttachmentConfiguration(attachment, 'single', imgElement).url\n        \"\n        [alt]=\"attachment?.fallback\"\n        (click)=\"openImageModal([attachment])\"\n        (keyup.enter)=\"openImageModal([attachment])\"\n        [style.--original-height]=\"\n          getImageAttachmentConfiguration(attachment, 'single', imgElement)\n            .originalHeight\n        \"\n        [style.--original-width]=\"\n          getImageAttachmentConfiguration(attachment, 'single', imgElement)\n            .originalWidth\n        \"\n        [ngStyle]=\"{\n          height: getImageAttachmentConfiguration(\n            attachment,\n            'single',\n            imgElement\n          ).height,\n          width: getImageAttachmentConfiguration(\n            attachment,\n            'single',\n            imgElement\n          ).width\n        }\"\n      />\n      <div\n        class=\"str-chat__gallery\"\n        data-testid=\"image-gallery\"\n        *ngIf=\"isGallery(attachment)\"\n        [class.str-chat__gallery--square]=\"(attachment?.images)!.length > 3\"\n        [class.str-chat__gallery-two-rows]=\"(attachment?.images)!.length > 2\"\n      >\n        <ng-container\n          *ngFor=\"\n            let galleryImage of attachment.images;\n            let index = index;\n            let isLast = last;\n            trackBy: trackByImageUrl\n          \"\n        >\n          <button\n            *ngIf=\"index < 3 || (index === 3 && isLast)\"\n            class=\"str-chat__gallery-image\"\n            data-testclass=\"gallery-image\"\n            (click)=\"openImageModal(attachment.images!, index)\"\n            (keyup.enter)=\"openImageModal(attachment.images!, index)\"\n            [class.str-chat__message-attachment--svg-image]=\"\n              isSvg(galleryImage)\n            \"\n          >\n            <img\n              #imgElement\n              [src]=\"\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).url\n              \"\n              [alt]=\"galleryImage.fallback\"\n              [style.--original-height]=\"\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).originalHeight\n              \"\n              [style.--original-width]=\"\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).originalWidth\n              \"\n              [ngStyle]=\"{\n                height: getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).height,\n                width: getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  imgElement\n                ).width\n              }\"\n            />\n          </button>\n          <button\n            #element\n            *ngIf=\"index === 3 && !isLast\"\n            class=\"str-chat__gallery-placeholder\"\n            data-testclass=\"gallery-image\"\n            data-testid=\"more-image-button\"\n            (click)=\"openImageModal(attachment.images!, index)\"\n            (keyup.enter)=\"openImageModal(attachment.images!, index)\"\n            [class.str-chat__message-attachment--svg-image]=\"\n              isSvg(galleryImage)\n            \"\n            [style.--original-height]=\"\n              getImageAttachmentConfiguration(galleryImage, 'gallery', element)\n                .originalHeight\n            \"\n            [style.--original-width]=\"\n              getImageAttachmentConfiguration(galleryImage, 'gallery', element)\n                .originalWidth\n            \"\n            [ngStyle]=\"{\n              'background-image':\n                'url(' +\n                getImageAttachmentConfiguration(\n                  galleryImage,\n                  'gallery',\n                  element\n                ).url +\n                ')',\n              height: getImageAttachmentConfiguration(\n                galleryImage,\n                'gallery',\n                element\n              ).height,\n              width: getImageAttachmentConfiguration(\n                galleryImage,\n                'gallery',\n                element\n              ).width\n            }\"\n          >\n            <p\n              [innerHTML]=\"\n                'streamChat.{{ imageCount }} more'\n                  | translate: { imageCount: attachment!.images!.length - 4 }\n              \"\n            ></p>\n          </button>\n        </ng-container>\n      </div>\n      <div\n        class=\"str-chat__player-wrapper\"\n        *ngIf=\"isVideo(attachment)\"\n        data-testclass=\"video-attachment-parent\"\n        [style.--original-height]=\"\n          getVideoAttachmentConfiguration(attachment, videoElement)\n            .originalHeight\n        \"\n        [style.--original-width]=\"\n          getVideoAttachmentConfiguration(attachment, videoElement)\n            .originalWidth\n        \"\n        [ngStyle]=\"{\n          height: getVideoAttachmentConfiguration(attachment, videoElement)\n            .height,\n          width: getVideoAttachmentConfiguration(attachment, videoElement).width\n        }\"\n      >\n        <video\n          #videoElement\n          class=\"str-chat__video-angular\"\n          controls\n          data-testclass=\"video-attachment\"\n          [src]=\"getVideoAttachmentConfiguration(attachment, videoElement).url\"\n          [poster]=\"\n            getVideoAttachmentConfiguration(attachment, videoElement).thumbUrl\n          \"\n        ></video>\n      </div>\n      <div\n        *ngIf=\"isFile(attachment)\"\n        class=\"\n          str-chat__message-attachment-file--item\n          str-chat-angular__message-attachment-file-single\n        \"\n      >\n        <stream-icon-placeholder\n          *ngIf=\"themeVersion === '1'\"\n          icon=\"file\"\n          [size]=\"30\"\n        ></stream-icon-placeholder>\n        <stream-icon-placeholder\n          *ngIf=\"themeVersion === '2'\"\n          icon=\"unspecified-filetype\"\n          [size]=\"30\"\n        ></stream-icon-placeholder>\n        <div class=\"str-chat__message-attachment-file--item-text\">\n          <div class=\"str-chat__message-attachment-file--item-first-row\">\n            <div\n              data-testclass=\"file-title\"\n              class=\"str-chat__message-attachment-file--item-name\"\n            >\n              {{ attachment.title }}\n            </div>\n            <a\n              class=\"str-chat__message-attachment-file--item-download\"\n              data-testclass=\"file-link\"\n              download\n              href=\"{{ attachment.asset_url }}\"\n              target=\"_blank\"\n            >\n              <stream-icon-placeholder\n                class=\"str-chat__message-attachment-download-icon\"\n                icon=\"download\"\n              ></stream-icon-placeholder>\n            </a>\n          </div>\n          <span\n            class=\"str-chat__message-attachment-file--item-size\"\n            data-testclass=\"size\"\n            *ngIf=\"hasFileSize(attachment)\"\n            >{{ getFileSize(attachment) }}</span\n          >\n        </div>\n      </div>\n      <div\n        *ngIf=\"\n          isCard(attachment) &&\n          getCardAttachmentConfiguration(attachment) as attachmentConfiguration\n        \"\n        class=\"str-chat__message-attachment-card str-chat__message-attachment-card--{{\n          attachment.type\n        }}\"\n      >\n        <div\n          *ngIf=\"attachmentConfiguration.url\"\n          class=\"str-chat__message-attachment-card--header\"\n        >\n          <img\n            data-testclass=\"card-img\"\n            alt=\"{{ attachmentConfiguration.url }}\"\n            src=\"{{ attachmentConfiguration.url }}\"\n            [ngStyle]=\"{\n              height: attachmentConfiguration.height,\n              width: attachmentConfiguration.width\n            }\"\n          />\n        </div>\n        <div class=\"str-chat__message-attachment-card--content\">\n          <div class=\"str-chat__message-attachment-card--flex\">\n            <div\n              *ngIf=\"attachment.title\"\n              data-testclass=\"card-title\"\n              class=\"str-chat__message-attachment-card--title\"\n            >\n              {{ attachment.title }}\n            </div>\n            <div\n              *ngIf=\"attachment.text\"\n              class=\"str-chat__message-attachment-card--text\"\n              data-testclass=\"card-text\"\n            >\n              {{ attachment.text }}\n            </div>\n            <a\n              class=\"str-chat__message-attachment-card--url\"\n              *ngIf=\"attachment.title_link || attachment.og_scrape_url\"\n              data-testclass=\"url-link\"\n              noopener\n              noreferrer\n              href=\"{{ attachment.title_link || attachment.og_scrape_url }}\"\n              target=\"_blank\"\n            >\n              {{ trimUrl(attachment.title_link || attachment.og_scrape_url) }}\n            </a>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"str-chat__message-attachment-actions\"\n        *ngIf=\"attachment.actions && attachment.actions.length > 0\"\n      >\n        <div class=\"str-chat__message-attachment-actions-form\">\n          <button\n            *ngFor=\"\n              let action of attachment.actions;\n              trackBy: trackByActionValue\n            \"\n            class=\"str-chat__message-attachment-actions-button str-chat__message-attachment-actions-button--{{\n              action.style\n            }}\"\n            data-testclass=\"attachment-action\"\n            (click)=\"sendAction(action)\"\n            (keyup.enter)=\"sendAction(action)\"\n          >\n            {{ action.text }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"imagesToView && imagesToView.length > 0\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.modalTemplate$ | async) || defaultModal;\n        context: getModalContext()\n      \"\n    ></ng-container>\n  </ng-container>\n</div>\n\n<ng-template\n  #defaultModal\n  let-isOpen=\"isOpen\"\n  let-isOpenChangeHandler=\"isOpenChangeHandler\"\n  let-content=\"content\"\n>\n  <stream-modal\n    class=\"stream-chat-angular__image-modal-host\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandler($event)\"\n    [content]=\"content\"\n  >\n  </stream-modal>\n</ng-template>\n\n<ng-template #modalContent>\n  <div class=\"stream-chat-angular__image-modal str-chat__image-carousel\">\n    <button\n      class=\"\n        stream-chat-angular__image-modal-stepper\n        str-chat__image-carousel-stepper\n      \"\n      [ngStyle]=\"{\n        visibility: isImageModalPrevButtonVisible ? 'visible' : 'hidden'\n      }\"\n      data-testid=\"image-modal-prev\"\n      type=\"button\"\n      (click)=\"stepImages(-1)\"\n      (keyup.enter)=\"stepImages(-1)\"\n    >\n      <stream-icon-placeholder icon=\"arrow-left\"></stream-icon-placeholder>\n    </button>\n    <img\n      #imgElement\n      class=\"\n        stream-chat-angular__image-modal-image\n        str-chat__image-carousel-image\n      \"\n      data-testid=\"modal-image\"\n      [src]=\"\n        getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).url\n      \"\n      [style.--original-height]=\"\n        getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).originalHeight\n      \"\n      [style.--original-width]=\"\n        getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).originalWidth\n      \"\n      [alt]=\"imagesToView[imagesToViewCurrentIndex].fallback\"\n      [ngStyle]=\"{\n        width: getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).width,\n        height: getCarouselImageAttachmentConfiguration(\n          imagesToView[imagesToViewCurrentIndex],\n          imgElement\n        ).height\n      }\"\n    />\n    <button\n      class=\"\n        stream-chat-angular__image-modal-stepper\n        str-chat__image-carousel-stepper\n      \"\n      type=\"button\"\n      [ngStyle]=\"{\n        visibility: isImageModalNextButtonVisible ? 'visible' : 'hidden'\n      }\"\n      data-testid=\"image-modal-next\"\n      (click)=\"stepImages(1)\"\n      (keyup.enter)=\"stepImages(1)\"\n    >\n      <stream-icon-placeholder icon=\"arrow-right\"></stream-icon-placeholder>\n    </button>\n  </div>\n</ng-template>\n", components: [{ type: IconPlaceholderComponent, selector: "stream-icon-placeholder", inputs: ["icon", "size"] }, { type: ModalComponent, selector: "stream-modal", inputs: ["isOpen", "content"], outputs: ["isOpenChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i6.TranslatePipe, "async": i4.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: AttachmentListComponent, decorators: [{
             type: Component,
             args: [{