@sectile/dom 0.1.0 → 0.2.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.
Files changed (218) hide show
  1. package/README.md +6 -0
  2. package/package.json +91 -3
  3. package/dist/accordion.d.ts +0 -36
  4. package/dist/accordion.d.ts.map +0 -1
  5. package/dist/accordion.js +0 -143
  6. package/dist/accordion.js.map +0 -1
  7. package/dist/alert-dialog.d.ts +0 -27
  8. package/dist/alert-dialog.d.ts.map +0 -1
  9. package/dist/alert-dialog.js +0 -14
  10. package/dist/alert-dialog.js.map +0 -1
  11. package/dist/calendar.d.ts +0 -92
  12. package/dist/calendar.d.ts.map +0 -1
  13. package/dist/calendar.js +0 -296
  14. package/dist/calendar.js.map +0 -1
  15. package/dist/carousel.d.ts +0 -54
  16. package/dist/carousel.d.ts.map +0 -1
  17. package/dist/carousel.js +0 -285
  18. package/dist/carousel.js.map +0 -1
  19. package/dist/checkbox-group.d.ts +0 -22
  20. package/dist/checkbox-group.d.ts.map +0 -1
  21. package/dist/checkbox-group.js +0 -32
  22. package/dist/checkbox-group.js.map +0 -1
  23. package/dist/checkbox.d.ts +0 -18
  24. package/dist/checkbox.d.ts.map +0 -1
  25. package/dist/checkbox.js +0 -12
  26. package/dist/checkbox.js.map +0 -1
  27. package/dist/combobox.d.ts +0 -120
  28. package/dist/combobox.d.ts.map +0 -1
  29. package/dist/combobox.js +0 -386
  30. package/dist/combobox.js.map +0 -1
  31. package/dist/date-field.d.ts +0 -36
  32. package/dist/date-field.d.ts.map +0 -1
  33. package/dist/date-field.js +0 -88
  34. package/dist/date-field.js.map +0 -1
  35. package/dist/date-picker.d.ts +0 -43
  36. package/dist/date-picker.d.ts.map +0 -1
  37. package/dist/date-picker.js +0 -118
  38. package/dist/date-picker.js.map +0 -1
  39. package/dist/date-range-picker.d.ts +0 -45
  40. package/dist/date-range-picker.d.ts.map +0 -1
  41. package/dist/date-range-picker.js +0 -64
  42. package/dist/date-range-picker.js.map +0 -1
  43. package/dist/date-time-field.d.ts +0 -36
  44. package/dist/date-time-field.d.ts.map +0 -1
  45. package/dist/date-time-field.js +0 -163
  46. package/dist/date-time-field.js.map +0 -1
  47. package/dist/date-time-picker.d.ts +0 -45
  48. package/dist/date-time-picker.d.ts.map +0 -1
  49. package/dist/date-time-picker.js +0 -259
  50. package/dist/date-time-picker.js.map +0 -1
  51. package/dist/date-time-range-picker.d.ts +0 -47
  52. package/dist/date-time-range-picker.d.ts.map +0 -1
  53. package/dist/date-time-range-picker.js +0 -269
  54. package/dist/date-time-range-picker.js.map +0 -1
  55. package/dist/dialog.d.ts +0 -27
  56. package/dist/dialog.d.ts.map +0 -1
  57. package/dist/dialog.js +0 -15
  58. package/dist/dialog.js.map +0 -1
  59. package/dist/disclosure.d.ts +0 -24
  60. package/dist/disclosure.d.ts.map +0 -1
  61. package/dist/disclosure.js +0 -74
  62. package/dist/disclosure.js.map +0 -1
  63. package/dist/feed.d.ts +0 -33
  64. package/dist/feed.d.ts.map +0 -1
  65. package/dist/feed.js +0 -68
  66. package/dist/feed.js.map +0 -1
  67. package/dist/grid.d.ts +0 -43
  68. package/dist/grid.d.ts.map +0 -1
  69. package/dist/grid.js +0 -165
  70. package/dist/grid.js.map +0 -1
  71. package/dist/index.d.ts +0 -45
  72. package/dist/index.d.ts.map +0 -1
  73. package/dist/index.js +0 -44
  74. package/dist/index.js.map +0 -1
  75. package/dist/internal/checked-control.d.ts +0 -28
  76. package/dist/internal/checked-control.d.ts.map +0 -1
  77. package/dist/internal/checked-control.js +0 -45
  78. package/dist/internal/checked-control.js.map +0 -1
  79. package/dist/internal/controller.d.ts +0 -6
  80. package/dist/internal/controller.d.ts.map +0 -1
  81. package/dist/internal/controller.js +0 -35
  82. package/dist/internal/controller.js.map +0 -1
  83. package/dist/internal/delegated-event.d.ts +0 -2
  84. package/dist/internal/delegated-event.d.ts.map +0 -1
  85. package/dist/internal/delegated-event.js +0 -11
  86. package/dist/internal/delegated-event.js.map +0 -1
  87. package/dist/internal/disabled-items.d.ts +0 -6
  88. package/dist/internal/disabled-items.d.ts.map +0 -1
  89. package/dist/internal/disabled-items.js +0 -15
  90. package/dist/internal/disabled-items.js.map +0 -1
  91. package/dist/internal/facade.d.ts +0 -44
  92. package/dist/internal/facade.d.ts.map +0 -1
  93. package/dist/internal/facade.js +0 -58
  94. package/dist/internal/facade.js.map +0 -1
  95. package/dist/internal/interaction.d.ts +0 -14
  96. package/dist/internal/interaction.d.ts.map +0 -1
  97. package/dist/internal/interaction.js +0 -25
  98. package/dist/internal/interaction.js.map +0 -1
  99. package/dist/internal/menu-control.d.ts +0 -38
  100. package/dist/internal/menu-control.d.ts.map +0 -1
  101. package/dist/internal/menu-control.js +0 -251
  102. package/dist/internal/menu-control.js.map +0 -1
  103. package/dist/internal/popup-control.d.ts +0 -39
  104. package/dist/internal/popup-control.d.ts.map +0 -1
  105. package/dist/internal/popup-control.js +0 -140
  106. package/dist/internal/popup-control.js.map +0 -1
  107. package/dist/internal/semantic-controller.d.ts +0 -20
  108. package/dist/internal/semantic-controller.d.ts.map +0 -1
  109. package/dist/internal/semantic-controller.js +0 -42
  110. package/dist/internal/semantic-controller.js.map +0 -1
  111. package/dist/internal/text-element.d.ts +0 -16
  112. package/dist/internal/text-element.d.ts.map +0 -1
  113. package/dist/internal/text-element.js +0 -215
  114. package/dist/internal/text-element.js.map +0 -1
  115. package/dist/listbox.d.ts +0 -103
  116. package/dist/listbox.d.ts.map +0 -1
  117. package/dist/listbox.js +0 -416
  118. package/dist/listbox.js.map +0 -1
  119. package/dist/menu-button.d.ts +0 -10
  120. package/dist/menu-button.d.ts.map +0 -1
  121. package/dist/menu-button.js +0 -11
  122. package/dist/menu-button.js.map +0 -1
  123. package/dist/menu.d.ts +0 -8
  124. package/dist/menu.d.ts.map +0 -1
  125. package/dist/menu.js +0 -11
  126. package/dist/menu.js.map +0 -1
  127. package/dist/menubar.d.ts +0 -8
  128. package/dist/menubar.d.ts.map +0 -1
  129. package/dist/menubar.js +0 -11
  130. package/dist/menubar.js.map +0 -1
  131. package/dist/multi-thumb-slider.d.ts +0 -38
  132. package/dist/multi-thumb-slider.d.ts.map +0 -1
  133. package/dist/multi-thumb-slider.js +0 -190
  134. package/dist/multi-thumb-slider.js.map +0 -1
  135. package/dist/number-field.d.ts +0 -45
  136. package/dist/number-field.d.ts.map +0 -1
  137. package/dist/number-field.js +0 -136
  138. package/dist/number-field.js.map +0 -1
  139. package/dist/pagination.d.ts +0 -39
  140. package/dist/pagination.d.ts.map +0 -1
  141. package/dist/pagination.js +0 -169
  142. package/dist/pagination.js.map +0 -1
  143. package/dist/pin-input.d.ts +0 -27
  144. package/dist/pin-input.d.ts.map +0 -1
  145. package/dist/pin-input.js +0 -76
  146. package/dist/pin-input.js.map +0 -1
  147. package/dist/quantity-field.d.ts +0 -46
  148. package/dist/quantity-field.d.ts.map +0 -1
  149. package/dist/quantity-field.js +0 -172
  150. package/dist/quantity-field.js.map +0 -1
  151. package/dist/radio-group.d.ts +0 -40
  152. package/dist/radio-group.d.ts.map +0 -1
  153. package/dist/radio-group.js +0 -172
  154. package/dist/radio-group.js.map +0 -1
  155. package/dist/rating.d.ts +0 -22
  156. package/dist/rating.d.ts.map +0 -1
  157. package/dist/rating.js +0 -38
  158. package/dist/rating.js.map +0 -1
  159. package/dist/select.d.ts +0 -45
  160. package/dist/select.d.ts.map +0 -1
  161. package/dist/select.js +0 -87
  162. package/dist/select.js.map +0 -1
  163. package/dist/slider.d.ts +0 -73
  164. package/dist/slider.d.ts.map +0 -1
  165. package/dist/slider.js +0 -265
  166. package/dist/slider.js.map +0 -1
  167. package/dist/spin-button.d.ts +0 -41
  168. package/dist/spin-button.d.ts.map +0 -1
  169. package/dist/spin-button.js +0 -127
  170. package/dist/spin-button.js.map +0 -1
  171. package/dist/stepper.d.ts +0 -24
  172. package/dist/stepper.d.ts.map +0 -1
  173. package/dist/stepper.js +0 -32
  174. package/dist/stepper.js.map +0 -1
  175. package/dist/switch.d.ts +0 -16
  176. package/dist/switch.d.ts.map +0 -1
  177. package/dist/switch.js +0 -12
  178. package/dist/switch.js.map +0 -1
  179. package/dist/tabs.d.ts +0 -55
  180. package/dist/tabs.d.ts.map +0 -1
  181. package/dist/tabs.js +0 -193
  182. package/dist/tabs.js.map +0 -1
  183. package/dist/tags-input.d.ts +0 -32
  184. package/dist/tags-input.d.ts.map +0 -1
  185. package/dist/tags-input.js +0 -94
  186. package/dist/tags-input.js.map +0 -1
  187. package/dist/text.d.ts +0 -80
  188. package/dist/text.d.ts.map +0 -1
  189. package/dist/text.js +0 -203
  190. package/dist/text.js.map +0 -1
  191. package/dist/time-field.d.ts +0 -36
  192. package/dist/time-field.d.ts.map +0 -1
  193. package/dist/time-field.js +0 -57
  194. package/dist/time-field.js.map +0 -1
  195. package/dist/toggle-button.d.ts +0 -16
  196. package/dist/toggle-button.d.ts.map +0 -1
  197. package/dist/toggle-button.js +0 -12
  198. package/dist/toggle-button.js.map +0 -1
  199. package/dist/toolbar.d.ts +0 -37
  200. package/dist/toolbar.d.ts.map +0 -1
  201. package/dist/toolbar.js +0 -148
  202. package/dist/toolbar.js.map +0 -1
  203. package/dist/tooltip.d.ts +0 -18
  204. package/dist/tooltip.d.ts.map +0 -1
  205. package/dist/tooltip.js +0 -14
  206. package/dist/tooltip.js.map +0 -1
  207. package/dist/tree-grid.d.ts +0 -122
  208. package/dist/tree-grid.d.ts.map +0 -1
  209. package/dist/tree-grid.js +0 -449
  210. package/dist/tree-grid.js.map +0 -1
  211. package/dist/tree-view.d.ts +0 -92
  212. package/dist/tree-view.d.ts.map +0 -1
  213. package/dist/tree-view.js +0 -309
  214. package/dist/tree-view.js.map +0 -1
  215. package/dist/window-splitter.d.ts +0 -8
  216. package/dist/window-splitter.d.ts.map +0 -1
  217. package/dist/window-splitter.js +0 -13
  218. package/dist/window-splitter.js.map +0 -1
package/dist/rating.js DELETED
@@ -1,38 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"rating.js","sourceRoot":"","sources":["../src/rating.ts"],"names":[],"mappings":"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"}
package/dist/select.d.ts DELETED
@@ -1,45 +0,0 @@
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 SelectEvent, type SelectPolicies, type SelectState } from '@sectile/core/select';
5
- export interface SelectOptions<ID extends StableID = StableID> {
6
- readonly root: HTMLElement;
7
- readonly trigger: HTMLButtonElement;
8
- readonly popup: HTMLElement;
9
- readonly items: readonly ID[];
10
- readonly disabledItems?: readonly ID[];
11
- readonly policies?: SelectPolicies<ID>;
12
- readonly disabled?: boolean;
13
- readonly readOnly?: boolean;
14
- readonly value?: ID | null;
15
- readonly defaultValue?: ID | null;
16
- readonly highlightedValue?: ID | null;
17
- readonly defaultHighlightedValue?: ID | null;
18
- readonly open?: boolean;
19
- readonly defaultOpen?: boolean;
20
- readonly label?: string;
21
- readonly onValueChange?: (value: ID | null) => void;
22
- readonly onHighlightedValueChange?: (value: ID | null) => void;
23
- readonly onOpenChange?: (open: boolean) => void;
24
- readonly onUpdate?: () => void;
25
- }
26
- export type SelectEffect<ID extends StableID = StableID> = {
27
- readonly type: 'focus-option';
28
- readonly id: ID;
29
- } | {
30
- readonly type: 'close-popup';
31
- };
32
- export interface SelectConnection<ID extends StableID = StableID> {
33
- getSnapshot(): RevisionSnapshot<SelectState<ID>>;
34
- syncControlledValues(values: {
35
- readonly value?: ID | null;
36
- readonly highlightedValue?: ID | null;
37
- readonly open?: boolean;
38
- }): Result<RevisionSnapshot<SelectState<ID>>>;
39
- setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
40
- handleEvent(event: SelectEvent<ID>): boolean;
41
- disconnect(): void;
42
- }
43
- export declare function createSelect<ID extends StableID>(options: SelectOptions<ID>): FacadeConnection<SelectConnection<ID>>;
44
- export declare function tryCreateSelect<ID extends StableID>(options: SelectOptions<ID>): Result<FacadeConnection<SelectConnection<ID>>>;
45
- //# sourceMappingURL=select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"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"}
package/dist/select.js DELETED
@@ -1,87 +0,0 @@
1
- import { createFacadeConnection } from './internal/facade.js';
2
- import { unwrap } from '@sectile/core/result';
3
- import { createSequence } from '@sectile/core/sequence';
4
- import { applySelectEvent, createSelectState } from '@sectile/core/select';
5
- import { findDelegatedID } from './internal/delegated-event.js';
6
- import { createDisabledItems } from './internal/disabled-items.js';
7
- import { setInteractionAttributes } from './internal/interaction.js';
8
- import { createSemanticController } from './internal/semantic-controller.js';
9
- export function createSelect(options) {
10
- return unwrap(tryCreateSelect(options));
11
- }
12
- export function tryCreateSelect(options) {
13
- return createFacadeConnection(options, (options) => tryCreateSelectConnection(options));
14
- }
15
- function tryCreateSelectConnection(options) {
16
- const domain = createSequence(options.items);
17
- if (!domain.ok)
18
- return domain;
19
- const disabled = createDisabledItems(domain.value, options.disabledItems);
20
- if (!disabled.ok)
21
- return disabled;
22
- const suppliedEligibility = options.policies?.eligible;
23
- const policies = { ...options.policies, eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true) };
24
- const controlled = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined };
25
- const runtime = createSemanticController({
26
- interaction: options, interactionIntent: (event) => event === 'select' || (typeof event === 'object' && event.type === 'select') ? 'mutate' : 'navigate',
27
- initial: createSelectState(domain.value, { value: options.value ?? options.defaultValue ?? null, current: options.highlightedValue ?? options.defaultHighlightedValue ?? options.value ?? options.defaultValue ?? null, open: options.open ?? options.defaultOpen ?? false }),
28
- reducer: (state, event) => applySelectEvent(domain.value, state, event, policies),
29
- reconcile: (previous, proposed) => createSelectState(domain.value, { value: controlled.value ? previous.choice.selection.selected[0] ?? null : proposed.choice.selection.selected[0] ?? null, current: controlled.highlighted ? previous.choice.cursor.current : proposed.choice.cursor.current, open: controlled.open ? previous.open : proposed.open }),
30
- notify: (previous, proposed) => { const before = previous.choice.selection.selected[0] ?? null; const after = proposed.choice.selection.selected[0] ?? null; if (before !== after)
31
- options.onValueChange?.(after); if (previous.choice.cursor.current !== proposed.choice.cursor.current)
32
- options.onHighlightedValueChange?.(proposed.choice.cursor.current); if (previous.open !== proposed.open)
33
- options.onOpenChange?.(proposed.open); },
34
- toEffect: (command) => command.type === 'focus' ? { type: 'focus-option', id: command.id } : { type: 'close-popup' },
35
- });
36
- if (!runtime.ok)
37
- return runtime;
38
- return { ok: true, value: new DOMSelectConnection(options, domain.value, runtime.value, disabled.value, controlled) };
39
- }
40
- class DOMSelectConnection {
41
- #options;
42
- #domain;
43
- #runtime;
44
- #disabled;
45
- #controlled;
46
- #triggerClick;
47
- #keydown;
48
- #click;
49
- constructor(options, domain, runtime, disabled, controlled) { this.#options = options; this.#domain = domain; this.#runtime = runtime; this.#disabled = disabled; this.#controlled = controlled; setInteractionAttributes(options.root, options, { readOnly: true }); options.trigger.disabled = options.disabled === true; options.trigger.setAttribute('aria-haspopup', 'listbox'); options.popup.setAttribute('role', 'listbox'); if (options.label !== undefined) {
50
- options.trigger.setAttribute('aria-label', options.label);
51
- options.popup.setAttribute('aria-label', options.label);
52
- } this.#triggerClick = () => { this.handleEvent('toggle'); }; this.#keydown = (event) => { const isClosedTriggerActivation = event.target === options.trigger && !this.#runtime.getSnapshot().state.open && (event.key === 'Enter' || event.key === ' '); const semantic = isClosedTriggerActivation ? 'open' : toSelectEvent(event); if (semantic !== null) {
53
- event.preventDefault();
54
- this.handleEvent(semantic);
55
- } }; this.#click = (event) => { const id = findDelegatedID(event.target, options.popup, 'selectId'); if (id !== null && !this.#disabled.has(id))
56
- this.handleEvent({ type: 'select', id }); }; options.trigger.addEventListener('click', this.#triggerClick); options.root.addEventListener('keydown', this.#keydown); options.popup.addEventListener('click', this.#click); this.#render(); }
57
- getSnapshot() { return this.#runtime.getSnapshot(); }
58
- syncControlledValues(values) { if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.highlighted !== (values.highlightedValue !== undefined) || this.#controlled.open !== (values.open !== undefined))
59
- return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled select values must preserve their construction-time shape.' } }; const state = this.#runtime.getSnapshot().state; const result = this.#runtime.replace(createSelectState(this.#domain, { value: this.#controlled.value ? values.value ?? null : state.choice.selection.selected[0] ?? null, current: this.#controlled.highlighted ? values.highlightedValue ?? null : state.choice.cursor.current, open: this.#controlled.open ? values.open ?? false : state.open })); if (result.ok) {
60
- this.#render();
61
- this.#options.onUpdate?.();
62
- } return result; }
63
- setItemAttributes(element, id, disabled = false) { const state = this.#runtime.getSnapshot().state; element.dataset['selectId'] = id; element.setAttribute('role', 'option'); element.setAttribute('aria-selected', String(state.choice.selection.has(id))); element.tabIndex = state.choice.cursor.current === id ? 0 : -1; if (disabled || this.#disabled.has(id))
64
- element.setAttribute('aria-disabled', 'true');
65
- else
66
- element.removeAttribute('aria-disabled'); }
67
- handleEvent(event) { const result = this.#runtime.handle(event); if (!result.ok)
68
- return false; this.#render(); for (const effect of result.commands) {
69
- if (effect.type === 'focus-option')
70
- queueMicrotask(() => { for (const element of this.#options.popup.querySelectorAll('[data-select-id]'))
71
- if (element.dataset['selectId'] === effect.id)
72
- element.focus(); });
73
- else
74
- this.#options.trigger.focus();
75
- } this.#options.onUpdate?.(); return true; }
76
- disconnect() { this.#options.trigger.removeEventListener('click', this.#triggerClick); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.popup.removeEventListener('click', this.#click); }
77
- #render() { const open = this.#runtime.getSnapshot().state.open; this.#options.trigger.setAttribute('aria-expanded', String(open)); this.#options.popup.hidden = !open; }
78
- }
79
- function toSelectEvent(input) { if (input.altKey || input.ctrlKey || input.metaKey)
80
- return null; if (input.key === 'ArrowDown')
81
- return 'next'; if (input.key === 'ArrowUp')
82
- return 'previous'; if (input.key === 'Home')
83
- return 'first'; if (input.key === 'End')
84
- return 'last'; if (input.key === 'Enter' || input.key === ' ')
85
- return 'select'; if (input.key === 'Escape')
86
- return 'close'; return null; }
87
- //# sourceMappingURL=select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"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"}
package/dist/slider.d.ts DELETED
@@ -1,73 +0,0 @@
1
- import { type FacadeConnection } from './internal/facade.js';
2
- import type { Result } from '@sectile/core';
3
- import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
4
- import { type SliderCommand, type SliderEvent, type SliderState } from '@sectile/core/slider';
5
- import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
6
- export interface KeyboardInput {
7
- readonly key: string;
8
- readonly altKey?: boolean;
9
- readonly ctrlKey?: boolean;
10
- readonly metaKey?: boolean;
11
- }
12
- export interface SliderEffect {
13
- readonly type: 'set-range-value';
14
- readonly tick: number;
15
- }
16
- export interface SliderValueChangeDetails {
17
- readonly value: number;
18
- readonly previousValue: number;
19
- }
20
- export interface SliderControllerOptions {
21
- readonly range: QuantizedRange;
22
- readonly page?: number;
23
- readonly value?: number;
24
- readonly defaultValue?: number;
25
- readonly disabled?: boolean;
26
- readonly readOnly?: boolean;
27
- readonly onValueChange?: (change: SliderValueChangeDetails) => void;
28
- }
29
- export interface SliderControlledValues {
30
- readonly value: number;
31
- }
32
- export interface SliderController {
33
- readonly range: QuantizedRange;
34
- getSnapshot(): RevisionSnapshot<SliderState>;
35
- syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
36
- handleKeyboardInput(input: KeyboardInput, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
37
- handleEvent(event: SliderEvent, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
38
- }
39
- export interface SliderTransitionDetails {
40
- readonly event: SliderEvent;
41
- readonly result: RevisionResult<SliderState, SliderEffect>;
42
- }
43
- export interface SliderConnectionOptions {
44
- readonly controller: SliderController;
45
- readonly root: HTMLElement;
46
- readonly track?: HTMLElement;
47
- readonly label?: string;
48
- readonly role?: 'slider' | 'separator';
49
- readonly orientation?: 'horizontal' | 'vertical';
50
- readonly disabled?: boolean;
51
- readonly readOnly?: boolean;
52
- readonly formatValue?: (value: string) => string;
53
- readonly onTransition?: (details: SliderTransitionDetails) => void;
54
- readonly onUpdate?: () => void;
55
- }
56
- export interface SliderConnection {
57
- readonly range: QuantizedRange;
58
- getSnapshot(): RevisionSnapshot<SliderState>;
59
- getValue(): string;
60
- syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
61
- refreshAttributes(): void;
62
- handleEvent(event: SliderEvent): boolean;
63
- handleKeyboardEvent(event: KeyboardEvent): boolean;
64
- disconnect(): void;
65
- }
66
- export type SliderOptions = Omit<SliderControllerOptions, 'range'> & Omit<SliderConnectionOptions, 'controller'> & BoundedRangeInput;
67
- export declare function createSliderController(options: SliderControllerOptions): Result<SliderController>;
68
- export declare function createSlider(options: SliderOptions): FacadeConnection<SliderConnection>;
69
- export declare function tryCreateSlider(options: SliderOptions): Result<FacadeConnection<SliderConnection>>;
70
- export declare function connectSlider(options: SliderConnectionOptions): SliderConnection;
71
- export declare function toSliderEvent(input: KeyboardInput): SliderEvent | null;
72
- export declare function toSliderEffect(command: SliderCommand): SliderEffect;
73
- //# sourceMappingURL=slider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"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"}
package/dist/slider.js DELETED
@@ -1,265 +0,0 @@
1
- import { createFacadeConnection } from './internal/facade.js';
2
- import { unwrap } from '@sectile/core/result';
3
- import { createInteractionState, requireInteraction } from '@sectile/core/interaction';
4
- import { createBoundedRange, } from '@sectile/core/range';
5
- import { applySliderEvent, createSliderState, } from '@sectile/core/slider';
6
- import { createRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
7
- import { applyControllerEvent, synchronizeControllerState } from './internal/controller.js';
8
- import { setInteractionAttributes } from './internal/interaction.js';
9
- export function createSliderController(options) {
10
- const initial = createSliderState(options.range, options.value ?? options.defaultValue ?? 0);
11
- if (!initial.ok)
12
- return initial;
13
- const snapshot = createRevisionSnapshot(initial.value);
14
- if (!snapshot.ok)
15
- return snapshot;
16
- const interaction = createInteractionState(options);
17
- if (!interaction.ok)
18
- return interaction;
19
- return { ok: true, value: new DOMSliderController(options, interaction.value, snapshot.value) };
20
- }
21
- export function createSlider(options) {
22
- return unwrap(tryCreateSlider(options));
23
- }
24
- export function tryCreateSlider(options) {
25
- return createFacadeConnection(options, (options) => tryCreateSliderConnection(options));
26
- }
27
- function tryCreateSliderConnection(options) {
28
- const range = createBoundedRange(options);
29
- if (!range.ok)
30
- return range;
31
- const controller = createSliderController({ ...options, range: range.value });
32
- if (!controller.ok)
33
- return controller;
34
- return { ok: true, value: connectSlider({ ...options, controller: controller.value }) };
35
- }
36
- export function connectSlider(options) {
37
- return new DOMSliderConnection(options);
38
- }
39
- export function toSliderEvent(input) {
40
- if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
41
- return null;
42
- if (input.key === 'ArrowRight' || input.key === 'ArrowUp')
43
- return 'increment';
44
- if (input.key === 'ArrowLeft' || input.key === 'ArrowDown')
45
- return 'decrement';
46
- if (input.key === 'PageUp')
47
- return 'page-up';
48
- if (input.key === 'PageDown')
49
- return 'page-down';
50
- if (input.key === 'Home')
51
- return 'home';
52
- if (input.key === 'End')
53
- return 'end';
54
- return null;
55
- }
56
- export function toSliderEffect(command) {
57
- return Object.freeze({ type: 'set-range-value', tick: command.tick });
58
- }
59
- class DOMSliderConnection {
60
- range;
61
- #controller;
62
- #root;
63
- #track;
64
- #label;
65
- #role;
66
- #orientation;
67
- #formatValue;
68
- #onTransition;
69
- #onUpdate;
70
- #handleKeydown;
71
- #handlePointer;
72
- #handlePointerUp;
73
- #dragging = false;
74
- constructor(options) {
75
- this.#controller = options.controller;
76
- this.range = options.controller.range;
77
- this.#root = options.root;
78
- this.#track = options.track ?? options.root;
79
- this.#label = options.label;
80
- this.#role = options.role ?? 'slider';
81
- this.#orientation = options.orientation ?? 'horizontal';
82
- this.#formatValue = options.formatValue ?? ((value) => value);
83
- this.#onTransition = options.onTransition;
84
- this.#onUpdate = options.onUpdate;
85
- this.#handleKeydown = (event) => {
86
- if (this.handleKeyboardEvent(event))
87
- event.preventDefault();
88
- };
89
- this.#handlePointer = (event) => {
90
- if (event.type === 'pointerdown') {
91
- this.#dragging = true;
92
- this.#track.setPointerCapture?.(event.pointerId);
93
- }
94
- else if (!this.#dragging) {
95
- return;
96
- }
97
- const rect = this.#track.getBoundingClientRect();
98
- const extent = this.#orientation === 'horizontal' ? rect.width : rect.height;
99
- if (extent <= 0)
100
- return;
101
- const rawRatio = this.#orientation === 'horizontal'
102
- ? (event.clientX - rect.left) / rect.width
103
- : this.#role === 'separator'
104
- ? (event.clientY - rect.top) / rect.height
105
- : (rect.bottom - event.clientY) / rect.height;
106
- const ratio = Math.min(1, Math.max(0, rawRatio));
107
- const tick = Math.round(ratio * this.range.count);
108
- const semanticEvent = { type: 'set-tick', tick };
109
- if (this.handleEvent(semanticEvent))
110
- event.preventDefault();
111
- };
112
- this.#handlePointerUp = (event) => {
113
- if (!this.#dragging)
114
- return;
115
- this.#dragging = false;
116
- this.#track.releasePointerCapture?.(event.pointerId);
117
- };
118
- this.#root.addEventListener('keydown', this.#handleKeydown);
119
- this.#track.addEventListener('pointerdown', this.#handlePointer);
120
- this.#track.addEventListener('pointermove', this.#handlePointer);
121
- this.#track.addEventListener('pointerup', this.#handlePointerUp);
122
- this.#track.addEventListener('pointercancel', this.#handlePointerUp);
123
- setInteractionAttributes(this.#root, options, { readOnly: this.#role === 'slider' });
124
- this.refreshAttributes();
125
- }
126
- getSnapshot() {
127
- return this.#controller.getSnapshot();
128
- }
129
- getValue() {
130
- return this.range.valueAt(this.#controller.getSnapshot().state.tick);
131
- }
132
- syncControlledValues(values) {
133
- const result = this.#controller.syncControlledValues(values);
134
- if (result.ok) {
135
- this.refreshAttributes();
136
- this.#onUpdate?.();
137
- }
138
- return result;
139
- }
140
- refreshAttributes() {
141
- const tick = this.#controller.getSnapshot().state.tick;
142
- const value = this.range.valueAt(tick);
143
- this.#root.setAttribute('role', this.#role);
144
- this.#root.setAttribute('aria-valuemin', this.range.lower);
145
- this.#root.setAttribute('aria-valuemax', this.range.upper);
146
- this.#root.setAttribute('aria-valuenow', value);
147
- this.#root.setAttribute('aria-valuetext', this.#formatValue(value));
148
- this.#root.setAttribute('aria-orientation', this.#orientation);
149
- if (this.#label === undefined)
150
- this.#root.removeAttribute('aria-label');
151
- else
152
- this.#root.setAttribute('aria-label', this.#label);
153
- if (this.#root.tabIndex < 0)
154
- this.#root.tabIndex = 0;
155
- }
156
- handleKeyboardEvent(event) {
157
- const input = {
158
- key: event.key,
159
- altKey: event.altKey,
160
- ctrlKey: event.ctrlKey,
161
- metaKey: event.metaKey,
162
- };
163
- const semanticEvent = this.#role === 'separator' && this.#orientation === 'vertical'
164
- ? toVerticalSplitterEvent(input)
165
- : toSliderEvent(input);
166
- if (semanticEvent === null)
167
- return false;
168
- return this.handleEvent(semanticEvent);
169
- }
170
- handleEvent(event) {
171
- const result = this.#controller.handleEvent(event);
172
- if (result.ok)
173
- this.refreshAttributes();
174
- this.#onTransition?.(Object.freeze({ event, result }));
175
- if (result.ok)
176
- this.#onUpdate?.();
177
- return result.ok;
178
- }
179
- disconnect() {
180
- this.#root.removeEventListener('keydown', this.#handleKeydown);
181
- this.#track.removeEventListener('pointerdown', this.#handlePointer);
182
- this.#track.removeEventListener('pointermove', this.#handlePointer);
183
- this.#track.removeEventListener('pointerup', this.#handlePointerUp);
184
- this.#track.removeEventListener('pointercancel', this.#handlePointerUp);
185
- }
186
- }
187
- function toVerticalSplitterEvent(input) {
188
- if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
189
- return null;
190
- if (input.key === 'ArrowUp')
191
- return 'decrement';
192
- if (input.key === 'ArrowDown')
193
- return 'increment';
194
- return toSliderEvent(input);
195
- }
196
- class DOMSliderController {
197
- range;
198
- #range;
199
- #page;
200
- #controlled;
201
- #interaction;
202
- #onValueChange;
203
- #snapshot;
204
- constructor(options, interaction, snapshot) {
205
- this.range = options.range;
206
- this.#range = options.range;
207
- this.#page = options.page ?? 2;
208
- this.#controlled = options.value !== undefined;
209
- this.#interaction = interaction;
210
- this.#onValueChange = options.onValueChange;
211
- this.#snapshot = snapshot;
212
- }
213
- getSnapshot() {
214
- return this.#snapshot;
215
- }
216
- syncControlledValues(values) {
217
- const error = controlledInputError(this.#controlled, values);
218
- if (error !== null)
219
- return { ok: false, error };
220
- const snapshot = synchronizeControllerState(this.#snapshot, createSliderState(this.#range, values.value));
221
- if (!snapshot.ok)
222
- return snapshot;
223
- this.#snapshot = snapshot.value;
224
- return snapshot;
225
- }
226
- handleKeyboardInput(input, expectedRevision = this.#snapshot.revision) {
227
- const event = toSliderEvent(input);
228
- if (event === null) {
229
- return rejectRevisionInput(this.#snapshot, {
230
- class: 'transition-rejection',
231
- code: 'unsupported-dom-key',
232
- message: 'DOM keyboard input does not map to a slider semantic event.',
233
- details: { key: input.key },
234
- });
235
- }
236
- return this.handleEvent(event, expectedRevision);
237
- }
238
- handleEvent(event, expectedRevision = this.#snapshot.revision) {
239
- const permitted = requireInteraction(this.#interaction, 'mutate');
240
- if (!permitted.ok)
241
- return rejectRevisionInput(this.#snapshot, permitted.error);
242
- const result = applyControllerEvent(this.#snapshot, expectedRevision, event, (state, semanticEvent) => applySliderEvent(this.#range, state, semanticEvent, this.#page), (previous, proposed) => createSliderState(this.#range, this.#controlled ? previous.tick : proposed.tick), (previous, proposed) => {
243
- if (previous.tick !== proposed.tick) {
244
- this.#onValueChange?.(Object.freeze({
245
- value: proposed.tick,
246
- previousValue: previous.tick,
247
- }));
248
- }
249
- }, toSliderEffect);
250
- if (result.ok)
251
- this.#snapshot = result.snapshot;
252
- return result;
253
- }
254
- }
255
- function controlledInputError(controlled, values) {
256
- if (controlled)
257
- return null;
258
- return {
259
- class: 'construction',
260
- code: 'uncontrolled-value-update',
261
- message: 'Uncontrolled slider value cannot be synchronized externally.',
262
- details: { value: values.value },
263
- };
264
- }
265
- //# sourceMappingURL=slider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"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"}
@@ -1,41 +0,0 @@
1
- import { type FacadeConnection } from './internal/facade.js';
2
- import type { Result } from '@sectile/core';
3
- import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
4
- import type { RevisionSnapshot } from '@sectile/core/revision';
5
- import { type SpinButtonEvent, type SpinButtonPolicies, type SpinButtonState } from '@sectile/core/spin-button';
6
- export interface SpinButtonOptions extends BoundedRangeInput {
7
- readonly input: HTMLInputElement;
8
- readonly policies?: SpinButtonPolicies;
9
- readonly value?: string;
10
- readonly defaultValue?: string;
11
- readonly draft?: string | null;
12
- readonly defaultDraft?: string | null;
13
- readonly disabled?: boolean;
14
- readonly readOnly?: boolean;
15
- readonly label?: string;
16
- readonly onValueChange?: (value: string) => void;
17
- readonly onDraftChange?: (draft: string | null) => void;
18
- readonly onUpdate?: () => void;
19
- }
20
- export interface SpinButtonConnection {
21
- readonly range: QuantizedRange;
22
- getSnapshot(): RevisionSnapshot<SpinButtonState>;
23
- getText(): string;
24
- getValue(): string;
25
- syncControlledValues(values: {
26
- readonly value?: string;
27
- readonly draft?: string | null;
28
- }): Result<RevisionSnapshot<SpinButtonState>>;
29
- handleEvent(event: SpinButtonEvent): boolean;
30
- refresh(): void;
31
- disconnect(): void;
32
- }
33
- export declare function createSpinButton(options: SpinButtonOptions): FacadeConnection<SpinButtonConnection>;
34
- export declare function tryCreateSpinButton(options: SpinButtonOptions): Result<FacadeConnection<SpinButtonConnection>>;
35
- export declare function toSpinButtonEvent(input: {
36
- readonly key: string;
37
- readonly altKey?: boolean;
38
- readonly ctrlKey?: boolean;
39
- readonly metaKey?: boolean;
40
- }): SpinButtonEvent | null;
41
- //# sourceMappingURL=spin-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spin-button.d.ts","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAsB,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,CAAC;IACnB,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrI,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAEnG;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAE9G;AAuBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,GAAG,IAAI,CAW5K"}