@cowbell-lol/window-item

Window item.

npm i @cowbell-lol/window-item

pnpm add @cowbell-lol/window-item

yarn add @cowbell-lol/window-item

API

# AudioTransportElement

# constructor()

node_modules/typescript/lib/lib.dom.d.ts#L6370

# new AudioTransportElement()

AudioTransportElement

# $
Context<AudioTransportElement & JsxContext<AudioTransportElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>

} & __module & {

# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# Bpm

# ()
()  =>

VKid

# Logo

# ()
()  =>

VKid

# NumberInput

Component<NumberInputElement, HTMLElement>

# PlayPauseStop

# ()
()  =>

VKid

# Time

# ()
()  =>

VKid

# analyserBuffer

Float32Array

# analyserNode

AnalyserNode

# audioContext

AudioContext

# bar

HTMLSpanElement

# beat

HTMLSpanElement

# bpm

number

# clipLag

number

# clipThreshold

number

# clipping

boolean

# context

ContextClass<AudioTransportElement & JsxContext<AudioTransportElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# gradient

CanvasGradient

# gradientCanvas

HTMLCanvasElement & {

# height

number

# width

number

}

# gradientCanvasCtx

CanvasRenderingContext2D

# host

AudioTransportElement

# lastClip

number

# lastPeak

number

# mainGain

GainNode

# onmounted

EventHandler<AudioTransportElement, CustomEvent<any>>

# onunmounted

EventHandler<AudioTransportElement, CustomEvent<any>>

# pause

Fn<[ ], void>

# pausedTime

number

# peak

number

# peakLag

number

# peakVolume

number

# play

Fn<[ ], void>

# playOrPause

Fn<[ ], void>

# schedulerNode

SchedulerNode

# setParam

# (param, targetValue, slope)
# param

AudioParam

# targetValue

number

# slope

number

(param, targetValue, slope)  =>

void

# sixt

HTMLSpanElement

# start

Fn<[ ], Promise<void>>

# startTime

number

# state

State<AudioTransportElement, {

# Idle

"idle"

# Paused

"paused"

# Playing

"playing"

# Stopped

"stopped"

}, "playing" | "idle" | "paused" | "stopped"> & EventMethods<AudioTransportElement, {
# idlecancel

CustomEvent<any>

# idleend

CustomEvent<any>

# idlepause

CustomEvent<any>

# idleresume

CustomEvent<any>

# idlestart

CustomEvent<any>

# pausedcancel

CustomEvent<any>

# pausedend

CustomEvent<any>

# pausedpause

CustomEvent<any>

# pausedresume

CustomEvent<any>

# pausedstart

CustomEvent<any>

# playingcancel

CustomEvent<any>

# playingend

CustomEvent<any>

# playingpause

CustomEvent<any>

# playingresume

CustomEvent<any>

# playingstart

CustomEvent<any>

# stoppedcancel

CustomEvent<any>

# stoppedend

CustomEvent<any>

# stoppedpause

CustomEvent<any>

# stoppedresume

CustomEvent<any>

# stoppedstart

CustomEvent<any>

}> & InlineEventMap<AudioTransportElement, {
# idlecancel

CustomEvent<any>

# idleend

CustomEvent<any>

# idlepause

CustomEvent<any>

# idleresume

CustomEvent<any>

# idlestart

CustomEvent<any>

# pausedcancel

CustomEvent<any>

# pausedend

CustomEvent<any>

# pausedpause

CustomEvent<any>

# pausedresume

CustomEvent<any>

# pausedstart

CustomEvent<any>

# playingcancel

CustomEvent<any>

# playingend

CustomEvent<any>

# playingpause

CustomEvent<any>

# playingresume

CustomEvent<any>

# playingstart

CustomEvent<any>

# stoppedcancel

CustomEvent<any>

# stoppedend

CustomEvent<any>

# stoppedpause

CustomEvent<any>

# stoppedresume

CustomEvent<any>

# stoppedstart

CustomEvent<any>

}>

# stop

Fn<[ ], void>

# volume

number

# vu

HTMLElement

# created(ctx)

# ctx
Context<AudioTransportElement & JsxContext<AudioTransportElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

# $
Context<AudioTransportElement & JsxContext<AudioTransportElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<AudioTransportElement, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<AudioTransportElement, keyof AudioTransportElement>

# EditorElement

src/editor.tsx#L7

# constructor()

node_modules/typescript/lib/lib.dom.d.ts#L6370

# new EditorElement()

EditorElement

# $
Context<EditorElement & JsxContext<EditorElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# CodeEdit  =  ...

src/editor.tsx#L11

Component<CodeEditElement, HTMLElement>

# context

ContextClass<EditorElement & JsxContext<EditorElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# defaultValue

src/editor.tsx#L15

string

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# editor

src/editor.tsx#L13

CodeEditElement

# errorLenses  =  []

src/editor.tsx#L20

Lens []

# errorMarkers  =  []

src/editor.tsx#L18

Marker []

# host

EditorElement

# onInput

src/editor.tsx#L25

# (value)
# value

string

(value)  =>

void

# onKeyDown

src/editor.tsx#L23

EventHandler<CodeEditElement, KeyboardEvent>

# onKeyUp

src/editor.tsx#L22

EventHandler<CodeEditElement, KeyboardEvent>

# onSave

src/editor.tsx#L26

# (value)
# value

string

(value)  =>

void

# onmounted

EventHandler<EditorElement, CustomEvent<any>>

# onunmounted

EventHandler<EditorElement, CustomEvent<any>>

# paramMarkers  =  []

src/editor.tsx#L19

Marker []

# updateValue  =  ...

src/editor.tsx#L28

# (value)
# value

string | void

(value)  =>

void

# created(ctx)

# ctx
Context<EditorElement & JsxContext<EditorElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

src/editor.tsx#L54

# $
Context<EditorElement & JsxContext<EditorElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<EditorElement, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<EditorElement, keyof EditorElement>

# KnobsBarElement

src/knobs.tsx#L7

# constructor(args)

# new KnobsBarElement()

KnobsBarElement

# args

any []

# $
Context<KnobsBarElement & JsxContext<KnobsBarElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# Knob  =  ...

src/knobs.tsx#L13

Component<KnobElement, HTMLElement>

# __#2@#offsetHeight

number

# __#2@#offsetLeft

number

# __#2@#offsetTop

number

# __#2@#offsetWidth

number

# columns  =  1

src/knobs.tsx#L28

number

# context

ContextClass<KnobsBarElement & JsxContext<KnobsBarElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# host

KnobsBarElement

# knobs  =  ...

src/knobs.tsx#L15

RefSet<KnobElement>

# knobsTheme  =  'zen'

src/knobs.tsx#L26

string

# onmounted

EventHandler<KnobsBarElement, CustomEvent<any>>

# onunmounted

EventHandler<KnobsBarElement, CustomEvent<any>>

# ownRect

Rect

# pos

Point

# rect

Rect

# rows  =  1

src/knobs.tsx#L29

number

# size

Point

# vertical  =  false

src/knobs.tsx#L30

boolean

# __#2@#updateOffsets()

__#2@#updateOffsets()  =>

void

# created(ctx)

# ctx
Context<KnobsBarElement & JsxContext<KnobsBarElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

src/knobs.tsx#L32

# $
Context<KnobsBarElement & JsxContext<KnobsBarElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<KnobsBarElement, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<KnobsBarElement, keyof KnobsBarElement>

# PresetElement

# constructor()

node_modules/typescript/lib/lib.dom.d.ts#L6370

# new PresetElement()

PresetElement<T>

# $
Context<PresetElement<T> & JsxContext<PresetElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# context

ContextClass<PresetElement<T> & JsxContext<PresetElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# detail

T

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# host

PresetElement<T>

# id

string

# isDifferent

# (detail)
# detail

any

(detail)  =>

boolean

# isDraft

boolean

# name

string

# onmounted

EventHandler<PresetElement<T>, CustomEvent<any>>

# onunmounted

EventHandler<PresetElement<T>, CustomEvent<any>>

# presetsBar

PresetsBarElement<any>

# selected

boolean

# vertical

boolean

# created(ctx)

# ctx
Context<PresetElement<T> & JsxContext<PresetElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

# $
Context<PresetElement<T> & JsxContext<PresetElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<PresetElement<T>, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<PresetElement<T>, keyof PresetElement<T>>

# PresetsBarElement

# constructor(args)

# new PresetsBarElement()

PresetsBarElement<T>

# args

any []

# $
Context<PresetsBarElement<T> & JsxContext<PresetsBarElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# Preset

Component<PresetElement<object>, HTMLElement>

# Sortable

Component<SortableElement, HTMLElement>

# __#2@#offsetHeight

number

# __#2@#offsetLeft

number

# __#2@#offsetTop

number

# __#2@#offsetWidth

number

# columns

number

# context

ContextClass<PresetsBarElement<T> & JsxContext<PresetsBarElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# derivePreset

Fn<[ named-tuple-member, named-tuple-member ], void>

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# findByDetail

# (detail)
# detail

T

(detail)  =>

undefined | PresetElement<T>

# host

PresetsBarElement<T>

# onmounted

EventHandler<PresetsBarElement<T>, CustomEvent<any>>

# onunmounted

EventHandler<PresetsBarElement<T>, CustomEvent<any>>

# ownRect

Rect

# pos

Point

# presets

RefSet<PresetElement<T>>

# rect

Rect

# rows

number

# selectedId

string | false

# selectedPreset

undefined | PresetElement<T>

# size

Point

# updatePreset

# (detail)
# detail

T

(detail)  =>

void

# vertical

boolean

# __#2@#updateOffsets()

__#2@#updateOffsets()  =>

void

# created(ctx)

# ctx
Context<PresetsBarElement<T> & JsxContext<PresetsBarElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

# $
Context<PresetsBarElement<T> & JsxContext<PresetsBarElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<PresetsBarElement<T>, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<PresetsBarElement<T>, keyof PresetsBarElement<T>>

# VisualizerAudioElement

src/visualizer-audio.tsx#L9

# constructor()

node_modules/typescript/lib/lib.dom.d.ts#L6370

# new VisualizerAudioElement()

VisualizerAudioElement

# $
Context<VisualizerAudioElement & JsxContext<VisualizerAudioElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# Visualizer  =  ...

src/visualizer-audio.tsx#L13

Component<VisualizerElement, HTMLElement>

# context

ContextClass<VisualizerAudioElement & JsxContext<VisualizerAudioElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# host

VisualizerAudioElement

# input

src/visualizer-audio.tsx#L17

null | AudioNode

# onmounted

EventHandler<VisualizerAudioElement, CustomEvent<any>>

# onunmounted

EventHandler<VisualizerAudioElement, CustomEvent<any>>

# visualizer

src/visualizer-audio.tsx#L15

VisualizerElement

# created(ctx)

# ctx
Context<VisualizerAudioElement & JsxContext<VisualizerAudioElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

src/visualizer-audio.tsx#L19

# $
Context<VisualizerAudioElement & JsxContext<VisualizerAudioElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<VisualizerAudioElement, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<VisualizerAudioElement, keyof VisualizerAudioElement>

# VisualizerElement

# constructor()

node_modules/typescript/lib/lib.dom.d.ts#L6370

# new VisualizerElement()

VisualizerElement

# $
Context<VisualizerElement & JsxContext<VisualizerElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# analyser

false | AnalyserNode

# autoResize

boolean

# background

string

# color

string

# context

ContextClass<VisualizerElement & JsxContext<VisualizerElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# cycle

Fn<[ ], void>

# disabled

boolean

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# height

number

# host

VisualizerElement

# input

null | AudioNode

# kind

VisualizerKind

# onmounted

EventHandler<VisualizerElement, CustomEvent<any>>

# onunmounted

EventHandler<VisualizerElement, CustomEvent<any>>

# oscilloscope

OscilloscopeElement

# spectrogram

SpectrogramElement

# spectrum

SpectrumElement

# visualizer

OscilloscopeElement | SpectrogramElement | SpectrumElement | WaveformElement

# waveform

WaveformElement

# width

number

# visualizers

{

# oscilloscope

Component<OscilloscopeElement, HTMLElement>

# spectrogram

Component<SpectrogramElement, HTMLElement>

# spectrum

Component<SpectrumElement, HTMLElement>

# waveform

Component<WaveformElement, HTMLElement>

}

# kinds

# created(ctx)

# ctx
Context<VisualizerElement & JsxContext<VisualizerElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

# $
Context<VisualizerElement & JsxContext<VisualizerElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<VisualizerElement, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<VisualizerElement, keyof VisualizerElement>

# WindowItemElement

src/window-item.tsx#L23

# constructor(args)

# new WindowItemElement()

WindowItemElement<T>

# args

any []

# $
Context<WindowItemElement<T> & JsxContext<WindowItemElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# ContextMenu

# ()
()  =>

VKid

# Controls

# ()
()  =>

VKid

# ExtraLabel

# ()
()  =>

VKid

# Item

# ()
()  =>

VKid

# Knobs

src/window-item.tsx#L33

# ()
()  =>

VKid

# KnobsBar  =  ...

src/window-item.tsx#L29

Component<KnobsBarElement, HTMLElement>

# Label

# ()
()  =>

VKid

# Plugs

src/window-item.tsx#L34

# ()
()  =>

VKid

# Popup

Component<PopupElement, HTMLElement>

# Presets

src/window-item.tsx#L35

# ()
()  =>

VKid

# PresetsBar  =  ...

src/window-item.tsx#L31

Component<PresetsBarElement<T>, HTMLElement>

# Style

src/window-item.tsx#L36

# ()
()  =>

VKid

# SurfaceMove

Component<SurfaceMoveElement, HTMLElement>

# SurfaceResize

Component<SurfaceResizeElement, HTMLElement>

# WindowPlug  =  ...

src/window-item.tsx#L30

Component<WindowPlugElement, HTMLElement>

# audioNode

src/window-item.tsx#L46

AudioNode

# audioParams

src/window-item.tsx#L51

AudioParamMap

# audioTransport

src/window-item.tsx#L45

AudioTransportElement

# context

ContextClass<WindowItemElement<T> & JsxContext<WindowItemElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

# destroy  =  ...

src/window-item.tsx#L104

# ()
()  =>

void

# disconnectAll  =  ...

src/window-item.tsx#L86

# ()
()  =>

void

# dispatch

Dispatch<

# (name, detail, init)
# name

Event | Narrow<K, string>

# detail

E

# init

CustomEventInit<any>

<K, E>(name, detail, init)  =>

any

>

# doRenameLabel

# ()
()  =>

void

# fullSize

boolean

# host

WindowItemElement<T>

# id

string

# inputs

src/window-item.tsx#L48

RefSet<WindowPlugElement>

# kind

src/window-item.tsx#L27

string

# knobs  =  ...

src/window-item.tsx#L60

RefSet<KnobElement>

# knobsBar

src/window-item.tsx#L41

KnobsBarElement

# label

undefined | string

# labelPopup

PopupElement

# onContextMenu

# (Options)
# Options({ event })

# props
{

# event

MouseEvent

}

Options({ event })  =>

VKid

(Options)  =>

EventHandler<any, MouseEvent>

# onmounted

EventHandler<WindowItemElement<T>, CustomEvent<any>>

# onunmounted

EventHandler<WindowItemElement<T>, CustomEvent<any>>

# outputs

src/window-item.tsx#L49

RefSet<WindowPlugElement>

# plugScene

src/window-item.tsx#L39

WindowPlugSceneElement

# plugs

src/window-item.tsx#L40

HTMLDivElement

# points

Point []

# pos

Point

# presetDetail

src/window-item.tsx#L53

T

# presets  =  ...

src/window-item.tsx#L55

RefSet<PresetElement<T>>

# presetsBar

src/window-item.tsx#L42

PresetsBarElement<T>

# rect

Rect

# removeSelf

src/window-item.tsx#L102

# ()
()  =>

void

# scene

src/window-item.tsx#L38

any

# size

Point

# surface

SurfaceElement

# vertical

undefined | boolean

# visualizerAudio  =  false

src/window-item.tsx#L43

false | VisualizerAudioElement

# visualizerAudioActive  =  false

src/window-item.tsx#L111

boolean

# withOtherPlug  =  ...

src/window-item.tsx#L71

# (otherPlug, fn)

# otherPlug

Plug<any, any>

# fn(audioNode)
# audioNode

AudioNode

fn(audioNode)  =>

any

(otherPlug, fn)  =>

undefined | OffEffect

# workspace

WorkspaceElement

# created(ctx)

# ctx
Context<WindowItemElement<T> & JsxContext<WindowItemElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

created(ctx)  =>

void

# mounted($)

src/window-item.tsx#L113

# $
Context<WindowItemElement<T> & JsxContext<WindowItemElement<T>> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {
# Boolean

undefined | boolean

# Number

undefined | number

# String

undefined | string

}, "transition">>

mounted($)  =>

void

# on(name)

# name

K

on<K>(name)  =>

On<Fn<[ EventHandler<WindowItemElement<T>, LifecycleEvents & object [K]> ], Off>>

# toJSON()

toJSON()  =>

Pick<WindowItemElement<T>, keyof WindowItemElement<T>>

# IO  =  ...

src/window-item.tsx#L18

{

# Audio  =  'audio'

src/window-item.tsx#L20

"audio"

# Midi  =  'midi'

src/window-item.tsx#L19

"midi"

}

# knobsThemes  =  ...

src/knobs.tsx#L9

string []

Credits

• audio-transport by stagas – Audio Transport control.
• everyday-utils by stagas – Everyday utilities
• plenty-themes by stagas – plenty of themes in css and json format
• presets-bar by stagas – Presets bar Web Component.
• sigl by stagas – Web framework
• window-plug by stagas – Workspace Window plug
• x-visualizer by stagas – Oscilloscope, spectrogram, spectrum, waveform audio visualizers.
• x-workspace by stagas – Workspace Web Component.

Contributing

Fork or edit and submit a PR.

All contributions are welcome!

License

MIT © 2022 stagas