@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
package/dist/index.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export { connectListbox, createListbox, tryCreateListbox, createListboxController, toListboxEffect, toListboxEvent, } from './listbox.js';
|
|
2
|
+
export { createCheckboxGroup, tryCreateCheckboxGroup } from './checkbox-group.js';
|
|
3
|
+
export { createSelect, tryCreateSelect } from './select.js';
|
|
4
|
+
export { createPagination, tryCreatePagination, } from './pagination.js';
|
|
5
|
+
export { createStepper, tryCreateStepper } from './stepper.js';
|
|
6
|
+
export { createRating, tryCreateRating } from './rating.js';
|
|
7
|
+
export { createPinInput, tryCreatePinInput } from './pin-input.js';
|
|
8
|
+
export { createTagsInput, tryCreateTagsInput } from './tags-input.js';
|
|
9
|
+
export { createTabs, tryCreateTabs, toTabsEffect, toTabsEvent, } from './tabs.js';
|
|
10
|
+
export { createRadioGroup, tryCreateRadioGroup, toRadioGroupEvent, } from './radio-group.js';
|
|
11
|
+
export { createToolbar, tryCreateToolbar, toToolbarEvent, } from './toolbar.js';
|
|
12
|
+
export { createAccordion, tryCreateAccordion, toAccordionEvent, } from './accordion.js';
|
|
13
|
+
export { createDisclosure, tryCreateDisclosure, } from './disclosure.js';
|
|
14
|
+
export { createCheckbox, tryCreateCheckbox, } from './checkbox.js';
|
|
15
|
+
export { createSwitch, tryCreateSwitch } from './switch.js';
|
|
16
|
+
export { createToggleButton, tryCreateToggleButton } from './toggle-button.js';
|
|
17
|
+
export { createWindowSplitter, tryCreateWindowSplitter } from './window-splitter.js';
|
|
18
|
+
export { createSpinButton, tryCreateSpinButton, toSpinButtonEvent } from './spin-button.js';
|
|
19
|
+
export { createNumberField, tryCreateNumberField } from './number-field.js';
|
|
20
|
+
export { createQuantityField, tryCreateQuantityField } from './quantity-field.js';
|
|
21
|
+
export { createDialog, tryCreateDialog } from './dialog.js';
|
|
22
|
+
export { createAlertDialog, tryCreateAlertDialog } from './alert-dialog.js';
|
|
23
|
+
export { createTooltip, tryCreateTooltip } from './tooltip.js';
|
|
24
|
+
export { createMultiThumbSlider, tryCreateMultiThumbSlider } from './multi-thumb-slider.js';
|
|
25
|
+
export { createMenu, tryCreateMenu } from './menu.js';
|
|
26
|
+
export { createMenubar, tryCreateMenubar } from './menubar.js';
|
|
27
|
+
export { createMenuButton, tryCreateMenuButton } from './menu-button.js';
|
|
28
|
+
export { createCarousel, tryCreateCarousel, } from './carousel.js';
|
|
29
|
+
export { createFeed, tryCreateFeed } from './feed.js';
|
|
30
|
+
export { createGridControl, tryCreateGridControl } from './grid.js';
|
|
31
|
+
export { connectCalendar, createCalendar, tryCreateCalendar, createCalendarController, toCalendarEffect, toCalendarEvent, } from './calendar.js';
|
|
32
|
+
export { connectCombobox, createCombobox, tryCreateCombobox, createComboboxController, toComboboxEffect, toComboboxEvent, toComboboxTextEvent, } from './combobox.js';
|
|
33
|
+
export { connectSlider, createSlider, tryCreateSlider, createSliderController, toSliderEffect, toSliderEvent, } from './slider.js';
|
|
34
|
+
export { connectTreeView, createTreeView, tryCreateTreeView, createTreeViewController, toTreeViewEffect, toTreeViewEvent, } from './tree-view.js';
|
|
35
|
+
export { connectTreeGrid, createTreeGrid, tryCreateTreeGrid, createTreeGridController, toTreeGridEffect, toTreeGridEvent, } from './tree-grid.js';
|
|
36
|
+
export { connectText, createText, tryCreateText, createTextController, toTextEvent, } from './text.js';
|
|
37
|
+
export { createDateField, tryCreateDateField } from './date-field.js';
|
|
38
|
+
export { createDateTimeField, tryCreateDateTimeField } from './date-time-field.js';
|
|
39
|
+
export { createTimeField, tryCreateTimeField } from './time-field.js';
|
|
40
|
+
export { createDatePicker, tryCreateDatePicker } from './date-picker.js';
|
|
41
|
+
export { createDateRangePicker, tryCreateDateRangePicker } from './date-range-picker.js';
|
|
42
|
+
export { createDateTimePicker, tryCreateDateTimePicker } from './date-time-picker.js';
|
|
43
|
+
export { createDateTimeRangePicker, tryCreateDateTimeRangePicker } from './date-time-range-picker.js';
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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 DOMCheckedControl<State, Event, Value> {
|
|
5
|
+
getSnapshot(): RevisionSnapshot<State>;
|
|
6
|
+
syncControlledValue(value: Value): Result<RevisionSnapshot<State>>;
|
|
7
|
+
handleEvent(event: Event): boolean;
|
|
8
|
+
updateAttributes(): void;
|
|
9
|
+
disconnect(): void;
|
|
10
|
+
}
|
|
11
|
+
export interface DOMCheckedControlOptions<State, Event, Command, Value> {
|
|
12
|
+
readonly element: HTMLElement;
|
|
13
|
+
readonly role?: string;
|
|
14
|
+
readonly attribute: 'aria-checked' | 'aria-pressed';
|
|
15
|
+
readonly controlled: boolean;
|
|
16
|
+
readonly initial: Result<State>;
|
|
17
|
+
readonly toggleEvent: Event;
|
|
18
|
+
readonly reducer: (state: State, event: Event) => Result<MachineUpdate<State, Command>>;
|
|
19
|
+
readonly create: (value: Value) => Result<State>;
|
|
20
|
+
readonly read: (state: State) => Value;
|
|
21
|
+
readonly format: (value: Value) => string;
|
|
22
|
+
readonly onChange: ((value: Value) => void) | undefined;
|
|
23
|
+
readonly onUpdate: (() => void) | undefined;
|
|
24
|
+
readonly interaction?: InteractionStateInput;
|
|
25
|
+
readonly supportsReadOnly?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export declare function createDOMCheckedControl<State, Event, Command, Value>(options: DOMCheckedControlOptions<State, Event, Command, Value>): Result<DOMCheckedControl<State, Event, Value>>;
|
|
28
|
+
//# sourceMappingURL=checked-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checked-control.d.ts","sourceRoot":"","sources":["../../src/internal/checked-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,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK;IACpD,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC,gBAAgB,IAAI,IAAI,CAAC;IACzB,UAAU,IAAI,IAAI,CAAC;CACpB;AACD,MAAM,WAAW,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK;IACpE,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAAC;IAC3G,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC;IAC3F,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,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC;IACzF,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAChJ,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,CAAC;IAC7C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACrC;AACD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAUrL"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { createSemanticController } from './semantic-controller.js';
|
|
2
|
+
import { setInteractionAttributes } from './interaction.js';
|
|
3
|
+
export function createDOMCheckedControl(options) {
|
|
4
|
+
const runtime = createSemanticController({
|
|
5
|
+
initial: options.initial, reducer: options.reducer,
|
|
6
|
+
reconcile: (previous, proposed) => options.controlled ? options.create(options.read(previous)) : options.create(options.read(proposed)),
|
|
7
|
+
notify: (previous, proposed) => { if (options.read(previous) !== options.read(proposed))
|
|
8
|
+
options.onChange?.(options.read(proposed)); },
|
|
9
|
+
toEffect: (command) => command,
|
|
10
|
+
interaction: options.interaction,
|
|
11
|
+
});
|
|
12
|
+
if (!runtime.ok)
|
|
13
|
+
return runtime;
|
|
14
|
+
return { ok: true, value: new DOMCheckedControlImpl(options, runtime.value) };
|
|
15
|
+
}
|
|
16
|
+
class DOMCheckedControlImpl {
|
|
17
|
+
#options;
|
|
18
|
+
#runtime;
|
|
19
|
+
#click;
|
|
20
|
+
constructor(options, runtime) {
|
|
21
|
+
this.#options = options;
|
|
22
|
+
this.#runtime = runtime;
|
|
23
|
+
this.#click = () => { this.handleEvent(options.toggleEvent); };
|
|
24
|
+
if (options.role !== undefined)
|
|
25
|
+
options.element.setAttribute('role', options.role);
|
|
26
|
+
options.element.addEventListener('click', this.#click);
|
|
27
|
+
this.updateAttributes();
|
|
28
|
+
}
|
|
29
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
30
|
+
syncControlledValue(value) {
|
|
31
|
+
if (!this.#options.controlled)
|
|
32
|
+
return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled checked control cannot be synchronized externally.' } };
|
|
33
|
+
const result = this.#runtime.replace(this.#options.create(value));
|
|
34
|
+
if (result.ok) {
|
|
35
|
+
this.updateAttributes();
|
|
36
|
+
this.#options.onUpdate?.();
|
|
37
|
+
}
|
|
38
|
+
return result;
|
|
39
|
+
}
|
|
40
|
+
handleEvent(event) { const result = this.#runtime.handle(event); this.updateAttributes(); if (result.ok)
|
|
41
|
+
this.#options.onUpdate?.(); return result.ok; }
|
|
42
|
+
updateAttributes() { this.#options.element.setAttribute(this.#options.attribute, this.#options.format(this.#options.read(this.#runtime.getSnapshot().state))); setInteractionAttributes(this.#options.element, this.#options.interaction ?? {}, { native: true, readOnly: this.#options.supportsReadOnly }); }
|
|
43
|
+
disconnect() { this.#options.element.removeEventListener('click', this.#click); }
|
|
44
|
+
}
|
|
45
|
+
//# 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, createRevisionSnapshot, 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 createRevisionSnapshot(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,sBAAsB,EACtB,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,sBAAsB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AACnE,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":"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,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,44 @@
|
|
|
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
|
+
type StateOf<Connection extends SnapshotConnection> = SnapshotOf<Connection>['state'];
|
|
12
|
+
type SendInput<Connection> = Connection extends {
|
|
13
|
+
handleEvent(input: infer Input): boolean;
|
|
14
|
+
} ? Input : Connection extends {
|
|
15
|
+
handleKeyboardInput(input: infer Input): boolean;
|
|
16
|
+
} ? Input : Connection extends {
|
|
17
|
+
handleKeyboardEvent(input: infer Input): boolean;
|
|
18
|
+
} ? Input : Connection extends {
|
|
19
|
+
handleBeforeInput(input: infer Input): boolean;
|
|
20
|
+
} ? Input : never;
|
|
21
|
+
type UpdateInput<Connection> = Connection extends {
|
|
22
|
+
syncControlledValues(input: infer Input): unknown;
|
|
23
|
+
} ? Input : Connection extends {
|
|
24
|
+
syncControlledValue(input: infer Input): unknown;
|
|
25
|
+
} ? Input : Connection extends {
|
|
26
|
+
syncWindow(input: infer Input): unknown;
|
|
27
|
+
} ? Input : never;
|
|
28
|
+
type UpdateResult<Connection> = Connection extends {
|
|
29
|
+
syncControlledValues(input: infer _Input): infer Output;
|
|
30
|
+
} ? Output : Connection extends {
|
|
31
|
+
syncControlledValue(input: infer _Input): infer Output;
|
|
32
|
+
} ? Output : Connection extends {
|
|
33
|
+
syncWindow(input: infer _Input): infer Output;
|
|
34
|
+
} ? Output : never;
|
|
35
|
+
export type FacadeConnection<Connection extends SnapshotConnection> = Connection & {
|
|
36
|
+
readonly state: StateOf<Connection>;
|
|
37
|
+
send(input: SendInput<Connection>): boolean;
|
|
38
|
+
update(input: UpdateInput<Connection>): UpdateResult<Connection>;
|
|
39
|
+
subscribe(listener: (snapshot: SnapshotOf<Connection>) => void): () => void;
|
|
40
|
+
destroy(): void;
|
|
41
|
+
};
|
|
42
|
+
export declare function createFacadeConnection<Options extends FacadeOptions, Connection extends SnapshotConnection>(options: Options, construct: (options: Options) => Result<Connection>): Result<FacadeConnection<Connection>>;
|
|
43
|
+
export {};
|
|
44
|
+
//# 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,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,CAAC,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5E,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,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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Result, StableID } from '@sectile/core';
|
|
2
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
3
|
+
import type { TreeNodeInput } from '@sectile/core/tree';
|
|
4
|
+
import { type MenuEvent, type MenuPolicies, type MenuState } from '@sectile/core/menu';
|
|
5
|
+
export type MenuKind = 'menu' | 'menubar' | 'menu-button';
|
|
6
|
+
export interface MenuTypeaheadOptions<ID extends StableID> {
|
|
7
|
+
readonly textValue: (id: ID) => string;
|
|
8
|
+
readonly timeout?: number;
|
|
9
|
+
readonly now?: () => number;
|
|
10
|
+
readonly normalize?: (text: string) => string;
|
|
11
|
+
}
|
|
12
|
+
export interface MenuControlOptions<ID extends StableID> {
|
|
13
|
+
readonly root: HTMLElement;
|
|
14
|
+
readonly disabled?: boolean;
|
|
15
|
+
readonly trigger?: HTMLElement;
|
|
16
|
+
readonly items: readonly TreeNodeInput<ID>[];
|
|
17
|
+
readonly kind: MenuKind;
|
|
18
|
+
readonly policies?: MenuPolicies<ID>;
|
|
19
|
+
readonly disabledItems?: readonly ID[];
|
|
20
|
+
readonly open?: boolean;
|
|
21
|
+
readonly defaultOpen?: boolean;
|
|
22
|
+
readonly defaultHighlightedValue?: ID | null;
|
|
23
|
+
readonly typeahead?: MenuTypeaheadOptions<ID>;
|
|
24
|
+
readonly label?: string;
|
|
25
|
+
readonly onOpenChange?: (open: boolean) => void;
|
|
26
|
+
readonly onInvoke?: (id: ID) => void;
|
|
27
|
+
readonly onUpdate?: () => void;
|
|
28
|
+
}
|
|
29
|
+
export interface MenuControl<ID extends StableID> {
|
|
30
|
+
getSnapshot(): RevisionSnapshot<MenuState<ID>>;
|
|
31
|
+
syncControlledValue(open: boolean): Result<RevisionSnapshot<MenuState<ID>>>;
|
|
32
|
+
setItemAttributes(element: HTMLElement, id: ID): void;
|
|
33
|
+
setSubmenuAttributes(element: HTMLElement, parentID: ID): void;
|
|
34
|
+
handleEvent(event: MenuEvent<ID>): boolean;
|
|
35
|
+
disconnect(): void;
|
|
36
|
+
}
|
|
37
|
+
export declare function createMenuControl<ID extends StableID>(options: MenuControlOptions<ID>): Result<MenuControl<ID>>;
|
|
38
|
+
//# sourceMappingURL=menu-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-control.d.ts","sourceRoot":"","sources":["../../src/internal/menu-control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAQ,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAsE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI3J,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;AAC1D,MAAM,WAAW,oBAAoB,CAAC,EAAE,SAAS,QAAQ;IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE;AAC5M,MAAM,WAAW,kBAAkB,CAAC,EAAE,SAAS,QAAQ;IACrD,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7C,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,uBAAuB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AACD,MAAM,WAAW,WAAW,CAAC,EAAE,SAAS,QAAQ;IAC9C,WAAW,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5E,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACtD,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,GAAG,IAAI,CAAC;IAC/D,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC3C,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAoB/G"}
|