fix: reset hidden state when removing panel from tabsheet

[web-padawan]

Description

This fixes a finding with React component reported internally on Slack:

<TabSheet>
  <Button>Close all</Button>
  <TabSheetTab label="One" />
  <TabSheetTab label="Two" />
  <TabSheetTab label="Three" />
</TabSheet>

add the missing slot="prefix" to <Button> - how come the UI is not updated with HMR but requires a refresh?

The actual problem is that the web component treats any elements without slot attribute as panels and then doesn’t reset hidden attribute when the slot is set (or e.g. when the element is moved to the different parent).

Type of change

• Bugfix

Note

There is an edge case with hidden set initially on the panel before adding it to tabsheet - it will be reset to false on removing. I don't think it's a big problem

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.5.0.alpha13 and is also targeting the upcoming stable 24.5.0 version.