docs(DockManager): Add missing UnpinnedSize and UnpinnedSizeChanged (#3026)

* docs(DockManager): Add missing UnpinnedSize and UnpinnedSizeChanged

* Update events.md

* polishing

Author: dimodi

components/dockmanager/events.md

@@ -16,6 +16,7 @@ This article explains the events available in the Telerik DockManager for Blazor
 * [OnUndock](#ondock)
 * [VisibleChanged](#visiblechanged)
 * [SizeChanged](#sizechanged)
+* [UnpinnedSizeChanged](#unpinnedsizechanged)
 * [OnPaneResize](#onpaneresize)
 * [State Events](#state-events)
 * [OnPin](#onpin)
@@ -53,9 +54,13 @@ The `VisibleChanged` event is fired when the user tries to hide a given pane. Yo
 
 The `SizeChanged` event is triggered when the `Size` parameter of the corresponding pane is changed.
 
+## UnpinnedSizeChanged
+
+The `UnpinnedSizeChanged` event is triggered when the `UnpinnedSize` parameter of the corresponding pane is changed.
+
 ## OnPaneResize
 
-The `OnPaneResize` event is fired when any pane is resized. It lets you respond to that change if needed - for example, call the `.Refresh()` method of a chart or otherwise repaint a child component in the content. You can also use it to, for example, update the saved [state](slug:dockmanager-state) for your users.
+The `OnPaneResize` event is fired when a pane is resized, except unpinned panes. It lets you respond to that change if needed - for example, call the `.Refresh()` method of a chart or otherwise repaint a child component in the content. You can also use it to, for example, update the saved [state](slug:dockmanager-state) for your users.
 
 The event handler receives as an argument an `DockManagerPaneResizeEventArgs` object that contains:
 
@@ -119,9 +124,13 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
                 <DockManagerContentPane HeaderText="Pane 1"
                                         Id="Pane1"
                                         Size="50%"
+                                        UnpinnedSize="@Pane1UnpinnedSize"
+                                        UnpinnedSizeChanged="@Pane1UnpinnedSizeChanged"
                                         Closeable="false">
                     <Content>
                         Pane 1. Undocking is allowed. Docking over it is cancelled.
+                        <code>UnpinnedSizeChanged</code> is handled.
+                        Current <code>UnpinnedSize</code>: <strong>@Pane1UnpinnedSize</strong>
                     </Content>
                 </DockManagerContentPane>
 
@@ -195,8 +204,9 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
 </div>
 
 @code {
-    private TelerikDockManager DockManagerRef { get; set; }
+    private TelerikDockManager? DockManagerRef { get; set; }
 
+    private string Pane1UnpinnedSize { get; set; } = "360px";
     private bool Pane4Visible { get; set; } = true;
     private bool FloatingPaneVisible { get; set; } = true;
 
@@ -246,6 +256,13 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
         DockManagetEventLog.Insert(0, $"Pane <strong>{args.PaneId}</strong> was resized to {args.Size}.");
     }
 
+    private void Pane1UnpinnedSizeChanged(string newUnpinnedSize)
+    {
+        Pane1UnpinnedSize = newUnpinnedSize;
+
+        DockManagetEventLog.Insert(0, $"Pane <strong>Pane 1</strong> was resized to {newUnpinnedSize} while unpinned.");
+    }
+
     private void OnPaneUnpin(DockManagerUnpinEventArgs args)
     {
         if (args.PaneId == "Pane4")
@@ -282,4 +299,4 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
 
 ## See Also
 
-* [DockManager Overview](slug:dockmanager-overview)
+* [DockManager Overview](slug:dockmanager-overview)

components/dockmanager/overview.md

@@ -130,6 +130,7 @@ The following table lists the Dock Manager parameters. Also check the [DockManag
 | `Size` | `string` | Determines the size of the splitter pane. |
 | `Unpinnable` | `bool` <br /> (`false`) | Determines whether the pane can be unpinned. |
 | `Unpinned` | `bool` <br /> (`true`) | Determines whether the pane is unpinned. |
+| `UnpinnedSize` | `string` | Determines the size of the splitter pane when it is unpinned. |
 | `Visible` | `bool` <br /> (`true`) | Determines whether the tab/pane is rendered. |
 
 ### DockManagerSplitPane Parameters