YuvMasterDetailsComponent
Component rendering a master/details view.
Example :
<yuv-master-details [(detailsActive)]="detailsActive">
<ng-template #yuvMasterPane>Main Pane</ng-template>
<ng-template #yuvDetailsPane>Details Pane</ng-template>
</yuv-master-details>Component Metadata
Section titled “Component Metadata”Selector: yuv-master-details
Standalone: Yes
Implements: AfterViewInit
Inputs
Section titled “Inputs”layoutOptions
Section titled “layoutOptions”Type: Partial<MasterDetailsLayoutOptions>
Layout options to be applied.
layoutSettingsID
Section titled “layoutSettingsID”Type: string
Layout settings is the state of the master details that could be persisted. Setting a layoutSettingsID will save the current state (details area visibilkity and split area sizes etc.) to the local storage. If the component is created, it will load those settings and re-apply them.
detailsActive
Section titled “detailsActive”Type: boolean
Default Value: false
Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])
gutterSize
Section titled “gutterSize”Type: number | undefined
Default Value: undefined
Size of the gutter in Pixel.
panelStyle
Section titled “panelStyle”Type: \{ [key: string]: string \} | undefined
Default Value: undefined
Styles tp be applied to the panels
undockableDetails
Section titled “undockableDetails”Type: boolean
Default Value: false
Outputs
Section titled “Outputs”detailsActive
Section titled “detailsActive”Type: boolean
Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])
Properties
Section titled “Properties”detailsPane
Section titled “detailsPane”Type: unknown
Default Value: contentChild.required<TemplateRef<any>>('yuvDetailsPane')
detailsPaneTplateRef
Section titled “detailsPaneTplateRef”Type: unknown
Default Value: viewChild.required<TemplateRef<any>>('tplDetailsPanel')
masterPane
Section titled “masterPane”Type: unknown
Default Value: contentChild.required<TemplateRef<any>>('yuvMasterPane')
smallScreenLayout
Section titled “smallScreenLayout”Type: unknown
Default Value: this.#device.smallScreenLayout
Methods
Section titled “Methods”onPopIn
Section titled “onPopIn”onPopIn(): void