@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 @@
|
|
|
1
|
+
{"version":3,"file":"quantity-field.d.ts","sourceRoot":"","sources":["../src/quantity-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { applyQuantityFieldEvent, tryCreateQuantityFieldState, } from '@sectile/core/quantity-field';
|
|
4
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
5
|
+
import { setInteractionAttributes } from './internal/interaction.js';
|
|
6
|
+
import { DOMTextElementBinding } from './internal/text-element.js';
|
|
7
|
+
import { toTextEvent } from './text.js';
|
|
8
|
+
import { createImperialUnitSystem, createMetricUnitSystem, createStandardUnitRegistry, } from '@sectile/core/units';
|
|
9
|
+
export function createStandardQuantityPolicies(canonicalUnit, unitSystem = 'all') {
|
|
10
|
+
const registry = createStandardUnitRegistry();
|
|
11
|
+
const profile = unitSystem === 'metric'
|
|
12
|
+
? createMetricUnitSystem(registry)
|
|
13
|
+
: unitSystem === 'imperial'
|
|
14
|
+
? createImperialUnitSystem(registry)
|
|
15
|
+
: undefined;
|
|
16
|
+
return Object.freeze({
|
|
17
|
+
registry,
|
|
18
|
+
canonicalUnit,
|
|
19
|
+
...(profile === undefined ? {} : { unitSystem: profile }),
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
export function createQuantityField(options) {
|
|
23
|
+
return unwrap(tryCreateQuantityField(options));
|
|
24
|
+
}
|
|
25
|
+
export function tryCreateQuantityField(options) {
|
|
26
|
+
return createFacadeConnection(options, (options) => tryCreateQuantityFieldConnection(options));
|
|
27
|
+
}
|
|
28
|
+
function tryCreateQuantityFieldConnection(options) {
|
|
29
|
+
const quantityControlled = options.quantity !== undefined;
|
|
30
|
+
const displayUnitControlled = options.displayUnit !== undefined;
|
|
31
|
+
const inputControlled = options.inputState !== undefined;
|
|
32
|
+
const runtime = createSemanticController({
|
|
33
|
+
initial: tryCreateQuantityFieldState(options.policies, options.quantity !== undefined ? options.quantity : options.defaultQuantity ?? null, options.displayUnit ?? options.defaultDisplayUnit, options.inputState !== undefined ? options.inputState : options.defaultInputState),
|
|
34
|
+
reducer: (state, event) => applyQuantityFieldEvent(state, event, options.policies),
|
|
35
|
+
reconcile: (previous, proposed) => tryCreateQuantityFieldState(options.policies, quantityControlled ? previous.quantity : proposed.quantity, displayUnitControlled ? previous.displayUnit : proposed.displayUnit, inputControlled ? previous.inputState : proposed.inputState),
|
|
36
|
+
notify: (previous, proposed) => {
|
|
37
|
+
if (!sameValue(previous.displayUnit, proposed.displayUnit))
|
|
38
|
+
options.onDisplayUnitChange?.(proposed.displayUnit);
|
|
39
|
+
if (!sameValue(previous.inputState, proposed.inputState))
|
|
40
|
+
options.onInputStateChange?.(proposed.inputState);
|
|
41
|
+
},
|
|
42
|
+
toEffect: (command) => command,
|
|
43
|
+
interaction: options,
|
|
44
|
+
interactionIntent: (event) => typeof event === 'object' && event.type === 'set-display-unit' ? 'navigate' : 'mutate',
|
|
45
|
+
});
|
|
46
|
+
return runtime.ok
|
|
47
|
+
? { ok: true, value: new DOMQuantityField(options, runtime.value, quantityControlled, displayUnitControlled, inputControlled) }
|
|
48
|
+
: runtime;
|
|
49
|
+
}
|
|
50
|
+
class DOMQuantityField {
|
|
51
|
+
#options;
|
|
52
|
+
#runtime;
|
|
53
|
+
#quantityControlled;
|
|
54
|
+
#displayUnitControlled;
|
|
55
|
+
#inputControlled;
|
|
56
|
+
#binding;
|
|
57
|
+
#keydown = (event) => {
|
|
58
|
+
if (this.#binding.isComposing || event.isComposing)
|
|
59
|
+
return;
|
|
60
|
+
if (event.key === 'Enter') {
|
|
61
|
+
event.preventDefault();
|
|
62
|
+
this.handleEvent('commit');
|
|
63
|
+
}
|
|
64
|
+
else if (event.key === 'Escape') {
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
this.handleEvent('cancel');
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
#blur = () => {
|
|
70
|
+
if (this.#binding.isComposing)
|
|
71
|
+
return;
|
|
72
|
+
if (!this.handleEvent('commit'))
|
|
73
|
+
this.handleEvent('cancel');
|
|
74
|
+
};
|
|
75
|
+
#unitChange = () => {
|
|
76
|
+
const unit = this.#options.unitSelect?.value;
|
|
77
|
+
if (unit !== undefined)
|
|
78
|
+
this.handleEvent({ type: 'set-display-unit', unit });
|
|
79
|
+
};
|
|
80
|
+
constructor(options, runtime, quantityControlled, displayUnitControlled, inputControlled) {
|
|
81
|
+
this.#options = options;
|
|
82
|
+
this.#runtime = runtime;
|
|
83
|
+
this.#quantityControlled = quantityControlled;
|
|
84
|
+
this.#displayUnitControlled = displayUnitControlled;
|
|
85
|
+
this.#inputControlled = inputControlled;
|
|
86
|
+
this.#binding = new DOMTextElementBinding({
|
|
87
|
+
element: options.input,
|
|
88
|
+
getState: () => this.getSnapshot().state.inputState,
|
|
89
|
+
dispatch: (input) => this.#handleTextInput(input),
|
|
90
|
+
});
|
|
91
|
+
options.input.addEventListener('keydown', this.#keydown);
|
|
92
|
+
options.input.addEventListener('blur', this.#blur);
|
|
93
|
+
options.unitSelect?.addEventListener('change', this.#unitChange);
|
|
94
|
+
this.refresh();
|
|
95
|
+
}
|
|
96
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
97
|
+
getText() { return this.getSnapshot().state.inputState.snapshot.text; }
|
|
98
|
+
getQuantity() { return this.getSnapshot().state.quantity; }
|
|
99
|
+
getDisplayUnit() { return this.getSnapshot().state.displayUnit; }
|
|
100
|
+
syncControlledValues(values) {
|
|
101
|
+
if (this.#quantityControlled !== (values.quantity !== undefined)
|
|
102
|
+
|| this.#displayUnitControlled !== (values.displayUnit !== undefined)
|
|
103
|
+
|| this.#inputControlled !== (values.inputState !== undefined)) {
|
|
104
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled quantity field values must preserve their construction-time shape.' } };
|
|
105
|
+
}
|
|
106
|
+
const state = this.getSnapshot().state;
|
|
107
|
+
const result = this.#runtime.replace(tryCreateQuantityFieldState(this.#options.policies, this.#quantityControlled ? values.quantity : state.quantity, this.#displayUnitControlled ? values.displayUnit : state.displayUnit, this.#inputControlled ? values.inputState : state.inputState));
|
|
108
|
+
if (result.ok) {
|
|
109
|
+
this.refresh();
|
|
110
|
+
this.#options.onUpdate?.();
|
|
111
|
+
}
|
|
112
|
+
return result;
|
|
113
|
+
}
|
|
114
|
+
handleEvent(event) {
|
|
115
|
+
const result = this.#runtime.handle(event);
|
|
116
|
+
this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
|
|
117
|
+
if (result.ok) {
|
|
118
|
+
for (const command of result.commands) {
|
|
119
|
+
if (command.type === 'quantity-committed') {
|
|
120
|
+
this.#options.onQuantityChange?.(Object.freeze({
|
|
121
|
+
value: command.value,
|
|
122
|
+
expression: command.expression,
|
|
123
|
+
displayUnit: command.displayUnit,
|
|
124
|
+
}));
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
this.refresh();
|
|
128
|
+
this.#options.onUpdate?.();
|
|
129
|
+
}
|
|
130
|
+
return result.ok;
|
|
131
|
+
}
|
|
132
|
+
refresh() {
|
|
133
|
+
const input = this.#options.input;
|
|
134
|
+
input.type = 'text';
|
|
135
|
+
input.inputMode = this.#options.policies.evaluator === undefined ? 'decimal' : 'text';
|
|
136
|
+
setInteractionAttributes(input, this.#options, { native: true, readOnly: true });
|
|
137
|
+
if (this.#options.label !== undefined)
|
|
138
|
+
input.setAttribute('aria-label', this.#options.label);
|
|
139
|
+
this.#binding.render();
|
|
140
|
+
const select = this.#options.unitSelect;
|
|
141
|
+
if (select !== undefined) {
|
|
142
|
+
this.#populateUnits();
|
|
143
|
+
select.value = this.getDisplayUnit();
|
|
144
|
+
select.disabled = this.#options.disabled ?? false;
|
|
145
|
+
select.setAttribute('aria-disabled', String(select.disabled));
|
|
146
|
+
select.setAttribute('aria-readonly', String(this.#options.readOnly ?? false));
|
|
147
|
+
if (this.#options.label !== undefined)
|
|
148
|
+
select.setAttribute('aria-label', `${this.#options.label} unit`);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
disconnect() {
|
|
152
|
+
this.#binding.disconnect();
|
|
153
|
+
this.#options.input.removeEventListener('keydown', this.#keydown);
|
|
154
|
+
this.#options.input.removeEventListener('blur', this.#blur);
|
|
155
|
+
this.#options.unitSelect?.removeEventListener('change', this.#unitChange);
|
|
156
|
+
}
|
|
157
|
+
#handleTextInput(input) {
|
|
158
|
+
const event = toTextEvent(input);
|
|
159
|
+
return event !== null && this.handleEvent({ type: 'text', event });
|
|
160
|
+
}
|
|
161
|
+
#populateUnits() {
|
|
162
|
+
const select = this.#options.unitSelect;
|
|
163
|
+
if (select === undefined)
|
|
164
|
+
return;
|
|
165
|
+
select.replaceChildren();
|
|
166
|
+
for (const unitID of this.#displayUnits()) {
|
|
167
|
+
const unit = this.#options.policies.registry.get(unitID);
|
|
168
|
+
if (unit === null)
|
|
169
|
+
continue;
|
|
170
|
+
const option = select.ownerDocument.createElement('option');
|
|
171
|
+
option.value = unit.id;
|
|
172
|
+
option.textContent = unit.symbol;
|
|
173
|
+
select.append(option);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
#displayUnits() {
|
|
177
|
+
const policies = this.#options.policies;
|
|
178
|
+
const preferred = policies.unitSystem?.getUnits(policies.canonicalUnit) ?? [];
|
|
179
|
+
const compatible = preferred.length > 0
|
|
180
|
+
? preferred
|
|
181
|
+
: policies.registry.units
|
|
182
|
+
.filter((unit) => policies.registry.compatible(policies.canonicalUnit, unit.id))
|
|
183
|
+
.map((unit) => unit.id);
|
|
184
|
+
return Object.freeze([...new Set([...compatible, this.getDisplayUnit()])]);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
function sameValue(left, right) {
|
|
188
|
+
return JSON.stringify(left) === JSON.stringify(right);
|
|
189
|
+
}
|
|
190
|
+
//# sourceMappingURL=quantity-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"quantity-field.js","sourceRoot":"","sources":["../src/quantity-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result, StableID } from '@sectile/core';
|
|
3
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
4
|
+
import { type RadioGroupEvent, type RadioGroupPolicies, type RadioGroupState } from '@sectile/core/radio-group';
|
|
5
|
+
import type { KeyboardInput } from './tabs.js';
|
|
6
|
+
import { type ReadingDirection } from './internal/direction.js';
|
|
7
|
+
export type RadioGroupEffect<ID extends StableID = StableID> = {
|
|
8
|
+
readonly type: 'focus-radio';
|
|
9
|
+
readonly id: ID;
|
|
10
|
+
};
|
|
11
|
+
export interface RadioGroupOptions<ID extends StableID = StableID> {
|
|
12
|
+
readonly root: HTMLElement;
|
|
13
|
+
readonly disabled?: boolean;
|
|
14
|
+
readonly readOnly?: boolean;
|
|
15
|
+
readonly items: readonly ID[];
|
|
16
|
+
readonly policies?: RadioGroupPolicies<ID>;
|
|
17
|
+
readonly disabledItems?: readonly ID[];
|
|
18
|
+
readonly value?: ID | null;
|
|
19
|
+
readonly defaultValue?: ID | null;
|
|
20
|
+
readonly highlightedValue?: ID | null;
|
|
21
|
+
readonly defaultHighlightedValue?: ID | null;
|
|
22
|
+
readonly orientation?: 'horizontal' | 'vertical';
|
|
23
|
+
readonly direction?: ReadingDirection;
|
|
24
|
+
readonly label?: string;
|
|
25
|
+
readonly onValueChange?: (value: ID | null) => void;
|
|
26
|
+
readonly onHighlightedValueChange?: (value: ID | null) => void;
|
|
27
|
+
readonly onUpdate?: () => void;
|
|
28
|
+
}
|
|
29
|
+
export type RadioGroupValueChangeHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onValueChange']>;
|
|
30
|
+
export type RadioGroupHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onHighlightedValueChange']>;
|
|
31
|
+
export type RadioGroupUpdateHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onUpdate']>;
|
|
32
|
+
export interface RadioGroupConnection<ID extends StableID = StableID> {
|
|
33
|
+
getSnapshot(): RevisionSnapshot<RadioGroupState<ID>>;
|
|
34
|
+
syncControlledValues(values: {
|
|
35
|
+
readonly value?: ID | null;
|
|
36
|
+
readonly highlightedValue?: ID | null;
|
|
37
|
+
}): Result<RevisionSnapshot<RadioGroupState<ID>>>;
|
|
38
|
+
setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
|
|
39
|
+
handleEvent(event: RadioGroupEvent<ID>): boolean;
|
|
40
|
+
disconnect(): void;
|
|
41
|
+
}
|
|
42
|
+
export interface RadioGroupRootAttributesOptions {
|
|
43
|
+
readonly orientation?: 'horizontal' | 'vertical';
|
|
44
|
+
readonly direction?: ReadingDirection;
|
|
45
|
+
readonly label?: string;
|
|
46
|
+
readonly disabled?: boolean;
|
|
47
|
+
readonly readOnly?: boolean;
|
|
48
|
+
}
|
|
49
|
+
export interface RadioGroupItemAttributesOptions<ID extends StableID = StableID> {
|
|
50
|
+
readonly id: ID;
|
|
51
|
+
readonly checked: boolean;
|
|
52
|
+
readonly highlighted: boolean;
|
|
53
|
+
readonly disabled?: boolean;
|
|
54
|
+
}
|
|
55
|
+
export interface RadioGroupInputAttributesOptions {
|
|
56
|
+
readonly name?: string;
|
|
57
|
+
readonly value: string;
|
|
58
|
+
readonly form?: string;
|
|
59
|
+
readonly checked: boolean;
|
|
60
|
+
readonly required?: boolean;
|
|
61
|
+
readonly disabled?: boolean;
|
|
62
|
+
}
|
|
63
|
+
export declare function getRadioGroupRootAttributes(options?: RadioGroupRootAttributesOptions): Readonly<Record<string, string | undefined>>;
|
|
64
|
+
export declare function getRadioGroupItemAttributes<ID extends StableID>(options: RadioGroupItemAttributesOptions<ID>): Readonly<Record<string, string | number | boolean | undefined>>;
|
|
65
|
+
export declare function getRadioGroupInputAttributes(options: RadioGroupInputAttributesOptions): Readonly<Record<string, string | number | boolean | undefined>>;
|
|
66
|
+
export declare function createRadioGroup<ID extends StableID>(options: RadioGroupOptions<ID>): FacadeConnection<RadioGroupConnection<ID>>;
|
|
67
|
+
export declare function tryCreateRadioGroup<ID extends StableID>(options: RadioGroupOptions<ID>): Result<FacadeConnection<RadioGroupConnection<ID>>>;
|
|
68
|
+
export declare function toRadioGroupEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical', direction?: ReadingDirection): RadioGroupEvent<ID> | null;
|
|
69
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../src/radio-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { tryCreateSequence } from '@sectile/core/sequence';
|
|
4
|
+
import { applyRadioGroupEvent, tryCreateRadioGroupState, } from '@sectile/core/radio-group';
|
|
5
|
+
import { findDelegatedID } from './internal/delegated-event.js';
|
|
6
|
+
import { createDisabledItems } from './internal/disabled-items.js';
|
|
7
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
8
|
+
import { horizontalArrow } from './internal/direction.js';
|
|
9
|
+
export function getRadioGroupRootAttributes(options = {}) {
|
|
10
|
+
return Object.freeze({
|
|
11
|
+
role: 'radiogroup',
|
|
12
|
+
'aria-orientation': options.orientation ?? 'vertical',
|
|
13
|
+
dir: options.direction,
|
|
14
|
+
'aria-label': options.label,
|
|
15
|
+
'aria-disabled': options.disabled === true ? 'true' : undefined,
|
|
16
|
+
'aria-readonly': options.readOnly === true ? 'true' : undefined,
|
|
17
|
+
'data-scope': 'radio-group',
|
|
18
|
+
'data-part': 'root',
|
|
19
|
+
'data-disabled': options.disabled === true ? '' : undefined,
|
|
20
|
+
'data-readonly': options.readOnly === true ? '' : undefined,
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
export function getRadioGroupItemAttributes(options) {
|
|
24
|
+
return Object.freeze({
|
|
25
|
+
role: 'radio',
|
|
26
|
+
type: 'button',
|
|
27
|
+
tabindex: options.disabled === true ? -1 : options.highlighted ? 0 : -1,
|
|
28
|
+
'aria-checked': String(options.checked),
|
|
29
|
+
'aria-disabled': options.disabled === true ? 'true' : undefined,
|
|
30
|
+
disabled: options.disabled === true ? true : undefined,
|
|
31
|
+
'data-radio-group-id': String(options.id),
|
|
32
|
+
'data-scope': 'radio-group',
|
|
33
|
+
'data-part': 'item',
|
|
34
|
+
'data-state': options.checked ? 'checked' : 'unchecked',
|
|
35
|
+
'data-highlighted': options.highlighted ? '' : undefined,
|
|
36
|
+
'data-disabled': options.disabled === true ? '' : undefined,
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export function getRadioGroupInputAttributes(options) {
|
|
40
|
+
return Object.freeze({
|
|
41
|
+
type: 'radio',
|
|
42
|
+
name: options.name,
|
|
43
|
+
value: options.value,
|
|
44
|
+
form: options.form,
|
|
45
|
+
checked: options.checked,
|
|
46
|
+
required: options.required ?? false,
|
|
47
|
+
disabled: options.disabled ?? false,
|
|
48
|
+
tabindex: -1,
|
|
49
|
+
'aria-hidden': 'true',
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
export function createRadioGroup(options) {
|
|
53
|
+
return unwrap(tryCreateRadioGroup(options));
|
|
54
|
+
}
|
|
55
|
+
export function tryCreateRadioGroup(options) {
|
|
56
|
+
return createFacadeConnection(options, (options) => tryCreateRadioGroupConnection(options));
|
|
57
|
+
}
|
|
58
|
+
function tryCreateRadioGroupConnection(options) {
|
|
59
|
+
const domain = tryCreateSequence(options.items);
|
|
60
|
+
if (!domain.ok)
|
|
61
|
+
return domain;
|
|
62
|
+
const disabled = createDisabledItems(domain.value, options.disabledItems);
|
|
63
|
+
if (!disabled.ok)
|
|
64
|
+
return disabled;
|
|
65
|
+
const suppliedEligibility = options.policies?.eligible;
|
|
66
|
+
const policies = Object.freeze({
|
|
67
|
+
...options.policies,
|
|
68
|
+
eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
|
|
69
|
+
});
|
|
70
|
+
const valueControlled = options.value !== undefined;
|
|
71
|
+
const highlightControlled = options.highlightedValue !== undefined;
|
|
72
|
+
const runtime = createSemanticController({
|
|
73
|
+
interaction: options,
|
|
74
|
+
interactionIntent: radioGroupIntent,
|
|
75
|
+
initial: tryCreateRadioGroupState(domain.value, {
|
|
76
|
+
selected: selected(options.value ?? options.defaultValue ?? null),
|
|
77
|
+
current: options.highlightedValue !== undefined
|
|
78
|
+
? options.highlightedValue
|
|
79
|
+
: options.defaultHighlightedValue ?? options.value ?? options.defaultValue ?? null,
|
|
80
|
+
}),
|
|
81
|
+
reducer: (state, event) => applyRadioGroupEvent(domain.value, state, event, policies),
|
|
82
|
+
reconcile: (previous, proposed) => tryCreateRadioGroupState(domain.value, {
|
|
83
|
+
selected: valueControlled || options.readOnly === true
|
|
84
|
+
? previous.selection.selected
|
|
85
|
+
: proposed.selection.selected,
|
|
86
|
+
current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
|
|
87
|
+
}),
|
|
88
|
+
notify: (previous, proposed) => {
|
|
89
|
+
if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
|
|
90
|
+
options.onValueChange?.(proposed.selection.selected[0] ?? null);
|
|
91
|
+
}
|
|
92
|
+
if (previous.cursor.current !== proposed.cursor.current) {
|
|
93
|
+
options.onHighlightedValueChange?.(proposed.cursor.current);
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
toEffect: (command) => Object.freeze({ type: 'focus-radio', id: command.id }),
|
|
97
|
+
});
|
|
98
|
+
if (!runtime.ok)
|
|
99
|
+
return runtime;
|
|
100
|
+
return { ok: true, value: new DOMRadioGroupConnection(options, domain.value, runtime.value, disabled.value) };
|
|
101
|
+
}
|
|
102
|
+
export function toRadioGroupEvent(input, orientation = 'vertical', direction = 'ltr') {
|
|
103
|
+
if (input.altKey || input.ctrlKey || input.metaKey)
|
|
104
|
+
return null;
|
|
105
|
+
if (input.key === 'Home')
|
|
106
|
+
return 'first';
|
|
107
|
+
if (input.key === 'End')
|
|
108
|
+
return 'last';
|
|
109
|
+
if (input.key === ' ' || input.key === 'Enter')
|
|
110
|
+
return 'check';
|
|
111
|
+
if (orientation === 'horizontal') {
|
|
112
|
+
const horizontal = horizontalArrow(input.key, direction);
|
|
113
|
+
if (horizontal !== null)
|
|
114
|
+
return horizontal;
|
|
115
|
+
}
|
|
116
|
+
if (orientation === 'vertical' && input.key === 'ArrowDown')
|
|
117
|
+
return 'next';
|
|
118
|
+
if (orientation === 'vertical' && input.key === 'ArrowUp')
|
|
119
|
+
return 'previous';
|
|
120
|
+
return null;
|
|
121
|
+
}
|
|
122
|
+
class DOMRadioGroupConnection {
|
|
123
|
+
#options;
|
|
124
|
+
#domain;
|
|
125
|
+
#runtime;
|
|
126
|
+
#valueControlled;
|
|
127
|
+
#highlightControlled;
|
|
128
|
+
#disabledItems;
|
|
129
|
+
#keydown;
|
|
130
|
+
#click;
|
|
131
|
+
constructor(options, domain, runtime, disabledItems) {
|
|
132
|
+
this.#options = options;
|
|
133
|
+
this.#domain = domain;
|
|
134
|
+
this.#runtime = runtime;
|
|
135
|
+
this.#valueControlled = options.value !== undefined;
|
|
136
|
+
this.#highlightControlled = options.highlightedValue !== undefined;
|
|
137
|
+
this.#disabledItems = disabledItems;
|
|
138
|
+
applyAttributes(options.root, getRadioGroupRootAttributes(options));
|
|
139
|
+
this.#keydown = (event) => {
|
|
140
|
+
const semantic = toRadioGroupEvent(event, options.orientation, options.direction);
|
|
141
|
+
if (semantic === null)
|
|
142
|
+
return;
|
|
143
|
+
event.preventDefault();
|
|
144
|
+
this.handleEvent(semantic);
|
|
145
|
+
};
|
|
146
|
+
this.#click = (event) => {
|
|
147
|
+
const id = findDelegatedID(event.target, options.root, 'radioGroupId');
|
|
148
|
+
if (id !== null)
|
|
149
|
+
this.handleEvent({ type: 'check', id: id });
|
|
150
|
+
};
|
|
151
|
+
options.root.addEventListener('keydown', this.#keydown);
|
|
152
|
+
options.root.addEventListener('click', this.#click);
|
|
153
|
+
}
|
|
154
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
155
|
+
syncControlledValues(values) {
|
|
156
|
+
if (this.#valueControlled !== (values.value !== undefined)
|
|
157
|
+
|| this.#highlightControlled !== (values.highlightedValue !== undefined)) {
|
|
158
|
+
return { ok: false, error: {
|
|
159
|
+
class: 'construction', code: 'controlled-shape-mismatch',
|
|
160
|
+
message: 'Controlled radio group values must preserve their construction-time shape.',
|
|
161
|
+
} };
|
|
162
|
+
}
|
|
163
|
+
const state = this.#runtime.getSnapshot().state;
|
|
164
|
+
const result = this.#runtime.replace(tryCreateRadioGroupState(this.#domain, {
|
|
165
|
+
selected: this.#valueControlled ? selected(values.value ?? null) : state.selection.selected,
|
|
166
|
+
current: this.#highlightControlled ? (values.highlightedValue ?? null) : state.cursor.current,
|
|
167
|
+
}));
|
|
168
|
+
if (result.ok)
|
|
169
|
+
this.#options.onUpdate?.();
|
|
170
|
+
return result;
|
|
171
|
+
}
|
|
172
|
+
setItemAttributes(element, id, disabled = false) {
|
|
173
|
+
const state = this.#runtime.getSnapshot().state;
|
|
174
|
+
const unavailable = this.#options.disabled === true || disabled || this.#disabledItems.has(id);
|
|
175
|
+
element.dataset['radioGroupId'] = String(id);
|
|
176
|
+
applyAttributes(element, getRadioGroupItemAttributes({
|
|
177
|
+
id,
|
|
178
|
+
checked: state.selection.has(id),
|
|
179
|
+
highlighted: state.cursor.current === id,
|
|
180
|
+
disabled: unavailable,
|
|
181
|
+
}));
|
|
182
|
+
}
|
|
183
|
+
handleEvent(event) {
|
|
184
|
+
const result = this.#runtime.handle(event);
|
|
185
|
+
if (result.ok)
|
|
186
|
+
queueMicrotask(() => {
|
|
187
|
+
for (const element of this.#options.root.querySelectorAll('[data-radio-group-id]')) {
|
|
188
|
+
if (element.dataset['radioGroupId'] === result.snapshot.state.cursor.current)
|
|
189
|
+
element.focus();
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
if (result.ok)
|
|
193
|
+
this.#options.onUpdate?.();
|
|
194
|
+
return result.ok;
|
|
195
|
+
}
|
|
196
|
+
disconnect() {
|
|
197
|
+
this.#options.root.removeEventListener('keydown', this.#keydown);
|
|
198
|
+
this.#options.root.removeEventListener('click', this.#click);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
function applyAttributes(element, attributes) {
|
|
202
|
+
for (const [name, value] of Object.entries(attributes)) {
|
|
203
|
+
if (name === 'tabindex') {
|
|
204
|
+
element.tabIndex = Number(value ?? -1);
|
|
205
|
+
continue;
|
|
206
|
+
}
|
|
207
|
+
if (name === 'disabled' && 'disabled' in element) {
|
|
208
|
+
element.disabled = value === true;
|
|
209
|
+
continue;
|
|
210
|
+
}
|
|
211
|
+
if (value === undefined || value === false)
|
|
212
|
+
element.removeAttribute(name);
|
|
213
|
+
else
|
|
214
|
+
element.setAttribute(name, value === true ? '' : String(value));
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
function radioGroupIntent(event) {
|
|
218
|
+
return event === 'check' || (typeof event === 'object' && event.type === 'check')
|
|
219
|
+
? 'mutate'
|
|
220
|
+
: 'navigate';
|
|
221
|
+
}
|
|
222
|
+
function selected(value) {
|
|
223
|
+
return value === null ? [] : [value];
|
|
224
|
+
}
|
|
225
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../src/radio-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { createDateRangePicker as createRangeCalendar, tryCreateDateRangePicker as tryCreateRangeCalendar, } from './date-range-picker.js';
|
|
2
|
+
export type { DateRangePickerConnection as RangeCalendarConnection, DateRangePickerControlledValues as RangeCalendarControlledValues, DateRangePickerOptions as RangeCalendarOptions, } from './date-range-picker.js';
|
|
3
|
+
//# sourceMappingURL=range-calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../src/range-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,mBAAmB,EAC5C,wBAAwB,IAAI,sBAAsB,GACnD,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,yBAAyB,IAAI,uBAAuB,EACpD,+BAA+B,IAAI,6BAA6B,EAChE,sBAAsB,IAAI,oBAAoB,GAC/C,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"range-calendar.js","sourceRoot":"","sources":["../src/range-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,mBAAmB,EAC5C,wBAAwB,IAAI,sBAAsB,GACnD,MAAM,wBAAwB,CAAC"}
|
package/dist/rating.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
2
|
+
import type { Result, StableID } from '@sectile/core';
|
|
3
|
+
import type { RatingEvent, RatingState } from '@sectile/core/rating';
|
|
4
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
5
|
+
import { type RadioGroupOptions } from './radio-group.js';
|
|
6
|
+
export type RatingOptions<ID extends StableID = StableID> = Omit<RadioGroupOptions<ID>, 'orientation' | 'onValueChange'> & {
|
|
7
|
+
readonly clearable?: boolean;
|
|
8
|
+
readonly onValueChange?: (value: ID | null) => void;
|
|
9
|
+
};
|
|
10
|
+
export type RatingValueChangeHandler<ID extends StableID = StableID> = NonNullable<RatingOptions<ID>['onValueChange']>;
|
|
11
|
+
export interface RatingConnection<ID extends StableID = StableID> {
|
|
12
|
+
getSnapshot(): RevisionSnapshot<RatingState<ID>>;
|
|
13
|
+
syncControlledValues(values: {
|
|
14
|
+
readonly value?: ID | null;
|
|
15
|
+
readonly highlightedValue?: ID | null;
|
|
16
|
+
}): Result<RevisionSnapshot<RatingState<ID>>>;
|
|
17
|
+
setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
|
|
18
|
+
handleEvent(event: RatingEvent<ID>): boolean;
|
|
19
|
+
disconnect(): void;
|
|
20
|
+
}
|
|
21
|
+
export declare function createRating<ID extends StableID>(options: RatingOptions<ID>): FacadeConnection<RatingConnection<ID>>;
|
|
22
|
+
export declare function tryCreateRating<ID extends StableID>(options: RatingOptions<ID>): Result<FacadeConnection<RatingConnection<ID>>>;
|
|
23
|
+
//# sourceMappingURL=rating.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../src/rating.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAkD,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1G,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC,GAAG;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC;AAEjN,MAAM,MAAM,wBAAwB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AACvH,MAAM,WAAW,gBAAgB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,WAAW,IAAI,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACnZ,wBAAgB,YAAY,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAEpH;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAE/H"}
|
package/dist/rating.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
2
|
+
import { unwrap } from '@sectile/core/result';
|
|
3
|
+
import { tryCreateRadioGroup } from './radio-group.js';
|
|
4
|
+
export function createRating(options) {
|
|
5
|
+
return unwrap(tryCreateRating(options));
|
|
6
|
+
}
|
|
7
|
+
export function tryCreateRating(options) {
|
|
8
|
+
return createFacadeConnection(options, (options) => tryCreateRatingConnection(options));
|
|
9
|
+
}
|
|
10
|
+
function tryCreateRatingConnection(options) {
|
|
11
|
+
const uncontrolled = options.value === undefined;
|
|
12
|
+
let value = options.value ?? options.defaultValue ?? null;
|
|
13
|
+
let highlightedValue = options.highlightedValue ?? options.defaultHighlightedValue ?? value;
|
|
14
|
+
let base;
|
|
15
|
+
const result = tryCreateRadioGroup({ ...options, orientation: 'horizontal', value, highlightedValue, onValueChange: (next) => { options.onValueChange?.(next); if (uncontrolled) {
|
|
16
|
+
value = next;
|
|
17
|
+
queueMicrotask(sync);
|
|
18
|
+
} }, onHighlightedValueChange: (next) => { highlightedValue = next; queueMicrotask(sync); } });
|
|
19
|
+
if (!result.ok)
|
|
20
|
+
return result;
|
|
21
|
+
base = result.value;
|
|
22
|
+
function sync() { base.syncControlledValues({ value, highlightedValue }); }
|
|
23
|
+
return { ok: true, value: Object.freeze({ getSnapshot: () => base.getSnapshot(), syncControlledValues: (values) => { if (values.value !== undefined)
|
|
24
|
+
value = values.value; if (values.highlightedValue !== undefined)
|
|
25
|
+
highlightedValue = values.highlightedValue; return base.syncControlledValues({ value, highlightedValue }); }, setItemAttributes: (element, id, disabled) => { base.setItemAttributes(element, id, disabled); element.setAttribute('aria-label', `${id} rating`); }, handleEvent: (event) => { if (event === 'clear') {
|
|
26
|
+
if (options.clearable !== true)
|
|
27
|
+
return false;
|
|
28
|
+
options.onValueChange?.(null);
|
|
29
|
+
if (uncontrolled) {
|
|
30
|
+
value = null;
|
|
31
|
+
return base.syncControlledValues({ value, highlightedValue }).ok;
|
|
32
|
+
}
|
|
33
|
+
return true;
|
|
34
|
+
} return base.handleEvent(mapEvent(event)); }, disconnect: () => base.disconnect() }) };
|
|
35
|
+
}
|
|
36
|
+
function mapEvent(event) { if (typeof event === 'object')
|
|
37
|
+
return event.type === 'set' ? { type: 'check', id: event.id } : event; return event === 'increase' ? 'next' : event === 'decrease' ? 'previous' : event === 'minimum' ? 'first' : event === 'maximum' ? 'last' : 'check'; }
|
|
38
|
+
//# sourceMappingURL=rating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.js","sourceRoot":"","sources":["../src/rating.ts"],"names":[],"mappings":"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"}
|