Add close event to ix-pane

[Aiderlei]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

Suggestion / feature request

I suggest to add a click event binding when the 'x' or '>>' icons are clicked to close the currently expanded pane, e.g.

// angular template
<ix-pane-layout [variant]="variant" [layout]="layout" [borderless]="borderless">
  <ix-pane (close)="paneClosed()" heading="Pane Right" slot="right" size="33%">
    <p>This is the right pane.</p>
  </ix-pane>

  <div slot="content">
    // some content
  </div>
</ix-pane-layout>

// in the component code
paneClosed() {
  // stuff to do on pane closed, e.g. change url or deselect current row
}

This would allow to perform something right after the close action. In the current version there is only the expandedChanged event. It's event data provides not the sufficient details to decide whether the pane was closed by the pane close icon or not.

This are the actual icons:

[github-actions]

🤖 Hello @Aiderlei

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-1829