feat: Remove unnecessary slot selectors from thread

Author: szuperaz

docusaurus/docs/Angular/code-examples/responsive-layout.mdx

@@ -21,14 +21,8 @@ Let's create a simple chat application UI:
     <stream-message-list></stream-message-list>
     <stream-message-input></stream-message-input>
     <stream-thread class="thread" name="thread">
-      <stream-message-list
-        name="thread-message-list"
-        mode="thread"
-      ></stream-message-list>
-      <stream-message-input
-        mode="thread"
-        name="thread-message-input"
-      ></stream-message-input>
+      <stream-message-list mode="thread"></stream-message-list>
+      <stream-message-input mode="thread"></stream-message-input>
     </stream-thread>
   </stream-channel>
   <stream-notification-list></stream-notification-list>

docusaurus/docs/Angular/components/ChannelComponent.mdx

@@ -12,15 +12,10 @@ The `Channel` component is a container component that displays the [`ChannelHead
     <stream-message-input></stream-message-input>
     <!-- Main messages in the channel -->
     <!-- Thread messages in the channel -->
+    <!-- The name attribute selects the slot for the thread component inside channel -->
     <stream-thread name="thread">
-      <stream-message-list
-        name="thread-message-list"
-        mode="thread"
-      ></stream-message-list>
-      <stream-message-input
-        mode="thread"
-        name="thread-message-input"
-      ></stream-message-input>
+      <stream-message-list mode="thread"></stream-message-list>
+      <stream-message-input mode="thread"></stream-message-input>
     </stream-thread>
     <!-- Thread messages in the channel -->
   </stream-channel>

docusaurus/docs/Angular/components/ThreadComponent.mdx

@@ -2,23 +2,12 @@ The `Thread` component represents a [message thread](https://getstream.io/chat/d
 
 ## Usage
 
-The `Thread` component have empty slots for message list and message input components where you can inject content with the following names:
-
-- `thread-message-list` for the message list
-- `thread-message-input` for the message input
-
-The names determine the location of the template within the thread layout.
+The `Thread` component displays the thread header (built inside the thread), the message list and message input components:
 
 ```html
 <stream-thread name="thread">
-  <stream-message-list
-    name="thread-message-list"
-    mode="thread"
-  ></stream-message-list>
-  <stream-message-input
-    mode="thread"
-    name="thread-message-input"
-  ></stream-message-input>
+  <stream-message-list mode="thread"></stream-message-list>
+  <stream-message-input mode="thread"></stream-message-input>
 </stream-thread>
 ```
 

docusaurus/docs/Angular/concepts/customization.mdx

@@ -21,14 +21,8 @@ This is how our initial chat UI looks like:
   <!-- Main messages in the channel -->
   <!-- Thread messages in the channel -->
   <stream-thread name="thread">
-    <stream-message-list
-      name="thread-message-list"
-      mode="thread"
-    ></stream-message-list>
-    <stream-message-input
-      mode="thread"
-      name="thread-message-input"
-    ></stream-message-input>
+    <stream-message-list mode="thread"></stream-message-list>
+    <stream-message-input mode="thread"></stream-message-input>
   </stream-thread>
   <!-- Thread messages in the channel -->
 </stream-channel>

projects/customizations-example/src/app/app.component.html

@@ -10,16 +10,12 @@
       style="--grey-whisper: rgba(165, 214, 167, 0.4); --primary-color: #8bc34a"
     ></stream-message-input>
     <stream-thread name="thread">
-      <stream-message-list
-        name="thread-message-list"
-        mode="thread"
-      ></stream-message-list>
+      <stream-message-list mode="thread"></stream-message-list>
       <stream-message-input
         style="
           --grey-whisper: rgba(165, 214, 167, 0.4);
           --primary-color: #8bc34a;
         "
-        name="thread-message-input"
         mode="thread"
       ></stream-message-input>
     </stream-thread>

projects/sample-app/src/app/app.component.html

@@ -31,14 +31,8 @@
     <stream-notification-list></stream-notification-list>
     <stream-message-input></stream-message-input>
     <stream-thread class="thread" name="thread">
-      <stream-message-list
-        name="thread-message-list"
-        mode="thread"
-      ></stream-message-list>
-      <stream-message-input
-        mode="thread"
-        name="thread-message-input"
-      ></stream-message-input>
+      <stream-message-list mode="thread"></stream-message-list>
+      <stream-message-input mode="thread"></stream-message-input>
     </stream-thread>
   </stream-channel>
 </div>

projects/stream-chat-angular/src/lib/thread/thread.component.html

@@ -6,8 +6,7 @@
       context: getThreadHeaderContext()
     "
   ></ng-container>
-  <ng-content select='[name="thread-message-list"]'></ng-content>
-  <ng-content select='[name="thread-message-input"]'></ng-content>
+  <ng-content></ng-content>
 </div>
 
 <ng-template