@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
@@ -1,127 +0,0 @@
1
- import { createFacadeConnection } from './internal/facade.js';
2
- import { unwrap } from '@sectile/core/result';
3
- import { createBoundedRange } from '@sectile/core/range';
4
- import { applySpinButtonEvent, createSpinButtonState, } from '@sectile/core/spin-button';
5
- import { createSemanticController } from './internal/semantic-controller.js';
6
- export function createSpinButton(options) {
7
- return unwrap(tryCreateSpinButton(options));
8
- }
9
- export function tryCreateSpinButton(options) {
10
- return createFacadeConnection(options, (options) => tryCreateSpinButtonConnection(options));
11
- }
12
- function tryCreateSpinButtonConnection(options) {
13
- const range = createBoundedRange(options);
14
- if (!range.ok)
15
- return range;
16
- const valueControlled = options.value !== undefined;
17
- const draftControlled = options.draft !== undefined;
18
- const runtime = createSemanticController({
19
- initial: createSpinButtonState(range.value, options.value ?? options.defaultValue ?? range.value.lower, options.draft !== undefined ? options.draft : options.defaultDraft ?? null),
20
- reducer: (state, event) => applySpinButtonEvent(range.value, state, event, options.policies),
21
- reconcile: (previous, proposed) => createSpinButtonState(range.value, valueControlled ? previous.value : proposed.value, draftControlled ? previous.draft : proposed.draft),
22
- notify: (previous, proposed) => {
23
- if (previous.value !== proposed.value)
24
- options.onValueChange?.(proposed.value);
25
- if (previous.draft !== proposed.draft)
26
- options.onDraftChange?.(proposed.draft);
27
- },
28
- toEffect: (command) => command,
29
- interaction: options,
30
- });
31
- return runtime.ok
32
- ? { ok: true, value: new DOMSpinButton(options, range.value, runtime.value, valueControlled, draftControlled) }
33
- : runtime;
34
- }
35
- export function toSpinButtonEvent(input) {
36
- if (input.altKey || input.ctrlKey || input.metaKey)
37
- return null;
38
- if (input.key === 'ArrowUp')
39
- return 'increment';
40
- if (input.key === 'ArrowDown')
41
- return 'decrement';
42
- if (input.key === 'PageUp')
43
- return 'page-up';
44
- if (input.key === 'PageDown')
45
- return 'page-down';
46
- if (input.key === 'Home')
47
- return 'home';
48
- if (input.key === 'End')
49
- return 'end';
50
- if (input.key === 'Enter')
51
- return 'commit';
52
- if (input.key === 'Escape')
53
- return 'cancel';
54
- return null;
55
- }
56
- class DOMSpinButton {
57
- range;
58
- #options;
59
- #runtime;
60
- #valueControlled;
61
- #draftControlled;
62
- #input = () => { this.handleEvent({ type: 'input', text: this.#options.input.value }); };
63
- #key = (event) => {
64
- const semantic = toSpinButtonEvent(event);
65
- if (semantic !== null) {
66
- event.preventDefault();
67
- this.handleEvent(semantic);
68
- }
69
- };
70
- #blur = () => { this.handleEvent('commit'); };
71
- constructor(options, range, runtime, valueControlled, draftControlled) {
72
- this.#options = options;
73
- this.range = range;
74
- this.#runtime = runtime;
75
- this.#valueControlled = valueControlled;
76
- this.#draftControlled = draftControlled;
77
- options.input.addEventListener('input', this.#input);
78
- options.input.addEventListener('keydown', this.#key);
79
- options.input.addEventListener('blur', this.#blur);
80
- options.input.disabled = options.disabled ?? false;
81
- options.input.readOnly = options.readOnly ?? false;
82
- options.input.setAttribute('aria-disabled', String(options.disabled ?? false));
83
- options.input.setAttribute('aria-readonly', String(options.readOnly ?? false));
84
- this.refresh();
85
- }
86
- getSnapshot() { return this.#runtime.getSnapshot(); }
87
- getText() { const state = this.getSnapshot().state; return state.draft ?? state.value; }
88
- getValue() { return this.getSnapshot().state.value; }
89
- syncControlledValues(values) {
90
- if (this.#valueControlled !== (values.value !== undefined) || this.#draftControlled !== (values.draft !== undefined))
91
- return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled spin button values must preserve their construction-time shape.' } };
92
- const state = this.getSnapshot().state;
93
- const result = this.#runtime.replace(createSpinButtonState(this.range, this.#valueControlled ? values.value : state.value, this.#draftControlled ? values.draft : state.draft));
94
- if (result.ok) {
95
- this.refresh();
96
- this.#options.onUpdate?.();
97
- }
98
- return result;
99
- }
100
- handleEvent(event) {
101
- const result = this.#runtime.handle(event);
102
- this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
103
- this.refresh();
104
- if (result.ok)
105
- this.#options.onUpdate?.();
106
- return result.ok;
107
- }
108
- refresh() {
109
- const state = this.getSnapshot().state;
110
- this.#options.input.setAttribute('role', 'spinbutton');
111
- this.#options.input.setAttribute('aria-valuemin', this.range.lower);
112
- this.#options.input.setAttribute('aria-valuemax', this.range.upper);
113
- this.#options.input.setAttribute('aria-valuenow', state.value);
114
- this.#options.input.setAttribute('aria-valuetext', state.value);
115
- if (this.#options.label !== undefined)
116
- this.#options.input.setAttribute('aria-label', this.#options.label);
117
- const text = this.getText();
118
- if (this.#options.input.value !== text)
119
- this.#options.input.value = text;
120
- }
121
- disconnect() {
122
- this.#options.input.removeEventListener('input', this.#input);
123
- this.#options.input.removeEventListener('keydown', this.#key);
124
- this.#options.input.removeEventListener('blur', this.#blur);
125
- }
126
- }
127
- //# sourceMappingURL=spin-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spin-button.js","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"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"}
package/dist/stepper.d.ts DELETED
@@ -1,24 +0,0 @@
1
- import { type FacadeConnection } from './internal/facade.js';
2
- import type { Result, StableID } from '@sectile/core';
3
- import type { StepperEvent, StepperState } from '@sectile/core/stepper';
4
- import type { RevisionSnapshot } from '@sectile/core/revision';
5
- import { type TabsOptions } from './tabs.js';
6
- export type StepperOptions<ID extends StableID = StableID> = TabsOptions<ID>;
7
- export interface StepperConnection<ID extends StableID = StableID> {
8
- getSnapshot(): RevisionSnapshot<StepperState<ID>>;
9
- syncControlledValues(values: {
10
- readonly value?: ID | null;
11
- readonly highlightedValue?: ID | null;
12
- }): Result<RevisionSnapshot<StepperState<ID>>>;
13
- setStepAttributes(element: HTMLElement, attributes: {
14
- readonly id: ID;
15
- readonly panelID?: string;
16
- readonly disabled?: boolean;
17
- }): void;
18
- setPanelAttributes(element: HTMLElement, id: ID, stepID?: string): void;
19
- handleEvent(event: StepperEvent<ID>): boolean;
20
- disconnect(): void;
21
- }
22
- export declare function createStepper<ID extends StableID>(options: StepperOptions<ID>): FacadeConnection<StepperConnection<ID>>;
23
- export declare function tryCreateStepper<ID extends StableID>(options: StepperOptions<ID>): Result<FacadeConnection<StepperConnection<ID>>>;
24
- //# sourceMappingURL=stepper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../src/stepper.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,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEjF,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAC7E,MAAM,WAAW,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC/D,WAAW,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,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,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAChJ,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;QAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvI,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxE,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC;CACpB;AACD,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAEvH;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAElI"}
package/dist/stepper.js DELETED
@@ -1,32 +0,0 @@
1
- import { createFacadeConnection } from './internal/facade.js';
2
- import { unwrap } from '@sectile/core/result';
3
- import { tryCreateTabs } from './tabs.js';
4
- export function createStepper(options) {
5
- return unwrap(tryCreateStepper(options));
6
- }
7
- export function tryCreateStepper(options) {
8
- return createFacadeConnection(options, (options) => tryCreateStepperConnection(options));
9
- }
10
- function tryCreateStepperConnection(options) {
11
- const result = tryCreateTabs(options);
12
- if (!result.ok)
13
- return result;
14
- options.root.setAttribute('aria-roledescription', 'stepper');
15
- return { ok: true, value: wrapStepper(result.value) };
16
- }
17
- function wrapStepper(connection) {
18
- return Object.freeze({
19
- getSnapshot: () => connection.getSnapshot(),
20
- syncControlledValues: (values) => connection.syncControlledValues(values),
21
- setStepAttributes: (element, attributes) => connection.setItemAttributes(element, attributes),
22
- setPanelAttributes: (element, id, stepID) => connection.setPanelAttributes(element, id, stepID),
23
- handleEvent: (event) => connection.handleEvent(toTabsEvent(event)),
24
- disconnect: () => connection.disconnect(),
25
- });
26
- }
27
- function toTabsEvent(event) {
28
- if (typeof event === 'object')
29
- return { type: event.type === 'focus-step' ? 'focus' : 'select', id: event.id };
30
- return event === 'next-step' ? 'next' : event === 'previous-step' ? 'previous' : event === 'first-step' ? 'first' : event === 'last-step' ? 'last' : 'activate';
31
- }
32
- //# sourceMappingURL=stepper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stepper.js","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,OAAO,EAAE,aAAa,EAAyC,MAAM,WAAW,CAAC;AAWjF,MAAM,UAAU,aAAa,CAAsB,OAA2B;IAC5E,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAsB,OAA2B;IAC/E,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAsB,OAA2B;IAClF,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAAE,OAAO,MAAM,CAAC;IACrE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACxD,CAAC;AACD,SAAS,WAAW,CAAsB,UAA8B;IACtE,OAAO,MAAM,CAAC,MAAM,CAAC;QACnB,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE;QAC3C,oBAAoB,EAAE,CAAC,MAA6E,EAAE,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC;QAChJ,iBAAiB,EAAE,CAAC,OAAoB,EAAE,UAAuF,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;QACvL,kBAAkB,EAAE,CAAC,OAAoB,EAAE,EAAM,EAAE,MAAe,EAAE,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC;QACzH,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpF,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,EAAE;KAC1C,CAAC,CAAC;AACL,CAAC;AACD,SAAS,WAAW,CAAsB,KAAuB;IAC/D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,QAAiB,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;IACjI,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,UAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,UAAmB,CAAC;AAC/M,CAAC"}
package/dist/switch.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { type FacadeConnection } from './internal/facade.js';
2
- import type { Result } from '@sectile/core';
3
- import { type SwitchEvent, type SwitchState } from '@sectile/core/switch';
4
- import { type DOMCheckedControl } from './internal/checked-control.js';
5
- export interface SwitchOptions {
6
- readonly element: HTMLElement;
7
- readonly checked?: boolean;
8
- readonly defaultChecked?: boolean;
9
- readonly disabled?: boolean;
10
- readonly onCheckedChange?: (checked: boolean) => void;
11
- readonly onUpdate?: () => void;
12
- }
13
- export type SwitchConnection = DOMCheckedControl<SwitchState, SwitchEvent, boolean>;
14
- export declare function createSwitch(options: SwitchOptions): FacadeConnection<SwitchConnection>;
15
- export declare function tryCreateSwitch(options: SwitchOptions): Result<FacadeConnection<SwitchConnection>>;
16
- //# sourceMappingURL=switch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAA2D,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChL,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChG,MAAM,WAAW,aAAa;IAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AACnP,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AACpF,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAEvF;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAElG"}
package/dist/switch.js DELETED
@@ -1,12 +0,0 @@
1
- import { createFacadeConnection } from './internal/facade.js';
2
- import { unwrap } from '@sectile/core/result';
3
- import { applySwitchEvent, createSwitchState } from '@sectile/core/switch';
4
- import { createDOMCheckedControl } from './internal/checked-control.js';
5
- export function createSwitch(options) {
6
- return unwrap(tryCreateSwitch(options));
7
- }
8
- export function tryCreateSwitch(options) {
9
- return createFacadeConnection(options, (options) => tryCreateSwitchConnection(options));
10
- }
11
- function tryCreateSwitchConnection(options) { return createDOMCheckedControl({ element: options.element, role: 'switch', attribute: 'aria-checked', controlled: options.checked !== undefined, initial: createSwitchState(options.checked ?? options.defaultChecked ?? false), toggleEvent: 'toggle', reducer: applySwitchEvent, create: createSwitchState, read: (state) => state.checked, format: String, interaction: options, onChange: options.onCheckedChange, onUpdate: options.onUpdate }); }
12
- //# sourceMappingURL=switch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAA0D,MAAM,sBAAsB,CAAC;AAChL,OAAO,EAAE,uBAAuB,EAA0B,MAAM,+BAA+B,CAAC;AAGhG,MAAM,UAAU,YAAY,CAAC,OAAsB;IACjD,OAAO,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAsB;IACpD,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAsB,IAA8B,OAAO,uBAAuB,CAAmD,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC"}
package/dist/tabs.d.ts DELETED
@@ -1,55 +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 TabsCommand, type TabsEvent, type TabsPolicies, type TabsState } from '@sectile/core/tabs';
5
- export interface KeyboardInput {
6
- readonly key: string;
7
- readonly altKey?: boolean;
8
- readonly ctrlKey?: boolean;
9
- readonly metaKey?: boolean;
10
- }
11
- export type TabsEffect<ID extends StableID = StableID> = {
12
- readonly type: 'focus-tab';
13
- readonly id: ID;
14
- } | {
15
- readonly type: 'activate-tab';
16
- readonly id: ID;
17
- };
18
- export interface TabsOptions<ID extends StableID = StableID> {
19
- readonly root: HTMLElement;
20
- readonly disabled?: boolean;
21
- readonly items: readonly ID[];
22
- readonly policies?: TabsPolicies<ID>;
23
- readonly disabledItems?: readonly ID[];
24
- readonly value?: ID | null;
25
- readonly defaultValue?: ID | null;
26
- readonly highlightedValue?: ID | null;
27
- readonly defaultHighlightedValue?: ID | null;
28
- readonly orientation?: 'horizontal' | 'vertical';
29
- readonly label?: string;
30
- readonly onValueChange?: (value: ID | null) => void;
31
- readonly onHighlightedValueChange?: (value: ID | null) => void;
32
- readonly onActivate?: (id: ID) => void;
33
- readonly onUpdate?: () => void;
34
- }
35
- export interface TabsItemAttributes<ID extends StableID = StableID> {
36
- readonly id: ID;
37
- readonly panelID?: string;
38
- readonly disabled?: boolean;
39
- }
40
- export interface TabsConnection<ID extends StableID = StableID> {
41
- getSnapshot(): RevisionSnapshot<TabsState<ID>>;
42
- syncControlledValues(values: {
43
- readonly value?: ID | null;
44
- readonly highlightedValue?: ID | null;
45
- }): Result<RevisionSnapshot<TabsState<ID>>>;
46
- setItemAttributes(element: HTMLElement, attributes: TabsItemAttributes<ID>): void;
47
- setPanelAttributes(element: HTMLElement, id: ID, tabID?: string): void;
48
- handleEvent(event: TabsEvent<ID>): boolean;
49
- disconnect(): void;
50
- }
51
- export declare function createTabs<ID extends StableID>(options: TabsOptions<ID>): FacadeConnection<TabsConnection<ID>>;
52
- export declare function tryCreateTabs<ID extends StableID>(options: TabsOptions<ID>): Result<FacadeConnection<TabsConnection<ID>>>;
53
- export declare function toTabsEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical'): TabsEvent<ID> | null;
54
- export declare function toTabsEffect<ID extends StableID>(command: TabsCommand<ID>): TabsEffect<ID>;
55
- //# sourceMappingURL=tabs.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"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"}
package/dist/tabs.js DELETED
@@ -1,193 +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 { applyTabsEvent, createTabsState, } from '@sectile/core/tabs';
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 { setInteractionAttributes } from './internal/interaction.js';
9
- export function createTabs(options) {
10
- return unwrap(tryCreateTabs(options));
11
- }
12
- export function tryCreateTabs(options) {
13
- return createFacadeConnection(options, (options) => tryCreateTabsConnection(options));
14
- }
15
- function tryCreateTabsConnection(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 = Object.freeze({
24
- ...options.policies,
25
- eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
26
- });
27
- const valueControlled = options.value !== undefined;
28
- const highlightControlled = options.highlightedValue !== undefined;
29
- const initial = createTabsState(domain.value, {
30
- selected: selected(options.value ?? options.defaultValue ?? null),
31
- current: options.highlightedValue !== undefined
32
- ? options.highlightedValue
33
- : options.defaultHighlightedValue ?? null,
34
- });
35
- const runtime = createSemanticController({
36
- interaction: options,
37
- initial,
38
- reducer: (state, event) => applyTabsEvent(domain.value, state, event, policies),
39
- reconcile: (previous, proposed) => createTabsState(domain.value, {
40
- selected: valueControlled ? previous.selection.selected : proposed.selection.selected,
41
- current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
42
- }),
43
- notify: (previous, proposed) => {
44
- if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
45
- options.onValueChange?.(proposed.selection.selected[0] ?? null);
46
- }
47
- if (previous.cursor.current !== proposed.cursor.current) {
48
- options.onHighlightedValueChange?.(proposed.cursor.current);
49
- }
50
- },
51
- toEffect: toTabsEffect,
52
- });
53
- if (!runtime.ok)
54
- return runtime;
55
- return {
56
- ok: true,
57
- value: new DOMTabsConnection(options, domain.value, runtime.value, valueControlled, highlightControlled, disabled.value),
58
- };
59
- }
60
- export function toTabsEvent(input, orientation = 'horizontal') {
61
- if (input.altKey || input.ctrlKey || input.metaKey)
62
- return null;
63
- if (input.key === 'Home')
64
- return 'first';
65
- if (input.key === 'End')
66
- return 'last';
67
- if (input.key === 'Enter' || input.key === ' ')
68
- return 'activate';
69
- if (orientation === 'horizontal' && input.key === 'ArrowRight')
70
- return 'next';
71
- if (orientation === 'horizontal' && input.key === 'ArrowLeft')
72
- return 'previous';
73
- if (orientation === 'vertical' && input.key === 'ArrowDown')
74
- return 'next';
75
- if (orientation === 'vertical' && input.key === 'ArrowUp')
76
- return 'previous';
77
- return null;
78
- }
79
- export function toTabsEffect(command) {
80
- return command.type === 'focus'
81
- ? Object.freeze({ type: 'focus-tab', id: command.id })
82
- : Object.freeze({ type: 'activate-tab', id: command.id });
83
- }
84
- class DOMTabsConnection {
85
- #options;
86
- #domain;
87
- #runtime;
88
- #valueControlled;
89
- #highlightControlled;
90
- #disabledItems;
91
- #keydown;
92
- #click;
93
- constructor(options, domain, runtime, valueControlled, highlightControlled, disabledItems) {
94
- this.#options = options;
95
- this.#domain = domain;
96
- this.#runtime = runtime;
97
- this.#valueControlled = valueControlled;
98
- this.#highlightControlled = highlightControlled;
99
- this.#disabledItems = disabledItems;
100
- options.root.setAttribute('role', 'tablist');
101
- setInteractionAttributes(options.root, options);
102
- options.root.setAttribute('aria-orientation', options.orientation ?? 'horizontal');
103
- if (options.label !== undefined)
104
- options.root.setAttribute('aria-label', options.label);
105
- this.#keydown = (event) => {
106
- const semantic = toTabsEvent(event, options.orientation);
107
- if (semantic === null)
108
- return;
109
- event.preventDefault();
110
- this.handleEvent(semantic);
111
- };
112
- this.#click = (event) => {
113
- const id = findDelegatedID(event.target, options.root, 'tabsId');
114
- if (id !== null)
115
- this.handleEvent({ type: 'activate', id: id });
116
- };
117
- options.root.addEventListener('keydown', this.#keydown);
118
- options.root.addEventListener('click', this.#click);
119
- }
120
- getSnapshot() { return this.#runtime.getSnapshot(); }
121
- syncControlledValues(values) {
122
- if (this.#valueControlled !== (values.value !== undefined)
123
- || this.#highlightControlled !== (values.highlightedValue !== undefined)) {
124
- return controlledError('tabs');
125
- }
126
- const current = this.#runtime.getSnapshot().state;
127
- const result = this.#runtime.replace(createTabsState(this.#domain, {
128
- selected: this.#valueControlled ? selected(values.value ?? null) : current.selection.selected,
129
- current: this.#highlightControlled
130
- ? (values.highlightedValue ?? null)
131
- : current.cursor.current,
132
- }));
133
- if (result.ok)
134
- this.#options.onUpdate?.();
135
- return result;
136
- }
137
- setItemAttributes(element, attributes) {
138
- const state = this.#runtime.getSnapshot().state;
139
- const active = state.selection.has(attributes.id);
140
- element.dataset['tabsId'] = String(attributes.id);
141
- element.setAttribute('role', 'tab');
142
- element.setAttribute('aria-selected', String(active));
143
- element.tabIndex = state.cursor.current === attributes.id ? 0 : -1;
144
- if (attributes.panelID !== undefined)
145
- element.setAttribute('aria-controls', attributes.panelID);
146
- if (attributes.disabled || this.#disabledItems.has(attributes.id))
147
- element.setAttribute('aria-disabled', 'true');
148
- else
149
- element.removeAttribute('aria-disabled');
150
- }
151
- setPanelAttributes(element, id, tabID) {
152
- element.setAttribute('role', 'tabpanel');
153
- element.hidden = !this.#runtime.getSnapshot().state.selection.has(id);
154
- if (tabID !== undefined)
155
- element.setAttribute('aria-labelledby', tabID);
156
- }
157
- handleEvent(event) {
158
- const result = this.#runtime.handle(event);
159
- if (result.ok) {
160
- for (const effect of result.commands) {
161
- if (effect.type === 'activate-tab')
162
- this.#options.onActivate?.(effect.id);
163
- }
164
- queueMicrotask(() => focusData(this.#options.root, 'tabsId', result.snapshot.state.cursor.current));
165
- }
166
- if (result.ok)
167
- this.#options.onUpdate?.();
168
- return result.ok;
169
- }
170
- disconnect() {
171
- this.#options.root.removeEventListener('keydown', this.#keydown);
172
- this.#options.root.removeEventListener('click', this.#click);
173
- }
174
- }
175
- function selected(value) {
176
- return value === null ? [] : [value];
177
- }
178
- function focusData(root, key, id) {
179
- if (id === null)
180
- return;
181
- for (const element of root.querySelectorAll(`[data-${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}]`)) {
182
- if (element.dataset[key] === id)
183
- element.focus();
184
- }
185
- }
186
- function controlledError(name) {
187
- return { ok: false, error: {
188
- class: 'construction',
189
- code: 'controlled-shape-mismatch',
190
- message: `Controlled ${name} values must preserve their construction-time shape.`,
191
- } };
192
- }
193
- //# sourceMappingURL=tabs.js.map
package/dist/tabs.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EACL,cAAc,EACd,eAAe,GAKhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAA2B,MAAM,mCAAmC,CAAC;AACtG,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAiDrE,MAAM,UAAU,UAAU,CACxB,OAAwB;IAExB,OAAO,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,OAAwB;IAExB,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AACxF,CAAC;AAED,SAAS,uBAAuB,CAC9B,OAAwB;IAExB,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAI,CAAC,MAAM,CAAC,EAAE;QAAE,OAAO,MAAM,CAAC;IAC9B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC1E,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAClC,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACvD,MAAM,QAAQ,GAAqB,MAAM,CAAC,MAAM,CAAC;QAC/C,GAAG,OAAO,CAAC,QAAQ;QACnB,QAAQ,EAAE,CAAC,EAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;KACrF,CAAC,CAAC;IACH,MAAM,eAAe,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC;IACpD,MAAM,mBAAmB,GAAG,OAAO,CAAC,gBAAgB,KAAK,SAAS,CAAC;IACnE,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE;QAC5C,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC;QACjE,OAAO,EAAE,OAAO,CAAC,gBAAgB,KAAK,SAAS;YAC7C,CAAC,CAAC,OAAO,CAAC,gBAAgB;YAC1B,CAAC,CAAC,OAAO,CAAC,uBAAuB,IAAI,IAAI;KAC5C,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,wBAAwB,CAKtC;QACA,WAAW,EAAE,OAAO;QACpB,OAAO;QACP,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;QAC/E,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE;YAC/D,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ;YACrF,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO;SACjF,CAAC;QACF,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC7B,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBACtE,OAAO,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;YAClE,CAAC;YACD,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACxD,OAAO,CAAC,wBAAwB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;QACD,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC;IAChC,OAAO;QACL,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI,iBAAiB,CAC1B,OAAO,EACP,MAAM,CAAC,KAAK,EACZ,OAAO,CAAC,KAAK,EACb,eAAe,EACf,mBAAmB,EACnB,QAAQ,CAAC,KAAK,CACf;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,KAAoB,EACpB,WAAW,GAA8B,YAAY;IAErD,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAChE,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;QAAE,OAAO,OAAO,CAAC;IACzC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;QAAE,OAAO,MAAM,CAAC;IACvC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;QAAE,OAAO,UAAU,CAAC;IAClE,IAAI,WAAW,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY;QAAE,OAAO,MAAM,CAAC;IAC9E,IAAI,WAAW,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;QAAE,OAAO,UAAU,CAAC;IACjF,IAAI,WAAW,KAAK,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;QAAE,OAAO,MAAM,CAAC;IAC3E,IAAI,WAAW,KAAK,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;QAAE,OAAO,UAAU,CAAC;IAC7E,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAsB,OAAwB;IACxE,OAAO,OAAO,CAAC,IAAI,KAAK,OAAO;QAC7B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;QACtD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,iBAAiB;IACZ,QAAQ,CAAkB;IAC1B,OAAO,CAAe;IACtB,QAAQ,CAAmE;IAC3E,gBAAgB,CAAU;IAC1B,oBAAoB,CAAU;IAC9B,cAAc,CAAkB;IAChC,QAAQ,CAAiC;IACzC,MAAM,CAA8B;IAE7C,YACE,OAAwB,EACxB,MAAoB,EACpB,OAAyE,EACzE,eAAwB,EACxB,mBAA4B,EAC5B,aAA8B;QAE9B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,oBAAoB,GAAG,mBAAmB,CAAC;QAChD,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC7C,wBAAwB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC,CAAC;QACnF,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACxF,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,EAAQ,EAAE;YAC9B,MAAM,QAAQ,GAAG,WAAW,CAAK,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7D,IAAI,QAAQ,KAAK,IAAI;gBAAE,OAAO;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,EAAQ,EAAE;YAC5B,MAAM,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YACjE,IAAI,EAAE,KAAK,IAAI;gBAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAQ,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxD,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC;IAEM,WAAW,KAAsC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAEtF,oBAAoB,CAAC,MAG3B;QACC,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;eACrD,IAAI,CAAC,oBAAoB,KAAK,CAAC,MAAM,CAAC,gBAAgB,KAAK,SAAS,CAAC,EAAE,CAAC;YAC3E,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;QAClD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE;YACjE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ;YAC7F,OAAO,EAAE,IAAI,CAAC,oBAAoB;gBAChC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,IAAI,CAAC;gBACnC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO;SAC3B,CAAC,CAAC,CAAC;QACJ,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,iBAAiB,CAAC,OAAoB,EAAE,UAAkC;QAC/E,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;QAChD,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAClD,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAClD,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACpC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACtD,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnE,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAChG,IAAI,UAAU,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;YAC5G,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,CAAC;IAEM,kBAAkB,CAAC,OAAoB,EAAE,EAAM,EAAE,KAAc;QACpE,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACzC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACtE,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,YAAY,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAC1E,CAAC;IAEM,WAAW,CAAC,KAAoB;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;YACd,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrC,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc;oBAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5E,CAAC;YACD,cAAc,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACtG,CAAC;QACD,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;CACF;AAED,SAAS,QAAQ,CAAsB,KAAgB;IACrD,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,SAAS,CAAC,IAAiB,EAAE,GAAW,EAAE,EAAmB;IACpE,IAAI,EAAE,KAAK,IAAI;QAAE,OAAO;IACxB,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,gBAAgB,CAAc,SAAS,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1H,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE;YAAE,OAAO,CAAC,KAAK,EAAE,CAAC;IACnD,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAQ,IAAY;IAC1C,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;YACzB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,2BAA2B;YACjC,OAAO,EAAE,cAAc,IAAI,sDAAsD;SAClF,EAAE,CAAC;AACN,CAAC"}
@@ -1,32 +0,0 @@
1
- import { type FacadeConnection } from './internal/facade.js';
2
- import type { Result } from '@sectile/core';
3
- import type { RevisionSnapshot } from '@sectile/core/revision';
4
- import { type TagsInputEvent, type TagsInputPolicies, type TagsInputState } from '@sectile/core/tags-input';
5
- export interface TagsInputOptions {
6
- readonly root: HTMLElement;
7
- readonly input: HTMLInputElement;
8
- readonly policies?: TagsInputPolicies;
9
- readonly disabled?: boolean;
10
- readonly readOnly?: boolean;
11
- readonly value?: readonly string[];
12
- readonly defaultValue?: readonly string[];
13
- readonly inputValue?: string;
14
- readonly defaultInputValue?: string;
15
- readonly label?: string;
16
- readonly onValueChange?: (value: readonly string[]) => void;
17
- readonly onInputValueChange?: (value: string) => void;
18
- readonly onUpdate?: () => void;
19
- }
20
- export interface TagsInputConnection {
21
- getSnapshot(): RevisionSnapshot<TagsInputState>;
22
- syncControlledValues(values: {
23
- readonly value?: readonly string[];
24
- readonly inputValue?: string;
25
- }): Result<RevisionSnapshot<TagsInputState>>;
26
- setTagAttributes(element: HTMLElement, index: number): void;
27
- handleEvent(event: TagsInputEvent): boolean;
28
- disconnect(): void;
29
- }
30
- export declare function createTagsInput(options: TagsInputOptions): FacadeConnection<TagsInputConnection>;
31
- export declare function tryCreateTagsInput(options: TagsInputOptions): Result<FacadeConnection<TagsInputConnection>>;
32
- //# sourceMappingURL=tags-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../src/tags-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAoE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI9K,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAClgB,MAAM,WAAW,mBAAmB;IAAG,WAAW,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACpW,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAEhG;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAE3G"}