@xsynaptic/sonic-ui 0.3.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -21
- package/dist/default/dat.js +50 -0
- package/dist/default/define/button.js +7 -0
- package/dist/default/define/envelope.js +7 -0
- package/dist/default/define/split.js +7 -0
- package/dist/default/define/switch.js +7 -0
- package/dist/default/define/waveform.js +7 -0
- package/dist/default/define/wavestrip.js +7 -0
- package/dist/default/define/xy.js +7 -0
- package/dist/default/define.js +7 -1
- package/dist/default/elements/button.js +165 -0
- package/dist/default/elements/dial.js +19 -23
- package/dist/default/elements/envelope.js +367 -0
- package/dist/default/elements/meter.js +168 -26
- package/dist/default/elements/number.js +21 -8
- package/dist/default/elements/radio-group.js +185 -0
- package/dist/default/elements/readout-claim.js +81 -0
- package/dist/default/elements/readout.js +35 -0
- package/dist/default/elements/segmented.js +9 -159
- package/dist/default/elements/slider.js +64 -27
- package/dist/default/elements/sonic-element.js +24 -13
- package/dist/default/elements/split.js +249 -0
- package/dist/default/elements/switch.js +279 -0
- package/dist/default/elements/value-element.js +691 -0
- package/dist/default/elements/{range-entry.js → value-entry.js} +3 -3
- package/dist/default/elements/wave-element.js +77 -0
- package/dist/default/elements/waveform.js +305 -0
- package/dist/default/elements/wavestrip.js +182 -0
- package/dist/default/elements/xy.js +473 -0
- package/dist/default/index.js +10 -2
- package/dist/default/lib/adsr-shape.js +108 -0
- package/dist/default/lib/ballistics.js +55 -0
- package/dist/default/lib/canvas-surface.js +192 -0
- package/dist/default/lib/copy-node.js +32 -2
- package/dist/default/lib/crossfade.js +22 -0
- package/dist/default/lib/distribute.js +215 -0
- package/dist/default/lib/drag-step.js +99 -0
- package/dist/default/lib/envelope-curve.js +9 -0
- package/dist/default/lib/field.js +94 -0
- package/dist/default/lib/focus-by-pointer.js +28 -0
- package/dist/default/lib/frame-timeline.js +62 -0
- package/dist/default/lib/hold.js +38 -0
- package/dist/default/lib/marker-band.js +36 -0
- package/dist/default/lib/marker-rider.js +114 -0
- package/dist/default/lib/math.js +25 -0
- package/dist/default/lib/modifier-press.js +11 -0
- package/dist/default/lib/number-list.js +14 -0
- package/dist/default/lib/pointer-drag.js +43 -0
- package/dist/default/lib/render.js +20 -5
- package/dist/default/lib/resample-peaks.js +36 -0
- package/dist/default/lib/strip-scene.js +48 -0
- package/dist/default/lib/taper.js +32 -16
- package/dist/default/lib/time-regions.js +8 -0
- package/dist/default/lib/tracking-clock.js +35 -0
- package/dist/default/lib/value-mapping.js +115 -0
- package/dist/default/lib/waveform-buckets.js +41 -0
- package/dist/dev/dat.d.ts +19 -0
- package/dist/dev/dat.js +51 -0
- package/dist/dev/dat.js.map +1 -0
- package/dist/dev/define/button.d.ts +2 -0
- package/dist/dev/define/button.js +8 -0
- package/dist/dev/define/button.js.map +1 -0
- package/dist/dev/define/dial.js.map +1 -1
- package/dist/dev/define/envelope.d.ts +2 -0
- package/dist/dev/define/envelope.js +8 -0
- package/dist/dev/define/envelope.js.map +1 -0
- package/dist/dev/define/meter.js.map +1 -1
- package/dist/dev/define/number.js.map +1 -1
- package/dist/dev/define/segmented.js.map +1 -1
- package/dist/dev/define/slider.js.map +1 -1
- package/dist/dev/define/split.d.ts +2 -0
- package/dist/dev/define/split.js +8 -0
- package/dist/dev/define/split.js.map +1 -0
- package/dist/dev/define/switch.d.ts +2 -0
- package/dist/dev/define/switch.js +8 -0
- package/dist/dev/define/switch.js.map +1 -0
- package/dist/dev/define/waveform.d.ts +2 -0
- package/dist/dev/define/waveform.js +8 -0
- package/dist/dev/define/waveform.js.map +1 -0
- package/dist/dev/define/wavestrip.d.ts +2 -0
- package/dist/dev/define/wavestrip.js +8 -0
- package/dist/dev/define/wavestrip.js.map +1 -0
- package/dist/dev/define/xy.d.ts +2 -0
- package/dist/dev/define/xy.js +8 -0
- package/dist/dev/define/xy.js.map +1 -0
- package/dist/dev/define.d.ts +15 -3
- package/dist/dev/define.js +7 -1
- package/dist/dev/elements/{key.d.ts → button.d.ts} +12 -6
- package/dist/dev/elements/button.js +166 -0
- package/dist/dev/elements/button.js.map +1 -0
- package/dist/dev/elements/dial.d.ts +6 -4
- package/dist/dev/elements/dial.js +19 -23
- package/dist/dev/elements/dial.js.map +1 -1
- package/dist/dev/elements/envelope.d.ts +36 -0
- package/dist/dev/elements/envelope.js +372 -0
- package/dist/dev/elements/envelope.js.map +1 -0
- package/dist/dev/elements/form-element.d.ts +1 -1
- package/dist/dev/elements/form-element.js.map +1 -1
- package/dist/dev/elements/meter.d.ts +12 -1
- package/dist/dev/elements/meter.js +168 -26
- package/dist/dev/elements/meter.js.map +1 -1
- package/dist/dev/elements/number.d.ts +7 -3
- package/dist/dev/elements/number.js +21 -8
- package/dist/dev/elements/number.js.map +1 -1
- package/dist/dev/elements/radio-group.d.ts +25 -0
- package/dist/dev/elements/radio-group.js +186 -0
- package/dist/dev/elements/radio-group.js.map +1 -0
- package/dist/dev/elements/readout-claim.js +82 -0
- package/dist/dev/elements/readout-claim.js.map +1 -0
- package/dist/dev/elements/readout.js +36 -0
- package/dist/dev/elements/readout.js.map +1 -0
- package/dist/dev/elements/segmented.d.ts +4 -10
- package/dist/dev/elements/segmented.js +9 -159
- package/dist/dev/elements/segmented.js.map +1 -1
- package/dist/dev/elements/slider.d.ts +9 -3
- package/dist/dev/elements/slider.js +64 -27
- package/dist/dev/elements/slider.js.map +1 -1
- package/dist/dev/elements/sonic-element.d.ts +4 -3
- package/dist/dev/elements/sonic-element.js +51 -22
- package/dist/dev/elements/sonic-element.js.map +1 -1
- package/dist/dev/elements/split.d.ts +21 -0
- package/dist/dev/elements/split.js +258 -0
- package/dist/dev/elements/split.js.map +1 -0
- package/dist/dev/elements/switch.d.ts +35 -0
- package/dist/dev/elements/switch.js +280 -0
- package/dist/dev/elements/switch.js.map +1 -0
- package/dist/dev/elements/value-element.d.ts +84 -0
- package/dist/dev/elements/value-element.js +692 -0
- package/dist/dev/elements/value-element.js.map +1 -0
- package/dist/dev/elements/{range-entry.js → value-entry.js} +4 -4
- package/dist/dev/elements/value-entry.js.map +1 -0
- package/dist/dev/elements/wave-element.d.ts +36 -0
- package/dist/dev/elements/wave-element.js +78 -0
- package/dist/dev/elements/wave-element.js.map +1 -0
- package/dist/dev/elements/waveform.d.ts +55 -0
- package/dist/dev/elements/waveform.js +306 -0
- package/dist/dev/elements/waveform.js.map +1 -0
- package/dist/dev/elements/wavestrip.d.ts +51 -0
- package/dist/dev/elements/wavestrip.js +183 -0
- package/dist/dev/elements/wavestrip.js.map +1 -0
- package/dist/dev/elements/xy.d.ts +62 -0
- package/dist/dev/elements/xy.js +474 -0
- package/dist/dev/elements/xy.js.map +1 -0
- package/dist/dev/index.d.ts +11 -2
- package/dist/dev/index.js +10 -2
- package/dist/dev/lib/adsr-shape.js +109 -0
- package/dist/dev/lib/adsr-shape.js.map +1 -0
- package/dist/dev/lib/ballistics.js +56 -0
- package/dist/dev/lib/ballistics.js.map +1 -0
- package/dist/dev/lib/canvas-surface.d.ts +25 -0
- package/dist/dev/lib/canvas-surface.js +193 -0
- package/dist/dev/lib/canvas-surface.js.map +1 -0
- package/dist/dev/lib/copy-node.js +32 -2
- package/dist/dev/lib/copy-node.js.map +1 -1
- package/dist/dev/lib/crossfade.d.ts +12 -0
- package/dist/dev/lib/crossfade.js +23 -0
- package/dist/dev/lib/crossfade.js.map +1 -0
- package/dist/dev/lib/distribute.d.ts +4 -0
- package/dist/dev/lib/distribute.js +216 -0
- package/dist/dev/lib/distribute.js.map +1 -0
- package/dist/dev/lib/drag-step.js +100 -0
- package/dist/dev/lib/drag-step.js.map +1 -0
- package/dist/dev/lib/envelope-curve.d.ts +4 -0
- package/dist/dev/lib/envelope-curve.js +10 -0
- package/dist/dev/lib/envelope-curve.js.map +1 -0
- package/dist/dev/lib/field.d.ts +4 -0
- package/dist/dev/lib/field.js +95 -0
- package/dist/dev/lib/field.js.map +1 -0
- package/dist/dev/lib/focus-by-pointer.js +29 -0
- package/dist/dev/lib/focus-by-pointer.js.map +1 -0
- package/dist/dev/lib/frame-timeline.js +63 -0
- package/dist/dev/lib/frame-timeline.js.map +1 -0
- package/dist/dev/lib/hold.js +39 -0
- package/dist/dev/lib/hold.js.map +1 -0
- package/dist/dev/lib/marker-band.js +37 -0
- package/dist/dev/lib/marker-band.js.map +1 -0
- package/dist/dev/lib/marker-rider.js +115 -0
- package/dist/dev/lib/marker-rider.js.map +1 -0
- package/dist/dev/lib/math.js +26 -0
- package/dist/dev/lib/math.js.map +1 -0
- package/dist/dev/lib/modifier-press.js +12 -0
- package/dist/dev/lib/modifier-press.js.map +1 -0
- package/dist/dev/lib/number-list.js +15 -0
- package/dist/dev/lib/number-list.js.map +1 -0
- package/dist/dev/lib/pointer-drag.js +44 -0
- package/dist/dev/lib/pointer-drag.js.map +1 -0
- package/dist/dev/lib/read-px-property.js.map +1 -1
- package/dist/dev/lib/render.js +20 -5
- package/dist/dev/lib/render.js.map +1 -1
- package/dist/dev/lib/resample-peaks.js +37 -0
- package/dist/dev/lib/resample-peaks.js.map +1 -0
- package/dist/dev/lib/strip-scene.js +49 -0
- package/dist/dev/lib/strip-scene.js.map +1 -0
- package/dist/dev/lib/taper.js +32 -16
- package/dist/dev/lib/taper.js.map +1 -1
- package/dist/dev/lib/time-regions.d.ts +4 -0
- package/dist/dev/lib/time-regions.js +9 -0
- package/dist/dev/lib/time-regions.js.map +1 -0
- package/dist/dev/lib/tracking-clock.js +36 -0
- package/dist/dev/lib/tracking-clock.js.map +1 -0
- package/dist/dev/lib/value-mapping.d.ts +23 -0
- package/dist/dev/lib/value-mapping.js +116 -0
- package/dist/dev/lib/value-mapping.js.map +1 -0
- package/dist/dev/lib/waveform-buckets.d.ts +9 -0
- package/dist/dev/lib/waveform-buckets.js +42 -0
- package/dist/dev/lib/waveform-buckets.js.map +1 -0
- package/dist/skins/ivory.css +1 -2
- package/dist/styles/button.css +212 -0
- package/dist/styles/controls.css +8 -1
- package/dist/styles/dial.css +130 -44
- package/dist/styles/envelope.css +159 -0
- package/dist/styles/led.css +44 -6
- package/dist/styles/material.css +321 -71
- package/dist/styles/meter.css +109 -28
- package/dist/styles/number.css +5 -1
- package/dist/styles/panel.css +59 -0
- package/dist/styles/ring.css +74 -0
- package/dist/styles/segmented.css +22 -54
- package/dist/styles/slider.css +256 -58
- package/dist/styles/switch.css +347 -0
- package/dist/styles/waveform.css +173 -0
- package/dist/styles/wavestrip.css +215 -0
- package/dist/styles/xy.css +204 -0
- package/package.json +14 -2
- package/dist/default/define/key.js +0 -7
- package/dist/default/elements/key.js +0 -144
- package/dist/default/elements/range-element.js +0 -433
- package/dist/dev/define/key.d.ts +0 -2
- package/dist/dev/define/key.js +0 -8
- package/dist/dev/define/key.js.map +0 -1
- package/dist/dev/elements/key.js +0 -145
- package/dist/dev/elements/key.js.map +0 -1
- package/dist/dev/elements/range-element.d.ts +0 -56
- package/dist/dev/elements/range-element.js +0 -434
- package/dist/dev/elements/range-element.js.map +0 -1
- package/dist/dev/elements/range-entry.js.map +0 -1
- package/dist/styles/key.css +0 -197
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { TimeRegions } from "../lib/time-regions.js";
|
|
2
|
+
import { ValueMapping } from "../lib/value-mapping.js";
|
|
3
|
+
import { SonicFormElement } from "./form-element.js";
|
|
4
|
+
//#region src/elements/value-element.d.ts
|
|
5
|
+
export interface ValueAxis {
|
|
6
|
+
fromProportion?: number;
|
|
7
|
+
isKeptOnCancel?: boolean;
|
|
8
|
+
outside?: (event: PointerEvent) => boolean;
|
|
9
|
+
position: (event: PointerEvent) => number;
|
|
10
|
+
travelPx: number;
|
|
11
|
+
}
|
|
12
|
+
export declare abstract class SonicValueElement extends SonicFormElement {
|
|
13
|
+
#private;
|
|
14
|
+
static readonly observedAttributes: string[];
|
|
15
|
+
get buffered(): Array<[number, number]>;
|
|
16
|
+
set buffered(regions: TimeRegions | undefined);
|
|
17
|
+
get default(): number | undefined;
|
|
18
|
+
set default(value: number | undefined);
|
|
19
|
+
get detent(): number | undefined;
|
|
20
|
+
set detent(value: number | undefined);
|
|
21
|
+
get dimmed(): boolean;
|
|
22
|
+
set dimmed(isDimmed: boolean);
|
|
23
|
+
get doublePress(): 'entry' | 'reset';
|
|
24
|
+
set doublePress(gesture: 'entry' | 'reset' | undefined);
|
|
25
|
+
get formatSpokenValue(): ((value: number) => string) | undefined;
|
|
26
|
+
set formatSpokenValue(format: ((value: number) => string) | undefined);
|
|
27
|
+
get formatValue(): ((value: number) => string) | undefined;
|
|
28
|
+
set formatValue(format: ((value: number) => string) | undefined);
|
|
29
|
+
get keyStep(): number | undefined;
|
|
30
|
+
set keyStep(value: number | undefined);
|
|
31
|
+
get max(): number;
|
|
32
|
+
set max(value: number | undefined);
|
|
33
|
+
get midpoint(): number | undefined;
|
|
34
|
+
set midpoint(value: number | undefined);
|
|
35
|
+
get min(): number;
|
|
36
|
+
set min(value: number | undefined);
|
|
37
|
+
get notched(): boolean;
|
|
38
|
+
set notched(isNotched: boolean);
|
|
39
|
+
get origin(): number | undefined;
|
|
40
|
+
set origin(value: number | undefined);
|
|
41
|
+
get parseValue(): ((text: string) => number) | undefined;
|
|
42
|
+
set parseValue(parse: ((text: string) => number) | undefined);
|
|
43
|
+
get positions(): Array<number> | undefined;
|
|
44
|
+
set positions(positions: Array<number> | undefined);
|
|
45
|
+
get readout(): boolean;
|
|
46
|
+
set readout(isShown: boolean);
|
|
47
|
+
get step(): number;
|
|
48
|
+
set step(value: number | undefined);
|
|
49
|
+
get taper(): 'linear' | 'log';
|
|
50
|
+
set taper(curve: 'linear' | 'log' | undefined);
|
|
51
|
+
get value(): number;
|
|
52
|
+
set value(next: number);
|
|
53
|
+
get valueText(): string;
|
|
54
|
+
attributeChangedCallback(name: string): void;
|
|
55
|
+
connectedCallback(): void;
|
|
56
|
+
protected bindGestures(control: HTMLElement, signal: AbortSignal, grab: (event: PointerEvent) => undefined | ValueAxis): void;
|
|
57
|
+
protected bindScale(control: HTMLElement, marks: HTMLElement, signal: AbortSignal): void;
|
|
58
|
+
protected controlOrientation(): 'horizontal' | 'vertical' | undefined;
|
|
59
|
+
protected controlRole(): 'slider' | 'spinbutton';
|
|
60
|
+
protected abstract draw(): void;
|
|
61
|
+
protected abstract focusTarget(): HTMLElement;
|
|
62
|
+
protected heldFrom(): number | undefined;
|
|
63
|
+
protected heldWrite(_next: number): void;
|
|
64
|
+
protected holdChanged(): void;
|
|
65
|
+
protected hoverReadout(value: number | undefined): void;
|
|
66
|
+
protected input(next: number): boolean;
|
|
67
|
+
protected isRevealed(): boolean;
|
|
68
|
+
protected isWrapping(): boolean;
|
|
69
|
+
protected mapping(): ValueMapping;
|
|
70
|
+
protected originValue(): number;
|
|
71
|
+
protected proportionsChanged(): void;
|
|
72
|
+
protected readModulationValue(): number | undefined;
|
|
73
|
+
protected readoutValue(): number;
|
|
74
|
+
protected render(): void;
|
|
75
|
+
protected restoreState(state: string): void;
|
|
76
|
+
protected scrubsKeyRepeat(): boolean;
|
|
77
|
+
protected springTarget(): number | undefined;
|
|
78
|
+
protected tapTarget(): number | undefined;
|
|
79
|
+
protected travelPx(control: HTMLElement, property: `--_sonic-${string}`): number;
|
|
80
|
+
protected writeModulationValue(control: HTMLElement, prefix: 'dial' | 'slider', next: number | undefined): void;
|
|
81
|
+
protected writeProportions(control: HTMLElement, prefix: 'dial' | 'slider', modulation: number): void;
|
|
82
|
+
}
|
|
83
|
+
//#endregion
|
|
84
|
+
//# sourceMappingURL=value-element.d.ts.map
|