Dock Manager is unresponsive after hiding a maximized pane (pane.hidden = true)

[ddaribo]

Description

When a maximized pane is hidden by setting its hidden property, the dock manager becomes unresponsive and on subsequent attempt to maximize a pane, an error is thrown. This is reproducible in one of the documentation demos, where closing a pane is prevented and it gets hidden, in order to be able to later restore it.
This behavior is not reproduced when hiding a non-maximized pane.

• version: current
• browser: tested with Chrome, Mozilla, Edge - probably all

Steps to reproduce

1. Open the demo under the "Events" secion of the topic
2. Maximize "Content Pane 1"
3. Click the "Close" (X) icon on "Content Pane 1" - it is now hidden and not closed because of the following logic:

    private handlePaneClose(ev: CustomEvent<IgcPaneCloseEventArgs>) {
        for (const pane of ev.detail.panes) {
            pane.hidden = true;
            this.setHiddenPane(pane);
        }

        ev.preventDefault();
    }

4. Try to make any action with the remaining panes: move the "Floating pane", undock a pane, etc. - not working, as if the component is frozen.
5. Try to maximize the "Floating pane".

Result

On Step 4, the component becomes unresponsive.
After step 5, the following error is thrown:

1684.e627a6c1.chunk.js:1 Error: No matching pane!
    at b.setFocus (93615.e627a6c1.chunk.js:1:49891)
    at 93615.e627a6c1.chunk.js:1:54626
    at b.componentDidRender (93615.e627a6c1.chunk.js:1:47515)

Expected result

To be able to interact with the panes.

Attachments

[gedinakova]

@ddaribo This seems to be some missing logic in the hidden panes handling. Basically, when setting the pane to hidden we need to check whether it's maximized, switch its isMaximized value and clear the dockManager's maximizedPane property. Additionally, we need to account for the case where it's part of tab group as well.
We will fix this in the sample itself, so I will transfer this issue to the repsective repo.