@sectile/dom 0.2.0 → 0.2.1
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/dist/accordion.d.ts +91 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +289 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +32 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +14 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +98 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +296 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +64 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +290 -0
- package/dist/carousel.js.map +1 -0
- package/dist/cascade-select.d.ts +61 -0
- package/dist/cascade-select.d.ts.map +1 -0
- package/dist/cascade-select.js +175 -0
- package/dist/cascade-select.js.map +1 -0
- package/dist/checkbox-group.d.ts +22 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +32 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +64 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +63 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/color-picker.d.ts +54 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +316 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/combobox.d.ts +129 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +397 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +42 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +91 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +52 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +127 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-field.d.ts +48 -0
- package/dist/date-range-field.d.ts.map +1 -0
- package/dist/date-range-field.js +114 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/date-range-picker.d.ts +52 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +69 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +42 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +166 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +54 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +295 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +57 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +322 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +31 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +15 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +70 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +142 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/editable.d.ts +37 -0
- package/dist/editable.d.ts.map +1 -0
- package/dist/editable.js +83 -0
- package/dist/editable.js.map +1 -0
- package/dist/feed.d.ts +43 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +151 -0
- package/dist/feed.js.map +1 -0
- package/dist/form.d.ts +82 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +473 -0
- package/dist/form.js.map +1 -0
- package/dist/grid.d.ts +54 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +172 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +109 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +61 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/checked-control.d.ts +67 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +137 -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/date-picker-cell.d.ts +2 -0
- package/dist/internal/date-picker-cell.d.ts.map +1 -0
- package/dist/internal/date-picker-cell.js +10 -0
- package/dist/internal/date-picker-cell.js.map +1 -0
- package/dist/internal/delegated-event.d.ts +2 -0
- package/dist/internal/delegated-event.d.ts.map +1 -0
- package/dist/internal/delegated-event.js +11 -0
- package/dist/internal/delegated-event.js.map +1 -0
- package/dist/internal/direction.d.ts +3 -0
- package/dist/internal/direction.d.ts.map +1 -0
- package/dist/internal/direction.js +8 -0
- package/dist/internal/direction.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 +45 -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/floating-position.d.ts +26 -0
- package/dist/internal/floating-position.d.ts.map +1 -0
- package/dist/internal/floating-position.js +93 -0
- package/dist/internal/floating-position.js.map +1 -0
- package/dist/internal/interaction.d.ts +14 -0
- package/dist/internal/interaction.d.ts.map +1 -0
- package/dist/internal/interaction.js +25 -0
- package/dist/internal/interaction.js.map +1 -0
- package/dist/internal/layer-binding.d.ts +16 -0
- package/dist/internal/layer-binding.d.ts.map +1 -0
- package/dist/internal/layer-binding.js +99 -0
- package/dist/internal/layer-binding.js.map +1 -0
- package/dist/internal/layer-manager.d.ts +19 -0
- package/dist/internal/layer-manager.d.ts.map +1 -0
- package/dist/internal/layer-manager.js +81 -0
- package/dist/internal/layer-manager.js.map +1 -0
- package/dist/internal/menu-control.d.ts +41 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +279 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/popup-control.d.ts +40 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +189 -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-element.d.ts +16 -0
- package/dist/internal/text-element.d.ts.map +1 -0
- package/dist/internal/text-element.js +217 -0
- package/dist/internal/text-element.js.map +1 -0
- package/dist/listbox.d.ts +142 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +463 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +10 -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 +10 -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/month-picker.d.ts +5 -0
- package/dist/month-picker.d.ts.map +1 -0
- package/dist/month-picker.js +3 -0
- package/dist/month-picker.js.map +1 -0
- package/dist/month-range-picker.d.ts +4 -0
- package/dist/month-range-picker.d.ts.map +1 -0
- package/dist/month-range-picker.js +3 -0
- package/dist/month-range-picker.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +43 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +190 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/navigation-menu.d.ts +8 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +10 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +48 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +138 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +52 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +199 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +31 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +84 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/popover.d.ts +54 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +79 -0
- package/dist/popover.js.map +1 -0
- package/dist/quantity-field.d.ts +53 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +190 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +69 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +225 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/range-calendar.d.ts +3 -0
- package/dist/range-calendar.d.ts.map +1 -0
- package/dist/range-calendar.js +2 -0
- package/dist/range-calendar.js.map +1 -0
- package/dist/rating.d.ts +23 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +38 -0
- package/dist/rating.js.map +1 -0
- package/dist/reorder.d.ts +39 -0
- package/dist/reorder.d.ts.map +1 -0
- package/dist/reorder.js +308 -0
- package/dist/reorder.js.map +1 -0
- package/dist/select.d.ts +50 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +89 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +108 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +342 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +44 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +130 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +24 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +32 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +45 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +44 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +86 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +259 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +38 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +93 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +85 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +225 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +42 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +59 -0
- package/dist/time-field.js.map +1 -0
- package/dist/time-range-field.d.ts +48 -0
- package/dist/time-range-field.d.ts.map +1 -0
- package/dist/time-range-field.js +98 -0
- package/dist/time-range-field.js.map +1 -0
- package/dist/timer.d.ts +32 -0
- package/dist/timer.d.ts.map +1 -0
- package/dist/timer.js +46 -0
- package/dist/timer.js.map +1 -0
- package/dist/toast.d.ts +34 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +116 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-button.d.ts +39 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +37 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toggle-group.d.ts +42 -0
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +91 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toolbar.d.ts +43 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +151 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +44 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +67 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +131 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +466 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +104 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +332 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +8 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +13 -0
- package/dist/window-splitter.js.map +1 -0
- package/dist/year-picker.d.ts +3 -0
- package/dist/year-picker.d.ts.map +1 -0
- package/dist/year-picker.js +2 -0
- package/dist/year-picker.js.map +1 -0
- package/dist/year-range-picker.d.ts +3 -0
- package/dist/year-range-picker.d.ts.map +1 -0
- package/dist/year-range-picker.js +2 -0
- package/dist/year-range-picker.js.map +1 -0
- package/package.json +2 -2
package/dist/tabs.js
ADDED
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { tryCreateSequence } from '@sectile/core/sequence';
|
|
4
|
+
import { applyTabsEvent, tryCreateTabsState, } from '@sectile/core/tabs';
|
|
5
|
+
import { findDelegatedID } from './internal/delegated-event.js';
|
|
6
|
+
import { createDisabledItems } from './internal/disabled-items.js';
|
|
7
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
8
|
+
import { horizontalArrow } from './internal/direction.js';
|
|
9
|
+
export function getTabsRootAttributes() {
|
|
10
|
+
return Object.freeze({ 'data-scope': 'tabs', 'data-part': 'root' });
|
|
11
|
+
}
|
|
12
|
+
export function getTabsListAttributes(options = {}) {
|
|
13
|
+
return Object.freeze({
|
|
14
|
+
role: 'tablist',
|
|
15
|
+
'aria-orientation': options.orientation ?? 'horizontal',
|
|
16
|
+
dir: options.direction,
|
|
17
|
+
'aria-label': options.label,
|
|
18
|
+
'aria-disabled': options.disabled === true ? 'true' : undefined,
|
|
19
|
+
'aria-readonly': options.readOnly === true ? 'true' : undefined,
|
|
20
|
+
'data-scope': 'tabs',
|
|
21
|
+
'data-part': 'list',
|
|
22
|
+
'data-disabled': options.disabled === true ? '' : undefined,
|
|
23
|
+
'data-readonly': options.readOnly === true ? '' : undefined,
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
export function getTabsTriggerAttributes(options) {
|
|
27
|
+
return Object.freeze({
|
|
28
|
+
id: options.triggerID,
|
|
29
|
+
role: 'tab',
|
|
30
|
+
type: 'button',
|
|
31
|
+
tabindex: options.disabled === true ? -1 : options.highlighted ? 0 : -1,
|
|
32
|
+
'aria-selected': String(options.selected),
|
|
33
|
+
'aria-controls': options.panelID,
|
|
34
|
+
'aria-disabled': options.disabled === true ? 'true' : undefined,
|
|
35
|
+
disabled: options.disabled === true ? true : undefined,
|
|
36
|
+
'data-tabs-id': String(options.id),
|
|
37
|
+
'data-scope': 'tabs',
|
|
38
|
+
'data-part': 'trigger',
|
|
39
|
+
'data-state': options.selected ? 'active' : 'inactive',
|
|
40
|
+
'data-highlighted': options.highlighted ? '' : undefined,
|
|
41
|
+
'data-disabled': options.disabled === true ? '' : undefined,
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
export function getTabsContentAttributes(options) {
|
|
45
|
+
return Object.freeze({
|
|
46
|
+
id: options.contentID,
|
|
47
|
+
role: 'tabpanel',
|
|
48
|
+
hidden: !options.selected,
|
|
49
|
+
'aria-labelledby': options.triggerID,
|
|
50
|
+
'data-scope': 'tabs',
|
|
51
|
+
'data-part': 'content',
|
|
52
|
+
'data-state': options.selected ? 'active' : 'inactive',
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
export function createTabs(options) {
|
|
56
|
+
return unwrap(tryCreateTabs(options));
|
|
57
|
+
}
|
|
58
|
+
export function tryCreateTabs(options) {
|
|
59
|
+
return createFacadeConnection(options, (options) => tryCreateTabsConnection(options));
|
|
60
|
+
}
|
|
61
|
+
function tryCreateTabsConnection(options) {
|
|
62
|
+
const domain = tryCreateSequence(options.items);
|
|
63
|
+
if (!domain.ok)
|
|
64
|
+
return domain;
|
|
65
|
+
const disabled = createDisabledItems(domain.value, options.disabledItems);
|
|
66
|
+
if (!disabled.ok)
|
|
67
|
+
return disabled;
|
|
68
|
+
const suppliedEligibility = options.policies?.eligible;
|
|
69
|
+
const policies = Object.freeze({
|
|
70
|
+
...options.policies,
|
|
71
|
+
eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
|
|
72
|
+
});
|
|
73
|
+
const valueControlled = options.value !== undefined;
|
|
74
|
+
const highlightControlled = options.highlightedValue !== undefined;
|
|
75
|
+
const initial = tryCreateTabsState(domain.value, {
|
|
76
|
+
selected: selected(options.value ?? options.defaultValue ?? null),
|
|
77
|
+
current: options.highlightedValue !== undefined
|
|
78
|
+
? options.highlightedValue
|
|
79
|
+
: options.defaultHighlightedValue ?? null,
|
|
80
|
+
});
|
|
81
|
+
const runtime = createSemanticController({
|
|
82
|
+
interaction: options,
|
|
83
|
+
interactionIntent: tabsIntent,
|
|
84
|
+
initial,
|
|
85
|
+
reducer: (state, event) => applyTabsEvent(domain.value, state, event, policies),
|
|
86
|
+
reconcile: (previous, proposed) => tryCreateTabsState(domain.value, {
|
|
87
|
+
selected: valueControlled || options.readOnly === true ? previous.selection.selected : proposed.selection.selected,
|
|
88
|
+
current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
|
|
89
|
+
}),
|
|
90
|
+
notify: (previous, proposed) => {
|
|
91
|
+
if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
|
|
92
|
+
options.onValueChange?.(proposed.selection.selected[0] ?? null);
|
|
93
|
+
}
|
|
94
|
+
if (previous.cursor.current !== proposed.cursor.current) {
|
|
95
|
+
options.onHighlightedValueChange?.(proposed.cursor.current);
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
toEffect: toTabsEffect,
|
|
99
|
+
});
|
|
100
|
+
if (!runtime.ok)
|
|
101
|
+
return runtime;
|
|
102
|
+
return {
|
|
103
|
+
ok: true,
|
|
104
|
+
value: new DOMTabsConnection(options, domain.value, runtime.value, valueControlled, highlightControlled, disabled.value),
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
export function toTabsEvent(input, orientation = 'horizontal', direction = 'ltr') {
|
|
108
|
+
if (input.altKey || input.ctrlKey || input.metaKey)
|
|
109
|
+
return null;
|
|
110
|
+
if (input.key === 'Home')
|
|
111
|
+
return 'first';
|
|
112
|
+
if (input.key === 'End')
|
|
113
|
+
return 'last';
|
|
114
|
+
if (input.key === 'Enter' || input.key === ' ')
|
|
115
|
+
return 'activate';
|
|
116
|
+
if (orientation === 'horizontal') {
|
|
117
|
+
const horizontal = horizontalArrow(input.key, direction);
|
|
118
|
+
if (horizontal !== null)
|
|
119
|
+
return horizontal;
|
|
120
|
+
}
|
|
121
|
+
if (orientation === 'vertical' && input.key === 'ArrowDown')
|
|
122
|
+
return 'next';
|
|
123
|
+
if (orientation === 'vertical' && input.key === 'ArrowUp')
|
|
124
|
+
return 'previous';
|
|
125
|
+
return null;
|
|
126
|
+
}
|
|
127
|
+
export function toTabsEffect(command) {
|
|
128
|
+
return command.type === 'focus'
|
|
129
|
+
? Object.freeze({ type: 'focus-tab', id: command.id })
|
|
130
|
+
: Object.freeze({ type: 'activate-tab', id: command.id });
|
|
131
|
+
}
|
|
132
|
+
class DOMTabsConnection {
|
|
133
|
+
#options;
|
|
134
|
+
#domain;
|
|
135
|
+
#runtime;
|
|
136
|
+
#valueControlled;
|
|
137
|
+
#highlightControlled;
|
|
138
|
+
#disabledItems;
|
|
139
|
+
#keydown;
|
|
140
|
+
#click;
|
|
141
|
+
constructor(options, domain, runtime, valueControlled, highlightControlled, disabledItems) {
|
|
142
|
+
this.#options = options;
|
|
143
|
+
this.#domain = domain;
|
|
144
|
+
this.#runtime = runtime;
|
|
145
|
+
this.#valueControlled = valueControlled;
|
|
146
|
+
this.#highlightControlled = highlightControlled;
|
|
147
|
+
this.#disabledItems = disabledItems;
|
|
148
|
+
applyAttributes(options.root, getTabsListAttributes(options));
|
|
149
|
+
this.#keydown = (event) => {
|
|
150
|
+
const semantic = toTabsEvent(event, options.orientation, options.direction);
|
|
151
|
+
if (semantic === null)
|
|
152
|
+
return;
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
this.handleEvent(semantic);
|
|
155
|
+
};
|
|
156
|
+
this.#click = (event) => {
|
|
157
|
+
const id = findDelegatedID(event.target, options.root, 'tabsId');
|
|
158
|
+
if (id !== null)
|
|
159
|
+
this.handleEvent({ type: 'activate', id: id });
|
|
160
|
+
};
|
|
161
|
+
options.root.addEventListener('keydown', this.#keydown);
|
|
162
|
+
options.root.addEventListener('click', this.#click);
|
|
163
|
+
}
|
|
164
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
165
|
+
syncControlledValues(values) {
|
|
166
|
+
if (this.#valueControlled !== (values.value !== undefined)
|
|
167
|
+
|| this.#highlightControlled !== (values.highlightedValue !== undefined)) {
|
|
168
|
+
return controlledError('tabs');
|
|
169
|
+
}
|
|
170
|
+
const current = this.#runtime.getSnapshot().state;
|
|
171
|
+
const result = this.#runtime.replace(tryCreateTabsState(this.#domain, {
|
|
172
|
+
selected: this.#valueControlled ? selected(values.value ?? null) : current.selection.selected,
|
|
173
|
+
current: this.#highlightControlled
|
|
174
|
+
? (values.highlightedValue ?? null)
|
|
175
|
+
: current.cursor.current,
|
|
176
|
+
}));
|
|
177
|
+
if (result.ok)
|
|
178
|
+
this.#options.onUpdate?.();
|
|
179
|
+
return result;
|
|
180
|
+
}
|
|
181
|
+
setItemAttributes(element, attributes) {
|
|
182
|
+
const state = this.#runtime.getSnapshot().state;
|
|
183
|
+
const active = state.selection.has(attributes.id);
|
|
184
|
+
const disabled = this.#options.disabled === true || attributes.disabled === true || this.#disabledItems.has(attributes.id);
|
|
185
|
+
element.dataset['tabsId'] = String(attributes.id);
|
|
186
|
+
applyAttributes(element, getTabsTriggerAttributes({
|
|
187
|
+
id: attributes.id,
|
|
188
|
+
selected: active,
|
|
189
|
+
highlighted: state.cursor.current === attributes.id,
|
|
190
|
+
disabled,
|
|
191
|
+
...(attributes.panelID === undefined ? {} : { panelID: attributes.panelID }),
|
|
192
|
+
}));
|
|
193
|
+
}
|
|
194
|
+
setPanelAttributes(element, id, tabID) {
|
|
195
|
+
applyAttributes(element, getTabsContentAttributes({
|
|
196
|
+
selected: this.#runtime.getSnapshot().state.selection.has(id),
|
|
197
|
+
...(tabID === undefined ? {} : { triggerID: tabID }),
|
|
198
|
+
}));
|
|
199
|
+
}
|
|
200
|
+
handleEvent(event) {
|
|
201
|
+
const result = this.#runtime.handle(event);
|
|
202
|
+
if (result.ok) {
|
|
203
|
+
for (const effect of result.commands) {
|
|
204
|
+
if (effect.type === 'activate-tab')
|
|
205
|
+
this.#options.onActivate?.(effect.id);
|
|
206
|
+
}
|
|
207
|
+
queueMicrotask(() => focusData(this.#options.root, 'tabsId', result.snapshot.state.cursor.current));
|
|
208
|
+
}
|
|
209
|
+
if (result.ok)
|
|
210
|
+
this.#options.onUpdate?.();
|
|
211
|
+
return result.ok;
|
|
212
|
+
}
|
|
213
|
+
disconnect() {
|
|
214
|
+
this.#options.root.removeEventListener('keydown', this.#keydown);
|
|
215
|
+
this.#options.root.removeEventListener('click', this.#click);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
function tabsIntent(event) {
|
|
219
|
+
return event === 'activate' || (typeof event === 'object' && event.type === 'activate') ? 'mutate' : 'navigate';
|
|
220
|
+
}
|
|
221
|
+
function applyAttributes(element, attributes) {
|
|
222
|
+
for (const [name, value] of Object.entries(attributes)) {
|
|
223
|
+
if (name === 'tabindex') {
|
|
224
|
+
element.tabIndex = Number(value ?? -1);
|
|
225
|
+
continue;
|
|
226
|
+
}
|
|
227
|
+
if (name === 'hidden') {
|
|
228
|
+
element.hidden = value === true;
|
|
229
|
+
continue;
|
|
230
|
+
}
|
|
231
|
+
if (name === 'disabled' && 'disabled' in element) {
|
|
232
|
+
element.disabled = value === true;
|
|
233
|
+
continue;
|
|
234
|
+
}
|
|
235
|
+
if (value === undefined || value === false)
|
|
236
|
+
element.removeAttribute(name);
|
|
237
|
+
else
|
|
238
|
+
element.setAttribute(name, value === true ? '' : String(value));
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
function selected(value) {
|
|
242
|
+
return value === null ? [] : [value];
|
|
243
|
+
}
|
|
244
|
+
function focusData(root, key, id) {
|
|
245
|
+
if (id === null)
|
|
246
|
+
return;
|
|
247
|
+
for (const element of root.querySelectorAll(`[data-${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}]`)) {
|
|
248
|
+
if (element.dataset[key] === id)
|
|
249
|
+
element.focus();
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
function controlledError(name) {
|
|
253
|
+
return { ok: false, error: {
|
|
254
|
+
class: 'construction',
|
|
255
|
+
code: 'controlled-shape-mismatch',
|
|
256
|
+
message: `Controlled ${name} values must preserve their construction-time shape.`,
|
|
257
|
+
} };
|
|
258
|
+
}
|
|
259
|
+
//# 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":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
+
export type { TagsInputPolicies } from '@sectile/core/tags-input';
|
|
6
|
+
import { type ReadingDirection } from './internal/direction.js';
|
|
7
|
+
export interface TagsInputOptions {
|
|
8
|
+
readonly root: HTMLElement;
|
|
9
|
+
readonly input: HTMLInputElement;
|
|
10
|
+
readonly direction?: ReadingDirection;
|
|
11
|
+
readonly policies?: TagsInputPolicies;
|
|
12
|
+
readonly disabled?: boolean;
|
|
13
|
+
readonly readOnly?: boolean;
|
|
14
|
+
readonly value?: readonly string[];
|
|
15
|
+
readonly defaultValue?: readonly string[];
|
|
16
|
+
readonly inputValue?: string;
|
|
17
|
+
readonly defaultInputValue?: string;
|
|
18
|
+
readonly label?: string;
|
|
19
|
+
readonly onValueChange?: (value: readonly string[]) => void;
|
|
20
|
+
readonly onInputValueChange?: (value: string) => void;
|
|
21
|
+
readonly onUpdate?: () => void;
|
|
22
|
+
}
|
|
23
|
+
export type TagsInputValueChangeHandler = NonNullable<TagsInputOptions['onValueChange']>;
|
|
24
|
+
export type TagsInputInputValueChangeHandler = NonNullable<TagsInputOptions['onInputValueChange']>;
|
|
25
|
+
export type TagsInputUpdateHandler = NonNullable<TagsInputOptions['onUpdate']>;
|
|
26
|
+
export interface TagsInputConnection {
|
|
27
|
+
getSnapshot(): RevisionSnapshot<TagsInputState>;
|
|
28
|
+
syncControlledValues(values: {
|
|
29
|
+
readonly value?: readonly string[];
|
|
30
|
+
readonly inputValue?: string;
|
|
31
|
+
}): Result<RevisionSnapshot<TagsInputState>>;
|
|
32
|
+
setTagAttributes(element: HTMLElement, index: number): void;
|
|
33
|
+
handleEvent(event: TagsInputEvent): boolean;
|
|
34
|
+
disconnect(): void;
|
|
35
|
+
}
|
|
36
|
+
export declare function createTagsInput(options: TagsInputOptions): FacadeConnection<TagsInputConnection>;
|
|
37
|
+
export declare function tryCreateTagsInput(options: TagsInputOptions): Result<FacadeConnection<TagsInputConnection>>;
|
|
38
|
+
//# 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,EAAuE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACjL,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAAC,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,KAAK,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;AAEziB,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;AACzF,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACnG,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;AAC/E,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,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACpW,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAEhG;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAE3G"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { applyTagsInputEvent, tryCreateTagsInputState } from '@sectile/core/tags-input';
|
|
4
|
+
import { setInteractionAttributes } from './internal/interaction.js';
|
|
5
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
6
|
+
import { horizontalArrow } from './internal/direction.js';
|
|
7
|
+
export function createTagsInput(options) {
|
|
8
|
+
return unwrap(tryCreateTagsInput(options));
|
|
9
|
+
}
|
|
10
|
+
export function tryCreateTagsInput(options) {
|
|
11
|
+
return createFacadeConnection(options, (options) => tryCreateTagsInputConnection(options));
|
|
12
|
+
}
|
|
13
|
+
function tryCreateTagsInputConnection(options) {
|
|
14
|
+
const controlled = { value: options.value !== undefined, input: options.inputValue !== undefined };
|
|
15
|
+
const runtime = createSemanticController({ interaction: options, interactionIntent: (event) => event === 'next' || event === 'previous' || event === 'focus-input' || (typeof event === 'object' && event.type === 'focus-tag') ? 'navigate' : 'mutate', initial: tryCreateTagsInputState(options.value ?? options.defaultValue ?? [], options.inputValue ?? options.defaultInputValue ?? ''), reducer: (state, event) => applyTagsInputEvent(state, event, options.policies), reconcile: (previous, proposed) => tryCreateTagsInputState(controlled.value ? previous.tags : proposed.tags, controlled.input ? previous.draft : proposed.draft, proposed.current), notify: (previous, proposed) => { if (previous.tags.join('\u0000') !== proposed.tags.join('\u0000'))
|
|
16
|
+
options.onValueChange?.(proposed.tags); if (previous.draft !== proposed.draft)
|
|
17
|
+
options.onInputValueChange?.(proposed.draft); }, toEffect: (command) => command });
|
|
18
|
+
return runtime.ok ? { ok: true, value: new DOMTagsInputConnection(options, runtime.value, controlled) } : runtime;
|
|
19
|
+
}
|
|
20
|
+
class DOMTagsInputConnection {
|
|
21
|
+
#options;
|
|
22
|
+
#runtime;
|
|
23
|
+
#controlled;
|
|
24
|
+
#composing = false;
|
|
25
|
+
#addAfterComposition = false;
|
|
26
|
+
#ignoreNextCompositionInput = false;
|
|
27
|
+
#inputHandler = (event) => {
|
|
28
|
+
const inputEvent = event;
|
|
29
|
+
if (this.#composing || inputEvent.isComposing)
|
|
30
|
+
return;
|
|
31
|
+
const ignoreCompositionTail = this.#ignoreNextCompositionInput
|
|
32
|
+
&& (inputEvent.inputType === 'insertCompositionText' || inputEvent.inputType === undefined);
|
|
33
|
+
this.#ignoreNextCompositionInput = false;
|
|
34
|
+
if (ignoreCompositionTail)
|
|
35
|
+
this.#render();
|
|
36
|
+
else
|
|
37
|
+
this.handleEvent({ type: 'input', value: this.#options.input.value });
|
|
38
|
+
};
|
|
39
|
+
#compositionStart = () => {
|
|
40
|
+
this.#composing = true;
|
|
41
|
+
this.#addAfterComposition = false;
|
|
42
|
+
this.#ignoreNextCompositionInput = false;
|
|
43
|
+
};
|
|
44
|
+
#compositionEnd = () => {
|
|
45
|
+
if (!this.#composing)
|
|
46
|
+
return;
|
|
47
|
+
const value = this.#options.input.value;
|
|
48
|
+
const add = this.#addAfterComposition;
|
|
49
|
+
this.#composing = false;
|
|
50
|
+
this.#addAfterComposition = false;
|
|
51
|
+
this.#ignoreNextCompositionInput = true;
|
|
52
|
+
this.handleEvent({ type: 'input', value });
|
|
53
|
+
if (add)
|
|
54
|
+
queueMicrotask(() => this.handleEvent({ type: 'add', value }));
|
|
55
|
+
};
|
|
56
|
+
#keydown = (event) => { const fromInput = event.target === this.#options.input; if (this.#composing || event.isComposing) {
|
|
57
|
+
if (fromInput && event.key === 'Enter')
|
|
58
|
+
this.#addAfterComposition = true;
|
|
59
|
+
return;
|
|
60
|
+
} const state = this.#runtime.getSnapshot().state; let semantic = null; if (fromInput && (event.key === 'Enter' || event.key === ','))
|
|
61
|
+
semantic = { type: 'add' };
|
|
62
|
+
else if ((event.key === 'Backspace' || event.key === 'Delete') && state.current !== null)
|
|
63
|
+
semantic = 'remove-current';
|
|
64
|
+
else if (fromInput && event.key === 'Backspace' && this.#options.input.value.length === 0)
|
|
65
|
+
semantic = 'previous';
|
|
66
|
+
else
|
|
67
|
+
semantic = horizontalArrow(event.key, this.#options.direction); if (semantic !== null) {
|
|
68
|
+
event.preventDefault();
|
|
69
|
+
this.handleEvent(semantic);
|
|
70
|
+
} };
|
|
71
|
+
#click = (event) => { const target = event.target instanceof Element ? event.target.closest('[data-tags-input-index]') : null; if (target !== null && this.#options.root.contains(target))
|
|
72
|
+
this.handleEvent({ type: 'remove', index: Number(target.dataset['tagsInputIndex']) }); };
|
|
73
|
+
constructor(options, runtime, controlled) { this.#options = options; this.#runtime = runtime; this.#controlled = controlled; options.root.setAttribute('role', 'group'); options.root.setAttribute('dir', options.direction ?? 'ltr'); if (options.label !== undefined)
|
|
74
|
+
options.root.setAttribute('aria-label', options.label); setInteractionAttributes(options.root, options, { readOnly: true }); options.input.disabled = options.disabled === true; options.input.readOnly = options.readOnly === true; options.input.addEventListener('input', this.#inputHandler); options.input.addEventListener('compositionstart', this.#compositionStart); options.input.addEventListener('compositionend', this.#compositionEnd); options.root.addEventListener('keydown', this.#keydown); options.root.addEventListener('click', this.#click); this.#render(); }
|
|
75
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
76
|
+
syncControlledValues(values) { if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.input !== (values.inputValue !== undefined))
|
|
77
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled tags input values must preserve their construction-time shape.' } }; const state = this.#runtime.getSnapshot().state; const result = this.#runtime.replace(tryCreateTagsInputState(this.#controlled.value ? values.value ?? [] : state.tags, this.#controlled.input ? values.inputValue ?? '' : state.draft, state.current)); if (result.ok) {
|
|
78
|
+
this.#render();
|
|
79
|
+
this.#options.onUpdate?.();
|
|
80
|
+
} return result; }
|
|
81
|
+
setTagAttributes(element, index) { const state = this.#runtime.getSnapshot().state; element.dataset['tagsInputIndex'] = String(index); element.setAttribute('role', 'button'); element.setAttribute('aria-label', `Remove ${state.tags[index] ?? 'tag'}`); element.tabIndex = state.current === index ? 0 : -1; }
|
|
82
|
+
handleEvent(event) { const result = this.#runtime.handle(event); if (!result.ok)
|
|
83
|
+
return false; this.#render(); for (const effect of result.commands) {
|
|
84
|
+
if (effect.type === 'focus-input')
|
|
85
|
+
queueMicrotask(() => this.#options.input.focus());
|
|
86
|
+
else if (effect.type === 'focus-tag')
|
|
87
|
+
queueMicrotask(() => this.#options.root.querySelector(`[data-tags-input-index="${effect.index}"]`)?.focus());
|
|
88
|
+
} this.#options.onUpdate?.(); return true; }
|
|
89
|
+
disconnect() { this.#options.input.removeEventListener('input', this.#inputHandler); this.#options.input.removeEventListener('compositionstart', this.#compositionStart); this.#options.input.removeEventListener('compositionend', this.#compositionEnd); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.root.removeEventListener('click', this.#click); }
|
|
90
|
+
#render() { if (!this.#composing)
|
|
91
|
+
this.#options.input.value = this.#runtime.getSnapshot().state.draft; }
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=tags-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tags-input.js","sourceRoot":"","sources":["../src/tags-input.ts"],"names":[],"mappings":"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"}
|
package/dist/text.d.ts
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result } from '@sectile/core';
|
|
3
|
+
import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type TextEditingState, type TextEvent, type TextSelectionInput } from '@sectile/core/text';
|
|
5
|
+
export type TextInput = {
|
|
6
|
+
readonly type: 'beforeinput';
|
|
7
|
+
readonly inputType: string;
|
|
8
|
+
readonly data?: string | null;
|
|
9
|
+
readonly startCodeUnitOffset: number;
|
|
10
|
+
readonly endCodeUnitOffset: number;
|
|
11
|
+
readonly selection: TextSelectionInput;
|
|
12
|
+
} | {
|
|
13
|
+
readonly type: 'input';
|
|
14
|
+
readonly inputType: string;
|
|
15
|
+
readonly text: string;
|
|
16
|
+
readonly startCodeUnitOffset: number;
|
|
17
|
+
readonly endCodeUnitOffset: number;
|
|
18
|
+
readonly selection: TextSelectionInput;
|
|
19
|
+
} | {
|
|
20
|
+
readonly type: 'composition-start';
|
|
21
|
+
readonly text: string;
|
|
22
|
+
readonly startCodeUnitOffset: number;
|
|
23
|
+
readonly endCodeUnitOffset: number;
|
|
24
|
+
readonly selection: TextSelectionInput;
|
|
25
|
+
} | {
|
|
26
|
+
readonly type: 'composition-update';
|
|
27
|
+
readonly text: string;
|
|
28
|
+
readonly selection: TextSelectionInput;
|
|
29
|
+
} | {
|
|
30
|
+
readonly type: 'composition-commit';
|
|
31
|
+
} | {
|
|
32
|
+
readonly type: 'composition-cancel';
|
|
33
|
+
};
|
|
34
|
+
export interface TextValueChangeDetails {
|
|
35
|
+
readonly value: TextEditingState;
|
|
36
|
+
readonly previousValue: TextEditingState;
|
|
37
|
+
}
|
|
38
|
+
export type TextState = TextEditingState;
|
|
39
|
+
export declare function createTextState(value?: string): TextEditingState;
|
|
40
|
+
export interface TextControllerOptions {
|
|
41
|
+
readonly value?: TextEditingState;
|
|
42
|
+
readonly defaultValue?: TextEditingState;
|
|
43
|
+
readonly disabled?: boolean;
|
|
44
|
+
readonly readOnly?: boolean;
|
|
45
|
+
readonly onValueChange?: (change: TextValueChangeDetails) => void;
|
|
46
|
+
}
|
|
47
|
+
export type TextControllerValueChangeHandler = NonNullable<TextControllerOptions['onValueChange']>;
|
|
48
|
+
export interface TextControlledValues {
|
|
49
|
+
readonly value: TextEditingState;
|
|
50
|
+
}
|
|
51
|
+
export interface TextController {
|
|
52
|
+
getSnapshot(): RevisionSnapshot<TextEditingState>;
|
|
53
|
+
syncControlledValues(values: TextControlledValues): Result<RevisionSnapshot<TextEditingState>>;
|
|
54
|
+
handleTextInput(input: TextInput, expectedRevision?: number): RevisionResult<TextEditingState, never>;
|
|
55
|
+
}
|
|
56
|
+
export interface TextTransitionDetails {
|
|
57
|
+
readonly input: TextInput;
|
|
58
|
+
readonly result: RevisionResult<TextEditingState, never>;
|
|
59
|
+
}
|
|
60
|
+
export type TextElement = HTMLInputElement | HTMLTextAreaElement;
|
|
61
|
+
export interface TextConnectionOptions {
|
|
62
|
+
readonly controller: TextController;
|
|
63
|
+
readonly element: TextElement;
|
|
64
|
+
readonly disabled?: boolean;
|
|
65
|
+
readonly readOnly?: boolean;
|
|
66
|
+
readonly onTransition?: (details: TextTransitionDetails) => void;
|
|
67
|
+
readonly onUpdate?: () => void;
|
|
68
|
+
}
|
|
69
|
+
export type TextConnectionTransitionHandler = NonNullable<TextConnectionOptions['onTransition']>;
|
|
70
|
+
export type TextConnectionUpdateHandler = NonNullable<TextConnectionOptions['onUpdate']>;
|
|
71
|
+
export interface TextConnection {
|
|
72
|
+
getSnapshot(): RevisionSnapshot<TextEditingState>;
|
|
73
|
+
getValue(): string;
|
|
74
|
+
syncControlledValues(values: TextControlledValues): Result<RevisionSnapshot<TextEditingState>>;
|
|
75
|
+
handleBeforeInput(event: InputEvent): boolean;
|
|
76
|
+
render(): void;
|
|
77
|
+
disconnect(): void;
|
|
78
|
+
}
|
|
79
|
+
export type TextOptions = TextControllerOptions & Omit<TextConnectionOptions, 'controller'>;
|
|
80
|
+
export declare function createTextController(options?: TextControllerOptions): Result<TextController>;
|
|
81
|
+
export declare function createText(options: TextOptions): FacadeConnection<TextConnection>;
|
|
82
|
+
export declare function tryCreateText(options: TextOptions): Result<FacadeConnection<TextConnection>>;
|
|
83
|
+
export declare function connectText(options: TextConnectionOptions): TextConnection;
|
|
84
|
+
export declare function toTextEvent(input: TextInput): TextEvent | null;
|
|
85
|
+
//# sourceMappingURL=text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.ts"],"names":[],"mappings":"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"}
|