Timeline components.

Classes

TimelineClipElement

Extends TimelineClipElement_base.

new TimelineClipElement(): TimelineClipElement

Returns TimelineClipElement. Inherited from TimelineClipElement_base.constructor.

PropertyModifierType
_clippublicundefined | ClientClip
_hoverpublicboolean
_scrollRootpublicundefined | false | Element
_timingpublicundefined | Timing
_trimsEndpublicundefined | boolean
_trimsStartpublicundefined | boolean
acceptsClippublicboolean
assetTypepublicstring
avRatiopublic readonlynumber
backgroundPromisepublicundefined | Promise<void>
clippublic readonlyClientClip
clipIdpublicstring
colorSizepublic readonlySize<number>
connectedpublicboolean
contentForHeadpublicOptionalContent
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
dataFramepublicnumber
dataFramespublicnumber
defaultContentpublic readonlyOptionalContent
handleClickpublic(event: Event) => void
handleDragEndpublic(event: DragEvent) => void
handleDragStartpublic(event: DragEvent) => void
handlePointerDownpublic(event: PointerEvent) => void
handlePointerEnterpublic() => void
handlePointerLeavepublic() => void
handleTrimDownpublic(event: PointerEvent) => void
handleTrimMovepublic(event: PointerEvent) => void
handleTrimUppublic(event: PointerEvent) => void
headpublicOptionalContent
heightFramepublic readonlynumber
heightPreviewAudiblepublic readonlynumber
heightPreviewVisiblepublic readonlynumber
hoverpublicboolean
iconFromFramePromisepublicundefined | Promise<void>
iconIdspublic readonlystring[]
keypublicstring
labelpublicundefined | string
leftpublic readonlynumber
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
mashRatiopublic readonlynumber
preview?publicElement
previewBorderpublic readonlynumber
previewSizepublicSize<number>
previewTargetpublic readonlystring
propertyIdpublic readonly`${string}.${string}`
refreshElementspublic() => void
scrollCurrentpublic readonlynumber
scrollRootpublic readonlyfalse | Element
selectablepublic readonlyPropertied
selectedpublicboolean
signalspublic readonlySignalsRecord
sizepublicSize<number>
sizeHeightpublicnumber
sizeWidthpublicnumber
speedpublic readonlynumber
stylesstaticCSSResult
timingpublic readonlyTiming
timingTargetpublic readonlystring
trackpublic readonlyClientTrack
trackIndexpublicnumber
trackWidthpublic readonlynumber
trimmingstaticundefined | Trimming
trimsEndpublic readonlyboolean
trimsEndInitializepublic readonlyboolean
trimsStartpublic readonlyboolean
trimsStartInitializepublic readonlyboolean
viewingPreviewspublic readonlyboolean
visibilitypublicboolean
visibleHeightpublic readonlynumber
widthFramepublic readonlynumber
zoompublic readonlynumber

Methods

dropValid(dataTransfer?): boolean

ParameterType
dataTransfer?Not | DataTransfer

Returns boolean. Inherited from TimelineClipElement_base.dropValid.

eventValue(event): number

ParameterTypeDescription
eventPointerEvent

Returns number.

handleDragged(): void

Returns void. Inherited from TimelineClipElement_base.handleDragged.

handleDropped(dataTransfer?, clientX?): void

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns void. Inherited from TimelineClipElement_base.handleDropped.

handleTargetIdSignal(signal): void

ParameterType
signalSignal

Returns void. Inherited from TimelineClipElement_base.handleTargetIdSignal.

mashIndex(dataTransfer?, clientX?): undefined | ClipLocation

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns undefined | ClipLocation. Inherited from TimelineClipElement_base.mashIndex.

refreshPreview(): void

Returns void. Inherited from TimelineClipElement_base.refreshPreview.

selectClip(): void

Returns void.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineClipElement_base.templateContent.

trimContent(): OptionalContent

Returns OptionalContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineClipElement_base.unsubscribe.

willUpdate(values): void

ParameterTypeDescription
valuesPropertyValueMap<TimelineClipElement>

Returns void. Overrides TimelineClipElement_base.willUpdate.

static instance(element, args, …ids): TimelineClipElement

ParameterTypeDescription
elementundefined | TimelineClipElement
argsTimelineClipElementArgs
idsstring[]

Returns TimelineClipElement.

TimelineContentCenterElement

Extends TimelineContentCenterElement_base.

new TimelineContentCenterElement(): TimelineContentCenterElement

Returns TimelineContentCenterElement. Inherited from TimelineContentCenterElement_base.constructor.

PropertyModifierType
acceptsClippublicboolean
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssDivRootstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
defaultContentpublic readonlyOptionalContent
handlePointerDownpublic(event: Event) => void
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
signalspublic readonlySignalsRecord
sizeByIdpublicRecord<string, Size<number>>
sizeObserver?publicResizeObserver
stylesstaticCSSResult
tracksByIndexpublicRecord<number, Element>
visibilityByIdpublicRecord<string, boolean>
visibilityObserver?publicIntersectionObserver
visibilityRoot?publicElement

Methods

dropValid(data): boolean

ParameterTypeDescription
dataDataTransfer

Returns boolean. Overrides TimelineContentCenterElement_base.dropValid.

handleDragged(): void

Returns void. Inherited from TimelineContentCenterElement_base.handleDragged.

handleDropped(dataTransfer?, clientX?): void

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns void. Inherited from TimelineContentCenterElement_base.handleDropped.

mashIndex(dataTransfer?, clientX?): undefined | ClipLocation

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns undefined | ClipLocation. Inherited from TimelineContentCenterElement_base.mashIndex.

sizeObserve(wasObserved, nowObserved): void

ParameterType
wasObservedRecord<string, Element>
nowObservedRecord<string, Element>

Returns void. Inherited from TimelineContentCenterElement_base.sizeObserve.

sizeObserved(entries, observer): void

ParameterType
entriesResizeObserverEntry[]
observerResizeObserver

Returns void. Inherited from TimelineContentCenterElement_base.sizeObserved.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineContentCenterElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineContentCenterElement_base.unsubscribe.

visibilityObserve(wasObserved, nowObserved): boolean

ParameterType
wasObservedRecord<string, Element>
nowObservedRecord<string, Element>

Returns boolean. Inherited from TimelineContentCenterElement_base.visibilityObserve.

TimelineContentElement

Extends ContentElementBase.

new TimelineContentElement(): TimelineContentElement

Returns TimelineContentElement. Inherited from ContentElementBase.constructor.

PropertyModifierType
chromeCssstaticCSSResult
connectedpublicboolean
contentCssstaticCSSResult
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
cssSharedstaticCSSResult
defaultContentpublic readonlyOptionalContent
exportPartspublicundefined | string
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
partspublicstring
partSeparatorstaticstring
signalspublic readonlySignalsRecord
stylesstaticCSSResult

Methods

handlePick(): void

Returns void.

partContent(part, slots): OptionalContent

ParameterTypeDescription
partstring
slotsElement[]

Returns OptionalContent. Inherited from ContentElementBase.partContent.

refreshParts(): string

Returns string. Inherited from ContentElementBase.refreshParts.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from ContentElementBase.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from ContentElementBase.unsubscribe.

TimelineElement

Extends TimelineElement_base.

new TimelineElement(): TimelineElement

Returns TimelineElement. Inherited from TimelineElement_base.constructor.

PropertyModifierType
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
cssPropertiespublicProperty[]
defaultContentpublic readonlyOptionalContent
exportPartspublicundefined | string
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
partspublicstring
partSeparatorstaticstring
signalspublic readonlySignalsRecord
stylesstaticCSSResult
targetpublic readonlystring

Methods

contentContent(slots): OptionalContent

ParameterTypeDescription
slotsElement[]

Returns OptionalContent. Inherited from TimelineElement_base.contentContent.

footerContent(slots): OptionalContent

ParameterTypeDescription
slotsElement[]

Returns OptionalContent. Inherited from TimelineElement_base.footerContent.

handleScalarProperty(event): void

ParameterType
eventEvent

Returns void. Inherited from TimelineElement_base.handleScalarProperty.

handleSignalIds(event): void

ParameterType
eventEvent

Returns void. Inherited from TimelineElement_base.handleSignalIds.

headerContent(slots): OptionalContent

ParameterTypeDescription
slotsElement[]

Returns OptionalContent. Inherited from TimelineElement_base.headerContent.

partContent(part, slots): OptionalContent

ParameterTypeDescription
partstring
slotsElement[]

Returns OptionalContent. Inherited from TimelineElement_base.partContent.

refreshParts(): string

Returns string. Inherited from TimelineElement_base.refreshParts.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineElement_base.unsubscribe.

static instance(element): TimelineElement

ParameterTypeDescription
elementundefined | TimelineElement

Returns TimelineElement.

TimelineFooterElement

Extends FooterElementBase.

new TimelineFooterElement(): TimelineFooterElement

Returns TimelineFooterElement. Inherited from FooterElementBase.constructor.

PropertyModifierType
chromeCssstaticCSSResult
connectedpublicboolean
contentCssstaticCSSResult
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
cssSharedstaticCSSResult
defaultContentpublic readonlyOptionalContent
exportPartspublicundefined | string
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
partspublicstring
partSeparatorstaticstring
signalspublic readonlySignalsRecord
stylesstaticCSSResult

Methods

partContent(part, slots): OptionalContent

ParameterTypeDescription
partstring
slotsElement[]

Returns OptionalContent. Inherited from FooterElementBase.partContent.

refreshParts(): string

Returns string. Inherited from FooterElementBase.refreshParts.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from FooterElementBase.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from FooterElementBase.unsubscribe.

TimelineFrameElement

Extends TimelineFrameElement_base.

new TimelineFrameElement(): TimelineFrameElement

Returns TimelineFrameElement. Inherited from TimelineFrameElement_base.constructor.

PropertyModifierType
changedpublicnumber
clippublic readonlyundefined | ClientClip
clipIdpublicstring
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
defaultContentpublic readonlyOptionalContent
framepublicnumber
frameSizepublic readonlySize<number>
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
previewBorderpublic readonlynumber
previewElementpublicundefined | Element
previewPromisepublicundefined | Promise<void>
signalspublic readonlySignalsRecord
stylesstaticCSSResult
visibilitypublicboolean

Methods

previewsPromise(): Promise<DataOrError<Element>>

Returns Promise<DataOrError<Element>>.

refreshPreview(): void

Returns void.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineFrameElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineFrameElement_base.unsubscribe.

willUpdate(values): void

ParameterTypeDescription
valuesPropertyValueMap<TimelineFrameElement>

Returns void. Overrides TimelineFrameElement_base.willUpdate.

static instance(element, args): TimelineFrameElement

ParameterTypeDescription
elementundefined | TimelineFrameElement
argsTimelineFrameElementArgs

Returns TimelineFrameElement.

TimelineHeaderElement

Extends HeaderElementBase.

new TimelineHeaderElement(): TimelineHeaderElement

Returns TimelineHeaderElement. Inherited from HeaderElementBase.constructor.

PropertyModifierType
chromeCssstaticCSSResult
clippublic readonlyundefined | ClientClip
connectedpublicboolean
contentCssstaticCSSResult
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
cssSharedstaticCSSResult
defaultContentpublic readonlyOptionalContent
disabledSplitpublicboolean
disabledSplitStatepublic readonlyboolean
exportPartspublicundefined | string
framepublic readonlynumber
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
partspublicstring
partSeparatorstaticstring
signalspublic readonlySignalsRecord
stylesstaticCSSResult

Methods

handleSplit(): void

Returns void.

partContent(part, slots): OptionalContent

ParameterTypeDescription
partstring
slotsElement[]

Returns OptionalContent. Inherited from HeaderElementBase.partContent.

refreshParts(): string

Returns string. Inherited from HeaderElementBase.refreshParts.

rightContent(htmls): OptionalContent

ParameterTypeDescription
htmlsHtml[]

Returns OptionalContent. Overrides HeaderElementBase.rightContent.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from HeaderElementBase.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from HeaderElementBase.unsubscribe.

updateDisabledSplit(): void

Returns void.

TimelineIconElement

Extends TimelineIconElement_base.

new TimelineIconElement(): TimelineIconElement

Returns TimelineIconElement. Inherited from TimelineIconElement_base.constructor.

PropertyModifierType
acceptsClippublicboolean
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
defaultContentpublic readonlyOptionalContent
densepublicboolean
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
signalspublic readonlySignalsRecord
stylesstaticCSSResult
trackIndexpublicnumber

Methods

dropValid(dataTransfer?): boolean

ParameterType
dataTransfer?Not | DataTransfer

Returns boolean. Inherited from TimelineIconElement_base.dropValid.

handleDragged(): void

Returns void. Inherited from TimelineIconElement_base.handleDragged.

handleDropped(dataTransfer?, clientX?): void

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns void. Inherited from TimelineIconElement_base.handleDropped.

mashIndex(dataTransfer?, clientX?): undefined | ClipLocation

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns undefined | ClipLocation. Inherited from TimelineIconElement_base.mashIndex.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineIconElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineIconElement_base.unsubscribe.

static instance(element, args): TimelineIconElement

ParameterTypeDescription
elementundefined | TimelineIconElement
argsTimelineIconElementArgs

Returns TimelineIconElement.

TimelinePreviewElement

Extends TimelinePreviewElement_base.

new TimelinePreviewElement(): TimelinePreviewElement

Returns TimelinePreviewElement. Inherited from TimelinePreviewElement_base.constructor.

PropertyModifierType
audioElementpublicundefined | Element
avRatiopublic readonlynumber
changedpublicnumber
clippublic readonlyClientClip
clipIdpublicstring
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
defaultContentpublic readonlyOptionalContent
framespublic readonlynumber[]
framesByIdpublicRecord<string, Element>
frameSizepublic readonlySize<number>
gappublic readonlynumber
heightFramepublic readonlynumber
heightPreviewAudiblepublic readonlynumber
heightPreviewVisiblepublic readonlynumber
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
mashRatiopublic readonlynumber
previewBorderpublic readonlynumber
previewCountVisiblepublic readonlynumber
previewPromisepublicundefined | Promise<void>
previewSizepublic readonlySize<number>
scalepublic readonlynumber
signalspublic readonlySignalsRecord
stylesstaticCSSResult
trackWidthpublic readonlynumber
viewingPreviewspublic readonlyboolean
visibilityByIdpublicRecord<string, boolean>
visibilityObserver?publicIntersectionObserver
visibilityRoot?publicElement
widthFramepublic readonlynumber
zoompublic readonlynumber

Methods

refreshFrames(): void

Returns void.

refreshVariables(): void

Returns void.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelinePreviewElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelinePreviewElement_base.unsubscribe.

visibilityObserve(wasObserved, nowObserved): boolean

ParameterType
wasObservedRecord<string, Element>
nowObservedRecord<string, Element>

Returns boolean. Inherited from TimelinePreviewElement_base.visibilityObserve.

willUpdate(values): void

ParameterTypeDescription
valuesPropertyValueMap<TimelinePreviewElement>

Returns void. Overrides TimelinePreviewElement_base.willUpdate.

static instance(element, args): TimelinePreviewElement

ParameterTypeDescription
elementundefined | TimelinePreviewElement
argsTimelinePreviewElementArgs

Returns TimelinePreviewElement.

TimelineTrackElement

Extends TimelineTrackElement_base.

new TimelineTrackElement(): TimelineTrackElement

Returns TimelineTrackElement. Inherited from TimelineTrackElement_base.constructor.

PropertyModifierType
acceptsClippublicboolean
clipsByIdpublicRecord<string, Element>
connectedpublicboolean
cssBorderBoxSizingstaticCSSResult
cssHostDroppingstaticCSSResult
cssHostFlexstaticCSSResult
defaultContentpublic readonlyOptionalContent
masherpublic readonlyMasher
masherOrNotpublicundefined | Masher
signalspublic readonlySignalsRecord
sizeByIdpublicRecord<string, Size<number>>
sizeObserver?publicResizeObserver
stylesstaticCSSResult
trackpublic readonlyundefined | ClientTrack
trackElementsPromisepublicundefined | Promise<void>
trackIndexpublicnumber
visibilitypublicboolean
visibilityByIdpublicRecord<string, boolean>
visibilityObserver?publicIntersectionObserver
visibilityRoot?publicElement

Methods

dropValid(dataTransfer?): boolean

ParameterType
dataTransfer?Not | DataTransfer

Returns boolean. Inherited from TimelineTrackElement_base.dropValid.

handleDragged(): void

Returns void. Inherited from TimelineTrackElement_base.handleDragged.

handleDropped(dataTransfer?, clientX?): void

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns void. Inherited from TimelineTrackElement_base.handleDropped.

mashIndex(dataTransfer?, clientX?): undefined | ClipLocation

ParameterType
dataTransfer?Not | DataTransfer
clientX?number

Returns undefined | ClipLocation. Inherited from TimelineTrackElement_base.mashIndex.

refreshClips(): void

Returns void.

sizeObserve(wasObserved, nowObserved): void

ParameterType
wasObservedRecord<string, Element>
nowObservedRecord<string, Element>

Returns void. Inherited from TimelineTrackElement_base.sizeObserve.

sizeObserved(entries, observer): void

ParameterType
entriesResizeObserverEntry[]
observerResizeObserver

Returns void. Inherited from TimelineTrackElement_base.sizeObserved.

templateContent(contents): TemplateContent

ParameterTypeDescription
contentsTemplateContents

Returns TemplateContent. Inherited from TimelineTrackElement_base.templateContent.

unsubscribe(arg, name?, type?): void

ParameterTypeDescription
argstring | PropertyObject
name?string
type?string

Returns void. Inherited from TimelineTrackElement_base.unsubscribe.

visibilityObserve(wasObserved, nowObserved): boolean

ParameterType
wasObservedRecord<string, Element>
nowObservedRecord<string, Element>

Returns boolean. Inherited from TimelineTrackElement_base.visibilityObserve.

willUpdate(values): void

ParameterTypeDescription
valuesPropertyValueMap<TimelineTrackElement>

Returns void. Overrides TimelineTrackElement_base.willUpdate.

static instance(element, detail): TimelineTrackElement

ParameterTypeDescription
elementundefined | TimelineTrackElement
detailTimelineTrackElementArgs

Returns TimelineTrackElement.

Interfaces

TimelineClipElementArgs

Extends VisibilityObserved.

PropertyType
clipIdstring
framenumber
framesnumber
label?string
sizeHeightnumber
sizeWidthnumber
trackIndexnumber
visibilityboolean

TimelineFrameElementArgs

PropertyType
changednumber
clipIdstring
framenumber
visibilityboolean

TimelineIconElementArgs

PropertyType
denseboolean
trackIndexnumber

TimelinePreviewElementArgs

PropertyType
changednumber
clipIdstring

TimelineTrackElementArgs

Extends VisibilityObserved.

PropertyType
trackIndexnumber
visibilityboolean

Variables

TimelineClipTag

const TimelineClipTag: "media-masher-timeline-clip"

TimelineContentCenterTag

const TimelineContentCenterTag: "media-masher-timeline-content-center"

TimelineContentTag

const TimelineContentTag: "media-masher-timeline-content"

TimelineFooterTag

const TimelineFooterTag: "media-masher-timeline-footer"

TimelineFrameTag

const TimelineFrameTag: "media-masher-timeline-frame"

TimelineHeaderTag

const TimelineHeaderTag: "media-masher-timeline-header"

TimelineIconTag

const TimelineIconTag: "media-masher-timeline-icon"

TimelinePreviewTag

const TimelinePreviewTag: "media-masher-timeline-preview"

TimelineTag

const TimelineTag: "media-masher-timeline"

TimelineTrackTag

const TimelineTrackTag: "media-masher-timeline-track"

Functions

masherTimelineElementPlug

masherTimelineElementPlug(element): Promise<DataOrError<Element>>

ParameterType
elementundefined | TimelineElement

Returns Promise<DataOrError<Element>>.