@sectile/dom 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +91 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +289 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +32 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +14 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +98 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +296 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +64 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +290 -0
- package/dist/carousel.js.map +1 -0
- package/dist/cascade-select.d.ts +61 -0
- package/dist/cascade-select.d.ts.map +1 -0
- package/dist/cascade-select.js +175 -0
- package/dist/cascade-select.js.map +1 -0
- package/dist/checkbox-group.d.ts +22 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +32 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +64 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +63 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/color-picker.d.ts +54 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +316 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/combobox.d.ts +129 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +397 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +42 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +91 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +52 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +127 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-field.d.ts +48 -0
- package/dist/date-range-field.d.ts.map +1 -0
- package/dist/date-range-field.js +114 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/date-range-picker.d.ts +52 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +69 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +42 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +166 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +54 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +295 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +57 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +322 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +31 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +15 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +70 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +142 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/editable.d.ts +37 -0
- package/dist/editable.d.ts.map +1 -0
- package/dist/editable.js +83 -0
- package/dist/editable.js.map +1 -0
- package/dist/feed.d.ts +43 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +151 -0
- package/dist/feed.js.map +1 -0
- package/dist/form.d.ts +82 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +473 -0
- package/dist/form.js.map +1 -0
- package/dist/grid.d.ts +54 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +172 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +109 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +61 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/checked-control.d.ts +67 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +137 -0
- package/dist/internal/checked-control.js.map +1 -0
- package/dist/internal/controller.d.ts +6 -0
- package/dist/internal/controller.d.ts.map +1 -0
- package/dist/internal/controller.js +35 -0
- package/dist/internal/controller.js.map +1 -0
- package/dist/internal/date-picker-cell.d.ts +2 -0
- package/dist/internal/date-picker-cell.d.ts.map +1 -0
- package/dist/internal/date-picker-cell.js +10 -0
- package/dist/internal/date-picker-cell.js.map +1 -0
- package/dist/internal/delegated-event.d.ts +2 -0
- package/dist/internal/delegated-event.d.ts.map +1 -0
- package/dist/internal/delegated-event.js +11 -0
- package/dist/internal/delegated-event.js.map +1 -0
- package/dist/internal/direction.d.ts +3 -0
- package/dist/internal/direction.d.ts.map +1 -0
- package/dist/internal/direction.js +8 -0
- package/dist/internal/direction.js.map +1 -0
- package/dist/internal/disabled-items.d.ts +6 -0
- package/dist/internal/disabled-items.d.ts.map +1 -0
- package/dist/internal/disabled-items.js +15 -0
- package/dist/internal/disabled-items.js.map +1 -0
- package/dist/internal/facade.d.ts +45 -0
- package/dist/internal/facade.d.ts.map +1 -0
- package/dist/internal/facade.js +58 -0
- package/dist/internal/facade.js.map +1 -0
- package/dist/internal/floating-position.d.ts +26 -0
- package/dist/internal/floating-position.d.ts.map +1 -0
- package/dist/internal/floating-position.js +93 -0
- package/dist/internal/floating-position.js.map +1 -0
- package/dist/internal/interaction.d.ts +14 -0
- package/dist/internal/interaction.d.ts.map +1 -0
- package/dist/internal/interaction.js +25 -0
- package/dist/internal/interaction.js.map +1 -0
- package/dist/internal/layer-binding.d.ts +16 -0
- package/dist/internal/layer-binding.d.ts.map +1 -0
- package/dist/internal/layer-binding.js +99 -0
- package/dist/internal/layer-binding.js.map +1 -0
- package/dist/internal/layer-manager.d.ts +19 -0
- package/dist/internal/layer-manager.d.ts.map +1 -0
- package/dist/internal/layer-manager.js +81 -0
- package/dist/internal/layer-manager.js.map +1 -0
- package/dist/internal/menu-control.d.ts +41 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +279 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/popup-control.d.ts +40 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +189 -0
- package/dist/internal/popup-control.js.map +1 -0
- package/dist/internal/semantic-controller.d.ts +20 -0
- package/dist/internal/semantic-controller.d.ts.map +1 -0
- package/dist/internal/semantic-controller.js +42 -0
- package/dist/internal/semantic-controller.js.map +1 -0
- package/dist/internal/text-element.d.ts +16 -0
- package/dist/internal/text-element.d.ts.map +1 -0
- package/dist/internal/text-element.js +217 -0
- package/dist/internal/text-element.js.map +1 -0
- package/dist/listbox.d.ts +142 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +463 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +10 -0
- package/dist/menu-button.d.ts.map +1 -0
- package/dist/menu-button.js +11 -0
- package/dist/menu-button.js.map +1 -0
- package/dist/menu.d.ts +10 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +11 -0
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +8 -0
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +11 -0
- package/dist/menubar.js.map +1 -0
- package/dist/month-picker.d.ts +5 -0
- package/dist/month-picker.d.ts.map +1 -0
- package/dist/month-picker.js +3 -0
- package/dist/month-picker.js.map +1 -0
- package/dist/month-range-picker.d.ts +4 -0
- package/dist/month-range-picker.d.ts.map +1 -0
- package/dist/month-range-picker.js +3 -0
- package/dist/month-range-picker.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +43 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +190 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/navigation-menu.d.ts +8 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +10 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +48 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +138 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +52 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +199 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +31 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +84 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/popover.d.ts +54 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +79 -0
- package/dist/popover.js.map +1 -0
- package/dist/quantity-field.d.ts +53 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +190 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +69 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +225 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/range-calendar.d.ts +3 -0
- package/dist/range-calendar.d.ts.map +1 -0
- package/dist/range-calendar.js +2 -0
- package/dist/range-calendar.js.map +1 -0
- package/dist/rating.d.ts +23 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +38 -0
- package/dist/rating.js.map +1 -0
- package/dist/reorder.d.ts +39 -0
- package/dist/reorder.d.ts.map +1 -0
- package/dist/reorder.js +308 -0
- package/dist/reorder.js.map +1 -0
- package/dist/select.d.ts +50 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +89 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +108 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +342 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +44 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +130 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +24 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +32 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +45 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +44 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +86 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +259 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +38 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +93 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +85 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +225 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +42 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +59 -0
- package/dist/time-field.js.map +1 -0
- package/dist/time-range-field.d.ts +48 -0
- package/dist/time-range-field.d.ts.map +1 -0
- package/dist/time-range-field.js +98 -0
- package/dist/time-range-field.js.map +1 -0
- package/dist/timer.d.ts +32 -0
- package/dist/timer.d.ts.map +1 -0
- package/dist/timer.js +46 -0
- package/dist/timer.js.map +1 -0
- package/dist/toast.d.ts +34 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +116 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-button.d.ts +39 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +37 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toggle-group.d.ts +42 -0
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +91 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toolbar.d.ts +43 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +151 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +44 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +67 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +131 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +466 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +104 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +332 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +8 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +13 -0
- package/dist/window-splitter.js.map +1 -0
- package/dist/year-picker.d.ts +3 -0
- package/dist/year-picker.d.ts.map +1 -0
- package/dist/year-picker.js +2 -0
- package/dist/year-picker.js.map +1 -0
- package/dist/year-range-picker.d.ts +3 -0
- package/dist/year-range-picker.d.ts.map +1 -0
- package/dist/year-range-picker.js +2 -0
- package/dist/year-range-picker.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { createSemanticController } from './semantic-controller.js';
|
|
2
|
+
export function createCheckedControlController(options) {
|
|
3
|
+
const runtime = createSemanticController({
|
|
4
|
+
initial: options.initial,
|
|
5
|
+
reducer: options.reducer,
|
|
6
|
+
reconcile: (previous, proposed) => options.controlled
|
|
7
|
+
? options.create(options.read(previous))
|
|
8
|
+
: options.create(options.read(proposed)),
|
|
9
|
+
notify: (previous, proposed) => {
|
|
10
|
+
if (options.read(previous) !== options.read(proposed)) {
|
|
11
|
+
options.onChange?.(options.read(proposed));
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
toEffect: (command) => command,
|
|
15
|
+
interaction: options.interaction,
|
|
16
|
+
});
|
|
17
|
+
if (!runtime.ok)
|
|
18
|
+
return runtime;
|
|
19
|
+
return { ok: true, value: new CheckedControlControllerImpl(options, runtime.value) };
|
|
20
|
+
}
|
|
21
|
+
export function getCheckedControlAttributes(options) {
|
|
22
|
+
const disabled = options.disabled ?? false;
|
|
23
|
+
const readOnly = options.readOnly ?? false;
|
|
24
|
+
const exposesARIAReadOnly = options.supportsReadOnly === true && readOnly;
|
|
25
|
+
const formatted = options.format(options.value);
|
|
26
|
+
return Object.freeze({
|
|
27
|
+
role: options.role,
|
|
28
|
+
...(options.attribute === 'aria-checked'
|
|
29
|
+
? { 'aria-checked': formatted }
|
|
30
|
+
: { 'aria-pressed': formatted }),
|
|
31
|
+
'aria-disabled': disabled ? 'true' : undefined,
|
|
32
|
+
'aria-readonly': exposesARIAReadOnly ? 'true' : undefined,
|
|
33
|
+
'data-state': checkedDataState(formatted),
|
|
34
|
+
'data-disabled': disabled ? '' : undefined,
|
|
35
|
+
'data-readonly': readOnly ? '' : undefined,
|
|
36
|
+
disabled: options.native === true ? disabled : undefined,
|
|
37
|
+
readOnly: options.nativeReadOnly === true && options.supportsReadOnly === true
|
|
38
|
+
? readOnly
|
|
39
|
+
: undefined,
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
export function createDOMCheckedControl(options) {
|
|
43
|
+
const controller = createCheckedControlController({
|
|
44
|
+
controlled: options.controlled,
|
|
45
|
+
initial: options.initial,
|
|
46
|
+
reducer: options.reducer,
|
|
47
|
+
create: options.create,
|
|
48
|
+
read: options.read,
|
|
49
|
+
onChange: options.onChange,
|
|
50
|
+
...(options.interaction === undefined ? {} : { interaction: options.interaction }),
|
|
51
|
+
});
|
|
52
|
+
if (!controller.ok)
|
|
53
|
+
return controller;
|
|
54
|
+
return { ok: true, value: new DOMCheckedControlImpl(options, controller.value) };
|
|
55
|
+
}
|
|
56
|
+
class DOMCheckedControlImpl {
|
|
57
|
+
#options;
|
|
58
|
+
#controller;
|
|
59
|
+
#click;
|
|
60
|
+
constructor(options, controller) {
|
|
61
|
+
this.#options = options;
|
|
62
|
+
this.#controller = controller;
|
|
63
|
+
this.#click = () => { this.handleEvent(options.toggleEvent); };
|
|
64
|
+
options.element.addEventListener('click', this.#click);
|
|
65
|
+
this.updateAttributes();
|
|
66
|
+
}
|
|
67
|
+
getSnapshot() { return this.#controller.getSnapshot(); }
|
|
68
|
+
syncControlledValue(value) {
|
|
69
|
+
const result = this.#controller.syncControlledValue(value);
|
|
70
|
+
if (result.ok) {
|
|
71
|
+
this.updateAttributes();
|
|
72
|
+
this.#options.onUpdate?.();
|
|
73
|
+
}
|
|
74
|
+
return result;
|
|
75
|
+
}
|
|
76
|
+
handleEvent(event) { const accepted = this.#controller.handleEvent(event); this.updateAttributes(); if (accepted)
|
|
77
|
+
this.#options.onUpdate?.(); return accepted; }
|
|
78
|
+
updateAttributes() {
|
|
79
|
+
const value = this.#options.read(this.#controller.getSnapshot().state);
|
|
80
|
+
applyCheckedControlAttributes(this.#options.element, getCheckedControlAttributes({
|
|
81
|
+
attribute: this.#options.attribute,
|
|
82
|
+
value,
|
|
83
|
+
format: this.#options.format,
|
|
84
|
+
native: true,
|
|
85
|
+
nativeReadOnly: true,
|
|
86
|
+
...(this.#options.role === undefined ? {} : { role: this.#options.role }),
|
|
87
|
+
...(this.#options.interaction?.disabled === undefined ? {} : { disabled: this.#options.interaction.disabled }),
|
|
88
|
+
...(this.#options.interaction?.readOnly === undefined ? {} : { readOnly: this.#options.interaction.readOnly }),
|
|
89
|
+
...(this.#options.supportsReadOnly === undefined ? {} : { supportsReadOnly: this.#options.supportsReadOnly }),
|
|
90
|
+
}));
|
|
91
|
+
this.#options.applyValue?.(this.#options.element, value);
|
|
92
|
+
}
|
|
93
|
+
disconnect() { this.#options.element.removeEventListener('click', this.#click); }
|
|
94
|
+
}
|
|
95
|
+
class CheckedControlControllerImpl {
|
|
96
|
+
#options;
|
|
97
|
+
#runtime;
|
|
98
|
+
constructor(options, runtime) {
|
|
99
|
+
this.#options = options;
|
|
100
|
+
this.#runtime = runtime;
|
|
101
|
+
}
|
|
102
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
103
|
+
syncControlledValue(value) {
|
|
104
|
+
if (!this.#options.controlled)
|
|
105
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled checked control cannot be synchronized externally.' } };
|
|
106
|
+
return this.#runtime.replace(this.#options.create(value));
|
|
107
|
+
}
|
|
108
|
+
handleEvent(event) { return this.#runtime.handle(event).ok; }
|
|
109
|
+
}
|
|
110
|
+
function applyCheckedControlAttributes(element, attributes) {
|
|
111
|
+
setOptionalAttribute(element, 'role', attributes.role);
|
|
112
|
+
setOptionalAttribute(element, 'aria-checked', attributes['aria-checked']);
|
|
113
|
+
setOptionalAttribute(element, 'aria-pressed', attributes['aria-pressed']);
|
|
114
|
+
setOptionalAttribute(element, 'aria-disabled', attributes['aria-disabled']);
|
|
115
|
+
setOptionalAttribute(element, 'aria-readonly', attributes['aria-readonly']);
|
|
116
|
+
setOptionalAttribute(element, 'data-state', attributes['data-state']);
|
|
117
|
+
setOptionalAttribute(element, 'data-disabled', attributes['data-disabled']);
|
|
118
|
+
setOptionalAttribute(element, 'data-readonly', attributes['data-readonly']);
|
|
119
|
+
if (attributes.disabled !== undefined && 'disabled' in element) {
|
|
120
|
+
element.disabled = attributes.disabled;
|
|
121
|
+
}
|
|
122
|
+
if (attributes.readOnly !== undefined && 'readOnly' in element) {
|
|
123
|
+
element.readOnly = attributes.readOnly;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
function setOptionalAttribute(element, name, value) {
|
|
127
|
+
if (value === undefined)
|
|
128
|
+
element.removeAttribute?.(name);
|
|
129
|
+
else
|
|
130
|
+
element.setAttribute(name, value);
|
|
131
|
+
}
|
|
132
|
+
function checkedDataState(value) {
|
|
133
|
+
if (value === 'mixed')
|
|
134
|
+
return 'indeterminate';
|
|
135
|
+
return value === 'true' ? 'checked' : 'unchecked';
|
|
136
|
+
}
|
|
137
|
+
//# sourceMappingURL=checked-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checked-control.js","sourceRoot":"","sources":["../../src/internal/checked-control.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import { type EventReducer, type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
|
|
3
|
+
export declare function applyControllerEvent<State, Event, Command, Effect>(current: RevisionSnapshot<State>, expectedRevision: number, event: Event, reducer: EventReducer<State, Event, Command>, reconcile: (previous: State, proposed: State) => Result<State>, notify: (previous: State, proposed: State) => void, toEffect: (command: Command) => Effect): RevisionResult<State, Effect>;
|
|
4
|
+
export declare function synchronizeControllerState<State>(current: RevisionSnapshot<State>, state: Result<State>): Result<RevisionSnapshot<State>>;
|
|
5
|
+
export declare function sameControllerState<State>(left: State, right: State): boolean;
|
|
6
|
+
//# sourceMappingURL=controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/internal/controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAEhC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAChE,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAChC,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAC5C,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAC9D,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,EAClD,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,GACrC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAc/B;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAC9C,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GACnB,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAcjC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,CAE7E"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { applyRevisionedEvent, tryCreateRevisionSnapshot, mapRevisionCommands, rejectRevisionInput, } from '@sectile/core/revision';
|
|
2
|
+
export function applyControllerEvent(current, expectedRevision, event, reducer, reconcile, notify, toEffect) {
|
|
3
|
+
const semantic = applyRevisionedEvent(current, expectedRevision, event, reducer);
|
|
4
|
+
if (!semantic.ok)
|
|
5
|
+
return semantic;
|
|
6
|
+
const committed = reconcile(current.state, semantic.snapshot.state);
|
|
7
|
+
if (!committed.ok)
|
|
8
|
+
return rejectRevisionInput(current, committed.error);
|
|
9
|
+
const snapshot = Object.freeze({
|
|
10
|
+
revision: semantic.snapshot.revision,
|
|
11
|
+
state: committed.value,
|
|
12
|
+
});
|
|
13
|
+
notify(current.state, semantic.snapshot.state);
|
|
14
|
+
return mapRevisionCommands(Object.freeze({ ok: true, snapshot, commands: semantic.commands }), toEffect);
|
|
15
|
+
}
|
|
16
|
+
export function synchronizeControllerState(current, state) {
|
|
17
|
+
if (!state.ok)
|
|
18
|
+
return state;
|
|
19
|
+
if (current.revision === Number.MAX_SAFE_INTEGER) {
|
|
20
|
+
return {
|
|
21
|
+
ok: false,
|
|
22
|
+
error: {
|
|
23
|
+
class: 'resource-rejection',
|
|
24
|
+
code: 'revision-ceiling-reached',
|
|
25
|
+
message: 'Controller revision cannot advance beyond the safe-integer ceiling.',
|
|
26
|
+
details: { revision: current.revision },
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
return tryCreateRevisionSnapshot(state.value, current.revision + 1);
|
|
31
|
+
}
|
|
32
|
+
export function sameControllerState(left, right) {
|
|
33
|
+
return JSON.stringify(left) === JSON.stringify(right);
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../src/internal/controller.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,mBAAmB,EACnB,mBAAmB,GAIpB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,UAAU,oBAAoB,CAClC,OAAgC,EAChC,gBAAwB,EACxB,KAAY,EACZ,OAA4C,EAC5C,SAA8D,EAC9D,MAAkD,EAClD,QAAsC;IAEtC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IACjF,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAClC,MAAM,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,IAAI,CAAC,SAAS,CAAC,EAAE;QAAE,OAAO,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ;QACpC,KAAK,EAAE,SAAS,CAAC,KAAK;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,mBAAmB,CACxB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAC3E,QAAQ,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,OAAgC,EAChC,KAAoB;IAEpB,IAAI,CAAC,KAAK,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC;IAC5B,IAAI,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC,gBAAgB,EAAE,CAAC;QACjD,OAAO;YACL,EAAE,EAAE,KAAK;YACT,KAAK,EAAE;gBACL,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,0BAA0B;gBAChC,OAAO,EAAE,qEAAqE;gBAC9E,OAAO,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE;aACxC;SACF,CAAC;IACJ,CAAC;IACD,OAAO,yBAAyB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAQ,IAAW,EAAE,KAAY;IAClE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACxD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker-cell.d.ts","sourceRoot":"","sources":["../../src/internal/date-picker-cell.ts"],"names":[],"mappings":"AAAA,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAK5F"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function setDatePickerCellAvailability(element, available) {
|
|
2
|
+
element.setAttribute('aria-disabled', String(!available));
|
|
3
|
+
if ('disabled' in element)
|
|
4
|
+
element.disabled = !available;
|
|
5
|
+
if (available)
|
|
6
|
+
delete element.dataset['unavailable'];
|
|
7
|
+
else
|
|
8
|
+
element.dataset['unavailable'] = '';
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=date-picker-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker-cell.js","sourceRoot":"","sources":["../../src/internal/date-picker-cell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,6BAA6B,CAAC,OAAoB,EAAE,SAAkB;IACpF,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1D,IAAI,UAAU,IAAI,OAAO;QAAG,OAA+C,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC;IAClG,IAAI,SAAS;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;;QAChD,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;AAC3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delegated-event.d.ts","sourceRoot":"","sources":["../../src/internal/delegated-event.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,MAAM,GACV,MAAM,GAAG,IAAI,CAQf"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export function findDelegatedID(target, root, key) {
|
|
2
|
+
let element = target;
|
|
3
|
+
while (element != null && element !== root) {
|
|
4
|
+
const id = element.dataset?.[key];
|
|
5
|
+
if (id !== undefined)
|
|
6
|
+
return id;
|
|
7
|
+
element = element.parentElement ?? null;
|
|
8
|
+
}
|
|
9
|
+
return root.dataset[key] ?? null;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=delegated-event.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delegated-event.js","sourceRoot":"","sources":["../../src/internal/delegated-event.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAC7B,MAA0B,EAC1B,IAAiB,EACjB,GAAW;IAEX,IAAI,OAAO,GAAG,MAA4B,CAAC;IAC3C,OAAO,OAAO,IAAI,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,EAAE,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAChC,OAAO,GAAG,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC;IAC1C,CAAC;IACD,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;AACnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/internal/direction.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7C,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,gBAAwB,GAClC,MAAM,GAAG,UAAU,GAAG,IAAI,CAI5B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export function horizontalArrow(key, direction = 'ltr') {
|
|
2
|
+
if (key === 'ArrowRight')
|
|
3
|
+
return direction === 'rtl' ? 'previous' : 'next';
|
|
4
|
+
if (key === 'ArrowLeft')
|
|
5
|
+
return direction === 'rtl' ? 'next' : 'previous';
|
|
6
|
+
return null;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=direction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../src/internal/direction.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,eAAe,CAC7B,GAAW,EACX,SAAS,GAAqB,KAAK;IAEnC,IAAI,GAAG,KAAK,YAAY;QAAE,OAAO,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3E,IAAI,GAAG,KAAK,WAAW;QAAE,OAAO,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAC1E,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Result, StableID } from '@sectile/core';
|
|
2
|
+
export interface IdentityDomain<ID extends StableID> {
|
|
3
|
+
contains(id: ID): boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare function createDisabledItems<ID extends StableID>(domain: IdentityDomain<ID>, items?: readonly ID[]): Result<ReadonlySet<ID>>;
|
|
6
|
+
//# sourceMappingURL=disabled-items.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"disabled-items.d.ts","sourceRoot":"","sources":["../../src/internal/disabled-items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,WAAW,cAAc,CAAC,EAAE,SAAS,QAAQ;IACjD,QAAQ,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,QAAQ,EACrD,MAAM,EAAE,cAAc,CAAC,EAAE,CAAC,EAC1B,KAAK,GAAE,SAAS,EAAE,EAAO,GACxB,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAazB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function createDisabledItems(domain, items = []) {
|
|
2
|
+
const disabled = new Set(items);
|
|
3
|
+
for (const id of disabled) {
|
|
4
|
+
if (!domain.contains(id)) {
|
|
5
|
+
return { ok: false, error: {
|
|
6
|
+
class: 'construction',
|
|
7
|
+
code: 'disabled-item-outside-domain',
|
|
8
|
+
message: 'Every disabled item must exist in the component domain.',
|
|
9
|
+
details: { id },
|
|
10
|
+
} };
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return { ok: true, value: disabled };
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=disabled-items.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"disabled-items.js","sourceRoot":"","sources":["../../src/internal/disabled-items.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,mBAAmB,CACjC,MAA0B,EAC1B,KAAK,GAAkB,EAAE;IAEzB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;IAChC,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;YACzB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;oBACzB,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,8BAA8B;oBACpC,OAAO,EAAE,yDAAyD;oBAClE,OAAO,EAAE,EAAE,EAAE,EAAE;iBAChB,EAAE,CAAC;QACN,CAAC;IACH,CAAC;IACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
interface SnapshotConnection {
|
|
3
|
+
getSnapshot(): {
|
|
4
|
+
readonly state: unknown;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface FacadeOptions {
|
|
8
|
+
readonly onUpdate?: () => void;
|
|
9
|
+
}
|
|
10
|
+
type SnapshotOf<Connection extends SnapshotConnection> = ReturnType<Connection['getSnapshot']>;
|
|
11
|
+
export type FacadeSnapshotListener<Connection extends SnapshotConnection> = (snapshot: SnapshotOf<Connection>) => void;
|
|
12
|
+
type StateOf<Connection extends SnapshotConnection> = SnapshotOf<Connection>['state'];
|
|
13
|
+
type SendInput<Connection> = Connection extends {
|
|
14
|
+
handleEvent(input: infer Input): boolean;
|
|
15
|
+
} ? Input : Connection extends {
|
|
16
|
+
handleKeyboardInput(input: infer Input): boolean;
|
|
17
|
+
} ? Input : Connection extends {
|
|
18
|
+
handleKeyboardEvent(input: infer Input): boolean;
|
|
19
|
+
} ? Input : Connection extends {
|
|
20
|
+
handleBeforeInput(input: infer Input): boolean;
|
|
21
|
+
} ? Input : never;
|
|
22
|
+
type UpdateInput<Connection> = Connection extends {
|
|
23
|
+
syncControlledValues(input: infer Input): unknown;
|
|
24
|
+
} ? Input : Connection extends {
|
|
25
|
+
syncControlledValue(input: infer Input): unknown;
|
|
26
|
+
} ? Input : Connection extends {
|
|
27
|
+
syncWindow(input: infer Input): unknown;
|
|
28
|
+
} ? Input : never;
|
|
29
|
+
type UpdateResult<Connection> = Connection extends {
|
|
30
|
+
syncControlledValues(input: infer _Input): infer Output;
|
|
31
|
+
} ? Output : Connection extends {
|
|
32
|
+
syncControlledValue(input: infer _Input): infer Output;
|
|
33
|
+
} ? Output : Connection extends {
|
|
34
|
+
syncWindow(input: infer _Input): infer Output;
|
|
35
|
+
} ? Output : never;
|
|
36
|
+
export type FacadeConnection<Connection extends SnapshotConnection> = Connection & {
|
|
37
|
+
readonly state: StateOf<Connection>;
|
|
38
|
+
send(input: SendInput<Connection>): boolean;
|
|
39
|
+
update(input: UpdateInput<Connection>): UpdateResult<Connection>;
|
|
40
|
+
subscribe(listener: FacadeSnapshotListener<Connection>): () => void;
|
|
41
|
+
destroy(): void;
|
|
42
|
+
};
|
|
43
|
+
export declare function createFacadeConnection<Options extends FacadeOptions, Connection extends SnapshotConnection>(options: Options, construct: (options: Options) => Result<Connection>): Result<FacadeConnection<Connection>>;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=facade.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"facade.d.ts","sourceRoot":"","sources":["../../src/internal/facade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,UAAU,kBAAkB;IAC1B,WAAW,IAAI;QAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5C;AAED,UAAU,aAAa;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,KAAK,UAAU,CAAC,UAAU,SAAS,kBAAkB,IAAI,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;AAC/F,MAAM,MAAM,sBAAsB,CAAC,UAAU,SAAS,kBAAkB,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AACvH,KAAK,OAAO,CAAC,UAAU,SAAS,kBAAkB,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;AACtF,KAAK,SAAS,CAAC,UAAU,IAAI,UAAU,SAAS;IAAE,WAAW,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACxF,KAAK,GACL,UAAU,SAAS;IAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACrE,KAAK,GACL,UAAU,SAAS;IAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACrE,KAAK,GACL,UAAU,SAAS;IAAE,iBAAiB,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACnE,KAAK,GACL,KAAK,CAAC;AAChB,KAAK,WAAW,CAAC,UAAU,IAAI,UAAU,SAAS;IAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACnG,KAAK,GACL,UAAU,SAAS;IAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GACrE,KAAK,GACL,UAAU,SAAS;IAAE,UAAU,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,OAAO,CAAA;CAAE,GAC5D,KAAK,GACL,KAAK,CAAC;AACd,KAAK,YAAY,CAAC,UAAU,IAAI,UAAU,SAAS;IAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAA;CAAE,GAC1G,MAAM,GACN,UAAU,SAAS;IAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAA;CAAE,GAC3E,MAAM,GACN,UAAU,SAAS;IAAE,UAAU,CAAC,KAAK,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAA;CAAE,GAClE,MAAM,GACN,KAAK,CAAC;AAEd,MAAM,MAAM,gBAAgB,CAAC,UAAU,SAAS,kBAAkB,IAAI,UAAU,GAAG;IACjF,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACpC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IACjE,SAAS,CAAC,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,MAAM,IAAI,CAAC;IACpE,OAAO,IAAI,IAAI,CAAC;CACjB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,OAAO,SAAS,aAAa,EAC7B,UAAU,SAAS,kBAAkB,EAErC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,UAAU,CAAC,GAClD,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAqCtC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export function createFacadeConnection(options, construct) {
|
|
2
|
+
const subscribers = new Set();
|
|
3
|
+
let connection;
|
|
4
|
+
let active = true;
|
|
5
|
+
const onUpdate = () => {
|
|
6
|
+
options.onUpdate?.();
|
|
7
|
+
if (connection === undefined)
|
|
8
|
+
return;
|
|
9
|
+
const snapshot = connection.getSnapshot();
|
|
10
|
+
for (const subscriber of subscribers)
|
|
11
|
+
subscriber(snapshot);
|
|
12
|
+
};
|
|
13
|
+
const constructed = construct({ ...options, onUpdate });
|
|
14
|
+
if (!constructed.ok)
|
|
15
|
+
return constructed;
|
|
16
|
+
connection = constructed.value;
|
|
17
|
+
const target = connection;
|
|
18
|
+
const facade = new Proxy(target, {
|
|
19
|
+
get: (_target, property) => {
|
|
20
|
+
if (property === 'state')
|
|
21
|
+
return connection?.getSnapshot().state;
|
|
22
|
+
if (property === 'send')
|
|
23
|
+
return (input) => active && Boolean(callFirst(target, ['handleEvent', 'handleKeyboardInput', 'handleKeyboardEvent', 'handleBeforeInput'], input));
|
|
24
|
+
if (property === 'update')
|
|
25
|
+
return (input) => callFirst(target, ['syncControlledValues', 'syncControlledValue', 'syncWindow'], input);
|
|
26
|
+
if (property === 'subscribe')
|
|
27
|
+
return (listener) => {
|
|
28
|
+
subscribers.add(listener);
|
|
29
|
+
return () => { subscribers.delete(listener); };
|
|
30
|
+
};
|
|
31
|
+
if (property === 'destroy')
|
|
32
|
+
return () => {
|
|
33
|
+
if (!active)
|
|
34
|
+
return;
|
|
35
|
+
active = false;
|
|
36
|
+
const disconnect = target['disconnect'];
|
|
37
|
+
if (typeof disconnect === 'function')
|
|
38
|
+
Reflect.apply(disconnect, target, []);
|
|
39
|
+
subscribers.clear();
|
|
40
|
+
};
|
|
41
|
+
const value = Reflect.get(target, property, target);
|
|
42
|
+
const ownDescriptor = Reflect.getOwnPropertyDescriptor(target, property);
|
|
43
|
+
if (ownDescriptor !== undefined && ownDescriptor.configurable === false)
|
|
44
|
+
return value;
|
|
45
|
+
return typeof value === 'function' ? value.bind(target) : value;
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
return { ok: true, value: facade };
|
|
49
|
+
}
|
|
50
|
+
function callFirst(target, names, input) {
|
|
51
|
+
for (const name of names) {
|
|
52
|
+
const method = target[name];
|
|
53
|
+
if (typeof method === 'function')
|
|
54
|
+
return Reflect.apply(method, target, [input]);
|
|
55
|
+
}
|
|
56
|
+
throw new TypeError(`The connection does not implement ${names.join(' or ')}.`);
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=facade.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"facade.js","sourceRoot":"","sources":["../../src/internal/facade.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type AutoUpdateOptions, type Boundary, type ComputePositionConfig, type ComputePositionReturn, type Padding, type ReferenceElement, type Strategy } from '@floating-ui/dom';
|
|
2
|
+
export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
|
|
3
|
+
export type FloatingAlign = 'start' | 'center' | 'end';
|
|
4
|
+
export interface FloatingPositionOptions {
|
|
5
|
+
readonly root: HTMLElement;
|
|
6
|
+
readonly reference?: ReferenceElement | undefined;
|
|
7
|
+
readonly arrow?: HTMLElement | undefined;
|
|
8
|
+
readonly side?: FloatingSide | undefined;
|
|
9
|
+
readonly align?: FloatingAlign | undefined;
|
|
10
|
+
readonly sideOffset?: number | undefined;
|
|
11
|
+
readonly collisionPadding?: Padding | undefined;
|
|
12
|
+
readonly collisionBoundary?: Boundary | undefined;
|
|
13
|
+
readonly avoidCollisions?: boolean | undefined;
|
|
14
|
+
readonly arrowPadding?: Padding | undefined;
|
|
15
|
+
readonly hideWhenDetached?: boolean | undefined;
|
|
16
|
+
readonly strategy?: Strategy | undefined;
|
|
17
|
+
readonly middleware?: ComputePositionConfig['middleware'] | undefined;
|
|
18
|
+
readonly autoUpdate?: boolean | AutoUpdateOptions | undefined;
|
|
19
|
+
readonly onPositionChange?: ((position: ComputePositionReturn) => void) | undefined;
|
|
20
|
+
}
|
|
21
|
+
export interface FloatingPositionConnection {
|
|
22
|
+
update(): void;
|
|
23
|
+
disconnect(): void;
|
|
24
|
+
}
|
|
25
|
+
export declare function createFloatingPosition(options: FloatingPositionOptions): FloatingPositionConnection;
|
|
26
|
+
//# sourceMappingURL=floating-position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-position.d.ts","sourceRoot":"","sources":["../../src/internal/floating-position.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EACb,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAE1B,KAAK,OAAO,EACZ,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,GAAG,SAAS,CAAC;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrF;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,IAAI,IAAI,CAAC;IACf,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,uBAAuB,GAAG,0BAA0B,CA4CnG"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { arrow as arrowMiddleware, autoUpdate, computePosition, flip as flipMiddleware, hide as hideMiddleware, limitShift as limitShiftMiddleware, offset as offsetMiddleware, shift as shiftMiddleware, size as sizeMiddleware, } from '@floating-ui/dom';
|
|
2
|
+
export function createFloatingPosition(options) {
|
|
3
|
+
let cleanupAutoUpdate;
|
|
4
|
+
let positionRequest = 0;
|
|
5
|
+
const stopAutoUpdate = () => {
|
|
6
|
+
cleanupAutoUpdate?.();
|
|
7
|
+
cleanupAutoUpdate = undefined;
|
|
8
|
+
};
|
|
9
|
+
const compute = async () => {
|
|
10
|
+
const { reference, root } = options;
|
|
11
|
+
if (root.hidden || reference === undefined || typeof window === 'undefined')
|
|
12
|
+
return;
|
|
13
|
+
const request = ++positionRequest;
|
|
14
|
+
const strategy = options.strategy ?? 'fixed';
|
|
15
|
+
root.style.position = strategy;
|
|
16
|
+
const position = await computePosition(reference, root, {
|
|
17
|
+
placement: toPlacement(options.side ?? 'bottom', options.align ?? 'center'),
|
|
18
|
+
strategy,
|
|
19
|
+
middleware: options.middleware ?? defaultMiddleware(options),
|
|
20
|
+
});
|
|
21
|
+
if (request !== positionRequest || root.hidden)
|
|
22
|
+
return;
|
|
23
|
+
Object.assign(root.style, { left: `${position.x}px`, top: `${position.y}px` });
|
|
24
|
+
applyPositionData(root, options.arrow, position);
|
|
25
|
+
options.onPositionChange?.(position);
|
|
26
|
+
};
|
|
27
|
+
const update = () => {
|
|
28
|
+
if (options.root.hidden || options.reference === undefined || typeof window === 'undefined') {
|
|
29
|
+
stopAutoUpdate();
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (options.autoUpdate !== false && cleanupAutoUpdate === undefined) {
|
|
33
|
+
const updateOptions = typeof options.autoUpdate === 'object' ? options.autoUpdate : undefined;
|
|
34
|
+
cleanupAutoUpdate = autoUpdate(options.reference, options.root, () => { void compute(); }, updateOptions);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
void compute();
|
|
38
|
+
};
|
|
39
|
+
return Object.freeze({
|
|
40
|
+
update,
|
|
41
|
+
disconnect: () => {
|
|
42
|
+
stopAutoUpdate();
|
|
43
|
+
positionRequest += 1;
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
function toPlacement(side, align) {
|
|
48
|
+
return align === 'center' ? side : `${side}-${align}`;
|
|
49
|
+
}
|
|
50
|
+
function defaultMiddleware(options) {
|
|
51
|
+
const overflow = {
|
|
52
|
+
padding: options.collisionPadding ?? 8,
|
|
53
|
+
...(options.collisionBoundary === undefined ? {} : { boundary: options.collisionBoundary }),
|
|
54
|
+
};
|
|
55
|
+
const middleware = [offsetMiddleware(options.sideOffset ?? 8)];
|
|
56
|
+
if (options.avoidCollisions ?? true) {
|
|
57
|
+
middleware.push(flipMiddleware({ ...overflow, crossAxis: 'alignment', fallbackAxisSideDirection: 'end' }), shiftMiddleware({ ...overflow, crossAxis: true, limiter: limitShiftMiddleware() }), sizeMiddleware({
|
|
58
|
+
...overflow,
|
|
59
|
+
apply: ({ availableHeight, availableWidth, elements, rects }) => {
|
|
60
|
+
elements.floating.style.setProperty('--sectile-floating-available-width', `${Math.max(0, availableWidth)}px`);
|
|
61
|
+
elements.floating.style.setProperty('--sectile-floating-available-height', `${Math.max(0, availableHeight)}px`);
|
|
62
|
+
elements.floating.style.setProperty('--sectile-floating-anchor-width', `${rects.reference.width}px`);
|
|
63
|
+
elements.floating.style.setProperty('--sectile-floating-anchor-height', `${rects.reference.height}px`);
|
|
64
|
+
elements.floating.style.setProperty('--sectile-popover-available-width', `${Math.max(0, availableWidth)}px`);
|
|
65
|
+
elements.floating.style.setProperty('--sectile-popover-available-height', `${Math.max(0, availableHeight)}px`);
|
|
66
|
+
elements.floating.style.setProperty('--sectile-popover-anchor-width', `${rects.reference.width}px`);
|
|
67
|
+
elements.floating.style.setProperty('--sectile-popover-anchor-height', `${rects.reference.height}px`);
|
|
68
|
+
},
|
|
69
|
+
}));
|
|
70
|
+
}
|
|
71
|
+
if (options.arrow !== undefined)
|
|
72
|
+
middleware.push(arrowMiddleware({ element: options.arrow, padding: options.arrowPadding ?? 8 }));
|
|
73
|
+
if (options.hideWhenDetached ?? true)
|
|
74
|
+
middleware.push(hideMiddleware({ ...overflow, strategy: 'referenceHidden' }));
|
|
75
|
+
return middleware;
|
|
76
|
+
}
|
|
77
|
+
function applyPositionData(root, arrow, position) {
|
|
78
|
+
const [side, placementAlign] = position.placement.split('-');
|
|
79
|
+
root.dataset['side'] = side;
|
|
80
|
+
root.dataset['align'] = placementAlign ?? 'center';
|
|
81
|
+
root.dataset['placement'] = position.placement;
|
|
82
|
+
const referenceHidden = position.middlewareData['hide']?.['referenceHidden'] === true;
|
|
83
|
+
root.dataset['referenceHidden'] = String(referenceHidden);
|
|
84
|
+
root.style.visibility = referenceHidden ? 'hidden' : '';
|
|
85
|
+
if (arrow === undefined)
|
|
86
|
+
return;
|
|
87
|
+
const arrowData = position.middlewareData['arrow'];
|
|
88
|
+
arrow.dataset['side'] = side;
|
|
89
|
+
arrow.style.left = typeof arrowData?.['x'] === 'number' ? `${arrowData['x']}px` : '';
|
|
90
|
+
arrow.style.top = typeof arrowData?.['y'] === 'number' ? `${arrowData['y']}px` : '';
|
|
91
|
+
arrow.dataset['centerOffset'] = String(arrowData?.['centerOffset'] ?? 0);
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=floating-position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-position.js","sourceRoot":"","sources":["../../src/internal/floating-position.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { InteractionStateInput } from '@sectile/core/interaction';
|
|
2
|
+
interface ValidationResult {
|
|
3
|
+
readonly ok: boolean;
|
|
4
|
+
readonly error?: {
|
|
5
|
+
readonly message: string;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export declare function setInteractionAttributes(element: HTMLElement, interaction: InteractionStateInput, options?: {
|
|
9
|
+
readonly readOnly?: boolean | undefined;
|
|
10
|
+
readonly native?: boolean | undefined;
|
|
11
|
+
}): void;
|
|
12
|
+
export declare function setFieldValidity(input: HTMLInputElement, result: ValidationResult): void;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=interaction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/internal/interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,qBAAqB,EAClC,OAAO,GAAE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAO,GAC/F,IAAI,CAeN;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,gBAAgB,GACvB,IAAI,CAIN"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export function setInteractionAttributes(element, interaction, options = {}) {
|
|
2
|
+
const disabled = interaction.disabled ?? false;
|
|
3
|
+
if (disabled)
|
|
4
|
+
element.setAttribute('aria-disabled', 'true');
|
|
5
|
+
else
|
|
6
|
+
element.removeAttribute?.('aria-disabled');
|
|
7
|
+
if (options.native && 'disabled' in element) {
|
|
8
|
+
element.disabled = disabled;
|
|
9
|
+
}
|
|
10
|
+
if (options.readOnly) {
|
|
11
|
+
const readOnly = interaction.readOnly ?? false;
|
|
12
|
+
if (readOnly)
|
|
13
|
+
element.setAttribute('aria-readonly', 'true');
|
|
14
|
+
else
|
|
15
|
+
element.removeAttribute?.('aria-readonly');
|
|
16
|
+
if ('readOnly' in element)
|
|
17
|
+
element.readOnly = readOnly;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export function setFieldValidity(input, result) {
|
|
21
|
+
const message = !result.ok ? result.error?.message ?? 'The value is invalid.' : '';
|
|
22
|
+
input.setAttribute('aria-invalid', String(message.length > 0));
|
|
23
|
+
input.setCustomValidity?.(message);
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=interaction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../src/internal/interaction.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,wBAAwB,CACtC,OAAoB,EACpB,WAAkC,EAClC,OAAO,GAAuF,EAAE;IAEhG,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAI,KAAK,CAAC;IAC/C,IAAI,QAAQ;QAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;QACtD,OAAgC,CAAC,eAAe,EAAE,CAAC,eAAe,CAAC,CAAC;IAE1E,IAAI,OAAO,CAAC,MAAM,IAAI,UAAU,IAAI,OAAO,EAAE,CAAC;QAC3C,OAA6B,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACrD,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;QACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC/C,IAAI,QAAQ;YAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;YACtD,OAAgC,CAAC,eAAe,EAAE,CAAC,eAAe,CAAC,CAAC;QAC1E,IAAI,UAAU,IAAI,OAAO;YAAG,OAA4B,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/E,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,KAAuB,EACvB,MAAwB;IAExB,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,IAAI,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnF,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9D,KAAmC,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,CAAC;AACpE,CAAC"}
|