Hi, Team!

Currently, when the PanelBar component is set to take up a specific percentage of its parent element(and the size of the parent element is also responsive) and the screen is resized, the dimensions of the PanelBar are not properly recalculated and the component causes changes in the page thus breaking the responsive design.

Hi Team, 

Currently, there is no designated event that is being fired when selecting an already selected item in the PanelBar component. I would like to have an event that is being fired in such a use case.

In React and jQuery, the PanelBar component seems to be firing an event in such cases:

- React: https://www.telerik.com/kendo-react-ui/components/layout/panelbar/events/

- jQuery: https://demos.telerik.com/kendo-ui/panelbar/events

Right now only one Item can be the currently selected item in a panel bar even if multiple are open. I suggest that we can set multiple selected items (more than one opened panel can have the selected class injected onto the header) 

One possible way this could be achieved is setting the selected attribute to True, and letting the developer deal with toggling the booleans on his end. (As of now, the panel bar will override the selected values as soon as one panel is selected) 

I'm looking at the samples of panel bar for Angular 2, I would like to set the orientation horizontal instead of vertical, I tried using the attribute orientation="horizontal", it does not seem to work, can you please advise ?

Thanx

An option to set visibility of a panelbar item would be great.

As it is now, if I bind to a collection of PanelBarItemModel items, I can't use title templates, and if I use *ngFor with panelbaritems, I can't set visibility. Especially if the visibility condition is an observable