@sectile/dom 0.2.0 → 0.3.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/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 +40 -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 +39 -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/drawer.d.ts +45 -0
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +252 -0
- package/dist/drawer.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 +112 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +62 -0
- package/dist/index.js.map +1 -0
- package/dist/interact-outside.d.ts +12 -0
- package/dist/interact-outside.d.ts.map +1 -0
- package/dist/interact-outside.js +28 -0
- package/dist/interact-outside.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 +103 -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/modal-effects.d.ts +5 -0
- package/dist/internal/modal-effects.d.ts.map +1 -0
- package/dist/internal/modal-effects.js +125 -0
- package/dist/internal/modal-effects.js.map +1 -0
- package/dist/internal/popup-control.d.ts +45 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +223 -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 +60 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +82 -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 +68 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +114 -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 +44 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +263 -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 +45 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +68 -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 +8 -3
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
const states = new WeakMap();
|
|
2
|
+
export function acquireModalEffects(surface, additionalBranches = []) {
|
|
3
|
+
const document = surface.ownerDocument;
|
|
4
|
+
if (document?.body === undefined || document.body === null)
|
|
5
|
+
return Object.freeze({ release() { } });
|
|
6
|
+
const state = states.get(document) ?? createState(document);
|
|
7
|
+
const entry = { id: Symbol('sectile-modal'), branches: [surface, ...additionalBranches] };
|
|
8
|
+
state.entries.push(entry);
|
|
9
|
+
applyTopModal(state);
|
|
10
|
+
let released = false;
|
|
11
|
+
return Object.freeze({
|
|
12
|
+
release() {
|
|
13
|
+
if (released)
|
|
14
|
+
return;
|
|
15
|
+
released = true;
|
|
16
|
+
const index = state.entries.findIndex((candidate) => candidate.id === entry.id);
|
|
17
|
+
if (index >= 0)
|
|
18
|
+
state.entries.splice(index, 1);
|
|
19
|
+
if (state.entries.length > 0) {
|
|
20
|
+
applyTopModal(state);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
restoreIsolation(state);
|
|
24
|
+
if (document.body !== null) {
|
|
25
|
+
document.body.style.overflow = state.scroll.overflow;
|
|
26
|
+
document.body.style.paddingRight = state.scroll.paddingRight;
|
|
27
|
+
}
|
|
28
|
+
state.observer?.disconnect();
|
|
29
|
+
states.delete(document);
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function createState(document) {
|
|
34
|
+
const Observer = document.defaultView?.MutationObserver;
|
|
35
|
+
let state;
|
|
36
|
+
const observer = Observer === undefined ? undefined : new Observer(() => { if (state.entries.length > 0)
|
|
37
|
+
applyTopModal(state); });
|
|
38
|
+
state = { document, entries: [], hidden: new Map(), scroll: lockScroll(document), observer };
|
|
39
|
+
states.set(document, state);
|
|
40
|
+
observer?.observe(document.body, { childList: true, subtree: true });
|
|
41
|
+
return state;
|
|
42
|
+
}
|
|
43
|
+
function applyTopModal(state) {
|
|
44
|
+
restoreIsolation(state);
|
|
45
|
+
const branches = state.entries.at(-1)?.branches.filter((branch) => branch.isConnected) ?? [];
|
|
46
|
+
if (branches.length === 0)
|
|
47
|
+
return;
|
|
48
|
+
const preserveAriaHidden = new Set(branches.slice(1));
|
|
49
|
+
const allowedChildren = new Map();
|
|
50
|
+
for (const surface of branches) {
|
|
51
|
+
let branch = surface;
|
|
52
|
+
while (branch !== null && branch !== state.document.body) {
|
|
53
|
+
capture(state, branch);
|
|
54
|
+
branch.inert = false;
|
|
55
|
+
if (preserveAriaHidden.has(branch))
|
|
56
|
+
restoreAriaHidden(state, branch);
|
|
57
|
+
else
|
|
58
|
+
branch.removeAttribute('aria-hidden');
|
|
59
|
+
const parent = branch.parentElement;
|
|
60
|
+
if (parent === null)
|
|
61
|
+
break;
|
|
62
|
+
const allowed = allowedChildren.get(parent) ?? new Set();
|
|
63
|
+
allowed.add(branch);
|
|
64
|
+
allowedChildren.set(parent, allowed);
|
|
65
|
+
branch = parent;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
for (const [parent, allowed] of allowedChildren) {
|
|
69
|
+
for (const child of parent.children) {
|
|
70
|
+
const element = child;
|
|
71
|
+
capture(state, element);
|
|
72
|
+
if (allowed.has(element)) {
|
|
73
|
+
element.inert = false;
|
|
74
|
+
if (preserveAriaHidden.has(element))
|
|
75
|
+
restoreAriaHidden(state, element);
|
|
76
|
+
else
|
|
77
|
+
element.removeAttribute('aria-hidden');
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
element.inert = true;
|
|
81
|
+
element.setAttribute('aria-hidden', 'true');
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
function restoreAriaHidden(state, element) {
|
|
87
|
+
const value = state.hidden.get(element)?.ariaHidden;
|
|
88
|
+
if (value === null || value === undefined)
|
|
89
|
+
element.removeAttribute('aria-hidden');
|
|
90
|
+
else
|
|
91
|
+
element.setAttribute('aria-hidden', value);
|
|
92
|
+
}
|
|
93
|
+
function capture(state, element) {
|
|
94
|
+
if (state.hidden.has(element))
|
|
95
|
+
return;
|
|
96
|
+
state.hidden.set(element, {
|
|
97
|
+
element,
|
|
98
|
+
inert: element.inert,
|
|
99
|
+
ariaHidden: element.getAttribute('aria-hidden'),
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
function restoreIsolation(state) {
|
|
103
|
+
for (const snapshot of [...state.hidden.values()].reverse()) {
|
|
104
|
+
snapshot.element.inert = snapshot.inert;
|
|
105
|
+
if (snapshot.ariaHidden === null)
|
|
106
|
+
snapshot.element.removeAttribute('aria-hidden');
|
|
107
|
+
else
|
|
108
|
+
snapshot.element.setAttribute('aria-hidden', snapshot.ariaHidden);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
function lockScroll(document) {
|
|
112
|
+
const body = document.body;
|
|
113
|
+
const view = document.defaultView;
|
|
114
|
+
const snapshot = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };
|
|
115
|
+
const viewportWidth = view?.innerWidth ?? 0;
|
|
116
|
+
const documentWidth = document.documentElement?.clientWidth ?? viewportWidth;
|
|
117
|
+
const scrollbarWidth = documentWidth > 0 ? Math.max(0, viewportWidth - documentWidth) : 0;
|
|
118
|
+
const computedPadding = view?.getComputedStyle?.(body).paddingRight;
|
|
119
|
+
const padding = Number.parseFloat(computedPadding ?? body.style.paddingRight) || 0;
|
|
120
|
+
body.style.overflow = 'hidden';
|
|
121
|
+
if (scrollbarWidth > 0)
|
|
122
|
+
body.style.paddingRight = `${padding + scrollbarWidth}px`;
|
|
123
|
+
return snapshot;
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=modal-effects.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-effects.js","sourceRoot":"","sources":["../../src/internal/modal-effects.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
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
|
+
import { type InteractOutsideHandler } from '../interact-outside.js';
|
|
5
|
+
export interface DOMPopupConnection<State, Event> {
|
|
6
|
+
getSnapshot(): RevisionSnapshot<State>;
|
|
7
|
+
syncControlledValue(open: boolean): Result<RevisionSnapshot<State>>;
|
|
8
|
+
handleEvent(event: Event): boolean;
|
|
9
|
+
refresh(): void;
|
|
10
|
+
disconnect(): void;
|
|
11
|
+
}
|
|
12
|
+
export interface DOMPopupOptions<State, Event, Command> {
|
|
13
|
+
readonly root: HTMLElement;
|
|
14
|
+
readonly trigger?: HTMLElement;
|
|
15
|
+
readonly role: 'dialog' | 'alertdialog' | 'tooltip';
|
|
16
|
+
readonly modal?: boolean;
|
|
17
|
+
readonly label?: string;
|
|
18
|
+
readonly labelledBy?: string;
|
|
19
|
+
readonly describedBy?: string;
|
|
20
|
+
readonly controlled: boolean;
|
|
21
|
+
readonly initial: Result<State>;
|
|
22
|
+
readonly open: Event;
|
|
23
|
+
readonly toggle: Event;
|
|
24
|
+
readonly close: Event;
|
|
25
|
+
readonly reducer: (state: State, event: Event) => Result<MachineUpdate<State, Command>>;
|
|
26
|
+
readonly create: (open: boolean, state: State) => Result<State>;
|
|
27
|
+
readonly read: (state: State) => boolean;
|
|
28
|
+
readonly triggerMode?: 'click' | 'focus-hover';
|
|
29
|
+
readonly tooltipID?: string;
|
|
30
|
+
readonly initialFocus?: HTMLElement;
|
|
31
|
+
readonly autoFocus?: boolean;
|
|
32
|
+
readonly restoreFocus?: boolean;
|
|
33
|
+
readonly trapFocus?: boolean;
|
|
34
|
+
readonly closeOnInteractOutside?: boolean;
|
|
35
|
+
readonly interactOutsideExclusions?: readonly HTMLElement[];
|
|
36
|
+
readonly modalBranches?: readonly HTMLElement[];
|
|
37
|
+
readonly onInteractOutside?: InteractOutsideHandler;
|
|
38
|
+
readonly onOpenChange?: ((open: boolean) => void) | undefined;
|
|
39
|
+
readonly command?: (command: Command) => void;
|
|
40
|
+
readonly onUpdate?: (() => void) | undefined;
|
|
41
|
+
readonly interaction?: InteractionStateInput;
|
|
42
|
+
readonly manageVisibility?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export declare function createDOMPopup<State, Event, Command>(options: DOMPopupOptions<State, Event, Command>): Result<DOMPopupConnection<State, Event>>;
|
|
45
|
+
//# 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":"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"}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import { createSemanticController } from './semantic-controller.js';
|
|
2
|
+
import { setInteractionAttributes } from './interaction.js';
|
|
3
|
+
import { createDOMLayerID, getDOMLayerManager, } from './layer-manager.js';
|
|
4
|
+
import { acquireModalEffects } from './modal-effects.js';
|
|
5
|
+
import { createInteractOutsideEvent, isEventInside, } from '../interact-outside.js';
|
|
6
|
+
export function createDOMPopup(options) {
|
|
7
|
+
const runtime = createSemanticController({
|
|
8
|
+
initial: options.initial,
|
|
9
|
+
reducer: options.reducer,
|
|
10
|
+
reconcile: (previous, proposed) => options.create(options.controlled ? options.read(previous) : options.read(proposed), proposed),
|
|
11
|
+
notify: (previous, proposed) => { if (options.read(previous) !== options.read(proposed))
|
|
12
|
+
options.onOpenChange?.(options.read(proposed)); },
|
|
13
|
+
toEffect: (command) => command,
|
|
14
|
+
interaction: options.interaction,
|
|
15
|
+
});
|
|
16
|
+
if (!runtime.ok)
|
|
17
|
+
return runtime;
|
|
18
|
+
return { ok: true, value: new DOMPopup(options, runtime.value) };
|
|
19
|
+
}
|
|
20
|
+
class DOMPopup {
|
|
21
|
+
#options;
|
|
22
|
+
#runtime;
|
|
23
|
+
#click;
|
|
24
|
+
#keydown;
|
|
25
|
+
#documentKeydown;
|
|
26
|
+
#focusIn;
|
|
27
|
+
#focusOut;
|
|
28
|
+
#pointerEnter;
|
|
29
|
+
#pointerLeave;
|
|
30
|
+
#pointerDown;
|
|
31
|
+
#layerID;
|
|
32
|
+
#layers;
|
|
33
|
+
#modalEffects;
|
|
34
|
+
#initialFocusApplied = false;
|
|
35
|
+
#focused = false;
|
|
36
|
+
#hovered = false;
|
|
37
|
+
constructor(options, runtime) {
|
|
38
|
+
this.#options = options;
|
|
39
|
+
this.#runtime = runtime;
|
|
40
|
+
this.#layerID = createDOMLayerID();
|
|
41
|
+
this.#layers = getDOMLayerManager(options.root);
|
|
42
|
+
this.#click = () => { this.handleEvent(options.toggle); };
|
|
43
|
+
this.#keydown = (event) => {
|
|
44
|
+
if (event.key === 'Escape') {
|
|
45
|
+
if (this.#layers.dismiss(this.#layerID, 'escape'))
|
|
46
|
+
event.preventDefault();
|
|
47
|
+
}
|
|
48
|
+
else if (event.key === 'Tab' && options.trapFocus === true && this.#isOpen()) {
|
|
49
|
+
this.#trapTab(event);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
this.#documentKeydown = (event) => {
|
|
53
|
+
if (event.key !== 'Escape' || !this.#isOpen())
|
|
54
|
+
return;
|
|
55
|
+
if (this.#layers.dismiss(this.#layerID, 'escape')) {
|
|
56
|
+
event.preventDefault();
|
|
57
|
+
event.stopImmediatePropagation?.();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
this.#focusIn = () => { this.#focused = true; this.handleEvent(options.open); };
|
|
61
|
+
this.#focusOut = () => { this.#focused = false; if (!this.#hovered)
|
|
62
|
+
this.handleEvent(options.close); };
|
|
63
|
+
this.#pointerEnter = () => { this.#hovered = true; this.handleEvent(options.open); };
|
|
64
|
+
this.#pointerLeave = () => { this.#hovered = false; if (!this.#focused)
|
|
65
|
+
this.handleEvent(options.close); };
|
|
66
|
+
this.#pointerDown = (event) => {
|
|
67
|
+
if (!this.#isOpen())
|
|
68
|
+
return;
|
|
69
|
+
if (isEventInside(event, options.root) || (options.trigger !== undefined && isEventInside(event, options.trigger)))
|
|
70
|
+
return;
|
|
71
|
+
if (options.interactOutsideExclusions?.some((element) => isEventInside(event, element)) === true)
|
|
72
|
+
return;
|
|
73
|
+
const outsideEvent = createInteractOutsideEvent(event, options.root);
|
|
74
|
+
options.onInteractOutside?.(outsideEvent);
|
|
75
|
+
if (outsideEvent.defaultPrevented || options.closeOnInteractOutside !== true)
|
|
76
|
+
return;
|
|
77
|
+
this.#layers.dismiss(this.#layerID, 'interact-outside');
|
|
78
|
+
};
|
|
79
|
+
options.root.setAttribute('role', options.role);
|
|
80
|
+
if (options.modal !== undefined)
|
|
81
|
+
options.root.setAttribute('aria-modal', String(options.modal));
|
|
82
|
+
if (options.label !== undefined)
|
|
83
|
+
options.root.setAttribute('aria-label', options.label);
|
|
84
|
+
if (options.labelledBy !== undefined)
|
|
85
|
+
options.root.setAttribute('aria-labelledby', options.labelledBy);
|
|
86
|
+
if (options.describedBy !== undefined)
|
|
87
|
+
options.root.setAttribute('aria-describedby', options.describedBy);
|
|
88
|
+
setInteractionAttributes(options.root, options.interaction ?? {});
|
|
89
|
+
if (options.trigger !== undefined)
|
|
90
|
+
setInteractionAttributes(options.trigger, options.interaction ?? {}, { native: true });
|
|
91
|
+
options.root.addEventListener('keydown', this.#keydown);
|
|
92
|
+
options.trigger?.addEventListener('keydown', this.#keydown);
|
|
93
|
+
options.root.ownerDocument?.addEventListener?.('keydown', this.#documentKeydown, true);
|
|
94
|
+
if (options.triggerMode === 'focus-hover') {
|
|
95
|
+
options.trigger?.addEventListener('focus', this.#focusIn);
|
|
96
|
+
options.trigger?.addEventListener('blur', this.#focusOut);
|
|
97
|
+
options.trigger?.addEventListener('mouseenter', this.#pointerEnter);
|
|
98
|
+
options.trigger?.addEventListener('mouseleave', this.#pointerLeave);
|
|
99
|
+
if (options.tooltipID !== undefined) {
|
|
100
|
+
options.root.id = options.tooltipID;
|
|
101
|
+
options.trigger?.setAttribute('aria-describedby', options.tooltipID);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
options.trigger?.addEventListener('click', this.#click);
|
|
106
|
+
}
|
|
107
|
+
if (options.closeOnInteractOutside === true || options.onInteractOutside !== undefined)
|
|
108
|
+
options.root.ownerDocument?.addEventListener?.('pointerdown', this.#pointerDown, true);
|
|
109
|
+
this.#refresh(false);
|
|
110
|
+
}
|
|
111
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
112
|
+
syncControlledValue(open) {
|
|
113
|
+
if (!this.#options.controlled)
|
|
114
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled popup cannot be synchronized externally.' } };
|
|
115
|
+
const previous = this.#isOpen();
|
|
116
|
+
const result = this.#runtime.replace(this.#options.create(open, this.#runtime.getSnapshot().state));
|
|
117
|
+
if (result.ok) {
|
|
118
|
+
this.#refresh(previous);
|
|
119
|
+
this.#options.onUpdate?.();
|
|
120
|
+
}
|
|
121
|
+
return result;
|
|
122
|
+
}
|
|
123
|
+
handleEvent(event) {
|
|
124
|
+
const previous = this.#isOpen();
|
|
125
|
+
const result = this.#runtime.handle(event);
|
|
126
|
+
if (result.ok)
|
|
127
|
+
for (const command of result.commands)
|
|
128
|
+
this.#options.command?.(command);
|
|
129
|
+
this.#refresh(previous);
|
|
130
|
+
if (result.ok)
|
|
131
|
+
this.#options.onUpdate?.();
|
|
132
|
+
return result.ok;
|
|
133
|
+
}
|
|
134
|
+
refresh() { this.#refresh(undefined); }
|
|
135
|
+
disconnect() {
|
|
136
|
+
if (this.#isOpen())
|
|
137
|
+
this.#layers.close(this.#layerID);
|
|
138
|
+
this.#options.root.removeEventListener('keydown', this.#keydown);
|
|
139
|
+
this.#options.trigger?.removeEventListener('keydown', this.#keydown);
|
|
140
|
+
this.#options.root.ownerDocument?.removeEventListener?.('keydown', this.#documentKeydown, true);
|
|
141
|
+
this.#options.trigger?.removeEventListener('click', this.#click);
|
|
142
|
+
this.#options.trigger?.removeEventListener('focus', this.#focusIn);
|
|
143
|
+
this.#options.trigger?.removeEventListener('blur', this.#focusOut);
|
|
144
|
+
this.#options.trigger?.removeEventListener('mouseenter', this.#pointerEnter);
|
|
145
|
+
this.#options.trigger?.removeEventListener('mouseleave', this.#pointerLeave);
|
|
146
|
+
if (this.#options.closeOnInteractOutside === true || this.#options.onInteractOutside !== undefined)
|
|
147
|
+
this.#options.root.ownerDocument?.removeEventListener?.('pointerdown', this.#pointerDown, true);
|
|
148
|
+
this.#modalEffects?.release();
|
|
149
|
+
this.#modalEffects = undefined;
|
|
150
|
+
}
|
|
151
|
+
#isOpen() { return this.#options.read(this.#runtime.getSnapshot().state); }
|
|
152
|
+
#refresh(previous) {
|
|
153
|
+
const open = this.#isOpen();
|
|
154
|
+
if (open && previous !== true) {
|
|
155
|
+
if (this.#options.modal === true && this.#modalEffects === undefined) {
|
|
156
|
+
this.#modalEffects = acquireModalEffects(this.#options.root, [
|
|
157
|
+
...(this.#options.modalBranches ?? []),
|
|
158
|
+
...(this.#options.interactOutsideExclusions ?? []),
|
|
159
|
+
]);
|
|
160
|
+
}
|
|
161
|
+
this.#layers.register({
|
|
162
|
+
id: this.#layerID,
|
|
163
|
+
surface: this.#options.root,
|
|
164
|
+
owner: this.#options.trigger ?? this.#options.root,
|
|
165
|
+
layer: {
|
|
166
|
+
id: this.#layerID,
|
|
167
|
+
mode: this.#options.role === 'tooltip'
|
|
168
|
+
? 'tooltip'
|
|
169
|
+
: this.#options.modal === true ? 'modal' : 'non-modal',
|
|
170
|
+
dismissOnEscape: true,
|
|
171
|
+
dismissOnInteractOutside: this.#options.closeOnInteractOutside === true,
|
|
172
|
+
},
|
|
173
|
+
close: () => {
|
|
174
|
+
const result = this.#runtime.handle(this.#options.close);
|
|
175
|
+
if (result.ok) {
|
|
176
|
+
for (const command of result.commands)
|
|
177
|
+
this.#options.command?.(command);
|
|
178
|
+
this.#options.onUpdate?.();
|
|
179
|
+
}
|
|
180
|
+
this.#refresh(this.#isOpen() ? false : true);
|
|
181
|
+
},
|
|
182
|
+
});
|
|
183
|
+
}
|
|
184
|
+
else if (!open && previous === true) {
|
|
185
|
+
this.#layers.close(this.#layerID);
|
|
186
|
+
this.#modalEffects?.release();
|
|
187
|
+
this.#modalEffects = undefined;
|
|
188
|
+
}
|
|
189
|
+
if (this.#options.manageVisibility !== false)
|
|
190
|
+
this.#options.root.hidden = !open;
|
|
191
|
+
if (this.#options.trigger !== undefined && this.#options.triggerMode !== 'focus-hover')
|
|
192
|
+
this.#options.trigger.setAttribute('aria-expanded', String(open));
|
|
193
|
+
if (!open)
|
|
194
|
+
this.#initialFocusApplied = false;
|
|
195
|
+
if (open)
|
|
196
|
+
this.#applyInitialFocus();
|
|
197
|
+
else if (previous === true && this.#options.restoreFocus === true)
|
|
198
|
+
focusElement(this.#options.trigger);
|
|
199
|
+
}
|
|
200
|
+
#applyInitialFocus() {
|
|
201
|
+
if (this.#initialFocusApplied || this.#options.autoFocus !== true || this.#options.root.hidden)
|
|
202
|
+
return;
|
|
203
|
+
const target = this.#options.initialFocus ?? firstFocusable(this.#options.root) ?? this.#options.root;
|
|
204
|
+
focusElement(target);
|
|
205
|
+
this.#initialFocusApplied = this.#options.root.ownerDocument?.activeElement === target;
|
|
206
|
+
}
|
|
207
|
+
#trapTab(event) {
|
|
208
|
+
const focusable = [...this.#options.root.querySelectorAll(FOCUSABLE)].filter((element) => !element.hasAttribute('disabled') && element.tabIndex >= 0);
|
|
209
|
+
if (focusable.length === 0) {
|
|
210
|
+
event.preventDefault();
|
|
211
|
+
this.#options.root.focus();
|
|
212
|
+
return;
|
|
213
|
+
}
|
|
214
|
+
const activeIndex = focusable.indexOf(this.#options.root.ownerDocument?.activeElement);
|
|
215
|
+
const nextIndex = event.shiftKey ? activeIndex <= 0 ? focusable.length - 1 : activeIndex - 1 : activeIndex < 0 || activeIndex === focusable.length - 1 ? 0 : activeIndex + 1;
|
|
216
|
+
event.preventDefault();
|
|
217
|
+
focusable[nextIndex]?.focus();
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
const FOCUSABLE = 'button,[href],input,select,textarea,[tabindex]';
|
|
221
|
+
function firstFocusable(root) { return root.querySelectorAll?.(FOCUSABLE)[0] ?? null; }
|
|
222
|
+
function focusElement(element) { element?.focus?.(); }
|
|
223
|
+
//# sourceMappingURL=popup-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-control.js","sourceRoot":"","sources":["../../src/internal/popup-control.ts"],"names":[],"mappings":"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"}
|
|
@@ -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 { tryCreateInteractionState, requireInteraction, } from '@sectile/core/interaction';
|
|
2
|
+
import { tryCreateRevisionSnapshot, 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 = tryCreateInteractionState(options.interaction);
|
|
8
|
+
if (!interaction.ok)
|
|
9
|
+
return interaction;
|
|
10
|
+
const snapshot = tryCreateRevisionSnapshot(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,yBAAyB,EACzB,kBAAkB,GAEnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,yBAAyB,EACzB,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,yBAAyB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,IAAI,CAAC,WAAW,CAAC,EAAE;QAAE,OAAO,WAAW,CAAC;IACxC,MAAM,QAAQ,GAAG,yBAAyB,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClE,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,CAUpB;IAEM,UAAU,IAAI,IAAI,CAMxB;CA2DF"}
|