Protected ReadonlydockReadonlynameProtectedrenderedProtectedshadowProtectedstyleProtectedtemplateProtectedcontextProtectedstateProtectedcanProtectedcleanCloses the panel by deactivating all state toggles and hiding itself.
ProtectedconnectedProtecteddisconnectedWhen the component is disconnected from the DOM all the callbacks will be unregistered
ProtectedgetProtectedgetProtectedgetProtectedgetProtectedgirafeProtectedhideHide the component (display: none).
ProtectedhtmlConvert the string in parameter with uHtml and return it. This allows to convert a string with html in a right html object. For example, htmlUnsafe('
') will return an html div object.ProtectedisNOTE REG: We cannot just use truthy here, because javascript comparaison table is really problematic. For example: 0 == false [] == false "" == false And there are cases where we want to check null or undefined, because 0 can be a right value. More here : https://dorey.github.io/JavaScript-Equality-Table/
ProtectedisProtectedrefreshRe-Render the component. The method should be called when the component has already been rendered and needs to be updated.
ProtectedregisterRender the component's template.
ProtectedrenderRenders a hidden span with the name of the component. Useful to render a placeholder for not visible component.
ProtectedshowShow the component (display: block).
ProtectedsimulateIn the templates, sometimes for accessibility reasons, we have to support the KeyDown Event In those case, we often juste want to do the same as the click event when Enter or Space is pressed Then this method can be used : it just calls the click event on the same element
ProtectedsubscribeProtectedunregisterOptionaleventNames: GgUserInteractionEvent | GgUserInteractionEvent[]Protectedunsubscribe
A panel component that extends GirafeResizableElement. Used as main Left and Right panels on the app. It has a state toggle manager that can activate or deactivate toggle paths based on changes in its state. It also has methods to shows/hide itself based on the state toggle paths and state.
To have the toggle on the state working, the component must implement the IGirafePanel interface and be added to the lr-panel: