import {GlTimeline} from './ui/gltimeline/gltimeline.js'

public class | source

GlTimeline

Extends:

Events → GlTimeline

gl timeline

Static Member Summary

Static Public Members
public static	: *
public static	CLIP_VAR_PREFIX: *
public static	DISPLAYUNIT_BEATS: *
public static	DISPLAYUNIT_FRAMES: *
public static	DISPLAYUNIT_SECONDS: *
public static	EVENT_KEYSELECTIONCHANGE: *
public static	EVENT_LAYOUTCHANGE: *
public static	EVENT_MOUSEMOVE: *
public static	LAYOUT_GRAPHS: *
public static	LAYOUT_LINES: *
public static	USERSETTING_AUTO_KEYFRAMES: *
public static	USERSETTING_GRAPH_SELECTMODE: *
public static	USERSETTING_LAYOUT: *
public static	USERSETTING_SPLITTER_LEFT: *
public static	USERSETTING_SPLITTER_RIGHT: *
public static	USERSETTING_TL_OPENED: *
public static	USERSETTING_UNITS: *
public static	mouseDown: boolean
public static	mouseDownStart: *
public static	needsUpdateAll: string
public static	pixelPerSecond: *
public static	selectRect: *

Constructor Summary

Public Constructor
public	constructor(cgl: CglContext)

Member Summary

Public Members
public	: *
public	bgRect: *
public	buttonForPanning: *
public	cfg: TlConfig
public get	cgl: *
public	cursorNewKeyVis: GlRect
public get	cursorTime: *
public	cursorVertLineRect: GlRect
public	displayUnits: *
public	disposed: *
public get	duration: *
public get	fps: number: *
public	graphSelectMode: *
public get	height: *
public	hoverKeyRect: *
public get	isAnimated: *
public	keyframeAutoCreate: *
public	keyparamsTimeout: *
public	lastHierStr: *
public get	layout: *
public	loopAreaDrag: GlDragArea
public	loopAreaEnd: *
public	loopAreaStart: *
public	needsUpdateAll: *
public get	overlayRects: *
public get	rects: *
public get	rectsNoScroll: *
public	ruler: tlHead
public	scroll: tlOverview
public	selectRect: object
public	selectedKeysDragArea: GlDragArea
public	selectedOp: *
public	splines: GlSplineDrawer
public	texts: GlTextWriter
public	textsNoScroll: GlTextWriter
public	timeBounds: *
public	tlTimeScrollContainer: HTMLElement
public	toParamKeys: *
public	view: tlView
public get	width: *

Private Members
private	clipboardKeys: *
private	cursor: *
private	cursorText: GlText
private	cursorTextBgRect: *
private	cursorY: *
private	elInfoOverlay: HTMLElement
private	elInfoOverlayTimeout: *
private	elKeyParamPanel: *
private	elTimeDisplay: *
private	filterString: *
private	focusRuler: *
private	focusScroll: *
private	lastDragX: *
private	lastDragY: *
private	lastXnoButton: *
private	lastYnoButton: *
private	log: *
private	oldSize: *
private	oldhtml: *
private	paramLastInputMove: *
private	paramLastInputValue: *
private	perfFps: *
private	rectHoverKey: *
private	rectLoopArea: *
private	rectSelect: GlRect
private	rectsOver: GlRectInstancer
private	selOpsStr: *
private	selectModeEl: *
private	selectedKeyAnims: Anim[]
private	selectedKeys: Array<AnimKey>
private	spacePressed: *
private	tlAnims: Array<TlAnimLine>
private	undoSelection: *

Method Summary

Public Methods
public	canSelectKey(k: AnimKey): boolean
public	canSelectKeys(): *
public	copy(event: ClipboardEvent): *
public	createAnimOpFromSelection()
public	createKey(anim: Anim, time: number, value: number)
public	createKeyAtCursor()
public	createText(writer: GlTextWriter, string: string): *
public	cut(event: ClipboardEvent)
public	cycleDisplayUnits()
public	deactivateAllAnims(v: boolean)
public	deleteSelectedKeys()
public	deserializeKeys(keys: Array<Object>, options: Object): {"keys": , "notfoundallAnims": }
public	dispose()
public	dragSelectedKeys(deltaTime: number, deltaValue: number, sort: boolean)
public	duplicateSelectedKeys()
public	filter(port: Port): boolean
public	fit()
public	fixAnim(anim: Anim)
public	fixAnimsFromKeys(keys: AnimKey[])
public	getColorSpecial(): *
public	getDebug(): *
public	getFirstLinePosy(): *
public	getFirstLinePosyCSS(): *
public	getKeysSmallestTime(keys: Array<AnimKey>): Number
public	getNumSelectedKeys(): *
public	getNumSplinePoints(): *
public	getPortForAnim(anim: Anim): *
public	getScrollY(): *
public	getSelectedKeys(): *
public	getSelectedKeysBoundsTime(): {"min": , "max": , "length": *}
public	getSelectedKeysBoundsValue(): {"min": , "max": }
public	hideParams()
public	hierarchyLine(item: object, level: number, parentEle: HTMLElement, parentLine: TlAnimLine)
public	init()
public	isFocused(): boolean
public	isFreePanningMode(): *
public	isGraphLayout(): *
public	isKeySelected(k: AnimKey): boolean
public	isMultiLine(): *
public	isSelecting(): *
public	isSnappedTime(t: number): *
public	jumpKey(dir: number)
public	loadPatchData(cfg: object)
public	moveSelectedKeys(time: Number)
public	moveSelectedKeysDelta(deltaTime: number, deltaValue: number)
public	onConfig(cfg: TlConfig)
public	parentElement(): HTMLElement
public	paste(e: ClipboardEvent)
public	predragSelectedKeys()
public	refreshInfoOverlay()
public	removeKeyPreViz()
public	render(resX: number, resY: number)
public	resize(force: boolean)
public	savePatchData(): {"loopAreaStart": , "loopAreaEnd": , "view": *}
public	saveUserSettings()
public	selSelectedKeysCP1(x: number, y: number)
public	selSelectedKeysCP2(x: number, y: number)
public	selectAllKeys()
public	selectKey(k: AnimKey, a: Anim)
public	serializeSelectedAnims(): *
public	serializeSelectedKeys(newId: boolean): *
public	setColorRectSpecial(rect: GlRect \| GlText \| GlSpline)
public	setHoverKeyRect(kr: GlRect)
public	setPositions()
public	setSelectedKeysEasing(easing: Number)
public	setSelectedKeysTime(time: Number)
public	setUnsavedForAnim(anim: Anim, reason: string)
public	setUnsavedForSelectedKeys(reason: string)
public	setanim()
public	showKeyParamsSoon()
public	showParamAnim(anim: Anim)
public	showParamKeys(): *
public	showParamOp(op: Op)
public	showParams()
public	showSpreadSheet(anim: Anim)
public	snapSelectedKeyTimes()
public	snapTime(time: number): *
public	sortSelectedKeyAnims()
public	testAnim(keys: AnimKey[]): *
public	toggle()
public	toggleAutoKeyframe()
public	toggleGraphLayout()
public	toggleLoopArea()
public	unSelectAllKeys(_reason: string)
public	unselectAllKeysSilent()
public	updateAllElements()
public	updateCursor()
public	updateGraphSelectMode()
public	updateIcons()
public	updateParamKeyframes()
public	updateSelectedKeysDragArea()
public	updateSize()
public	updateTheme()
public	zoomToFitAll()
public	zoomToFitLoop()
public	zoomToFitSelection()

Private Methods
private	_initUserPrefs()
private	_onCanvasDblClick(e: MouseEvent)
private	eventOnOpAdd(o: UiOp)
private	onCanvasPointerDown(e: PointerEvent)
private	onCanvasPointerMove(event: MouseEvent)
private	onCanvasPointerUp(e: MouseEvent)
private	onCanvasWheel(event: WheelEvent)
private	updateMouseCursor()
private	updateParamKeyframes()

Static Public Members

public static : * source

public static CLIP_VAR_PREFIX: * source

public static DISPLAYUNIT_BEATS: * source

public static DISPLAYUNIT_FRAMES: * source

public static DISPLAYUNIT_SECONDS: * source

public static EVENT_KEYSELECTIONCHANGE: * source

public static EVENT_LAYOUTCHANGE: * source

public static EVENT_MOUSEMOVE: * source

public static LAYOUT_GRAPHS: * source

public static LAYOUT_LINES: * source

public static USERSETTING_AUTO_KEYFRAMES: * source

public static USERSETTING_GRAPH_SELECTMODE: * source

public static USERSETTING_LAYOUT: * source

public static USERSETTING_SPLITTER_LEFT: * source

public static USERSETTING_SPLITTER_RIGHT: * source

public static USERSETTING_TL_OPENED: * source

public static USERSETTING_UNITS: * source

public static mouseDown: boolean source

public static mouseDownStart: * source

public static needsUpdateAll: string source

public static pixelPerSecond: * source

public static selectRect: * source

Public Constructors

public constructor(cgl: CglContext) source

Params:

Name	Type	Attribute	Description
cgl	CglContext

Public Members

public : * source

public bgRect: * source

public buttonForPanning: * source

public cfg: TlConfig source

public get cgl: * source

public cursorNewKeyVis: GlRect source

public get cursorTime: * source

public cursorVertLineRect: GlRect source

public displayUnits: * source

public disposed: * source

public get duration: * source

public get fps: number: * source

Return:

number

public graphSelectMode: * source

public get height: * source

public hoverKeyRect: * source

public get isAnimated: * source

public keyframeAutoCreate: * source

public keyparamsTimeout: * source

public lastHierStr: * source

public get layout: * source

public loopAreaDrag: GlDragArea source

public loopAreaEnd: * source

public loopAreaStart: * source

public needsUpdateAll: * source

public get overlayRects: * source

public get rects: * source

public get rectsNoScroll: * source

public ruler: tlHead source

public scroll: tlOverview source

public selectRect: object source

public selectedKeysDragArea: GlDragArea source

public selectedOp: * source

public splines: GlSplineDrawer source

public texts: GlTextWriter source

public textsNoScroll: GlTextWriter source

public timeBounds: * source

public tlTimeScrollContainer: HTMLElement source

public toParamKeys: * source

public view: tlView source

public get width: * source

Private Members

private clipboardKeys: * source

private cursor: * source

private cursorText: GlText source

private cursorTextBgRect: * source

private cursorY: * source

private elInfoOverlay: HTMLElement source

private elInfoOverlayTimeout: * source

private elKeyParamPanel: * source

private elTimeDisplay: * source

private filterString: * source

private focusRuler: * source

private focusScroll: * source

private lastDragX: * source

private lastDragY: * source

private lastXnoButton: * source

private lastYnoButton: * source

private log: * source

private oldSize: * source

private oldhtml: * source

private paramLastInputMove: * source

private paramLastInputValue: * source

private perfFps: * source

private rectHoverKey: * source

private rectLoopArea: * source

private rectSelect: GlRect source

private rectsOver: GlRectInstancer source

private selOpsStr: * source

private selectModeEl: * source

private selectedKeyAnims: Anim[] source

private selectedKeys: Array<AnimKey> source

private spacePressed: * source

private tlAnims: Array<TlAnimLine> source

private undoSelection: * source

Public Methods

public canSelectKey(k: AnimKey): boolean source

Params:

Name	Type	Attribute	Description
k	AnimKey

Return:

boolean

public canSelectKeys(): * source

Return:

public copy(event: ClipboardEvent): * source

Params:

Name	Type	Attribute	Description
event	ClipboardEvent

Return:

public createAnimOpFromSelection() source

public createKey(anim: Anim, time: number, value: number) source

Params:

Name	Type	Attribute	Description
anim	Anim
time	number
value	number

public createKeyAtCursor() source

public createText(writer: GlTextWriter, string: string): * source

Params:

Name	Type	Attribute	Description
writer	GlTextWriter
string	string

Return:

public cut(event: ClipboardEvent) source

Params:

Name	Type	Attribute	Description
event	ClipboardEvent

public cycleDisplayUnits() source

public deactivateAllAnims(v: boolean) source

Params:

Name	Type	Attribute	Description
v	boolean	optional default: false

public deleteSelectedKeys() source

public deserializeKeys(keys: Array<Object>, options: Object): {"keys": , "notfoundallAnims": } source

Params:

Name	Type	Attribute	Description
keys	Array<Object>
options	Object

Return:

{"keys": *, "notfoundallAnims": *}

public dispose() source

public dragSelectedKeys(deltaTime: number, deltaValue: number, sort: boolean) source

Params:

Name	Type	Attribute	Description
deltaTime	number
deltaValue	number
sort	boolean	optional

public duplicateSelectedKeys() source

public filter(port: Port): boolean source

Params:

Name	Type	Attribute	Description
port	Port

Return:

boolean

public fit() source

public fixAnim(anim: Anim) source

Params:

Name	Type	Attribute	Description
anim	Anim

public fixAnimsFromKeys(keys: AnimKey[]) source

Params:

Name	Type	Attribute	Description
keys	AnimKey[]

public getColorSpecial(): * source

Return:

public getDebug(): * source

Return:

public getFirstLinePosy(): * source

Return:

public getFirstLinePosyCSS(): * source

Return:

public getKeysSmallestTime(keys: Array<AnimKey>): Number source

Params:

Name	Type	Attribute	Description
keys	Array<AnimKey>

Return:

Number

public getNumSelectedKeys(): * source

Return:

public getNumSplinePoints(): * source

Return:

public getPortForAnim(anim: Anim): * source

Params:

Name	Type	Attribute	Description
anim	Anim

Return:

public getScrollY(): * source

Return:

public getSelectedKeys(): * source

Return:

public getSelectedKeysBoundsTime(): {"min": , "max": , "length": *} source

Return:

{"min": *, "max": *, "length": *}

public getSelectedKeysBoundsValue(): {"min": , "max": } source

Return:

{"min": *, "max": *}

public hideParams() source

public hierarchyLine(item: object, level: number, parentEle: HTMLElement, parentLine: TlAnimLine) source

Params:

Name	Type	Attribute	Description
item	object
level	number
parentEle	HTMLElement
parentLine	TlAnimLine	optional

public init() source

public isFocused(): boolean source

Return:

boolean

public isFreePanningMode(): * source

Return:

public isGraphLayout(): * source

Return:

public isKeySelected(k: AnimKey): boolean source

Params:

Name	Type	Attribute	Description
k	AnimKey

Return:

boolean

public isMultiLine(): * source

Return:

public isSelecting(): * source

Return:

public isSnappedTime(t: number): * source

Params:

Name	Type	Attribute	Description
t	number

Return:

public jumpKey(dir: number) source

Params:

Name	Type	Attribute	Description
dir	number		1 or -1

public loadPatchData(cfg: object) source

Params:

Name	Type	Attribute	Description
cfg	object

public moveSelectedKeys(time: Number) source

Params:

Name	Type	Attribute	Description
time	Number

public moveSelectedKeysDelta(deltaTime: number, deltaValue: number) source

Params:

Name	Type	Attribute	Description
deltaTime	number
deltaValue	number

public onConfig(cfg: TlConfig) source

Params:

Name	Type	Attribute	Description
cfg	TlConfig

public parentElement(): HTMLElement source

Return:

HTMLElement

public paste(e: ClipboardEvent) source

Params:

Name	Type	Attribute	Description
e	ClipboardEvent

public predragSelectedKeys() source

public refreshInfoOverlay() source

public removeKeyPreViz() source

public render(resX: number, resY: number) source

Params:

Name	Type	Attribute	Description
resX	number
resY	number

public resize(force: boolean) source

Params:

Name	Type	Attribute	Description
force	boolean	optional

public savePatchData(): {"loopAreaStart": , "loopAreaEnd": , "view": *} source

Return:

{"loopAreaStart": *, "loopAreaEnd": *, "view": *}

public saveUserSettings() source

public selSelectedKeysCP1(x: number, y: number) source

Params:

Name	Type	Attribute	Description
x	number
y	number

public selSelectedKeysCP2(x: number, y: number) source

Params:

Name	Type	Attribute	Description
x	number
y	number

public selectAllKeys() source

public selectKey(k: AnimKey, a: Anim) source

Params:

Name	Type	Attribute	Description
k	AnimKey
a	Anim

public serializeSelectedAnims(): * source

Return:

public serializeSelectedKeys(newId: boolean): * source

Params:

Name	Type	Attribute	Description
newId	boolean	optional

Return:

public setColorRectSpecial(rect: GlRect | GlText | GlSpline) source

Params:

Name	Type	Attribute	Description
rect	GlRect \| GlText \| GlSpline

public setHoverKeyRect(kr: GlRect) source

Params:

Name	Type	Attribute	Description
kr	GlRect

public setPositions() source

public setSelectedKeysEasing(easing: Number) source

Params:

Name	Type	Attribute	Description
easing	Number

public setSelectedKeysTime(time: Number) source

Params:

Name	Type	Attribute	Description
time	Number

public setUnsavedForAnim(anim: Anim, reason: string) source

Params:

Name	Type	Attribute	Description
anim	Anim
reason	string	optional

public setUnsavedForSelectedKeys(reason: string) source

Params:

Name	Type	Attribute	Description
reason	string	optional

public setanim() source

public showKeyParamsSoon() source

public showParamAnim(anim: Anim) source

Params:

Name	Type	Attribute	Description
anim	Anim

public showParamKeys(): * source

Return:

public showParamOp(op: Op) source

Params:

Name	Type	Attribute	Description
op	Op

public showParams() source

public showSpreadSheet(anim: Anim) source

Params:

Name	Type	Attribute	Description
anim	Anim

public snapSelectedKeyTimes() source

public snapTime(time: number): * source

Params:

Name	Type	Attribute	Description
time	number

Return:

public sortSelectedKeyAnims() source

public testAnim(keys: AnimKey[]): * source

Params:

Name	Type	Attribute	Description
keys	AnimKey[]

Return:

public toggle() source

public toggleAutoKeyframe() source

public toggleGraphLayout() source

public toggleLoopArea() source

public unSelectAllKeys(_reason: string) source

Params:

Name	Type	Attribute	Description
_reason	string	optional

public unselectAllKeysSilent() source

public updateAllElements() source

public updateCursor() source

public updateGraphSelectMode() source

public updateIcons() source

public updateParamKeyframes() source

public updateSelectedKeysDragArea() source

public updateSize() source

public updateTheme() source

public zoomToFitAll() source

public zoomToFitLoop() source

public zoomToFitSelection() source

Private Methods

private _initUserPrefs() source

private _onCanvasDblClick(e: MouseEvent) source

Params:

Name	Type	Attribute	Description
e	MouseEvent

private eventOnOpAdd(o: UiOp) source

Params:

Name	Type	Attribute	Description
o	UiOp

private onCanvasPointerDown(e: PointerEvent) source

Params:

Name	Type	Attribute	Description
e	PointerEvent

private onCanvasPointerMove(event: MouseEvent) source

Params:

Name	Type	Attribute	Description
event	MouseEvent

private onCanvasPointerUp(e: MouseEvent) source

Params:

Name	Type	Attribute	Description
e	MouseEvent

private onCanvasWheel(event: WheelEvent) source

Params:

Name	Type	Attribute	Description
event	WheelEvent

private updateMouseCursor() source

private updateParamKeyframes() source