@sectile/terminal 0.1.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/LICENSE +21 -0
- package/README.md +16 -0
- package/dist/accordion.d.ts +31 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +76 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +18 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +12 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +75 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +217 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +44 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +129 -0
- package/dist/carousel.js.map +1 -0
- package/dist/checkbox-group.d.ts +19 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +14 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +17 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +12 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/combobox.d.ts +100 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +286 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +36 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +46 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +38 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +40 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-picker.d.ts +38 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +29 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +36 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +133 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +38 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +127 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +38 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +136 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +17 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +12 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +22 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +56 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/feed.d.ts +28 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +32 -0
- package/dist/feed.js.map +1 -0
- package/dist/grid.d.ts +40 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +68 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +44 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/checked-control.d.ts +23 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +22 -0
- package/dist/internal/checked-control.js.map +1 -0
- package/dist/internal/controller.d.ts +6 -0
- package/dist/internal/controller.d.ts.map +1 -0
- package/dist/internal/controller.js +35 -0
- package/dist/internal/controller.js.map +1 -0
- package/dist/internal/disabled-items.d.ts +6 -0
- package/dist/internal/disabled-items.d.ts.map +1 -0
- package/dist/internal/disabled-items.js +15 -0
- package/dist/internal/disabled-items.js.map +1 -0
- package/dist/internal/facade.d.ts +44 -0
- package/dist/internal/facade.d.ts.map +1 -0
- package/dist/internal/facade.js +58 -0
- package/dist/internal/facade.js.map +1 -0
- package/dist/internal/menu-control.d.ts +34 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +48 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/popup-control.d.ts +24 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +23 -0
- package/dist/internal/popup-control.js.map +1 -0
- package/dist/internal/semantic-controller.d.ts +20 -0
- package/dist/internal/semantic-controller.d.ts.map +1 -0
- package/dist/internal/semantic-controller.js +42 -0
- package/dist/internal/semantic-controller.js.map +1 -0
- package/dist/internal/text-input.d.ts +5 -0
- package/dist/internal/text-input.d.ts.map +1 -0
- package/dist/internal/text-input.js +53 -0
- package/dist/internal/text-input.js.map +1 -0
- package/dist/keyboard.d.ts +10 -0
- package/dist/keyboard.d.ts.map +1 -0
- package/dist/keyboard.js +16 -0
- package/dist/keyboard.js.map +1 -0
- package/dist/layout.d.ts +2 -0
- package/dist/layout.d.ts.map +1 -0
- package/dist/layout.js +24 -0
- package/dist/layout.js.map +1 -0
- package/dist/listbox.d.ts +87 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +323 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +8 -0
- package/dist/menu-button.d.ts.map +1 -0
- package/dist/menu-button.js +11 -0
- package/dist/menu-button.js.map +1 -0
- package/dist/menu.d.ts +8 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +11 -0
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +8 -0
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +11 -0
- package/dist/menubar.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +32 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +67 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/node.d.ts +15 -0
- package/dist/node.d.ts.map +1 -0
- package/dist/node.js +78 -0
- package/dist/node.js.map +1 -0
- package/dist/number-field.d.ts +44 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +157 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +35 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +103 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +25 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +30 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/quantity-field.d.ts +45 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +168 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +37 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +126 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/rating.d.ts +22 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +38 -0
- package/dist/rating.js.map +1 -0
- package/dist/select.d.ts +41 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +50 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +59 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +156 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +35 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +78 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +19 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +14 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +15 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +12 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +42 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +128 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +29 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +27 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +60 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +143 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +36 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +40 -0
- package/dist/time-field.js.map +1 -0
- package/dist/toggle-button.d.ts +15 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +12 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toolbar.d.ts +34 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +108 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +15 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +12 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +94 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +308 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +75 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +213 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +19 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +48 -0
- package/dist/window-splitter.js.map +1 -0
- package/package.json +273 -0
package/dist/slider.js
ADDED
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { createInteractionState, requireInteraction } from '@sectile/core/interaction';
|
|
4
|
+
import { createBoundedRange, } from '@sectile/core/range';
|
|
5
|
+
import { applySliderEvent, createSliderState, } from '@sectile/core/slider';
|
|
6
|
+
import { createRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
|
|
7
|
+
import { applyControllerEvent, synchronizeControllerState } from './internal/controller.js';
|
|
8
|
+
export function createSliderController(options) {
|
|
9
|
+
const initial = createSliderState(options.range, options.value ?? options.defaultValue ?? 0);
|
|
10
|
+
if (!initial.ok)
|
|
11
|
+
return initial;
|
|
12
|
+
const snapshot = createRevisionSnapshot(initial.value);
|
|
13
|
+
if (!snapshot.ok)
|
|
14
|
+
return snapshot;
|
|
15
|
+
const interaction = createInteractionState(options);
|
|
16
|
+
if (!interaction.ok)
|
|
17
|
+
return interaction;
|
|
18
|
+
return { ok: true, value: new TerminalSliderController(options, interaction.value, snapshot.value) };
|
|
19
|
+
}
|
|
20
|
+
export function createSlider(options) {
|
|
21
|
+
return unwrap(tryCreateSlider(options));
|
|
22
|
+
}
|
|
23
|
+
export function tryCreateSlider(options) {
|
|
24
|
+
return createFacadeConnection(options, (options) => tryCreateSliderConnection(options));
|
|
25
|
+
}
|
|
26
|
+
function tryCreateSliderConnection(options) {
|
|
27
|
+
const range = createBoundedRange(options);
|
|
28
|
+
if (!range.ok)
|
|
29
|
+
return range;
|
|
30
|
+
const controller = createSliderController({ ...options, range: range.value });
|
|
31
|
+
if (!controller.ok)
|
|
32
|
+
return controller;
|
|
33
|
+
return { ok: true, value: connectSlider({ ...options, controller: controller.value }) };
|
|
34
|
+
}
|
|
35
|
+
export function connectSlider(options) {
|
|
36
|
+
return new TerminalSliderConnection(options);
|
|
37
|
+
}
|
|
38
|
+
export function toSliderEvent(input) {
|
|
39
|
+
if (input.key === 'right' || input.key === 'up')
|
|
40
|
+
return 'increment';
|
|
41
|
+
if (input.key === 'left' || input.key === 'down')
|
|
42
|
+
return 'decrement';
|
|
43
|
+
if (input.key === 'page-up')
|
|
44
|
+
return 'page-up';
|
|
45
|
+
if (input.key === 'page-down')
|
|
46
|
+
return 'page-down';
|
|
47
|
+
if (input.key === 'home')
|
|
48
|
+
return 'home';
|
|
49
|
+
if (input.key === 'end')
|
|
50
|
+
return 'end';
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
export function toSliderEffect(command) {
|
|
54
|
+
return Object.freeze({ type: 'render-range-value', tick: command.tick });
|
|
55
|
+
}
|
|
56
|
+
class TerminalSliderConnection {
|
|
57
|
+
range;
|
|
58
|
+
#controller;
|
|
59
|
+
#onTransition;
|
|
60
|
+
#onUpdate;
|
|
61
|
+
constructor(options) {
|
|
62
|
+
this.#controller = options.controller;
|
|
63
|
+
this.range = options.controller.range;
|
|
64
|
+
this.#onTransition = options.onTransition;
|
|
65
|
+
this.#onUpdate = options.onUpdate;
|
|
66
|
+
}
|
|
67
|
+
getSnapshot() {
|
|
68
|
+
return this.#controller.getSnapshot();
|
|
69
|
+
}
|
|
70
|
+
getValue() {
|
|
71
|
+
return this.range.valueAt(this.#controller.getSnapshot().state.tick);
|
|
72
|
+
}
|
|
73
|
+
syncControlledValues(values) {
|
|
74
|
+
const result = this.#controller.syncControlledValues(values);
|
|
75
|
+
if (result.ok)
|
|
76
|
+
this.#onUpdate?.();
|
|
77
|
+
return result;
|
|
78
|
+
}
|
|
79
|
+
handleKeyboardInput(input) {
|
|
80
|
+
const event = toSliderEvent(input);
|
|
81
|
+
if (event === null)
|
|
82
|
+
return false;
|
|
83
|
+
const result = this.#controller.handleKeyboardInput(input);
|
|
84
|
+
this.#onTransition?.(Object.freeze({ event, result }));
|
|
85
|
+
if (result.ok)
|
|
86
|
+
this.#onUpdate?.();
|
|
87
|
+
return result.ok;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
class TerminalSliderController {
|
|
91
|
+
range;
|
|
92
|
+
#range;
|
|
93
|
+
#page;
|
|
94
|
+
#controlled;
|
|
95
|
+
#interaction;
|
|
96
|
+
#onValueChange;
|
|
97
|
+
#snapshot;
|
|
98
|
+
constructor(options, interaction, snapshot) {
|
|
99
|
+
this.range = options.range;
|
|
100
|
+
this.#range = options.range;
|
|
101
|
+
this.#page = options.page ?? 2;
|
|
102
|
+
this.#controlled = options.value !== undefined;
|
|
103
|
+
this.#interaction = interaction;
|
|
104
|
+
this.#onValueChange = options.onValueChange;
|
|
105
|
+
this.#snapshot = snapshot;
|
|
106
|
+
}
|
|
107
|
+
getSnapshot() {
|
|
108
|
+
return this.#snapshot;
|
|
109
|
+
}
|
|
110
|
+
syncControlledValues(values) {
|
|
111
|
+
const error = controlledInputError(this.#controlled, values);
|
|
112
|
+
if (error !== null)
|
|
113
|
+
return { ok: false, error };
|
|
114
|
+
const snapshot = synchronizeControllerState(this.#snapshot, createSliderState(this.#range, values.value));
|
|
115
|
+
if (!snapshot.ok)
|
|
116
|
+
return snapshot;
|
|
117
|
+
this.#snapshot = snapshot.value;
|
|
118
|
+
return snapshot;
|
|
119
|
+
}
|
|
120
|
+
handleKeyboardInput(input, expectedRevision = this.#snapshot.revision) {
|
|
121
|
+
const event = toSliderEvent(input);
|
|
122
|
+
if (event === null) {
|
|
123
|
+
return rejectRevisionInput(this.#snapshot, {
|
|
124
|
+
class: 'transition-rejection',
|
|
125
|
+
code: 'unsupported-terminal-key',
|
|
126
|
+
message: 'Terminal keyboard input does not map to a slider semantic event.',
|
|
127
|
+
details: { key: input.key },
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
const permitted = requireInteraction(this.#interaction, 'mutate');
|
|
131
|
+
if (!permitted.ok)
|
|
132
|
+
return rejectRevisionInput(this.#snapshot, permitted.error);
|
|
133
|
+
const result = applyControllerEvent(this.#snapshot, expectedRevision, event, (state, semanticEvent) => applySliderEvent(this.#range, state, semanticEvent, this.#page), (previous, proposed) => createSliderState(this.#range, this.#controlled ? previous.tick : proposed.tick), (previous, proposed) => {
|
|
134
|
+
if (previous.tick !== proposed.tick) {
|
|
135
|
+
this.#onValueChange?.(Object.freeze({
|
|
136
|
+
value: proposed.tick,
|
|
137
|
+
previousValue: previous.tick,
|
|
138
|
+
}));
|
|
139
|
+
}
|
|
140
|
+
}, toSliderEffect);
|
|
141
|
+
if (result.ok)
|
|
142
|
+
this.#snapshot = result.snapshot;
|
|
143
|
+
return result;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
function controlledInputError(controlled, values) {
|
|
147
|
+
if (controlled)
|
|
148
|
+
return null;
|
|
149
|
+
return {
|
|
150
|
+
class: 'construction',
|
|
151
|
+
code: 'uncontrolled-value-update',
|
|
152
|
+
message: 'Uncontrolled slider value cannot be synchronized externally.',
|
|
153
|
+
details: { value: values.value },
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
//# sourceMappingURL=slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result } from '@sectile/core';
|
|
3
|
+
import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
|
|
4
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
5
|
+
import { type SpinButtonEvent, type SpinButtonPolicies, type SpinButtonState } from '@sectile/core/spin-button';
|
|
6
|
+
import type { TerminalKeyboardInput } from './keyboard.js';
|
|
7
|
+
export interface SpinButtonOptions extends BoundedRangeInput {
|
|
8
|
+
readonly policies?: SpinButtonPolicies;
|
|
9
|
+
readonly value?: string;
|
|
10
|
+
readonly defaultValue?: string;
|
|
11
|
+
readonly draft?: string | null;
|
|
12
|
+
readonly defaultDraft?: string | null;
|
|
13
|
+
readonly disabled?: boolean;
|
|
14
|
+
readonly readOnly?: boolean;
|
|
15
|
+
readonly onValueChange?: (value: string) => void;
|
|
16
|
+
readonly onDraftChange?: (draft: string | null) => void;
|
|
17
|
+
readonly onUpdate?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export interface SpinButtonConnection {
|
|
20
|
+
readonly range: QuantizedRange;
|
|
21
|
+
getSnapshot(): RevisionSnapshot<SpinButtonState>;
|
|
22
|
+
syncControlledValues(values: {
|
|
23
|
+
readonly value?: string;
|
|
24
|
+
readonly draft?: string | null;
|
|
25
|
+
}): Result<RevisionSnapshot<SpinButtonState>>;
|
|
26
|
+
handleEvent(event: SpinButtonEvent): boolean;
|
|
27
|
+
handleKeyboardInput(input: TerminalKeyboardInput): boolean;
|
|
28
|
+
handleTextInput(text: string): boolean;
|
|
29
|
+
getText(): string;
|
|
30
|
+
getValue(): string;
|
|
31
|
+
}
|
|
32
|
+
export declare function createSpinButton(options: SpinButtonOptions): FacadeConnection<SpinButtonConnection>;
|
|
33
|
+
export declare function tryCreateSpinButton(options: SpinButtonOptions): Result<FacadeConnection<SpinButtonConnection>>;
|
|
34
|
+
export declare function toSpinButtonEvent(input: TerminalKeyboardInput): SpinButtonEvent | null;
|
|
35
|
+
//# sourceMappingURL=spin-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spin-button.d.ts","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAsB,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAG3D,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrI,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,OAAO,CAAC;IAC3D,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAEnG;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAE9G;AAuBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAUtF"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { createBoundedRange } from '@sectile/core/range';
|
|
4
|
+
import { applySpinButtonEvent, createSpinButtonState, } from '@sectile/core/spin-button';
|
|
5
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
6
|
+
export function createSpinButton(options) {
|
|
7
|
+
return unwrap(tryCreateSpinButton(options));
|
|
8
|
+
}
|
|
9
|
+
export function tryCreateSpinButton(options) {
|
|
10
|
+
return createFacadeConnection(options, (options) => tryCreateSpinButtonConnection(options));
|
|
11
|
+
}
|
|
12
|
+
function tryCreateSpinButtonConnection(options) {
|
|
13
|
+
const range = createBoundedRange(options);
|
|
14
|
+
if (!range.ok)
|
|
15
|
+
return range;
|
|
16
|
+
const valueControlled = options.value !== undefined;
|
|
17
|
+
const draftControlled = options.draft !== undefined;
|
|
18
|
+
const runtime = createSemanticController({
|
|
19
|
+
initial: createSpinButtonState(range.value, options.value ?? options.defaultValue ?? range.value.lower, options.draft !== undefined ? options.draft : options.defaultDraft ?? null),
|
|
20
|
+
reducer: (state, event) => applySpinButtonEvent(range.value, state, event, options.policies),
|
|
21
|
+
reconcile: (previous, proposed) => createSpinButtonState(range.value, valueControlled ? previous.value : proposed.value, draftControlled ? previous.draft : proposed.draft),
|
|
22
|
+
notify: (previous, proposed) => {
|
|
23
|
+
if (previous.value !== proposed.value)
|
|
24
|
+
options.onValueChange?.(proposed.value);
|
|
25
|
+
if (previous.draft !== proposed.draft)
|
|
26
|
+
options.onDraftChange?.(proposed.draft);
|
|
27
|
+
},
|
|
28
|
+
toEffect: (command) => command,
|
|
29
|
+
interaction: options,
|
|
30
|
+
});
|
|
31
|
+
return runtime.ok
|
|
32
|
+
? { ok: true, value: new TerminalSpinButton(options, range.value, runtime.value, valueControlled, draftControlled) }
|
|
33
|
+
: runtime;
|
|
34
|
+
}
|
|
35
|
+
export function toSpinButtonEvent(input) {
|
|
36
|
+
if (input.key === 'up')
|
|
37
|
+
return 'increment';
|
|
38
|
+
if (input.key === 'down')
|
|
39
|
+
return 'decrement';
|
|
40
|
+
if (input.key === 'page-up')
|
|
41
|
+
return 'page-up';
|
|
42
|
+
if (input.key === 'page-down')
|
|
43
|
+
return 'page-down';
|
|
44
|
+
if (input.key === 'home')
|
|
45
|
+
return 'home';
|
|
46
|
+
if (input.key === 'end')
|
|
47
|
+
return 'end';
|
|
48
|
+
if (input.key === 'enter')
|
|
49
|
+
return 'commit';
|
|
50
|
+
if (input.key === 'escape')
|
|
51
|
+
return 'cancel';
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
class TerminalSpinButton {
|
|
55
|
+
range;
|
|
56
|
+
#options;
|
|
57
|
+
#runtime;
|
|
58
|
+
#valueControlled;
|
|
59
|
+
#draftControlled;
|
|
60
|
+
constructor(options, range, runtime, valueControlled, draftControlled) { this.#options = options; this.range = range; this.#runtime = runtime; this.#valueControlled = valueControlled; this.#draftControlled = draftControlled; }
|
|
61
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
62
|
+
syncControlledValues(values) {
|
|
63
|
+
if (this.#valueControlled !== (values.value !== undefined) || this.#draftControlled !== (values.draft !== undefined))
|
|
64
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled spin button values must preserve their construction-time shape.' } };
|
|
65
|
+
const state = this.getSnapshot().state;
|
|
66
|
+
const result = this.#runtime.replace(createSpinButtonState(this.range, this.#valueControlled ? values.value : state.value, this.#draftControlled ? values.draft : state.draft));
|
|
67
|
+
if (result.ok)
|
|
68
|
+
this.#options.onUpdate?.();
|
|
69
|
+
return result;
|
|
70
|
+
}
|
|
71
|
+
handleEvent(event) { const result = this.#runtime.handle(event); if (result.ok)
|
|
72
|
+
this.#options.onUpdate?.(); return result.ok; }
|
|
73
|
+
handleKeyboardInput(input) { const event = toSpinButtonEvent(input); return event === null ? false : this.handleEvent(event); }
|
|
74
|
+
handleTextInput(text) { return this.handleEvent({ type: 'input', text }); }
|
|
75
|
+
getText() { const state = this.getSnapshot().state; return state.draft ?? state.value; }
|
|
76
|
+
getValue() { return this.getSnapshot().state.value; }
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=spin-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spin-button.js","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result, StableID } from '@sectile/core';
|
|
3
|
+
import type { StepperEvent, StepperState } from '@sectile/core/stepper';
|
|
4
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
5
|
+
import { type TabsOptions } from './tabs.js';
|
|
6
|
+
import type { TerminalKeyboardInput } from './keyboard.js';
|
|
7
|
+
export type StepperOptions<ID extends StableID = StableID> = TabsOptions<ID>;
|
|
8
|
+
export interface StepperConnection<ID extends StableID = StableID> {
|
|
9
|
+
getSnapshot(): RevisionSnapshot<StepperState<ID>>;
|
|
10
|
+
syncControlledValues(values: {
|
|
11
|
+
readonly value?: ID | null;
|
|
12
|
+
readonly highlightedValue?: ID | null;
|
|
13
|
+
}): Result<RevisionSnapshot<StepperState<ID>>>;
|
|
14
|
+
handleEvent(event: StepperEvent<ID>): boolean;
|
|
15
|
+
handleKeyboardInput(input: TerminalKeyboardInput): boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare function createStepper<ID extends StableID>(options: StepperOptions<ID>): FacadeConnection<StepperConnection<ID>>;
|
|
18
|
+
export declare function tryCreateStepper<ID extends StableID>(options: StepperOptions<ID>): Result<FacadeConnection<StepperConnection<ID>>>;
|
|
19
|
+
//# sourceMappingURL=stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAC7E,MAAM,WAAW,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,WAAW,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAAC,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,OAAO,CAAA;CAAE;AACpX,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAEvH;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAElI"}
|
package/dist/stepper.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { tryCreateTabs } from './tabs.js';
|
|
4
|
+
export function createStepper(options) {
|
|
5
|
+
return unwrap(tryCreateStepper(options));
|
|
6
|
+
}
|
|
7
|
+
export function tryCreateStepper(options) {
|
|
8
|
+
return createFacadeConnection(options, (options) => tryCreateStepperConnection(options));
|
|
9
|
+
}
|
|
10
|
+
function tryCreateStepperConnection(options) { const result = tryCreateTabs(options); if (!result.ok)
|
|
11
|
+
return result; const connection = result.value; return { ok: true, value: Object.freeze({ getSnapshot: () => connection.getSnapshot(), syncControlledValues: (values) => connection.syncControlledValues(values), handleEvent: (event) => connection.handleEvent(mapEvent(event)), handleKeyboardInput: (input) => connection.handleKeyboardInput(input) }) }; }
|
|
12
|
+
function mapEvent(event) { if (typeof event === 'object')
|
|
13
|
+
return { type: event.type === 'focus-step' ? 'focus' : 'select', id: event.id }; return event === 'next-step' ? 'next' : event === 'previous-step' ? 'previous' : event === 'first-step' ? 'first' : event === 'last-step' ? 'last' : 'activate'; }
|
|
14
|
+
//# sourceMappingURL=stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,OAAO,EAAE,aAAa,EAAoB,MAAM,WAAW,CAAC;AAI5D,MAAM,UAAU,aAAa,CAAsB,OAA2B;IAC5E,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAsB,OAA2B;IAC/E,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAsB,OAA2B,IAAmC,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;IAAE,OAAO,MAAM,CAAC,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,CAAC,MAA6E,EAAE,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9nB,SAAS,QAAQ,CAAsB,KAAuB,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;IAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,QAAiB,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,UAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,UAAmB,CAAC,CAAC,CAAC"}
|
package/dist/switch.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result } from '@sectile/core';
|
|
3
|
+
import { type SwitchEvent, type SwitchState } from '@sectile/core/switch';
|
|
4
|
+
import { type TerminalCheckedControl } from './internal/checked-control.js';
|
|
5
|
+
export interface SwitchOptions {
|
|
6
|
+
readonly checked?: boolean;
|
|
7
|
+
readonly defaultChecked?: boolean;
|
|
8
|
+
readonly disabled?: boolean;
|
|
9
|
+
readonly onCheckedChange?: (checked: boolean) => void;
|
|
10
|
+
readonly onUpdate?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export type SwitchConnection = TerminalCheckedControl<SwitchState, SwitchEvent, boolean>;
|
|
13
|
+
export declare function createSwitch(options?: SwitchOptions): FacadeConnection<SwitchConnection>;
|
|
14
|
+
export declare function tryCreateSwitch(options?: SwitchOptions): Result<FacadeConnection<SwitchConnection>>;
|
|
15
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAA2D,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAAC,OAAO,EAAgC,KAAK,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC3R,MAAM,WAAW,aAAa;IAAG,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AACpN,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AACzF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAE5F;AAED,wBAAgB,eAAe,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAEvG"}
|
package/dist/switch.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { applySwitchEvent, createSwitchState } from '@sectile/core/switch';
|
|
4
|
+
import { createTerminalCheckedControl } from './internal/checked-control.js';
|
|
5
|
+
export function createSwitch(options = {}) {
|
|
6
|
+
return unwrap(tryCreateSwitch(options));
|
|
7
|
+
}
|
|
8
|
+
export function tryCreateSwitch(options = {}) {
|
|
9
|
+
return createFacadeConnection(options, (options) => tryCreateSwitchConnection(options));
|
|
10
|
+
}
|
|
11
|
+
function tryCreateSwitchConnection(options = {}) { return createTerminalCheckedControl({ controlled: options.checked !== undefined, initial: createSwitchState(options.checked ?? options.defaultChecked ?? false), toggleEvent: 'toggle', reducer: applySwitchEvent, create: createSwitchState, read: (state) => state.checked, interaction: options, onChange: options.onCheckedChange, onUpdate: options.onUpdate }); }
|
|
12
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAA0D,MAAM,sBAAsB,CAAC;AAAC,OAAO,EAAE,4BAA4B,EAA+B,MAAM,+BAA+B,CAAC;AAG3R,MAAM,UAAU,YAAY,CAAC,OAAO,GAAkB,EAAE;IACtD,OAAO,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAO,GAAkB,EAAE;IACzD,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAO,GAAkB,EAAE,IAA8B,OAAO,4BAA4B,CAAmD,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC"}
|
package/dist/tabs.d.ts
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result, StableID } from '@sectile/core';
|
|
3
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type TabsCommand, type TabsEvent, type TabsPolicies, type TabsState } from '@sectile/core/tabs';
|
|
5
|
+
import type { TerminalKeyboardInput } from './keyboard.js';
|
|
6
|
+
export type KeyboardInput = TerminalKeyboardInput;
|
|
7
|
+
export type TabsEffect<ID extends StableID = StableID> = {
|
|
8
|
+
readonly type: 'move-tab-highlight';
|
|
9
|
+
readonly id: ID;
|
|
10
|
+
} | {
|
|
11
|
+
readonly type: 'activate-tab';
|
|
12
|
+
readonly id: ID;
|
|
13
|
+
};
|
|
14
|
+
export interface TabsOptions<ID extends StableID = StableID> {
|
|
15
|
+
readonly disabled?: boolean;
|
|
16
|
+
readonly items: readonly ID[];
|
|
17
|
+
readonly policies?: TabsPolicies<ID>;
|
|
18
|
+
readonly disabledItems?: readonly ID[];
|
|
19
|
+
readonly value?: ID | null;
|
|
20
|
+
readonly defaultValue?: ID | null;
|
|
21
|
+
readonly highlightedValue?: ID | null;
|
|
22
|
+
readonly defaultHighlightedValue?: ID | null;
|
|
23
|
+
readonly orientation?: 'horizontal' | 'vertical';
|
|
24
|
+
readonly onValueChange?: (value: ID | null) => void;
|
|
25
|
+
readonly onHighlightedValueChange?: (value: ID | null) => void;
|
|
26
|
+
readonly onActivate?: (id: ID) => void;
|
|
27
|
+
readonly onUpdate?: () => void;
|
|
28
|
+
}
|
|
29
|
+
export interface TabsConnection<ID extends StableID = StableID> {
|
|
30
|
+
getSnapshot(): RevisionSnapshot<TabsState<ID>>;
|
|
31
|
+
syncControlledValues(values: {
|
|
32
|
+
readonly value?: ID | null;
|
|
33
|
+
readonly highlightedValue?: ID | null;
|
|
34
|
+
}): Result<RevisionSnapshot<TabsState<ID>>>;
|
|
35
|
+
handleEvent(event: TabsEvent<ID>): boolean;
|
|
36
|
+
handleKeyboardInput(input: KeyboardInput): boolean;
|
|
37
|
+
}
|
|
38
|
+
export declare function createTabs<ID extends StableID>(options: TabsOptions<ID>): FacadeConnection<TabsConnection<ID>>;
|
|
39
|
+
export declare function tryCreateTabs<ID extends StableID>(options: TabsOptions<ID>): Result<FacadeConnection<TabsConnection<ID>>>;
|
|
40
|
+
export declare function toTabsEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical'): TabsEvent<ID> | null;
|
|
41
|
+
export declare function toTabsEffect<ID extends StableID>(command: TabsCommand<ID>): TabsEffect<ID>;
|
|
42
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"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"}
|
package/dist/tabs.js
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { createSequence } from '@sectile/core/sequence';
|
|
4
|
+
import { applyTabsEvent, createTabsState, } from '@sectile/core/tabs';
|
|
5
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
6
|
+
import { createDisabledItems } from './internal/disabled-items.js';
|
|
7
|
+
export function createTabs(options) {
|
|
8
|
+
return unwrap(tryCreateTabs(options));
|
|
9
|
+
}
|
|
10
|
+
export function tryCreateTabs(options) {
|
|
11
|
+
return createFacadeConnection(options, (options) => tryCreateTabsConnection(options));
|
|
12
|
+
}
|
|
13
|
+
function tryCreateTabsConnection(options) {
|
|
14
|
+
const domain = createSequence(options.items);
|
|
15
|
+
if (!domain.ok)
|
|
16
|
+
return domain;
|
|
17
|
+
const disabled = createDisabledItems(domain.value, options.disabledItems);
|
|
18
|
+
if (!disabled.ok)
|
|
19
|
+
return disabled;
|
|
20
|
+
const suppliedEligibility = options.policies?.eligible;
|
|
21
|
+
const policies = Object.freeze({
|
|
22
|
+
...options.policies,
|
|
23
|
+
eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
|
|
24
|
+
});
|
|
25
|
+
const valueControlled = options.value !== undefined;
|
|
26
|
+
const highlightControlled = options.highlightedValue !== undefined;
|
|
27
|
+
const runtime = createSemanticController({
|
|
28
|
+
interaction: options,
|
|
29
|
+
initial: createTabsState(domain.value, {
|
|
30
|
+
selected: selected(options.value ?? options.defaultValue ?? null),
|
|
31
|
+
current: options.highlightedValue !== undefined
|
|
32
|
+
? options.highlightedValue
|
|
33
|
+
: options.defaultHighlightedValue ?? null,
|
|
34
|
+
}),
|
|
35
|
+
reducer: (state, event) => applyTabsEvent(domain.value, state, event, policies),
|
|
36
|
+
reconcile: (previous, proposed) => createTabsState(domain.value, {
|
|
37
|
+
selected: valueControlled ? previous.selection.selected : proposed.selection.selected,
|
|
38
|
+
current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
|
|
39
|
+
}),
|
|
40
|
+
notify: (previous, proposed) => {
|
|
41
|
+
if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
|
|
42
|
+
options.onValueChange?.(proposed.selection.selected[0] ?? null);
|
|
43
|
+
}
|
|
44
|
+
if (previous.cursor.current !== proposed.cursor.current) {
|
|
45
|
+
options.onHighlightedValueChange?.(proposed.cursor.current);
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
toEffect: toTabsEffect,
|
|
49
|
+
});
|
|
50
|
+
if (!runtime.ok)
|
|
51
|
+
return runtime;
|
|
52
|
+
return { ok: true, value: new TerminalTabsConnection(options, domain.value, runtime.value, valueControlled, highlightControlled) };
|
|
53
|
+
}
|
|
54
|
+
export function toTabsEvent(input, orientation = 'horizontal') {
|
|
55
|
+
if (input.key === 'home')
|
|
56
|
+
return 'first';
|
|
57
|
+
if (input.key === 'end')
|
|
58
|
+
return 'last';
|
|
59
|
+
if (input.key === 'enter' || input.key === 'space')
|
|
60
|
+
return 'activate';
|
|
61
|
+
if (orientation === 'horizontal' && input.key === 'right')
|
|
62
|
+
return 'next';
|
|
63
|
+
if (orientation === 'horizontal' && input.key === 'left')
|
|
64
|
+
return 'previous';
|
|
65
|
+
if (orientation === 'vertical' && input.key === 'down')
|
|
66
|
+
return 'next';
|
|
67
|
+
if (orientation === 'vertical' && input.key === 'up')
|
|
68
|
+
return 'previous';
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
export function toTabsEffect(command) {
|
|
72
|
+
return command.type === 'focus'
|
|
73
|
+
? Object.freeze({ type: 'move-tab-highlight', id: command.id })
|
|
74
|
+
: Object.freeze({ type: 'activate-tab', id: command.id });
|
|
75
|
+
}
|
|
76
|
+
class TerminalTabsConnection {
|
|
77
|
+
#options;
|
|
78
|
+
#domain;
|
|
79
|
+
#runtime;
|
|
80
|
+
#valueControlled;
|
|
81
|
+
#highlightControlled;
|
|
82
|
+
constructor(options, domain, runtime, valueControlled, highlightControlled) {
|
|
83
|
+
this.#options = options;
|
|
84
|
+
this.#domain = domain;
|
|
85
|
+
this.#runtime = runtime;
|
|
86
|
+
this.#valueControlled = valueControlled;
|
|
87
|
+
this.#highlightControlled = highlightControlled;
|
|
88
|
+
}
|
|
89
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
90
|
+
syncControlledValues(values) {
|
|
91
|
+
if (this.#valueControlled !== (values.value !== undefined)
|
|
92
|
+
|| this.#highlightControlled !== (values.highlightedValue !== undefined)) {
|
|
93
|
+
return { ok: false, error: {
|
|
94
|
+
class: 'construction', code: 'controlled-shape-mismatch',
|
|
95
|
+
message: 'Controlled tabs values must preserve their construction-time shape.',
|
|
96
|
+
} };
|
|
97
|
+
}
|
|
98
|
+
const state = this.#runtime.getSnapshot().state;
|
|
99
|
+
const result = this.#runtime.replace(createTabsState(this.#domain, {
|
|
100
|
+
selected: this.#valueControlled ? selected(values.value ?? null) : state.selection.selected,
|
|
101
|
+
current: this.#highlightControlled ? (values.highlightedValue ?? null) : state.cursor.current,
|
|
102
|
+
}));
|
|
103
|
+
if (result.ok)
|
|
104
|
+
this.#options.onUpdate?.();
|
|
105
|
+
return result;
|
|
106
|
+
}
|
|
107
|
+
handleEvent(event) {
|
|
108
|
+
const result = this.#runtime.handle(event);
|
|
109
|
+
if (result.ok)
|
|
110
|
+
for (const effect of result.commands) {
|
|
111
|
+
if (effect.type === 'activate-tab')
|
|
112
|
+
this.#options.onActivate?.(effect.id);
|
|
113
|
+
}
|
|
114
|
+
if (result.ok)
|
|
115
|
+
this.#options.onUpdate?.();
|
|
116
|
+
return result.ok;
|
|
117
|
+
}
|
|
118
|
+
handleKeyboardInput(input) {
|
|
119
|
+
const event = toTabsEvent(input, this.#options.orientation);
|
|
120
|
+
if (event === null)
|
|
121
|
+
return false;
|
|
122
|
+
return this.handleEvent(event);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
function selected(value) {
|
|
126
|
+
return value === null ? [] : [value];
|
|
127
|
+
}
|
|
128
|
+
//# sourceMappingURL=tabs.js.map
|
package/dist/tabs.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EACL,cAAc,EACd,eAAe,GAKhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,wBAAwB,EAA2B,MAAM,mCAAmC,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAiCnE,MAAM,UAAU,UAAU,CAAsB,OAAwB;IACtE,OAAO,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,aAAa,CAAsB,OAAwB;IACzE,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AACxF,CAAC;AAED,SAAS,uBAAuB,CAAsB,OAAwB;IAC5E,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAI,CAAC,MAAM,CAAC,EAAE;QAAE,OAAO,MAAM,CAAC;IAC9B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC1E,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAClC,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACvD,MAAM,QAAQ,GAAqB,MAAM,CAAC,MAAM,CAAC;QAC/C,GAAG,OAAO,CAAC,QAAQ;QACnB,QAAQ,EAAE,CAAC,EAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;KACrF,CAAC,CAAC;IACH,MAAM,eAAe,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC;IACpD,MAAM,mBAAmB,GAAG,OAAO,CAAC,gBAAgB,KAAK,SAAS,CAAC;IACnE,MAAM,OAAO,GAAG,wBAAwB,CAAgE;QACtG,WAAW,EAAE,OAAO;QACpB,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE;YACrC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC;YACjE,OAAO,EAAE,OAAO,CAAC,gBAAgB,KAAK,SAAS;gBAC7C,CAAC,CAAC,OAAO,CAAC,gBAAgB;gBAC1B,CAAC,CAAC,OAAO,CAAC,uBAAuB,IAAI,IAAI;SAC5C,CAAC;QACF,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;QAC/E,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE;YAC/D,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ;YACrF,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO;SACjF,CAAC;QACF,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC7B,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBACtE,OAAO,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;YAClE,CAAC;YACD,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACxD,OAAO,CAAC,wBAAwB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;QACD,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC;IAChC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,sBAAsB,CAClD,OAAO,EACP,MAAM,CAAC,KAAK,EACZ,OAAO,CAAC,KAAK,EACb,eAAe,EACf,mBAAmB,CACpB,EAAE,CAAC;AACN,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,KAAoB,EACpB,WAAW,GAA8B,YAAY;IAErD,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;QAAE,OAAO,OAAO,CAAC;IACzC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;QAAE,OAAO,MAAM,CAAC;IACvC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;QAAE,OAAO,UAAU,CAAC;IACtE,IAAI,WAAW,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;QAAE,OAAO,MAAM,CAAC;IACzE,IAAI,WAAW,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;QAAE,OAAO,UAAU,CAAC;IAC5E,IAAI,WAAW,KAAK,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACtE,IAAI,WAAW,KAAK,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI;QAAE,OAAO,UAAU,CAAC;IACxE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAsB,OAAwB;IACxE,OAAO,OAAO,CAAC,IAAI,KAAK,OAAO;QAC7B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;QAC/D,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,sBAAsB;IACjB,QAAQ,CAAkB;IAC1B,OAAO,CAAe;IACtB,QAAQ,CAAmE;IAC3E,gBAAgB,CAAU;IAC1B,oBAAoB,CAAU;IAEvC,YACE,OAAwB,EAAE,MAAoB,EAC9C,OAAyE,EACzE,eAAwB,EAAE,mBAA4B;QAEtD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,oBAAoB,GAAG,mBAAmB,CAAC;IAClD,CAAC;IAEM,WAAW,KAAsC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAEtF,oBAAoB,CAAC,MAG3B;QACC,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;eACrD,IAAI,CAAC,oBAAoB,KAAK,CAAC,MAAM,CAAC,gBAAgB,KAAK,SAAS,CAAC,EAAE,CAAC;YAC3E,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;oBACzB,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,2BAA2B;oBACxD,OAAO,EAAE,qEAAqE;iBAC/E,EAAE,CAAC;QACN,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;QAChD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE;YACjE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;YAC3F,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;SAC9F,CAAC,CAAC,CAAC;QACJ,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,WAAW,CAAC,KAAoB;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,MAAM,CAAC,EAAE;YAAE,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACpD,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc;oBAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5E,CAAC;QACD,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IAEM,mBAAmB,CAAC,KAAoB;QAC7C,MAAM,KAAK,GAAG,WAAW,CAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAChE,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,KAAK,CAAC;QACjC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;CACF;AAED,SAAS,QAAQ,CAAsB,KAAgB;IACrD,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result } from '@sectile/core';
|
|
3
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type TagsInputEvent, type TagsInputPolicies, type TagsInputState } from '@sectile/core/tags-input';
|
|
5
|
+
import type { TerminalKeyboardInput } from './keyboard.js';
|
|
6
|
+
export interface TagsInputOptions {
|
|
7
|
+
readonly policies?: TagsInputPolicies;
|
|
8
|
+
readonly disabled?: boolean;
|
|
9
|
+
readonly readOnly?: boolean;
|
|
10
|
+
readonly value?: readonly string[];
|
|
11
|
+
readonly defaultValue?: readonly string[];
|
|
12
|
+
readonly inputValue?: string;
|
|
13
|
+
readonly defaultInputValue?: string;
|
|
14
|
+
readonly onValueChange?: (value: readonly string[]) => void;
|
|
15
|
+
readonly onInputValueChange?: (value: string) => void;
|
|
16
|
+
readonly onUpdate?: () => void;
|
|
17
|
+
}
|
|
18
|
+
export interface TagsInputConnection {
|
|
19
|
+
getSnapshot(): RevisionSnapshot<TagsInputState>;
|
|
20
|
+
syncControlledValues(values: {
|
|
21
|
+
readonly value?: readonly string[];
|
|
22
|
+
readonly inputValue?: string;
|
|
23
|
+
}): Result<RevisionSnapshot<TagsInputState>>;
|
|
24
|
+
handleEvent(event: TagsInputEvent): boolean;
|
|
25
|
+
handleKeyboardInput(input: TerminalKeyboardInput): boolean;
|
|
26
|
+
}
|
|
27
|
+
export declare function createTagsInput(options?: TagsInputOptions): FacadeConnection<TagsInputConnection>;
|
|
28
|
+
export declare function tryCreateTagsInput(options?: TagsInputOptions): Result<FacadeConnection<TagsInputConnection>>;
|
|
29
|
+
//# sourceMappingURL=tags-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../src/tags-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAoE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC9K,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAC3a,MAAM,WAAW,mBAAmB;IAAG,WAAW,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,OAAO,CAAA;CAAE;AAC/U,wBAAgB,eAAe,CAAC,OAAO,GAAE,gBAAqB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAErG;AAED,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,gBAAqB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAEhH"}
|