@sectile/dom 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 +36 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +143 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +27 -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 +92 -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 +54 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +285 -0
- package/dist/carousel.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 +18 -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 +120 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +386 -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 +88 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +43 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +118 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-picker.d.ts +45 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +64 -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 +163 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +45 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +259 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +47 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +269 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +27 -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 +24 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +74 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/feed.d.ts +33 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +68 -0
- package/dist/feed.js.map +1 -0
- package/dist/grid.d.ts +43 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +165 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +45 -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 +28 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +45 -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/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/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/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/menu-control.d.ts +38 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +251 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/popup-control.d.ts +39 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +140 -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 +215 -0
- package/dist/internal/text-element.js.map +1 -0
- package/dist/listbox.d.ts +103 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +416 -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 +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 +38 -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/number-field.d.ts +45 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +136 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +39 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +169 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +27 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +76 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/quantity-field.d.ts +46 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +172 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +40 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +172 -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 +45 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +87 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +73 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +265 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +41 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +127 -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 +16 -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 +55 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +193 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +32 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +94 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +80 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +203 -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 +57 -0
- package/dist/time-field.js.map +1 -0
- package/dist/toggle-button.d.ts +16 -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 +37 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +148 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +18 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +14 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +122 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +449 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +92 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +309 -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/package.json +256 -0
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import { applyMenuEvent, createMenuModel, createMenuState } from '@sectile/core/menu';
|
|
2
|
+
import { createSemanticController } from './semantic-controller.js';
|
|
3
|
+
import { setInteractionAttributes } from './interaction.js';
|
|
4
|
+
export function createMenuControl(options) {
|
|
5
|
+
const model = createMenuModel(options.items);
|
|
6
|
+
if (!model.ok)
|
|
7
|
+
return model;
|
|
8
|
+
const disabled = new Set(options.disabledItems ?? []);
|
|
9
|
+
for (const id of disabled)
|
|
10
|
+
if (!model.value.tree.has(id))
|
|
11
|
+
return { ok: false, error: { class: 'construction', code: 'disabled-item-outside-domain', message: 'Every disabled menu item must exist in the menu tree.', details: { id } } };
|
|
12
|
+
const suppliedDisabled = options.policies?.disabled;
|
|
13
|
+
const policies = { ...options.policies, disabled: (id) => disabled.has(id) || (suppliedDisabled?.(id) ?? false) };
|
|
14
|
+
const openControlled = options.kind === 'menu-button' && options.open !== undefined;
|
|
15
|
+
const initialOpen = options.kind === 'menu-button' ? options.open ?? options.defaultOpen ?? false : true;
|
|
16
|
+
const runtime = createSemanticController({
|
|
17
|
+
interaction: options,
|
|
18
|
+
initial: createMenuState(model.value.tree, initialOpen, initialOpen ? options.defaultHighlightedValue ?? null : null, []),
|
|
19
|
+
reducer: (state, event) => applyMenuEvent(model.value.tree, state, event, policies),
|
|
20
|
+
reconcile: (previous, proposed) => {
|
|
21
|
+
const open = options.kind === 'menu-button' ? openControlled ? previous.open : proposed.open : true;
|
|
22
|
+
return createMenuState(model.value.tree, open, open ? proposed.cursor.current : null, open ? proposed.openPath : []);
|
|
23
|
+
},
|
|
24
|
+
notify: (previous, proposed) => { if (previous.open !== proposed.open)
|
|
25
|
+
options.onOpenChange?.(proposed.open); },
|
|
26
|
+
toEffect: (command) => command,
|
|
27
|
+
});
|
|
28
|
+
return runtime.ok ? { ok: true, value: new DOMMenuControl(options, model.value.tree, runtime.value, policies, openControlled) } : runtime;
|
|
29
|
+
}
|
|
30
|
+
class DOMMenuControl {
|
|
31
|
+
#options;
|
|
32
|
+
#tree;
|
|
33
|
+
#runtime;
|
|
34
|
+
#policies;
|
|
35
|
+
#openControlled;
|
|
36
|
+
#elements = new Map();
|
|
37
|
+
#submenus = new Map();
|
|
38
|
+
#keydown;
|
|
39
|
+
#click;
|
|
40
|
+
#triggerClick;
|
|
41
|
+
#reposition;
|
|
42
|
+
#view;
|
|
43
|
+
#instanceID;
|
|
44
|
+
#typeaheadBuffer = '';
|
|
45
|
+
#lastTypeaheadAt = Number.NEGATIVE_INFINITY;
|
|
46
|
+
constructor(options, tree, runtime, policies, openControlled) {
|
|
47
|
+
this.#options = options;
|
|
48
|
+
this.#tree = tree;
|
|
49
|
+
this.#runtime = runtime;
|
|
50
|
+
this.#policies = policies;
|
|
51
|
+
this.#openControlled = openControlled;
|
|
52
|
+
setInteractionAttributes(options.root, options);
|
|
53
|
+
if (options.trigger !== undefined)
|
|
54
|
+
setInteractionAttributes(options.trigger, options, { native: true });
|
|
55
|
+
this.#view = options.root.ownerDocument?.defaultView ?? null;
|
|
56
|
+
this.#instanceID = nextMenuControlID += 1;
|
|
57
|
+
this.#keydown = (event) => { if (this.#handleTypeahead(event)) {
|
|
58
|
+
event.preventDefault();
|
|
59
|
+
return;
|
|
60
|
+
} const semantic = toMenuEvent(event, options.kind); if (semantic !== null && this.handleEvent(semantic))
|
|
61
|
+
event.preventDefault(); };
|
|
62
|
+
this.#click = (event) => { for (const [id, element] of this.#elements)
|
|
63
|
+
if (event.target === element || (typeof Node !== 'undefined' && event.target instanceof Node && element.contains(event.target))) {
|
|
64
|
+
this.handleEvent({ type: 'focus', id });
|
|
65
|
+
if (this.#policies.disabled?.(id) !== true)
|
|
66
|
+
this.handleEvent(this.#tree.isLeaf(id) ? 'invoke' : 'open-submenu');
|
|
67
|
+
return;
|
|
68
|
+
} };
|
|
69
|
+
this.#triggerClick = () => { this.handleEvent(this.getSnapshot().state.open ? 'close-popup' : 'open-popup'); };
|
|
70
|
+
this.#reposition = () => { this.#positionPopup(); this.#positionSubmenus(); };
|
|
71
|
+
options.root.addEventListener('keydown', this.#keydown);
|
|
72
|
+
options.root.addEventListener('click', this.#click);
|
|
73
|
+
options.trigger?.addEventListener('click', this.#triggerClick);
|
|
74
|
+
this.#view?.addEventListener('resize', this.#reposition);
|
|
75
|
+
this.#view?.addEventListener('scroll', this.#reposition, true);
|
|
76
|
+
this.#refresh();
|
|
77
|
+
}
|
|
78
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
79
|
+
syncControlledValue(open) {
|
|
80
|
+
if (!this.#openControlled)
|
|
81
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'Only a controlled menu button can synchronize open state.' } };
|
|
82
|
+
const state = this.getSnapshot().state;
|
|
83
|
+
const result = this.#runtime.replace(createMenuState(this.#tree, open, open ? state.cursor.current : null, open ? state.openPath : []));
|
|
84
|
+
if (result.ok) {
|
|
85
|
+
this.#refresh();
|
|
86
|
+
this.#options.onUpdate?.();
|
|
87
|
+
}
|
|
88
|
+
return result;
|
|
89
|
+
}
|
|
90
|
+
setItemAttributes(element, id) { if (this.#tree.has(id)) {
|
|
91
|
+
this.#elements.set(id, element);
|
|
92
|
+
this.#refresh();
|
|
93
|
+
} }
|
|
94
|
+
setSubmenuAttributes(element, parentID) {
|
|
95
|
+
if (!this.#tree.has(parentID) || this.#tree.isLeaf(parentID))
|
|
96
|
+
return;
|
|
97
|
+
this.#submenus.set(parentID, element);
|
|
98
|
+
if (element.id.length === 0)
|
|
99
|
+
element.id = `sectile-menu-${this.#instanceID}-submenu-${this.#submenus.size}`;
|
|
100
|
+
this.#refresh();
|
|
101
|
+
}
|
|
102
|
+
handleEvent(event) { const result = this.#runtime.handle(event); if (result.ok) {
|
|
103
|
+
this.#refresh();
|
|
104
|
+
for (const effect of result.commands) {
|
|
105
|
+
if (effect.type === 'invoke')
|
|
106
|
+
this.#options.onInvoke?.(effect.id);
|
|
107
|
+
if (effect.type === 'focus')
|
|
108
|
+
this.#elements.get(effect.id)?.focus();
|
|
109
|
+
if (effect.type === 'restore-focus')
|
|
110
|
+
this.#options.trigger?.focus();
|
|
111
|
+
}
|
|
112
|
+
this.#options.onUpdate?.();
|
|
113
|
+
} return result.ok; }
|
|
114
|
+
disconnect() { this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.root.removeEventListener('click', this.#click); this.#options.trigger?.removeEventListener('click', this.#triggerClick); this.#view?.removeEventListener('resize', this.#reposition); this.#view?.removeEventListener('scroll', this.#reposition, true); this.#elements.clear(); this.#submenus.clear(); }
|
|
115
|
+
#refresh() {
|
|
116
|
+
const state = this.getSnapshot().state;
|
|
117
|
+
this.#options.root.setAttribute('role', this.#options.kind === 'menubar' ? 'menubar' : 'menu');
|
|
118
|
+
if (this.#options.label !== undefined)
|
|
119
|
+
this.#options.root.setAttribute('aria-label', this.#options.label);
|
|
120
|
+
this.#options.root.hidden = !state.open;
|
|
121
|
+
this.#options.trigger?.setAttribute('aria-haspopup', 'menu');
|
|
122
|
+
this.#options.trigger?.setAttribute('aria-expanded', String(state.open));
|
|
123
|
+
for (const [id, element] of this.#elements) {
|
|
124
|
+
element.setAttribute('role', 'menuitem');
|
|
125
|
+
if (this.#policies.disabled?.(id) === true)
|
|
126
|
+
element.setAttribute('aria-disabled', 'true');
|
|
127
|
+
else
|
|
128
|
+
element.removeAttribute('aria-disabled');
|
|
129
|
+
if (this.#tree.isLeaf(id) === false) {
|
|
130
|
+
element.setAttribute('aria-haspopup', 'menu');
|
|
131
|
+
element.setAttribute('aria-expanded', String(state.openPath.includes(id)));
|
|
132
|
+
const submenu = this.#submenus.get(id);
|
|
133
|
+
if (submenu !== undefined)
|
|
134
|
+
element.setAttribute('aria-controls', submenu.id);
|
|
135
|
+
}
|
|
136
|
+
element.tabIndex = state.cursor.current === id ? 0 : -1;
|
|
137
|
+
}
|
|
138
|
+
for (const [parentID, submenu] of this.#submenus) {
|
|
139
|
+
const open = state.open && state.openPath.includes(parentID);
|
|
140
|
+
submenu.setAttribute('role', 'menu');
|
|
141
|
+
submenu.hidden = !open;
|
|
142
|
+
if (!open) {
|
|
143
|
+
submenu.removeAttribute('data-placement');
|
|
144
|
+
this.#elements.get(parentID)?.removeAttribute('data-submenu-placement');
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
if (!state.open)
|
|
148
|
+
this.#options.root.removeAttribute('data-placement');
|
|
149
|
+
this.#reposition();
|
|
150
|
+
}
|
|
151
|
+
#positionPopup() {
|
|
152
|
+
const viewport = this.#view;
|
|
153
|
+
const trigger = this.#options.trigger;
|
|
154
|
+
if (this.#options.kind !== 'menu-button' || this.#options.root.hidden || viewport === null || trigger === undefined)
|
|
155
|
+
return;
|
|
156
|
+
const gutter = 8;
|
|
157
|
+
const gap = 4;
|
|
158
|
+
const anchorRect = trigger.getBoundingClientRect();
|
|
159
|
+
const popupRect = this.#options.root.getBoundingClientRect();
|
|
160
|
+
const spaceBelow = viewport.innerHeight - anchorRect.bottom - gutter;
|
|
161
|
+
const spaceAbove = anchorRect.top - gutter;
|
|
162
|
+
const placeAbove = popupRect.height > spaceBelow && spaceAbove > spaceBelow;
|
|
163
|
+
const rawLeft = anchorRect.left + ((anchorRect.width - popupRect.width) / 2);
|
|
164
|
+
const rawTop = placeAbove ? anchorRect.top - popupRect.height - gap : anchorRect.bottom + gap;
|
|
165
|
+
const left = Math.max(gutter, Math.min(rawLeft, viewport.innerWidth - popupRect.width - gutter));
|
|
166
|
+
const top = Math.max(gutter, Math.min(rawTop, viewport.innerHeight - popupRect.height - gutter));
|
|
167
|
+
this.#options.root.style.position = 'fixed';
|
|
168
|
+
this.#options.root.style.left = `${left}px`;
|
|
169
|
+
this.#options.root.style.top = `${top}px`;
|
|
170
|
+
this.#options.root.dataset['placement'] = placeAbove ? 'top-center' : 'bottom-center';
|
|
171
|
+
}
|
|
172
|
+
#positionSubmenus() {
|
|
173
|
+
const viewport = this.#view;
|
|
174
|
+
if (viewport === null)
|
|
175
|
+
return;
|
|
176
|
+
const gutter = 8;
|
|
177
|
+
const gap = 4;
|
|
178
|
+
for (const [parentID, submenu] of this.#submenus) {
|
|
179
|
+
if (submenu.hidden)
|
|
180
|
+
continue;
|
|
181
|
+
const anchor = this.#elements.get(parentID);
|
|
182
|
+
if (anchor === undefined)
|
|
183
|
+
continue;
|
|
184
|
+
const anchorRect = anchor.getBoundingClientRect();
|
|
185
|
+
const submenuRect = submenu.getBoundingClientRect();
|
|
186
|
+
const opensFromMenubar = this.#options.kind === 'menubar' && this.#tree.parentOf(parentID) === null;
|
|
187
|
+
let rawLeft;
|
|
188
|
+
let rawTop;
|
|
189
|
+
let placement;
|
|
190
|
+
if (opensFromMenubar) {
|
|
191
|
+
const spaceBelow = viewport.innerHeight - anchorRect.bottom - gutter;
|
|
192
|
+
const spaceAbove = anchorRect.top - gutter;
|
|
193
|
+
const placeAbove = submenuRect.height > spaceBelow && spaceAbove > spaceBelow;
|
|
194
|
+
rawLeft = anchorRect.left;
|
|
195
|
+
rawTop = placeAbove ? anchorRect.top - submenuRect.height - gap : anchorRect.bottom + gap;
|
|
196
|
+
placement = placeAbove ? 'top-start' : 'bottom-start';
|
|
197
|
+
}
|
|
198
|
+
else {
|
|
199
|
+
const spaceRight = viewport.innerWidth - anchorRect.right - gutter;
|
|
200
|
+
const spaceLeft = anchorRect.left - gutter;
|
|
201
|
+
const placeLeft = submenuRect.width > spaceRight && spaceLeft > spaceRight;
|
|
202
|
+
rawLeft = placeLeft ? anchorRect.left - submenuRect.width - gap : anchorRect.right + gap;
|
|
203
|
+
rawTop = anchorRect.top;
|
|
204
|
+
placement = placeLeft ? 'left-start' : 'right-start';
|
|
205
|
+
}
|
|
206
|
+
const left = Math.max(gutter, Math.min(rawLeft, viewport.innerWidth - submenuRect.width - gutter));
|
|
207
|
+
const top = Math.max(gutter, Math.min(rawTop, viewport.innerHeight - submenuRect.height - gutter));
|
|
208
|
+
submenu.style.position = 'fixed';
|
|
209
|
+
submenu.style.left = `${left}px`;
|
|
210
|
+
submenu.style.top = `${top}px`;
|
|
211
|
+
submenu.dataset['placement'] = placement;
|
|
212
|
+
anchor.dataset['submenuPlacement'] = placement;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
#handleTypeahead(event) {
|
|
216
|
+
const config = this.#options.typeahead;
|
|
217
|
+
if (config === undefined || event.altKey || event.ctrlKey || event.metaKey || event.key.length !== 1)
|
|
218
|
+
return false;
|
|
219
|
+
const now = config.now?.() ?? Date.now();
|
|
220
|
+
const timeout = config.timeout ?? 500;
|
|
221
|
+
this.#typeaheadBuffer = now - this.#lastTypeaheadAt > timeout ? event.key : `${this.#typeaheadBuffer}${event.key}`;
|
|
222
|
+
this.#lastTypeaheadAt = now;
|
|
223
|
+
const normalize = config.normalize ?? ((text) => text.normalize('NFKC').toLocaleLowerCase());
|
|
224
|
+
const current = this.getSnapshot().state.cursor.current;
|
|
225
|
+
const siblings = current === null || this.#tree.parentOf(current) === null ? this.#tree.roots.ids : this.#tree.childrenOf(this.#tree.parentOf(current))?.ids ?? [];
|
|
226
|
+
if (siblings.length === 0)
|
|
227
|
+
return true;
|
|
228
|
+
const start = current === null ? 0 : ((siblings.indexOf(current) + 1) % siblings.length);
|
|
229
|
+
const query = normalize(this.#typeaheadBuffer);
|
|
230
|
+
for (let offset = 0; offset < siblings.length; offset += 1) {
|
|
231
|
+
const id = siblings[(start + offset) % siblings.length];
|
|
232
|
+
if (normalize(config.textValue(id)).startsWith(query)) {
|
|
233
|
+
this.handleEvent({ type: 'focus', id });
|
|
234
|
+
break;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
return true;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
let nextMenuControlID = 0;
|
|
241
|
+
function toMenuEvent(event, kind) { if (event.altKey || event.ctrlKey || event.metaKey)
|
|
242
|
+
return null; if (event.key === 'Escape')
|
|
243
|
+
return 'escape'; if (event.key === 'Home')
|
|
244
|
+
return 'first'; if (event.key === 'End')
|
|
245
|
+
return 'last'; if (event.key === 'Enter' || event.key === ' ')
|
|
246
|
+
return 'invoke'; if (event.key === 'ArrowDown')
|
|
247
|
+
return kind === 'menubar' ? 'open-submenu' : 'next'; if (event.key === 'ArrowUp')
|
|
248
|
+
return 'previous'; if (event.key === 'ArrowRight')
|
|
249
|
+
return kind === 'menubar' ? 'next' : 'open-submenu'; if (event.key === 'ArrowLeft')
|
|
250
|
+
return kind === 'menubar' ? 'previous' : 'close-submenu'; return null; }
|
|
251
|
+
//# sourceMappingURL=menu-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-control.js","sourceRoot":"","sources":["../../src/internal/menu-control.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import type { InteractionStateInput } from '@sectile/core/interaction';
|
|
3
|
+
import type { MachineUpdate, RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
export interface DOMPopupConnection<State, Event> {
|
|
5
|
+
getSnapshot(): RevisionSnapshot<State>;
|
|
6
|
+
syncControlledValue(open: boolean): Result<RevisionSnapshot<State>>;
|
|
7
|
+
handleEvent(event: Event): boolean;
|
|
8
|
+
refresh(): void;
|
|
9
|
+
disconnect(): void;
|
|
10
|
+
}
|
|
11
|
+
export interface DOMPopupOptions<State, Event, Command> {
|
|
12
|
+
readonly root: HTMLElement;
|
|
13
|
+
readonly trigger?: HTMLElement;
|
|
14
|
+
readonly role: 'dialog' | 'alertdialog' | 'tooltip';
|
|
15
|
+
readonly modal?: boolean;
|
|
16
|
+
readonly label?: string;
|
|
17
|
+
readonly labelledBy?: string;
|
|
18
|
+
readonly describedBy?: string;
|
|
19
|
+
readonly controlled: boolean;
|
|
20
|
+
readonly initial: Result<State>;
|
|
21
|
+
readonly open: Event;
|
|
22
|
+
readonly toggle: Event;
|
|
23
|
+
readonly close: Event;
|
|
24
|
+
readonly reducer: (state: State, event: Event) => Result<MachineUpdate<State, Command>>;
|
|
25
|
+
readonly create: (open: boolean) => Result<State>;
|
|
26
|
+
readonly read: (state: State) => boolean;
|
|
27
|
+
readonly triggerMode?: 'click' | 'focus-hover';
|
|
28
|
+
readonly tooltipID?: string;
|
|
29
|
+
readonly initialFocus?: HTMLElement;
|
|
30
|
+
readonly autoFocus?: boolean;
|
|
31
|
+
readonly restoreFocus?: boolean;
|
|
32
|
+
readonly trapFocus?: boolean;
|
|
33
|
+
readonly onOpenChange?: ((open: boolean) => void) | undefined;
|
|
34
|
+
readonly command?: (command: Command) => void;
|
|
35
|
+
readonly onUpdate?: (() => void) | undefined;
|
|
36
|
+
readonly interaction?: InteractionStateInput;
|
|
37
|
+
}
|
|
38
|
+
export declare function createDOMPopup<State, Event, Command>(options: DOMPopupOptions<State, Event, Command>): Result<DOMPopupConnection<State, Event>>;
|
|
39
|
+
//# sourceMappingURL=popup-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-control.d.ts","sourceRoot":"","sources":["../../src/internal/popup-control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI9E,MAAM,WAAW,kBAAkB,CAAC,KAAK,EAAE,KAAK;IAC9C,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACpE,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO;IACpD,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACxF,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9D,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAW/I"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { createSemanticController } from './semantic-controller.js';
|
|
2
|
+
import { setInteractionAttributes } from './interaction.js';
|
|
3
|
+
export function createDOMPopup(options) {
|
|
4
|
+
const runtime = createSemanticController({
|
|
5
|
+
initial: options.initial,
|
|
6
|
+
reducer: options.reducer,
|
|
7
|
+
reconcile: (previous, proposed) => options.create(options.controlled ? options.read(previous) : options.read(proposed)),
|
|
8
|
+
notify: (previous, proposed) => { if (options.read(previous) !== options.read(proposed))
|
|
9
|
+
options.onOpenChange?.(options.read(proposed)); },
|
|
10
|
+
toEffect: (command) => command,
|
|
11
|
+
interaction: options.interaction,
|
|
12
|
+
});
|
|
13
|
+
if (!runtime.ok)
|
|
14
|
+
return runtime;
|
|
15
|
+
return { ok: true, value: new DOMPopup(options, runtime.value) };
|
|
16
|
+
}
|
|
17
|
+
class DOMPopup {
|
|
18
|
+
#options;
|
|
19
|
+
#runtime;
|
|
20
|
+
#click;
|
|
21
|
+
#keydown;
|
|
22
|
+
#focusIn;
|
|
23
|
+
#focusOut;
|
|
24
|
+
#pointerEnter;
|
|
25
|
+
#pointerLeave;
|
|
26
|
+
#focused = false;
|
|
27
|
+
#hovered = false;
|
|
28
|
+
constructor(options, runtime) {
|
|
29
|
+
this.#options = options;
|
|
30
|
+
this.#runtime = runtime;
|
|
31
|
+
this.#click = () => { this.handleEvent(options.toggle); };
|
|
32
|
+
this.#keydown = (event) => {
|
|
33
|
+
if (event.key === 'Escape') {
|
|
34
|
+
event.preventDefault();
|
|
35
|
+
this.handleEvent(options.close);
|
|
36
|
+
}
|
|
37
|
+
else if (event.key === 'Tab' && options.trapFocus === true && this.#isOpen()) {
|
|
38
|
+
this.#trapTab(event);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
this.#focusIn = () => { this.#focused = true; this.handleEvent(options.open); };
|
|
42
|
+
this.#focusOut = () => { this.#focused = false; if (!this.#hovered)
|
|
43
|
+
this.handleEvent(options.close); };
|
|
44
|
+
this.#pointerEnter = () => { this.#hovered = true; this.handleEvent(options.open); };
|
|
45
|
+
this.#pointerLeave = () => { this.#hovered = false; if (!this.#focused)
|
|
46
|
+
this.handleEvent(options.close); };
|
|
47
|
+
options.root.setAttribute('role', options.role);
|
|
48
|
+
if (options.modal !== undefined)
|
|
49
|
+
options.root.setAttribute('aria-modal', String(options.modal));
|
|
50
|
+
if (options.label !== undefined)
|
|
51
|
+
options.root.setAttribute('aria-label', options.label);
|
|
52
|
+
if (options.labelledBy !== undefined)
|
|
53
|
+
options.root.setAttribute('aria-labelledby', options.labelledBy);
|
|
54
|
+
if (options.describedBy !== undefined)
|
|
55
|
+
options.root.setAttribute('aria-describedby', options.describedBy);
|
|
56
|
+
setInteractionAttributes(options.root, options.interaction ?? {});
|
|
57
|
+
if (options.trigger !== undefined)
|
|
58
|
+
setInteractionAttributes(options.trigger, options.interaction ?? {}, { native: true });
|
|
59
|
+
options.root.addEventListener('keydown', this.#keydown);
|
|
60
|
+
options.trigger?.addEventListener('keydown', this.#keydown);
|
|
61
|
+
if (options.triggerMode === 'focus-hover') {
|
|
62
|
+
options.trigger?.addEventListener('focus', this.#focusIn);
|
|
63
|
+
options.trigger?.addEventListener('blur', this.#focusOut);
|
|
64
|
+
options.trigger?.addEventListener('mouseenter', this.#pointerEnter);
|
|
65
|
+
options.trigger?.addEventListener('mouseleave', this.#pointerLeave);
|
|
66
|
+
if (options.tooltipID !== undefined) {
|
|
67
|
+
options.root.id = options.tooltipID;
|
|
68
|
+
options.trigger?.setAttribute('aria-describedby', options.tooltipID);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
options.trigger?.addEventListener('click', this.#click);
|
|
73
|
+
}
|
|
74
|
+
this.#refresh(false);
|
|
75
|
+
}
|
|
76
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
77
|
+
syncControlledValue(open) {
|
|
78
|
+
if (!this.#options.controlled)
|
|
79
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled popup cannot be synchronized externally.' } };
|
|
80
|
+
const previous = this.#isOpen();
|
|
81
|
+
const result = this.#runtime.replace(this.#options.create(open));
|
|
82
|
+
if (result.ok) {
|
|
83
|
+
this.#refresh(previous);
|
|
84
|
+
this.#options.onUpdate?.();
|
|
85
|
+
}
|
|
86
|
+
return result;
|
|
87
|
+
}
|
|
88
|
+
handleEvent(event) {
|
|
89
|
+
const previous = this.#isOpen();
|
|
90
|
+
const result = this.#runtime.handle(event);
|
|
91
|
+
if (result.ok)
|
|
92
|
+
for (const command of result.commands)
|
|
93
|
+
this.#options.command?.(command);
|
|
94
|
+
this.#refresh(previous);
|
|
95
|
+
if (result.ok)
|
|
96
|
+
this.#options.onUpdate?.();
|
|
97
|
+
return result.ok;
|
|
98
|
+
}
|
|
99
|
+
refresh() { this.#refresh(undefined); }
|
|
100
|
+
disconnect() {
|
|
101
|
+
this.#options.root.removeEventListener('keydown', this.#keydown);
|
|
102
|
+
this.#options.trigger?.removeEventListener('keydown', this.#keydown);
|
|
103
|
+
this.#options.trigger?.removeEventListener('click', this.#click);
|
|
104
|
+
this.#options.trigger?.removeEventListener('focus', this.#focusIn);
|
|
105
|
+
this.#options.trigger?.removeEventListener('blur', this.#focusOut);
|
|
106
|
+
this.#options.trigger?.removeEventListener('mouseenter', this.#pointerEnter);
|
|
107
|
+
this.#options.trigger?.removeEventListener('mouseleave', this.#pointerLeave);
|
|
108
|
+
}
|
|
109
|
+
#isOpen() { return this.#options.read(this.#runtime.getSnapshot().state); }
|
|
110
|
+
#refresh(previous) {
|
|
111
|
+
const open = this.#isOpen();
|
|
112
|
+
this.#options.root.hidden = !open;
|
|
113
|
+
if (this.#options.trigger !== undefined && this.#options.triggerMode !== 'focus-hover')
|
|
114
|
+
this.#options.trigger.setAttribute('aria-expanded', String(open));
|
|
115
|
+
if (previous === open || previous === undefined)
|
|
116
|
+
return;
|
|
117
|
+
if (open && this.#options.autoFocus === true)
|
|
118
|
+
focusElement(this.#options.initialFocus ?? firstFocusable(this.#options.root) ?? this.#options.root);
|
|
119
|
+
else if (!open && this.#options.restoreFocus === true)
|
|
120
|
+
focusElement(this.#options.trigger);
|
|
121
|
+
}
|
|
122
|
+
#trapTab(event) {
|
|
123
|
+
if (typeof document === 'undefined')
|
|
124
|
+
return;
|
|
125
|
+
const focusable = [...this.#options.root.querySelectorAll(FOCUSABLE)].filter((element) => !element.hasAttribute('disabled') && element.tabIndex >= 0);
|
|
126
|
+
if (focusable.length === 0) {
|
|
127
|
+
event.preventDefault();
|
|
128
|
+
this.#options.root.focus();
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
const activeIndex = focusable.indexOf(document.activeElement);
|
|
132
|
+
const nextIndex = event.shiftKey ? activeIndex <= 0 ? focusable.length - 1 : activeIndex - 1 : activeIndex < 0 || activeIndex === focusable.length - 1 ? 0 : activeIndex + 1;
|
|
133
|
+
event.preventDefault();
|
|
134
|
+
focusable[nextIndex]?.focus();
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
const FOCUSABLE = 'button,[href],input,select,textarea,[tabindex]';
|
|
138
|
+
function firstFocusable(root) { return root.querySelectorAll?.(FOCUSABLE)[0] ?? null; }
|
|
139
|
+
function focusElement(element) { element?.focus?.(); }
|
|
140
|
+
//# sourceMappingURL=popup-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-control.js","sourceRoot":"","sources":["../../src/internal/popup-control.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAA2B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAsC5D,MAAM,UAAU,cAAc,CAAwB,OAA+C;IACnG,MAAM,OAAO,GAAG,wBAAwB,CAAiC;QACvE,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvH,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1I,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;KACjC,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC;IAChC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AACnE,CAAC;AAED,MAAM,QAAQ;IACH,QAAQ,CAAyC;IACjD,QAAQ,CAA4C;IACpD,MAAM,CAAa;IACnB,QAAQ,CAAiC;IACzC,QAAQ,CAAa;IACrB,SAAS,CAAa;IACtB,aAAa,CAAa;IAC1B,aAAa,CAAa;IACnC,QAAQ,GAAG,KAAK,CAAC;IACjB,QAAQ,GAAG,KAAK,CAAC;IAEjB,YAAmB,OAA+C,EAAE,OAAkD;QACpH,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,EAAQ,EAAE;YAC9B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC/E,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,SAAS,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7G,IAAI,CAAC,aAAa,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,IAAI,CAAC,aAAa,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACjH,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAChG,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACxF,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;QACvG,IAAI,OAAO,CAAC,WAAW,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAC1G,wBAAwB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;QAClE,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS;YAAE,wBAAwB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1H,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxD,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,IAAI,OAAO,CAAC,WAAW,KAAK,aAAa,EAAE,CAAC;YAC1C,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC1D,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC1D,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpE,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACpE,IAAI,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;gBACpC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;gBACpC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,kBAAkB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAEM,WAAW,KAA8B,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC9E,mBAAmB,CAAC,IAAa;QACtC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU;YAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,8BAA8B,EAAE,OAAO,EAAE,0DAA0D,EAAE,EAAE,CAAC;QACjM,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACjE,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;YAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAAC,CAAC;QACvE,OAAO,MAAM,CAAC;IAChB,CAAC;IACM,WAAW,CAAC,KAAY;QAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,MAAM,CAAC,EAAE;YAAE,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ;gBAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QACvF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IACM,OAAO,KAAW,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7C,UAAU;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7E,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/E,CAAC;IACD,OAAO,KAAc,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpF,QAAQ,CAAC,QAA6B;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;QAClC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,aAAa;YAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1J,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACxD,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aAC9I,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7F,CAAC;IACD,QAAQ,CAAC,KAAoB;QAC3B,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAC5C,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;QACnK,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAC3F,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC;QAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,IAAI,WAAW,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7K,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC;CACF;AAED,MAAM,SAAS,GAAG,gDAAgD,CAAC;AACnE,SAAS,cAAc,CAAC,IAAiB,IAAwB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAc,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACrI,SAAS,YAAY,CAAC,OAAgC,IAAU,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import { type InteractionStateInput } from '@sectile/core/interaction';
|
|
3
|
+
import { type EventReducer, type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
export interface SemanticController<State, Event, Effect> {
|
|
5
|
+
getSnapshot(): RevisionSnapshot<State>;
|
|
6
|
+
replace(state: Result<State>): Result<RevisionSnapshot<State>>;
|
|
7
|
+
handle(event: Event, expectedRevision?: number): RevisionResult<State, Effect>;
|
|
8
|
+
reject(code: string, message: string, details?: Readonly<Record<string, unknown>>): RevisionResult<State, Effect>;
|
|
9
|
+
}
|
|
10
|
+
export interface SemanticControllerOptions<State, Event, Command, Effect> {
|
|
11
|
+
readonly initial: Result<State>;
|
|
12
|
+
readonly reducer: EventReducer<State, Event, Command>;
|
|
13
|
+
readonly reconcile?: (previous: State, proposed: State) => Result<State>;
|
|
14
|
+
readonly notify?: (previous: State, proposed: State) => void;
|
|
15
|
+
readonly toEffect: (command: Command) => Effect;
|
|
16
|
+
readonly interaction?: InteractionStateInput | undefined;
|
|
17
|
+
readonly interactionIntent?: (event: Event) => 'navigate' | 'mutate';
|
|
18
|
+
}
|
|
19
|
+
export declare function createSemanticController<State, Event, Command, Effect>(options: SemanticControllerOptions<State, Event, Command, Effect>): Result<SemanticController<State, Event, Effect>>;
|
|
20
|
+
//# sourceMappingURL=semantic-controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"semantic-controller.d.ts","sourceRoot":"","sources":["../../src/internal/semantic-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM;IACtD,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC/E,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACnH;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM;IACtE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;IACzE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,UAAU,GAAG,QAAQ,CAAC;CACtE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EACpE,OAAO,EAAE,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,GAChE,MAAM,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAiDlD"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { createInteractionState, requireInteraction, } from '@sectile/core/interaction';
|
|
2
|
+
import { createRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
|
|
3
|
+
import { applyControllerEvent, synchronizeControllerState } from './controller.js';
|
|
4
|
+
export function createSemanticController(options) {
|
|
5
|
+
if (!options.initial.ok)
|
|
6
|
+
return options.initial;
|
|
7
|
+
const interaction = createInteractionState(options.interaction);
|
|
8
|
+
if (!interaction.ok)
|
|
9
|
+
return interaction;
|
|
10
|
+
const snapshot = createRevisionSnapshot(options.initial.value);
|
|
11
|
+
if (!snapshot.ok)
|
|
12
|
+
return snapshot;
|
|
13
|
+
let current = snapshot.value;
|
|
14
|
+
return {
|
|
15
|
+
ok: true,
|
|
16
|
+
value: Object.freeze({
|
|
17
|
+
getSnapshot: () => current,
|
|
18
|
+
replace: (state) => {
|
|
19
|
+
const next = synchronizeControllerState(current, state);
|
|
20
|
+
if (next.ok)
|
|
21
|
+
current = next.value;
|
|
22
|
+
return next;
|
|
23
|
+
},
|
|
24
|
+
handle: (event, expectedRevision = current.revision) => {
|
|
25
|
+
const permitted = requireInteraction(interaction.value, options.interactionIntent?.(event) ?? 'mutate');
|
|
26
|
+
if (!permitted.ok)
|
|
27
|
+
return rejectRevisionInput(current, permitted.error);
|
|
28
|
+
const result = applyControllerEvent(current, expectedRevision, event, options.reducer, options.reconcile ?? ((_previous, proposed) => ({ ok: true, value: proposed })), options.notify ?? (() => undefined), options.toEffect);
|
|
29
|
+
if (result.ok)
|
|
30
|
+
current = result.snapshot;
|
|
31
|
+
return result;
|
|
32
|
+
},
|
|
33
|
+
reject: (code, message, details) => rejectRevisionInput(current, {
|
|
34
|
+
class: 'transition-rejection',
|
|
35
|
+
code,
|
|
36
|
+
message,
|
|
37
|
+
...(details === undefined ? {} : { details }),
|
|
38
|
+
}),
|
|
39
|
+
}),
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=semantic-controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"semantic-controller.js","sourceRoot":"","sources":["../../src/internal/semantic-controller.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GAEnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,sBAAsB,EACtB,mBAAmB,GAIpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAmBnF,MAAM,UAAU,wBAAwB,CACtC,OAAiE;IAEjE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC;IAChD,MAAM,WAAW,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAChE,IAAI,CAAC,WAAW,CAAC,EAAE;QAAE,OAAO,WAAW,CAAC;IACxC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/D,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAClC,IAAI,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7B,OAAO;QACL,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAA4B,EAAE,CAAC,OAAO;YACnD,OAAO,EAAE,CAAC,KAAoB,EAAmC,EAAE;gBACjE,MAAM,IAAI,GAAG,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACxD,IAAI,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;gBAClC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,EAAE,CACN,KAAY,EACZ,gBAAgB,GAAG,OAAO,CAAC,QAAQ,EACJ,EAAE;gBACjC,MAAM,SAAS,GAAG,kBAAkB,CAClC,WAAW,CAAC,KAAK,EACjB,OAAO,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,IAAI,QAAQ,CAC/C,CAAC;gBACF,IAAI,CAAC,SAAS,CAAC,EAAE;oBAAE,OAAO,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;gBACxE,MAAM,MAAM,GAAG,oBAAoB,CACjC,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAC/E,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,EACnC,OAAO,CAAC,QAAQ,CACjB,CAAC;gBACF,IAAI,MAAM,CAAC,EAAE;oBAAE,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC;gBACzC,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,MAAM,EAAE,CACN,IAAY,EACZ,OAAe,EACf,OAA2C,EACZ,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE;gBAC/D,KAAK,EAAE,sBAAsB;gBAC7B,IAAI;gBACJ,OAAO;gBACP,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;aAC9C,CAAC;SACH,CAAC;KACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type TextEditingState } from '@sectile/core/text';
|
|
2
|
+
import type { TextElement, TextInput } from '../text.js';
|
|
3
|
+
export interface DOMTextElementBindingOptions {
|
|
4
|
+
readonly element: TextElement;
|
|
5
|
+
readonly getState: () => TextEditingState;
|
|
6
|
+
readonly dispatch: (input: TextInput) => boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare class DOMTextElementBinding {
|
|
9
|
+
#private;
|
|
10
|
+
constructor(options: DOMTextElementBindingOptions);
|
|
11
|
+
get isComposing(): boolean;
|
|
12
|
+
handleBeforeInput(event: InputEvent): boolean;
|
|
13
|
+
render(): void;
|
|
14
|
+
disconnect(): void;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=text-element.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-element.d.ts","sourceRoot":"","sources":["../../src/internal/text-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAA2B,MAAM,oBAAoB,CAAC;AAC5G,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAClD;AAED,qBAAa,qBAAqB;;IAahC,YAAmB,OAAO,EAAE,4BAA4B,EAgCvD;IAED,IAAW,WAAW,IAAI,OAAO,CAEhC;IAEM,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CA+BnD;IAEM,MAAM,IAAI,IAAI,CAQpB;IAEM,UAAU,IAAI,IAAI,CAMxB;CA2DF"}
|