File

projects/m2-core/src/lib/shared/ui-components/layout/splitter/splitter.component.ts

Implements

AfterViewInit

Metadata

Index

Properties
Methods
Inputs
Outputs
HostListeners
Accessors

Inputs

defaultRatio
Type : number
Default value : .5
disabled
Type : boolean
isLeftToggle
Type : boolean
Default value : true
minLeftWidth
Type : number
Default value : 0
minRightWidth
Type : number
Default value : 0
ratio
Type : number
Default value : .5
separatorClasses
Type : string
Default value : ''
separatorStyle
Type : any
showToggle
Type : boolean
spWidth
Type : number
Default value : 5
style
Type : any
transparent
Type : boolean

Outputs

resized
Type : EventEmitter
viewInit
Type : EventEmitter

HostListeners

window:resize
window:resize()

Methods

handleSpLeftChanged
handleSpLeftChanged(recalcRatio?: boolean)
Parameters :
Name Type Optional
recalcRatio boolean Yes
Returns : void
ngAfterViewInit
ngAfterViewInit()
Returns : void
onDragFinish
onDragFinish()
Returns : void
onDragging
onDragging(undefined)
Parameters :
Name Optional
No
Returns : void
onDragStart
onDragStart()
Returns : void
onToggleClick
onToggleClick()
Returns : void
Public setUpLayout
setUpLayout()
Decorators :
@HostListener('window:resize')
Returns : void
Public updateLayout
updateLayout(ratio: number)
Parameters :
Name Type Optional
ratio number No
Returns : void
updateSpLeft
updateSpLeft(spLeft: number)
Parameters :
Name Type Optional
spLeft number No
Returns : void
validate
validate()
Returns : void

Properties

curSpLeft
Type : number
Optional dragging
Type : boolean
layout
Type : ElementRef
Decorators :
@ViewChild('layout')
leftContainer
Type : ElementRef
Decorators :
@ViewChild('leftContainer')
leftStyle
Type : CSSStyleDeclaration
rightContainer
Type : ElementRef
Decorators :
@ViewChild('rightContainer')
rightStyle
Type : CSSStyleDeclaration
splitter
Type : ElementRef
Decorators :
@ViewChild('splitter')
spSeparatorWidth
Type : number
Default value : 1
spStyle
Type : CSSStyleDeclaration
totalWidth
Type : number

Accessors

isLeftCollapsed
getisLeftCollapsed()

Toggle

Returns : boolean
isRightCollapsed
getisRightCollapsed()
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""