PopoutComponent
Component that enables the wrapped content to be ‘popped out’ as new window. It will place a button (icon) to trigger popout on top of the wrapped content. You can place this trigger element setting the ‘triggerPosition’ input.
Providing a ‘popoutWindowConfig’ will also enable you to influence the appearance of the spawned window.
Component Metadata
Section titled “Component Metadata”Selector: yuv-popout
Standalone: No
Implements: OnDestroy
Inputs
Section titled “Inputs”disabled
Section titled “disabled”Type: boolean
Whether or not to disable the undock feature
popoutWindowConfig
Section titled “popoutWindowConfig”Type: PopoutWindowConfig
configuration of the popped out window
triggerIcon
Section titled “triggerIcon”Type: string
Default Value: 'open_in_new'
Icon to be redered inside the trigger
triggerPosition
Section titled “triggerPosition”Type: PopoutTriggerPosition
Default Value: PopoutTriggerPosition.TOP_RIGHT
Where the popout trigger should be located on the component
triggerTooltip
Section titled “triggerTooltip”Type: string
Tooltip text for the trigger button
Outputs
Section titled “Outputs”Type: boolean
Emitted when the child component is popped in again
popOut
Section titled “popOut”Type: boolean
Emitted when the child component is popped out
Properties
Section titled “Properties”innerWrapper
Section titled “innerWrapper”Type: unknown
Default Value: viewChild.required<ElementRef>('innerWrapper')
popoutWrapper
Section titled “popoutWrapper”Type: unknown
Default Value: viewChild.required<ElementRef>('popoutWrapper')
poppedOut
Section titled “poppedOut”Type: unknown
Default Value: computed(() => !!this.#popoutWindow())
Methods
Section titled “Methods”beforeunloadHandler
Section titled “beforeunloadHandler”beforeunloadHandler(): voidpop(e: MouseEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| e | MouseEvent |