@llui/components 0.4.10 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion.d.ts +13 -13
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +9 -9
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.d.ts +8 -8
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/angle-slider.d.ts +13 -13
- package/dist/components/angle-slider.d.ts.map +1 -1
- package/dist/components/angle-slider.js +11 -11
- package/dist/components/angle-slider.js.map +1 -1
- package/dist/components/async-list.d.ts +7 -7
- package/dist/components/async-list.d.ts.map +1 -1
- package/dist/components/async-list.js +5 -8
- package/dist/components/async-list.js.map +1 -1
- package/dist/components/avatar.d.ts +9 -9
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +7 -7
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/carousel.d.ts +18 -18
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +12 -12
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/cascade-select.d.ts +12 -12
- package/dist/components/cascade-select.d.ts.map +1 -1
- package/dist/components/cascade-select.js +8 -8
- package/dist/components/cascade-select.js.map +1 -1
- package/dist/components/checkbox.d.ts +14 -14
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +12 -12
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/clipboard.d.ts +8 -8
- package/dist/components/clipboard.d.ts.map +1 -1
- package/dist/components/clipboard.js +6 -6
- package/dist/components/clipboard.js.map +1 -1
- package/dist/components/collapsible.d.ts +11 -11
- package/dist/components/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible.js +9 -9
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-picker.d.ts +19 -19
- package/dist/components/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker.js +21 -21
- package/dist/components/color-picker.js.map +1 -1
- package/dist/components/combobox.d.ts +25 -25
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +54 -59
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/context-menu.d.ts +14 -14
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +15 -19
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/date-input.d.ts +13 -13
- package/dist/components/date-input.d.ts.map +1 -1
- package/dist/components/date-input.js +11 -11
- package/dist/components/date-input.js.map +1 -1
- package/dist/components/date-picker.d.ts +11 -11
- package/dist/components/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker.js +7 -7
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +15 -15
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +45 -50
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.d.ts +13 -13
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +44 -49
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/editable.d.ts +11 -11
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/editable.js +9 -9
- package/dist/components/editable.js.map +1 -1
- package/dist/components/file-upload.d.ts +19 -19
- package/dist/components/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload.js +14 -14
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/floating-panel.d.ts +14 -14
- package/dist/components/floating-panel.d.ts.map +1 -1
- package/dist/components/floating-panel.js +13 -14
- package/dist/components/floating-panel.js.map +1 -1
- package/dist/components/form.d.ts +9 -9
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +7 -7
- package/dist/components/form.js.map +1 -1
- package/dist/components/hover-card.d.ts +9 -9
- package/dist/components/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card.js +12 -13
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/image-cropper.d.ts +8 -8
- package/dist/components/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper.js +7 -8
- package/dist/components/image-cropper.js.map +1 -1
- package/dist/components/in-view.d.ts +6 -6
- package/dist/components/in-view.d.ts.map +1 -1
- package/dist/components/in-view.js +2 -2
- package/dist/components/in-view.js.map +1 -1
- package/dist/components/listbox.d.ts +16 -16
- package/dist/components/listbox.d.ts.map +1 -1
- package/dist/components/listbox.js +16 -16
- package/dist/components/listbox.js.map +1 -1
- package/dist/components/marquee.d.ts +8 -8
- package/dist/components/marquee.d.ts.map +1 -1
- package/dist/components/marquee.js +8 -11
- package/dist/components/marquee.js.map +1 -1
- package/dist/components/menu.d.ts +15 -15
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +16 -17
- package/dist/components/menu.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +12 -12
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +8 -8
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/number-input.d.ts +18 -18
- package/dist/components/number-input.d.ts.map +1 -1
- package/dist/components/number-input.js +16 -20
- package/dist/components/number-input.js.map +1 -1
- package/dist/components/pagination.d.ts +13 -13
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +11 -17
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/password-input.d.ts +11 -11
- package/dist/components/password-input.d.ts.map +1 -1
- package/dist/components/password-input.js +11 -11
- package/dist/components/password-input.js.map +1 -1
- package/dist/components/pin-input.d.ts +9 -9
- package/dist/components/pin-input.d.ts.map +1 -1
- package/dist/components/pin-input.js +9 -9
- package/dist/components/pin-input.js.map +1 -1
- package/dist/components/popover.d.ts +11 -11
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +61 -60
- package/dist/components/popover.js.map +1 -1
- package/dist/components/presence.d.ts +7 -5
- package/dist/components/presence.d.ts.map +1 -1
- package/dist/components/presence.js +5 -3
- package/dist/components/presence.js.map +1 -1
- package/dist/components/progress.d.ts +14 -14
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +12 -12
- package/dist/components/progress.js.map +1 -1
- package/dist/components/qr-code.d.ts +7 -7
- package/dist/components/qr-code.d.ts.map +1 -1
- package/dist/components/qr-code.js +7 -7
- package/dist/components/qr-code.js.map +1 -1
- package/dist/components/radio-group.d.ts +15 -15
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +12 -13
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/rating-group.d.ts +13 -13
- package/dist/components/rating-group.d.ts.map +1 -1
- package/dist/components/rating-group.js +10 -11
- package/dist/components/rating-group.js.map +1 -1
- package/dist/components/scroll-area.d.ts +10 -10
- package/dist/components/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area.js +10 -15
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +26 -26
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +29 -33
- package/dist/components/select.js.map +1 -1
- package/dist/components/signature-pad.d.ts +12 -12
- package/dist/components/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad.js +10 -10
- package/dist/components/signature-pad.js.map +1 -1
- package/dist/components/slider.d.ts +22 -22
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +17 -17
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sortable.d.ts +11 -11
- package/dist/components/sortable.d.ts.map +1 -1
- package/dist/components/sortable.js +20 -20
- package/dist/components/sortable.js.map +1 -1
- package/dist/components/splitter.d.ts +15 -15
- package/dist/components/splitter.d.ts.map +1 -1
- package/dist/components/splitter.js +15 -15
- package/dist/components/splitter.js.map +1 -1
- package/dist/components/steps.d.ts +14 -14
- package/dist/components/steps.d.ts.map +1 -1
- package/dist/components/steps.js +10 -16
- package/dist/components/steps.js.map +1 -1
- package/dist/components/switch.d.ts +12 -12
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +10 -10
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +15 -15
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +11 -11
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tags-input.d.ts +14 -14
- package/dist/components/tags-input.d.ts.map +1 -1
- package/dist/components/tags-input.js +10 -10
- package/dist/components/tags-input.js.map +1 -1
- package/dist/components/theme-switch.d.ts +5 -5
- package/dist/components/theme-switch.d.ts.map +1 -1
- package/dist/components/theme-switch.js +3 -3
- package/dist/components/theme-switch.js.map +1 -1
- package/dist/components/time-picker.d.ts +19 -19
- package/dist/components/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker.js +17 -17
- package/dist/components/time-picker.js.map +1 -1
- package/dist/components/timer.d.ts +10 -10
- package/dist/components/timer.d.ts.map +1 -1
- package/dist/components/timer.js +8 -8
- package/dist/components/timer.js.map +1 -1
- package/dist/components/toast.d.ts +8 -8
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/components/toast.js +4 -4
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toc.d.ts +12 -12
- package/dist/components/toc.d.ts.map +1 -1
- package/dist/components/toc.js +8 -8
- package/dist/components/toc.js.map +1 -1
- package/dist/components/toggle-group.d.ts +13 -13
- package/dist/components/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group.js +9 -9
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +8 -8
- package/dist/components/toggle.d.ts.map +1 -1
- package/dist/components/toggle.js +6 -6
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +10 -10
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +13 -14
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tour.d.ts +7 -7
- package/dist/components/tour.d.ts.map +1 -1
- package/dist/components/tour.js +5 -5
- package/dist/components/tour.js.map +1 -1
- package/dist/components/tree-view.d.ts +19 -19
- package/dist/components/tree-view.d.ts.map +1 -1
- package/dist/components/tree-view.js +23 -23
- package/dist/components/tree-view.js.map +1 -1
- package/dist/patterns/confirm-dialog.d.ts +4 -4
- package/dist/patterns/confirm-dialog.d.ts.map +1 -1
- package/dist/patterns/confirm-dialog.js +7 -9
- package/dist/patterns/confirm-dialog.js.map +1 -1
- package/package.json +3 -3
- package/dist/components/enter-view.d.ts +0 -73
- package/dist/components/enter-view.d.ts.map +0 -1
- package/dist/components/enter-view.js +0 -51
- package/dist/utils/validators.d.ts +0 -34
- package/dist/utils/validators.d.ts.map +0 -1
- package/dist/utils/validators.js +0 -83
|
@@ -148,7 +148,7 @@ export function update(state, msg) {
|
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
const HIDDEN_STYLE = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;';
|
|
151
|
-
export function connect(
|
|
151
|
+
export function connect(state, send, opts) {
|
|
152
152
|
const base = opts.id;
|
|
153
153
|
const triggerId = `${base}:trigger`;
|
|
154
154
|
const contentId = `${base}:content`;
|
|
@@ -208,17 +208,14 @@ export function connect(get, send, opts) {
|
|
|
208
208
|
type: 'button',
|
|
209
209
|
role: 'combobox',
|
|
210
210
|
'aria-haspopup': 'listbox',
|
|
211
|
-
'aria-expanded': (s) =>
|
|
211
|
+
'aria-expanded': state.map((s) => s.open),
|
|
212
212
|
'aria-controls': contentId,
|
|
213
|
-
'aria-activedescendant': (s) =>
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
},
|
|
217
|
-
'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
|
|
218
|
-
'aria-required': (s) => (get(s).required ? 'true' : undefined),
|
|
213
|
+
'aria-activedescendant': state.map((s) => s.highlightedIndex === null ? undefined : itemId(s.highlightedIndex)),
|
|
214
|
+
'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
|
|
215
|
+
'aria-required': state.map((s) => (s.required ? 'true' : undefined)),
|
|
219
216
|
id: triggerId,
|
|
220
|
-
disabled: (s) =>
|
|
221
|
-
'data-state': (s) => (
|
|
217
|
+
disabled: state.map((s) => s.disabled),
|
|
218
|
+
'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
|
|
222
219
|
'data-scope': 'select',
|
|
223
220
|
'data-part': 'trigger',
|
|
224
221
|
onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
|
|
@@ -232,10 +229,10 @@ export function connect(get, send, opts) {
|
|
|
232
229
|
content: {
|
|
233
230
|
role: 'listbox',
|
|
234
231
|
id: contentId,
|
|
235
|
-
'aria-multiselectable': (s) =>
|
|
232
|
+
'aria-multiselectable': state.map((s) => s.selectionMode === 'multiple' ? 'true' : undefined),
|
|
236
233
|
'aria-labelledby': triggerId,
|
|
237
234
|
tabIndex: -1,
|
|
238
|
-
'data-state': (s) => (
|
|
235
|
+
'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
|
|
239
236
|
'data-scope': 'select',
|
|
240
237
|
'data-part': 'content',
|
|
241
238
|
onKeyDown: handleContentKey,
|
|
@@ -244,9 +241,9 @@ export function connect(get, send, opts) {
|
|
|
244
241
|
'aria-hidden': 'true',
|
|
245
242
|
tabIndex: -1,
|
|
246
243
|
style: HIDDEN_STYLE,
|
|
247
|
-
disabled: (s) =>
|
|
248
|
-
multiple: (s) =>
|
|
249
|
-
required: (s) =>
|
|
244
|
+
disabled: state.map((s) => s.disabled),
|
|
245
|
+
multiple: state.map((s) => s.selectionMode === 'multiple'),
|
|
246
|
+
required: state.map((s) => s.required),
|
|
250
247
|
'data-scope': 'select',
|
|
251
248
|
'data-part': 'hidden-select',
|
|
252
249
|
},
|
|
@@ -254,11 +251,11 @@ export function connect(get, send, opts) {
|
|
|
254
251
|
item: {
|
|
255
252
|
role: 'option',
|
|
256
253
|
id: itemId(index),
|
|
257
|
-
'aria-selected': (s) =>
|
|
258
|
-
'aria-disabled': (s) => (
|
|
259
|
-
'data-state': (s) => (
|
|
260
|
-
'data-highlighted': (s) => (
|
|
261
|
-
'data-disabled': (s) => (
|
|
254
|
+
'aria-selected': state.map((s) => s.value.includes(value)),
|
|
255
|
+
'aria-disabled': state.map((s) => (s.disabledItems.includes(value) ? 'true' : undefined)),
|
|
256
|
+
'data-state': state.map((s) => (s.value.includes(value) ? 'selected' : undefined)),
|
|
257
|
+
'data-highlighted': state.map((s) => (s.highlightedIndex === index ? '' : undefined)),
|
|
258
|
+
'data-disabled': state.map((s) => (s.disabledItems.includes(value) ? '' : undefined)),
|
|
262
259
|
'data-scope': 'select',
|
|
263
260
|
'data-part': 'item',
|
|
264
261
|
'data-value': value,
|
|
@@ -267,16 +264,16 @@ export function connect(get, send, opts) {
|
|
|
267
264
|
onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),
|
|
268
265
|
},
|
|
269
266
|
}),
|
|
270
|
-
valueText: (s) => {
|
|
271
|
-
const v =
|
|
267
|
+
valueText: state.map((s) => {
|
|
268
|
+
const v = s.value;
|
|
272
269
|
if (v.length === 0)
|
|
273
270
|
return placeholder;
|
|
274
271
|
return v.join(separator);
|
|
275
|
-
},
|
|
272
|
+
}),
|
|
276
273
|
};
|
|
277
274
|
}
|
|
278
275
|
export function overlay(opts) {
|
|
279
|
-
const
|
|
276
|
+
const rawTarget = opts.target ?? 'body';
|
|
280
277
|
const placement = opts.placement ?? 'bottom-start';
|
|
281
278
|
const offset = opts.offset ?? 4;
|
|
282
279
|
const flip = opts.flip !== false;
|
|
@@ -285,11 +282,12 @@ export function overlay(opts) {
|
|
|
285
282
|
const parts = opts.parts;
|
|
286
283
|
const contentId = parts.content.id;
|
|
287
284
|
const triggerId = parts.trigger.id;
|
|
288
|
-
return show({
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
285
|
+
return show(opts.state.map((s) => s.open), () => {
|
|
286
|
+
const targetEl = typeof rawTarget === 'string'
|
|
287
|
+
? (document.querySelector(rawTarget) ?? document.body)
|
|
288
|
+
: rawTarget;
|
|
289
|
+
return [
|
|
290
|
+
portal(() => {
|
|
293
291
|
onMount(() => {
|
|
294
292
|
const contentEl = document.getElementById(contentId);
|
|
295
293
|
const triggerEl = document.getElementById(triggerId);
|
|
@@ -324,10 +322,8 @@ export function overlay(opts) {
|
|
|
324
322
|
};
|
|
325
323
|
});
|
|
326
324
|
return [div(parts.positioner, opts.content())];
|
|
327
|
-
},
|
|
328
|
-
|
|
329
|
-
enter: opts.transition?.enter,
|
|
330
|
-
leave: opts.transition?.leave,
|
|
325
|
+
}, targetEl),
|
|
326
|
+
];
|
|
331
327
|
});
|
|
332
328
|
}
|
|
333
329
|
export const select = { init, update, connect, overlay };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, tagSend } from '@llui/dom'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { attachFloating, type Placement } from '../utils/floating.js'\nimport {\n typeaheadAccumulate,\n typeaheadMatchByItems,\n isTypeaheadKey,\n TYPEAHEAD_TIMEOUT_MS,\n} from '../utils/typeahead.js'\n\n/**\n * Select — a trigger button that opens a listbox dropdown. Value(s) are\n * visible on the trigger. Supports single or multiple selection.\n * Positioned relative to the trigger via `@floating-ui/dom`.\n */\n\nexport type SelectionMode = 'single' | 'multiple'\n\nexport interface SelectState {\n open: boolean\n value: string[]\n items: string[]\n disabledItems: string[]\n selectionMode: SelectionMode\n highlightedIndex: number | null\n disabled: boolean\n required: boolean\n typeahead: string\n typeaheadExpiresAt: number\n}\n\nexport type SelectMsg =\n /** @intent(\"Open the select dropdown\") */\n | { type: 'open' }\n /** @intent(\"Close the select dropdown\") */\n | { type: 'close' }\n /** @intent(\"Toggle the select dropdown open/closed\") */\n | { type: 'toggle' }\n /** @intent(\"Pick the option with the given value (toggles in multi-select)\") */\n | { type: 'selectOption'; value: string }\n /** @intent(\"Replace the selected values with the provided list\") */\n | { type: 'setValue'; value: string[] }\n /** @intent(\"Clear all selected values\") */\n | { type: 'clear' }\n /** @humanOnly */\n | { type: 'highlight'; index: number | null }\n /** @humanOnly */\n | { type: 'highlightNext' }\n /** @humanOnly */\n | { type: 'highlightPrev' }\n /** @humanOnly */\n | { type: 'highlightFirst' }\n /** @humanOnly */\n | { type: 'highlightLast' }\n /** @intent(\"Pick the currently-highlighted option\") */\n | { type: 'selectHighlighted' }\n /** @humanOnly */\n | { type: 'setItems'; items: string[]; disabled?: string[] }\n /** @humanOnly */\n | { type: 'typeahead'; char: string; now: number }\n\nexport interface SelectInit {\n value?: string[]\n items?: string[]\n disabledItems?: string[]\n selectionMode?: SelectionMode\n disabled?: boolean\n required?: boolean\n}\n\nexport function init(opts: SelectInit = {}): SelectState {\n return {\n open: false,\n value: opts.value ?? [],\n items: opts.items ?? [],\n disabledItems: opts.disabledItems ?? [],\n selectionMode: opts.selectionMode ?? 'single',\n highlightedIndex: null,\n disabled: opts.disabled ?? false,\n required: opts.required ?? false,\n typeahead: '',\n typeaheadExpiresAt: 0,\n }\n}\n\nfunction firstEnabledIndex(items: string[], disabled: string[]): number | null {\n for (let i = 0; i < items.length; i++) {\n if (!disabled.includes(items[i]!)) return i\n }\n return null\n}\n\nfunction lastEnabledIndex(items: string[], disabled: string[]): number | null {\n for (let i = items.length - 1; i >= 0; i--) {\n if (!disabled.includes(items[i]!)) return i\n }\n return null\n}\n\nfunction nextEnabledIndex(\n items: string[],\n disabled: string[],\n from: number | null,\n delta: 1 | -1,\n): number | null {\n if (items.length === 0) return null\n const start = from === null ? (delta === 1 ? -1 : items.length) : from\n const n = items.length\n for (let i = 1; i <= n; i++) {\n const idx = (start + delta * i + n * n) % n\n if (!disabled.includes(items[idx]!)) return idx\n }\n return null\n}\n\nfunction applySelection(state: SelectState, value: string): string[] {\n if (state.disabledItems.includes(value)) return state.value\n if (state.selectionMode === 'single') return [value]\n const isActive = state.value.includes(value)\n return isActive ? state.value.filter((v) => v !== value) : [...state.value, value]\n}\n\n/** Index of the first selected item, or null. */\nfunction firstSelectedIndex(state: SelectState): number | null {\n if (state.value.length === 0) return null\n const idx = state.items.indexOf(state.value[0]!)\n return idx === -1 ? null : idx\n}\n\nexport function update(state: SelectState, msg: SelectMsg): [SelectState, never[]] {\n if (state.disabled && msg.type !== 'setItems') return [state, []]\n switch (msg.type) {\n case 'open': {\n const highlightedIndex =\n firstSelectedIndex(state) ?? firstEnabledIndex(state.items, state.disabledItems)\n return [{ ...state, open: true, highlightedIndex }, []]\n }\n case 'close':\n return [{ ...state, open: false, highlightedIndex: null }, []]\n case 'toggle':\n return state.open\n ? [{ ...state, open: false, highlightedIndex: null }, []]\n : [\n {\n ...state,\n open: true,\n highlightedIndex:\n firstSelectedIndex(state) ?? firstEnabledIndex(state.items, state.disabledItems),\n },\n [],\n ]\n case 'selectOption': {\n const value = applySelection(state, msg.value)\n // Single mode closes on selection; multi stays open\n const open = state.selectionMode === 'single' ? false : state.open\n const highlightedIndex = open ? state.highlightedIndex : null\n return [{ ...state, value, open, highlightedIndex }, []]\n }\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'clear':\n return [{ ...state, value: [] }, []]\n case 'highlight':\n return [{ ...state, highlightedIndex: msg.index }, []]\n case 'highlightNext':\n return [\n {\n ...state,\n highlightedIndex: nextEnabledIndex(\n state.items,\n state.disabledItems,\n state.highlightedIndex,\n 1,\n ),\n },\n [],\n ]\n case 'highlightPrev':\n return [\n {\n ...state,\n highlightedIndex: nextEnabledIndex(\n state.items,\n state.disabledItems,\n state.highlightedIndex,\n -1,\n ),\n },\n [],\n ]\n case 'highlightFirst':\n return [\n { ...state, highlightedIndex: firstEnabledIndex(state.items, state.disabledItems) },\n [],\n ]\n case 'highlightLast':\n return [\n { ...state, highlightedIndex: lastEnabledIndex(state.items, state.disabledItems) },\n [],\n ]\n case 'selectHighlighted': {\n if (state.highlightedIndex === null) return [state, []]\n const v = state.items[state.highlightedIndex]\n if (v === undefined) return [state, []]\n const value = applySelection(state, v)\n const open = state.selectionMode === 'single' ? false : state.open\n return [{ ...state, value, open, highlightedIndex: open ? state.highlightedIndex : null }, []]\n }\n case 'setItems': {\n const disabled = msg.disabled ?? state.disabledItems\n const value = state.value.filter((v) => msg.items.includes(v) && !disabled.includes(v))\n return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n }\n case 'typeahead': {\n const acc = typeaheadAccumulate(state.typeahead, msg.char, msg.now, state.typeaheadExpiresAt)\n const match = typeaheadMatchByItems(\n state.items,\n state.disabledItems,\n acc,\n state.highlightedIndex,\n )\n return [\n {\n ...state,\n typeahead: acc,\n typeaheadExpiresAt: msg.now + TYPEAHEAD_TIMEOUT_MS,\n highlightedIndex: match ?? state.highlightedIndex,\n },\n [],\n ]\n }\n }\n}\n\nexport interface SelectItemParts<S> {\n item: {\n role: 'option'\n id: string\n 'aria-selected': (s: S) => boolean\n 'aria-disabled': (s: S) => 'true' | undefined\n 'data-state': (s: S) => 'selected' | undefined\n 'data-highlighted': (s: S) => '' | undefined\n 'data-disabled': (s: S) => '' | undefined\n 'data-scope': 'select'\n 'data-part': 'item'\n 'data-value': string\n 'data-index': string\n onClick: (e: MouseEvent) => void\n onPointerMove: (e: PointerEvent) => void\n }\n}\n\nexport interface SelectParts<S> {\n trigger: {\n type: 'button'\n role: 'combobox'\n 'aria-haspopup': 'listbox'\n 'aria-expanded': (s: S) => boolean\n 'aria-controls': string\n 'aria-activedescendant': (s: S) => string | undefined\n 'aria-disabled': (s: S) => 'true' | undefined\n 'aria-required': (s: S) => 'true' | undefined\n id: string\n disabled: (s: S) => boolean\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'select'\n 'data-part': 'trigger'\n onClick: (e: MouseEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n positioner: {\n 'data-scope': 'select'\n 'data-part': 'positioner'\n style: string\n }\n content: {\n role: 'listbox'\n id: string\n 'aria-multiselectable': (s: S) => 'true' | undefined\n 'aria-labelledby': string\n tabIndex: -1\n 'data-state': (s: S) => 'open' | 'closed'\n 'data-scope': 'select'\n 'data-part': 'content'\n onKeyDown: (e: KeyboardEvent) => void\n }\n hiddenSelect: {\n 'aria-hidden': 'true'\n tabIndex: -1\n style: string\n disabled: (s: S) => boolean\n multiple: (s: S) => boolean\n required: (s: S) => boolean\n 'data-scope': 'select'\n 'data-part': 'hidden-select'\n }\n item: (value: string, index: number) => SelectItemParts<S>\n /** Selected value(s) — use for rendering the trigger label. */\n valueText: (s: S) => string\n}\n\nexport interface ConnectOptions {\n id: string\n /** Text to show in trigger when empty. */\n placeholder?: string\n /** Join multi-value labels with this separator. */\n separator?: string\n}\n\nconst HIDDEN_STYLE =\n 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(\n get: (s: S) => SelectState,\n send: Send<SelectMsg>,\n opts: ConnectOptions,\n): SelectParts<S> {\n const base = opts.id\n const triggerId = `${base}:trigger`\n const contentId = `${base}:content`\n const itemId = (index: number): string => `${base}:item:${index}`\n const placeholder = opts.placeholder ?? ''\n const separator = opts.separator ?? ', '\n\n const handleTriggerKey = (e: KeyboardEvent): void => {\n switch (e.key) {\n case 'ArrowDown':\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'open' })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'open' })\n send({ type: 'highlightLast' })\n return\n }\n }\n\n const handleContentKey = (e: KeyboardEvent): void => {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'highlightNext' })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'highlightPrev' })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'highlightFirst' })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'highlightLast' })\n return\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'selectHighlighted' })\n return\n case 'Escape':\n e.preventDefault()\n send({ type: 'close' })\n return\n default:\n if (isTypeaheadKey(e)) {\n send({ type: 'typeahead', char: e.key, now: Date.now() })\n }\n }\n }\n\n return {\n trigger: {\n type: 'button',\n role: 'combobox',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': (s) => get(s).open,\n 'aria-controls': contentId,\n 'aria-activedescendant': (s) => {\n const idx = get(s).highlightedIndex\n return idx === null ? undefined : itemId(idx)\n },\n 'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n 'aria-required': (s) => (get(s).required ? 'true' : undefined),\n id: triggerId,\n disabled: (s) => get(s).disabled,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'select',\n 'data-part': 'trigger',\n onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n onKeyDown: handleTriggerKey,\n },\n positioner: {\n 'data-scope': 'select',\n 'data-part': 'positioner',\n style: 'position:absolute;top:0;left:0;',\n },\n content: {\n role: 'listbox',\n id: contentId,\n 'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),\n 'aria-labelledby': triggerId,\n tabIndex: -1,\n 'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n 'data-scope': 'select',\n 'data-part': 'content',\n onKeyDown: handleContentKey,\n },\n hiddenSelect: {\n 'aria-hidden': 'true',\n tabIndex: -1,\n style: HIDDEN_STYLE,\n disabled: (s) => get(s).disabled,\n multiple: (s) => get(s).selectionMode === 'multiple',\n required: (s) => get(s).required,\n 'data-scope': 'select',\n 'data-part': 'hidden-select',\n },\n item: (value: string, index: number): SelectItemParts<S> => ({\n item: {\n role: 'option',\n id: itemId(index),\n 'aria-selected': (s) => get(s).value.includes(value),\n 'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),\n 'data-state': (s) => (get(s).value.includes(value) ? 'selected' : undefined),\n 'data-highlighted': (s) => (get(s).highlightedIndex === index ? '' : undefined),\n 'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),\n 'data-scope': 'select',\n 'data-part': 'item',\n 'data-value': value,\n 'data-index': String(index),\n onClick: tagSend(send, ['selectOption'], () => send({ type: 'selectOption', value })),\n onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),\n },\n }),\n valueText: (s) => {\n const v = get(s).value\n if (v.length === 0) return placeholder\n return v.join(separator)\n },\n }\n}\n\nexport interface OverlayOptions<S> {\n get: (s: S) => SelectState\n send: Send<SelectMsg>\n parts: SelectParts<S>\n content: () => Node[]\n placement?: Placement\n offset?: number\n flip?: boolean\n shift?: boolean\n /** Match content width to trigger width (default: true). */\n sameWidth?: boolean\n transition?: TransitionOptions\n target?: string | HTMLElement\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n const target = opts.target ?? 'body'\n const placement = opts.placement ?? 'bottom-start'\n const offset = opts.offset ?? 4\n const flip = opts.flip !== false\n const shift = opts.shift !== false\n const sameWidth = opts.sameWidth !== false\n const parts = opts.parts\n const contentId = parts.content.id\n const triggerId = parts.trigger.id\n\n return show<S, SelectMsg>({\n when: (s) => opts.get(s).open,\n render: () =>\n portal({\n target,\n render: () => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n const triggerEl = document.getElementById(triggerId)\n if (!contentEl || !triggerEl) return\n\n const cleanups: Array<() => void> = []\n const positioner = contentEl.closest('[data-part=\"positioner\"]') as HTMLElement | null\n const floatingEl = positioner ?? contentEl\n if (sameWidth) {\n floatingEl.style.minWidth = `${triggerEl.offsetWidth}px`\n }\n cleanups.push(\n attachFloating({\n anchor: triggerEl,\n floating: floatingEl,\n placement,\n offset,\n flip,\n shift,\n }),\n )\n cleanups.push(\n pushDismissable({\n element: contentEl,\n ignore: () => [triggerEl],\n onDismiss: () => {\n opts.send({ type: 'close' })\n triggerEl.focus()\n },\n }),\n )\n contentEl.focus({ preventScroll: true })\n return () => {\n for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n }\n })\n return [div(parts.positioner, opts.content())]\n },\n }),\n enter: opts.transition?.enter,\n leave: opts.transition?.leave,\n })\n}\n\nexport const select = { init, update, connect, overlay }\n"]}
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, tagSend } from '@llui/dom'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { attachFloating, type Placement } from '../utils/floating.js'\nimport {\n typeaheadAccumulate,\n typeaheadMatchByItems,\n isTypeaheadKey,\n TYPEAHEAD_TIMEOUT_MS,\n} from '../utils/typeahead.js'\n\n/**\n * Select — a trigger button that opens a listbox dropdown. Value(s) are\n * visible on the trigger. Supports single or multiple selection.\n * Positioned relative to the trigger via `@floating-ui/dom`.\n */\n\nexport type SelectionMode = 'single' | 'multiple'\n\nexport interface SelectState {\n open: boolean\n value: string[]\n items: string[]\n disabledItems: string[]\n selectionMode: SelectionMode\n highlightedIndex: number | null\n disabled: boolean\n required: boolean\n typeahead: string\n typeaheadExpiresAt: number\n}\n\nexport type SelectMsg =\n /** @intent(\"Open the select dropdown\") */\n | { type: 'open' }\n /** @intent(\"Close the select dropdown\") */\n | { type: 'close' }\n /** @intent(\"Toggle the select dropdown open/closed\") */\n | { type: 'toggle' }\n /** @intent(\"Pick the option with the given value (toggles in multi-select)\") */\n | { type: 'selectOption'; value: string }\n /** @intent(\"Replace the selected values with the provided list\") */\n | { type: 'setValue'; value: string[] }\n /** @intent(\"Clear all selected values\") */\n | { type: 'clear' }\n /** @humanOnly */\n | { type: 'highlight'; index: number | null }\n /** @humanOnly */\n | { type: 'highlightNext' }\n /** @humanOnly */\n | { type: 'highlightPrev' }\n /** @humanOnly */\n | { type: 'highlightFirst' }\n /** @humanOnly */\n | { type: 'highlightLast' }\n /** @intent(\"Pick the currently-highlighted option\") */\n | { type: 'selectHighlighted' }\n /** @humanOnly */\n | { type: 'setItems'; items: string[]; disabled?: string[] }\n /** @humanOnly */\n | { type: 'typeahead'; char: string; now: number }\n\nexport interface SelectInit {\n value?: string[]\n items?: string[]\n disabledItems?: string[]\n selectionMode?: SelectionMode\n disabled?: boolean\n required?: boolean\n}\n\nexport function init(opts: SelectInit = {}): SelectState {\n return {\n open: false,\n value: opts.value ?? [],\n items: opts.items ?? [],\n disabledItems: opts.disabledItems ?? [],\n selectionMode: opts.selectionMode ?? 'single',\n highlightedIndex: null,\n disabled: opts.disabled ?? false,\n required: opts.required ?? false,\n typeahead: '',\n typeaheadExpiresAt: 0,\n }\n}\n\nfunction firstEnabledIndex(items: string[], disabled: string[]): number | null {\n for (let i = 0; i < items.length; i++) {\n if (!disabled.includes(items[i]!)) return i\n }\n return null\n}\n\nfunction lastEnabledIndex(items: string[], disabled: string[]): number | null {\n for (let i = items.length - 1; i >= 0; i--) {\n if (!disabled.includes(items[i]!)) return i\n }\n return null\n}\n\nfunction nextEnabledIndex(\n items: string[],\n disabled: string[],\n from: number | null,\n delta: 1 | -1,\n): number | null {\n if (items.length === 0) return null\n const start = from === null ? (delta === 1 ? -1 : items.length) : from\n const n = items.length\n for (let i = 1; i <= n; i++) {\n const idx = (start + delta * i + n * n) % n\n if (!disabled.includes(items[idx]!)) return idx\n }\n return null\n}\n\nfunction applySelection(state: SelectState, value: string): string[] {\n if (state.disabledItems.includes(value)) return state.value\n if (state.selectionMode === 'single') return [value]\n const isActive = state.value.includes(value)\n return isActive ? state.value.filter((v) => v !== value) : [...state.value, value]\n}\n\n/** Index of the first selected item, or null. */\nfunction firstSelectedIndex(state: SelectState): number | null {\n if (state.value.length === 0) return null\n const idx = state.items.indexOf(state.value[0]!)\n return idx === -1 ? null : idx\n}\n\nexport function update(state: SelectState, msg: SelectMsg): [SelectState, never[]] {\n if (state.disabled && msg.type !== 'setItems') return [state, []]\n switch (msg.type) {\n case 'open': {\n const highlightedIndex =\n firstSelectedIndex(state) ?? firstEnabledIndex(state.items, state.disabledItems)\n return [{ ...state, open: true, highlightedIndex }, []]\n }\n case 'close':\n return [{ ...state, open: false, highlightedIndex: null }, []]\n case 'toggle':\n return state.open\n ? [{ ...state, open: false, highlightedIndex: null }, []]\n : [\n {\n ...state,\n open: true,\n highlightedIndex:\n firstSelectedIndex(state) ?? firstEnabledIndex(state.items, state.disabledItems),\n },\n [],\n ]\n case 'selectOption': {\n const value = applySelection(state, msg.value)\n // Single mode closes on selection; multi stays open\n const open = state.selectionMode === 'single' ? false : state.open\n const highlightedIndex = open ? state.highlightedIndex : null\n return [{ ...state, value, open, highlightedIndex }, []]\n }\n case 'setValue':\n return [{ ...state, value: msg.value }, []]\n case 'clear':\n return [{ ...state, value: [] }, []]\n case 'highlight':\n return [{ ...state, highlightedIndex: msg.index }, []]\n case 'highlightNext':\n return [\n {\n ...state,\n highlightedIndex: nextEnabledIndex(\n state.items,\n state.disabledItems,\n state.highlightedIndex,\n 1,\n ),\n },\n [],\n ]\n case 'highlightPrev':\n return [\n {\n ...state,\n highlightedIndex: nextEnabledIndex(\n state.items,\n state.disabledItems,\n state.highlightedIndex,\n -1,\n ),\n },\n [],\n ]\n case 'highlightFirst':\n return [\n { ...state, highlightedIndex: firstEnabledIndex(state.items, state.disabledItems) },\n [],\n ]\n case 'highlightLast':\n return [\n { ...state, highlightedIndex: lastEnabledIndex(state.items, state.disabledItems) },\n [],\n ]\n case 'selectHighlighted': {\n if (state.highlightedIndex === null) return [state, []]\n const v = state.items[state.highlightedIndex]\n if (v === undefined) return [state, []]\n const value = applySelection(state, v)\n const open = state.selectionMode === 'single' ? false : state.open\n return [{ ...state, value, open, highlightedIndex: open ? state.highlightedIndex : null }, []]\n }\n case 'setItems': {\n const disabled = msg.disabled ?? state.disabledItems\n const value = state.value.filter((v) => msg.items.includes(v) && !disabled.includes(v))\n return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n }\n case 'typeahead': {\n const acc = typeaheadAccumulate(state.typeahead, msg.char, msg.now, state.typeaheadExpiresAt)\n const match = typeaheadMatchByItems(\n state.items,\n state.disabledItems,\n acc,\n state.highlightedIndex,\n )\n return [\n {\n ...state,\n typeahead: acc,\n typeaheadExpiresAt: msg.now + TYPEAHEAD_TIMEOUT_MS,\n highlightedIndex: match ?? state.highlightedIndex,\n },\n [],\n ]\n }\n }\n}\n\nexport interface SelectItemParts {\n item: {\n role: 'option'\n id: string\n 'aria-selected': Signal<boolean>\n 'aria-disabled': Signal<'true' | undefined>\n 'data-state': Signal<'selected' | undefined>\n 'data-highlighted': Signal<'' | undefined>\n 'data-disabled': Signal<'' | undefined>\n 'data-scope': 'select'\n 'data-part': 'item'\n 'data-value': string\n 'data-index': string\n onClick: (e: MouseEvent) => void\n onPointerMove: (e: PointerEvent) => void\n }\n}\n\nexport interface SelectParts {\n trigger: {\n type: 'button'\n role: 'combobox'\n 'aria-haspopup': 'listbox'\n 'aria-expanded': Signal<boolean>\n 'aria-controls': string\n 'aria-activedescendant': Signal<string | undefined>\n 'aria-disabled': Signal<'true' | undefined>\n 'aria-required': Signal<'true' | undefined>\n id: string\n disabled: Signal<boolean>\n 'data-state': Signal<'open' | 'closed'>\n 'data-scope': 'select'\n 'data-part': 'trigger'\n onClick: (e: MouseEvent) => void\n onKeyDown: (e: KeyboardEvent) => void\n }\n positioner: {\n 'data-scope': 'select'\n 'data-part': 'positioner'\n style: string\n }\n content: {\n role: 'listbox'\n id: string\n 'aria-multiselectable': Signal<'true' | undefined>\n 'aria-labelledby': string\n tabIndex: -1\n 'data-state': Signal<'open' | 'closed'>\n 'data-scope': 'select'\n 'data-part': 'content'\n onKeyDown: (e: KeyboardEvent) => void\n }\n hiddenSelect: {\n 'aria-hidden': 'true'\n tabIndex: -1\n style: string\n disabled: Signal<boolean>\n multiple: Signal<boolean>\n required: Signal<boolean>\n 'data-scope': 'select'\n 'data-part': 'hidden-select'\n }\n item: (value: string, index: number) => SelectItemParts\n /** Selected value(s) — use for rendering the trigger label. */\n valueText: Signal<string>\n}\n\nexport interface ConnectOptions {\n id: string\n /** Text to show in trigger when empty. */\n placeholder?: string\n /** Join multi-value labels with this separator. */\n separator?: string\n}\n\nconst HIDDEN_STYLE =\n 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect(\n state: Signal<SelectState>,\n send: Send<SelectMsg>,\n opts: ConnectOptions,\n): SelectParts {\n const base = opts.id\n const triggerId = `${base}:trigger`\n const contentId = `${base}:content`\n const itemId = (index: number): string => `${base}:item:${index}`\n const placeholder = opts.placeholder ?? ''\n const separator = opts.separator ?? ', '\n\n const handleTriggerKey = (e: KeyboardEvent): void => {\n switch (e.key) {\n case 'ArrowDown':\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'open' })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'open' })\n send({ type: 'highlightLast' })\n return\n }\n }\n\n const handleContentKey = (e: KeyboardEvent): void => {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault()\n send({ type: 'highlightNext' })\n return\n case 'ArrowUp':\n e.preventDefault()\n send({ type: 'highlightPrev' })\n return\n case 'Home':\n e.preventDefault()\n send({ type: 'highlightFirst' })\n return\n case 'End':\n e.preventDefault()\n send({ type: 'highlightLast' })\n return\n case 'Enter':\n case ' ':\n e.preventDefault()\n send({ type: 'selectHighlighted' })\n return\n case 'Escape':\n e.preventDefault()\n send({ type: 'close' })\n return\n default:\n if (isTypeaheadKey(e)) {\n send({ type: 'typeahead', char: e.key, now: Date.now() })\n }\n }\n }\n\n return {\n trigger: {\n type: 'button',\n role: 'combobox',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': state.map((s) => s.open),\n 'aria-controls': contentId,\n 'aria-activedescendant': state.map((s) =>\n s.highlightedIndex === null ? undefined : itemId(s.highlightedIndex),\n ),\n 'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n 'aria-required': state.map((s) => (s.required ? 'true' : undefined)),\n id: triggerId,\n disabled: state.map((s) => s.disabled),\n 'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n 'data-scope': 'select',\n 'data-part': 'trigger',\n onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n onKeyDown: handleTriggerKey,\n },\n positioner: {\n 'data-scope': 'select',\n 'data-part': 'positioner',\n style: 'position:absolute;top:0;left:0;',\n },\n content: {\n role: 'listbox',\n id: contentId,\n 'aria-multiselectable': state.map((s) =>\n s.selectionMode === 'multiple' ? 'true' : undefined,\n ),\n 'aria-labelledby': triggerId,\n tabIndex: -1,\n 'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n 'data-scope': 'select',\n 'data-part': 'content',\n onKeyDown: handleContentKey,\n },\n hiddenSelect: {\n 'aria-hidden': 'true',\n tabIndex: -1,\n style: HIDDEN_STYLE,\n disabled: state.map((s) => s.disabled),\n multiple: state.map((s) => s.selectionMode === 'multiple'),\n required: state.map((s) => s.required),\n 'data-scope': 'select',\n 'data-part': 'hidden-select',\n },\n item: (value: string, index: number): SelectItemParts => ({\n item: {\n role: 'option',\n id: itemId(index),\n 'aria-selected': state.map((s) => s.value.includes(value)),\n 'aria-disabled': state.map((s) => (s.disabledItems.includes(value) ? 'true' : undefined)),\n 'data-state': state.map((s) => (s.value.includes(value) ? 'selected' : undefined)),\n 'data-highlighted': state.map((s) => (s.highlightedIndex === index ? '' : undefined)),\n 'data-disabled': state.map((s) => (s.disabledItems.includes(value) ? '' : undefined)),\n 'data-scope': 'select',\n 'data-part': 'item',\n 'data-value': value,\n 'data-index': String(index),\n onClick: tagSend(send, ['selectOption'], () => send({ type: 'selectOption', value })),\n onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),\n },\n }),\n valueText: state.map((s) => {\n const v = s.value\n if (v.length === 0) return placeholder\n return v.join(separator)\n }),\n }\n}\n\nexport interface OverlayOptions {\n state: Signal<SelectState>\n send: Send<SelectMsg>\n parts: SelectParts\n content: () => Node[]\n placement?: Placement\n offset?: number\n flip?: boolean\n shift?: boolean\n /** Match content width to trigger width (default: true). */\n sameWidth?: boolean\n transition?: TransitionOptions\n target?: string | HTMLElement\n}\n\nexport function overlay(opts: OverlayOptions): Node {\n const rawTarget = opts.target ?? 'body'\n const placement = opts.placement ?? 'bottom-start'\n const offset = opts.offset ?? 4\n const flip = opts.flip !== false\n const shift = opts.shift !== false\n const sameWidth = opts.sameWidth !== false\n const parts = opts.parts\n const contentId = parts.content.id\n const triggerId = parts.trigger.id\n\n return show(\n opts.state.map((s) => s.open),\n () => {\n const targetEl =\n typeof rawTarget === 'string'\n ? (document.querySelector(rawTarget) ?? document.body)\n : rawTarget\n return [\n portal(() => {\n onMount(() => {\n const contentEl = document.getElementById(contentId)\n const triggerEl = document.getElementById(triggerId)\n if (!contentEl || !triggerEl) return\n\n const cleanups: Array<() => void> = []\n const positioner = contentEl.closest('[data-part=\"positioner\"]') as HTMLElement | null\n const floatingEl = positioner ?? contentEl\n if (sameWidth) {\n floatingEl.style.minWidth = `${triggerEl.offsetWidth}px`\n }\n cleanups.push(\n attachFloating({\n anchor: triggerEl,\n floating: floatingEl,\n placement,\n offset,\n flip,\n shift,\n }),\n )\n cleanups.push(\n pushDismissable({\n element: contentEl,\n ignore: () => [triggerEl],\n onDismiss: () => {\n opts.send({ type: 'close' })\n triggerEl.focus()\n },\n }),\n )\n contentEl.focus({ preventScroll: true })\n return () => {\n for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n }\n })\n return [div(parts.positioner, opts.content())]\n }, targetEl),\n ]\n },\n )\n}\n\nexport const select = { init, update, connect, overlay }\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Send } from '@llui/dom';
|
|
1
|
+
import type { Send, Signal } from '@llui/dom';
|
|
2
2
|
/**
|
|
3
3
|
* Signature pad — capture free-form strokes on a canvas. The state
|
|
4
4
|
* machine tracks strokes as arrays of points; the view renders them
|
|
@@ -93,15 +93,15 @@ export declare function getBounds(state: SignaturePadState): {
|
|
|
93
93
|
width: number;
|
|
94
94
|
height: number;
|
|
95
95
|
} | null;
|
|
96
|
-
export interface SignaturePadParts
|
|
96
|
+
export interface SignaturePadParts {
|
|
97
97
|
root: {
|
|
98
98
|
role: 'application';
|
|
99
|
-
'aria-label': string
|
|
99
|
+
'aria-label': string;
|
|
100
100
|
'data-scope': 'signature-pad';
|
|
101
101
|
'data-part': 'root';
|
|
102
|
-
'data-disabled':
|
|
103
|
-
'data-readonly':
|
|
104
|
-
'data-drawing':
|
|
102
|
+
'data-disabled': Signal<'' | undefined>;
|
|
103
|
+
'data-readonly': Signal<'' | undefined>;
|
|
104
|
+
'data-drawing': Signal<'' | undefined>;
|
|
105
105
|
};
|
|
106
106
|
control: {
|
|
107
107
|
'data-scope': 'signature-pad';
|
|
@@ -109,16 +109,16 @@ export interface SignaturePadParts<S> {
|
|
|
109
109
|
};
|
|
110
110
|
clearTrigger: {
|
|
111
111
|
type: 'button';
|
|
112
|
-
'aria-label': string
|
|
113
|
-
disabled:
|
|
112
|
+
'aria-label': string;
|
|
113
|
+
disabled: Signal<boolean>;
|
|
114
114
|
'data-scope': 'signature-pad';
|
|
115
115
|
'data-part': 'clear-trigger';
|
|
116
116
|
onClick: (e: MouseEvent) => void;
|
|
117
117
|
};
|
|
118
118
|
undoTrigger: {
|
|
119
119
|
type: 'button';
|
|
120
|
-
'aria-label': string
|
|
121
|
-
disabled:
|
|
120
|
+
'aria-label': string;
|
|
121
|
+
disabled: Signal<boolean>;
|
|
122
122
|
'data-scope': 'signature-pad';
|
|
123
123
|
'data-part': 'undo-trigger';
|
|
124
124
|
onClick: (e: MouseEvent) => void;
|
|
@@ -130,7 +130,7 @@ export interface SignaturePadParts<S> {
|
|
|
130
130
|
};
|
|
131
131
|
hiddenInput: {
|
|
132
132
|
type: 'hidden';
|
|
133
|
-
value:
|
|
133
|
+
value: Signal<string>;
|
|
134
134
|
name?: string;
|
|
135
135
|
'data-scope': 'signature-pad';
|
|
136
136
|
'data-part': 'hidden-input';
|
|
@@ -142,7 +142,7 @@ export interface ConnectOptions {
|
|
|
142
142
|
undoLabel?: string;
|
|
143
143
|
name?: string;
|
|
144
144
|
}
|
|
145
|
-
export declare function connect
|
|
145
|
+
export declare function connect(state: Signal<SignaturePadState>, send: Send<SignaturePadMsg>, opts?: ConnectOptions): SignaturePadParts;
|
|
146
146
|
export declare const signaturePad: {
|
|
147
147
|
init: typeof init;
|
|
148
148
|
update: typeof update;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature-pad.d.ts","sourceRoot":"","sources":["../../src/components/signature-pad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"signature-pad.d.ts","sourceRoot":"","sources":["../../src/components/signature-pad.ts"],"names":[],"mappings":"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"}
|
|
@@ -88,17 +88,17 @@ export function getBounds(state) {
|
|
|
88
88
|
return null;
|
|
89
89
|
return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
|
|
90
90
|
}
|
|
91
|
-
export function connect(
|
|
91
|
+
export function connect(state, send, opts = {}) {
|
|
92
92
|
const locale = useContext(LocaleContext);
|
|
93
93
|
return {
|
|
94
94
|
root: {
|
|
95
95
|
role: 'application',
|
|
96
|
-
'aria-label': opts.label ??
|
|
96
|
+
'aria-label': opts.label ?? locale.signaturePad.label,
|
|
97
97
|
'data-scope': 'signature-pad',
|
|
98
98
|
'data-part': 'root',
|
|
99
|
-
'data-disabled': (s) => (
|
|
100
|
-
'data-readonly': (s) => (
|
|
101
|
-
'data-drawing': (s) => (
|
|
99
|
+
'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
|
|
100
|
+
'data-readonly': state.map((s) => (s.readOnly ? '' : undefined)),
|
|
101
|
+
'data-drawing': state.map((s) => (s.drawing ? '' : undefined)),
|
|
102
102
|
},
|
|
103
103
|
control: {
|
|
104
104
|
'data-scope': 'signature-pad',
|
|
@@ -106,16 +106,16 @@ export function connect(get, send, opts = {}) {
|
|
|
106
106
|
},
|
|
107
107
|
clearTrigger: {
|
|
108
108
|
type: 'button',
|
|
109
|
-
'aria-label': opts.clearLabel ??
|
|
110
|
-
disabled: (s) => isEmpty(
|
|
109
|
+
'aria-label': opts.clearLabel ?? locale.signaturePad.clear,
|
|
110
|
+
disabled: state.map((s) => isEmpty(s)),
|
|
111
111
|
'data-scope': 'signature-pad',
|
|
112
112
|
'data-part': 'clear-trigger',
|
|
113
113
|
onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),
|
|
114
114
|
},
|
|
115
115
|
undoTrigger: {
|
|
116
116
|
type: 'button',
|
|
117
|
-
'aria-label': opts.undoLabel ??
|
|
118
|
-
disabled: (s) =>
|
|
117
|
+
'aria-label': opts.undoLabel ?? locale.signaturePad.undo,
|
|
118
|
+
disabled: state.map((s) => s.strokes.length === 0),
|
|
119
119
|
'data-scope': 'signature-pad',
|
|
120
120
|
'data-part': 'undo-trigger',
|
|
121
121
|
onClick: tagSend(send, ['undo'], () => send({ type: 'undo' })),
|
|
@@ -128,7 +128,7 @@ export function connect(get, send, opts = {}) {
|
|
|
128
128
|
hiddenInput: {
|
|
129
129
|
type: 'hidden',
|
|
130
130
|
// Serialize strokes as JSON for form submission.
|
|
131
|
-
value: (s) => JSON.stringify(
|
|
131
|
+
value: state.map((s) => JSON.stringify(s.strokes)),
|
|
132
132
|
...(opts.name !== undefined ? { name: opts.name } : {}),
|
|
133
133
|
'data-scope': 'signature-pad',
|
|
134
134
|
'data-part': 'hidden-input',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature-pad.js","sourceRoot":"","sources":["../../src/components/signature-pad.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Signature pad — capture free-form strokes on a canvas. The state\n * machine tracks strokes as arrays of points; the view renders them\n * onto a <canvas> element (consumer owns the canvas drawing, typically\n * by redrawing all strokes in an onMount effect whenever `state.strokes`\n * changes, or by drawing incrementally on each `addPoint` message).\n *\n * Pointer event wiring in the view layer:\n *\n * onPointerDown: (e) => {\n * canvas.setPointerCapture(e.pointerId)\n * send({ type: 'strokeStart', x: e.offsetX, y: e.offsetY })\n * }\n * onPointerMove: (e) => {\n * if (state.drawing) send({ type: 'strokePoint', x: e.offsetX, y: e.offsetY })\n * }\n * onPointerUp: () => send({ type: 'strokeEnd' })\n */\n\nexport interface Point {\n x: number\n y: number\n /** Pressure 0..1 (optional; from PointerEvent.pressure). */\n pressure?: number\n}\n\nexport type Stroke = Point[]\n\nexport interface SignaturePadState {\n strokes: Stroke[]\n /** Stroke currently being drawn, or null. */\n current: Stroke | null\n drawing: boolean\n disabled: boolean\n readOnly: boolean\n}\n\nexport type SignaturePadMsg =\n /** @humanOnly */\n | { type: 'strokeStart'; x: number; y: number; pressure?: number }\n /** @humanOnly */\n | { type: 'strokePoint'; x: number; y: number; pressure?: number }\n /** @humanOnly */\n | { type: 'strokeEnd' }\n /** @humanOnly */\n | { type: 'strokeCancel' }\n /** @intent(\"Undo the last completed stroke\") */\n | { type: 'undo' }\n /** @humanOnly */\n | { type: 'redo'; stroke: Stroke }\n /** @intent(\"Erase the entire signature\") */\n | { type: 'clear' }\n /** @humanOnly */\n | { type: 'setStrokes'; strokes: Stroke[] }\n\nexport interface SignaturePadInit {\n strokes?: Stroke[]\n disabled?: boolean\n readOnly?: boolean\n}\n\nexport function init(opts: SignaturePadInit = {}): SignaturePadState {\n return {\n strokes: opts.strokes ?? [],\n current: null,\n drawing: false,\n disabled: opts.disabled ?? false,\n readOnly: opts.readOnly ?? false,\n }\n}\n\nfunction makePoint(x: number, y: number, pressure?: number): Point {\n return pressure !== undefined ? { x, y, pressure } : { x, y }\n}\n\nexport function update(\n state: SignaturePadState,\n msg: SignaturePadMsg,\n): [SignaturePadState, never[]] {\n if (state.disabled || state.readOnly) {\n // Allow reads (undo/clear are still useful for clearing a disabled pad).\n if (msg.type === 'strokeStart' || msg.type === 'strokePoint' || msg.type === 'strokeEnd') {\n return [state, []]\n }\n }\n switch (msg.type) {\n case 'strokeStart': {\n const current = [makePoint(msg.x, msg.y, msg.pressure)]\n return [{ ...state, current, drawing: true }, []]\n }\n case 'strokePoint': {\n if (!state.drawing || state.current === null) return [state, []]\n const current = [...state.current, makePoint(msg.x, msg.y, msg.pressure)]\n return [{ ...state, current }, []]\n }\n case 'strokeEnd': {\n if (!state.drawing || state.current === null) return [state, []]\n // Drop 1-point strokes (accidental taps).\n const strokes = state.current.length > 1 ? [...state.strokes, state.current] : state.strokes\n return [{ ...state, strokes, current: null, drawing: false }, []]\n }\n case 'strokeCancel':\n return [{ ...state, current: null, drawing: false }, []]\n case 'undo': {\n if (state.strokes.length === 0) return [state, []]\n return [{ ...state, strokes: state.strokes.slice(0, -1) }, []]\n }\n case 'redo':\n return [{ ...state, strokes: [...state.strokes, msg.stroke] }, []]\n case 'clear':\n return [{ ...state, strokes: [], current: null, drawing: false }, []]\n case 'setStrokes':\n return [{ ...state, strokes: msg.strokes }, []]\n }\n}\n\nexport function isEmpty(state: SignaturePadState): boolean {\n return state.strokes.length === 0 && state.current === null\n}\n\n/** Total number of points across all strokes + current. */\nexport function pointCount(state: SignaturePadState): number {\n let n = state.current?.length ?? 0\n for (const s of state.strokes) n += s.length\n return n\n}\n\n/**\n * Compute the axis-aligned bounding box of all strokes, or null if empty.\n * Useful for cropping the exported signature tightly.\n */\nexport function getBounds(\n state: SignaturePadState,\n): { x: number; y: number; width: number; height: number } | null {\n let minX = Infinity\n let minY = Infinity\n let maxX = -Infinity\n let maxY = -Infinity\n const all = state.current ? [...state.strokes, state.current] : state.strokes\n for (const stroke of all) {\n for (const p of stroke) {\n if (p.x < minX) minX = p.x\n if (p.y < minY) minY = p.y\n if (p.x > maxX) maxX = p.x\n if (p.y > maxY) maxY = p.y\n }\n }\n if (minX === Infinity) return null\n return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }\n}\n\nexport interface SignaturePadParts<S> {\n root: {\n role: 'application'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'signature-pad'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n 'data-drawing': (s: S) => '' | undefined\n }\n control: {\n 'data-scope': 'signature-pad'\n 'data-part': 'control'\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'signature-pad'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n undoTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n disabled: (s: S) => boolean\n 'data-scope': 'signature-pad'\n 'data-part': 'undo-trigger'\n onClick: (e: MouseEvent) => void\n }\n guide: {\n 'data-scope': 'signature-pad'\n 'data-part': 'guide'\n 'aria-hidden': 'true'\n }\n hiddenInput: {\n type: 'hidden'\n value: (s: S) => string\n name?: string\n 'data-scope': 'signature-pad'\n 'data-part': 'hidden-input'\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n clearLabel?: string\n undoLabel?: string\n name?: string\n}\n\nexport function connect<S>(\n get: (s: S) => SignaturePadState,\n send: Send<SignaturePadMsg>,\n opts: ConnectOptions = {},\n): SignaturePadParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n role: 'application',\n 'aria-label': opts.label ?? ((s: S) => locale(s).signaturePad.label),\n 'data-scope': 'signature-pad',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n 'data-drawing': (s) => (get(s).drawing ? '' : undefined),\n },\n control: {\n 'data-scope': 'signature-pad',\n 'data-part': 'control',\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': opts.clearLabel ?? ((s: S) => locale(s).signaturePad.clear),\n disabled: (s) => isEmpty(get(s)),\n 'data-scope': 'signature-pad',\n 'data-part': 'clear-trigger',\n onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),\n },\n undoTrigger: {\n type: 'button',\n 'aria-label': opts.undoLabel ?? ((s: S) => locale(s).signaturePad.undo),\n disabled: (s) => get(s).strokes.length === 0,\n 'data-scope': 'signature-pad',\n 'data-part': 'undo-trigger',\n onClick: tagSend(send, ['undo'], () => send({ type: 'undo' })),\n },\n guide: {\n 'data-scope': 'signature-pad',\n 'data-part': 'guide',\n 'aria-hidden': 'true',\n },\n hiddenInput: {\n type: 'hidden',\n // Serialize strokes as JSON for form submission.\n value: (s) => JSON.stringify(get(s).strokes),\n ...(opts.name !== undefined ? { name: opts.name } : {}),\n 'data-scope': 'signature-pad',\n 'data-part': 'hidden-input',\n },\n }\n}\n\nexport const signaturePad = {\n init,\n update,\n connect,\n isEmpty,\n pointCount,\n getBounds,\n}\n"]}
|
|
1
|
+
{"version":3,"file":"signature-pad.js","sourceRoot":"","sources":["../../src/components/signature-pad.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\n\n/**\n * Signature pad — capture free-form strokes on a canvas. The state\n * machine tracks strokes as arrays of points; the view renders them\n * onto a <canvas> element (consumer owns the canvas drawing, typically\n * by redrawing all strokes in an onMount effect whenever `state.strokes`\n * changes, or by drawing incrementally on each `addPoint` message).\n *\n * Pointer event wiring in the view layer:\n *\n * onPointerDown: (e) => {\n * canvas.setPointerCapture(e.pointerId)\n * send({ type: 'strokeStart', x: e.offsetX, y: e.offsetY })\n * }\n * onPointerMove: (e) => {\n * if (state.drawing) send({ type: 'strokePoint', x: e.offsetX, y: e.offsetY })\n * }\n * onPointerUp: () => send({ type: 'strokeEnd' })\n */\n\nexport interface Point {\n x: number\n y: number\n /** Pressure 0..1 (optional; from PointerEvent.pressure). */\n pressure?: number\n}\n\nexport type Stroke = Point[]\n\nexport interface SignaturePadState {\n strokes: Stroke[]\n /** Stroke currently being drawn, or null. */\n current: Stroke | null\n drawing: boolean\n disabled: boolean\n readOnly: boolean\n}\n\nexport type SignaturePadMsg =\n /** @humanOnly */\n | { type: 'strokeStart'; x: number; y: number; pressure?: number }\n /** @humanOnly */\n | { type: 'strokePoint'; x: number; y: number; pressure?: number }\n /** @humanOnly */\n | { type: 'strokeEnd' }\n /** @humanOnly */\n | { type: 'strokeCancel' }\n /** @intent(\"Undo the last completed stroke\") */\n | { type: 'undo' }\n /** @humanOnly */\n | { type: 'redo'; stroke: Stroke }\n /** @intent(\"Erase the entire signature\") */\n | { type: 'clear' }\n /** @humanOnly */\n | { type: 'setStrokes'; strokes: Stroke[] }\n\nexport interface SignaturePadInit {\n strokes?: Stroke[]\n disabled?: boolean\n readOnly?: boolean\n}\n\nexport function init(opts: SignaturePadInit = {}): SignaturePadState {\n return {\n strokes: opts.strokes ?? [],\n current: null,\n drawing: false,\n disabled: opts.disabled ?? false,\n readOnly: opts.readOnly ?? false,\n }\n}\n\nfunction makePoint(x: number, y: number, pressure?: number): Point {\n return pressure !== undefined ? { x, y, pressure } : { x, y }\n}\n\nexport function update(\n state: SignaturePadState,\n msg: SignaturePadMsg,\n): [SignaturePadState, never[]] {\n if (state.disabled || state.readOnly) {\n // Allow reads (undo/clear are still useful for clearing a disabled pad).\n if (msg.type === 'strokeStart' || msg.type === 'strokePoint' || msg.type === 'strokeEnd') {\n return [state, []]\n }\n }\n switch (msg.type) {\n case 'strokeStart': {\n const current = [makePoint(msg.x, msg.y, msg.pressure)]\n return [{ ...state, current, drawing: true }, []]\n }\n case 'strokePoint': {\n if (!state.drawing || state.current === null) return [state, []]\n const current = [...state.current, makePoint(msg.x, msg.y, msg.pressure)]\n return [{ ...state, current }, []]\n }\n case 'strokeEnd': {\n if (!state.drawing || state.current === null) return [state, []]\n // Drop 1-point strokes (accidental taps).\n const strokes = state.current.length > 1 ? [...state.strokes, state.current] : state.strokes\n return [{ ...state, strokes, current: null, drawing: false }, []]\n }\n case 'strokeCancel':\n return [{ ...state, current: null, drawing: false }, []]\n case 'undo': {\n if (state.strokes.length === 0) return [state, []]\n return [{ ...state, strokes: state.strokes.slice(0, -1) }, []]\n }\n case 'redo':\n return [{ ...state, strokes: [...state.strokes, msg.stroke] }, []]\n case 'clear':\n return [{ ...state, strokes: [], current: null, drawing: false }, []]\n case 'setStrokes':\n return [{ ...state, strokes: msg.strokes }, []]\n }\n}\n\nexport function isEmpty(state: SignaturePadState): boolean {\n return state.strokes.length === 0 && state.current === null\n}\n\n/** Total number of points across all strokes + current. */\nexport function pointCount(state: SignaturePadState): number {\n let n = state.current?.length ?? 0\n for (const s of state.strokes) n += s.length\n return n\n}\n\n/**\n * Compute the axis-aligned bounding box of all strokes, or null if empty.\n * Useful for cropping the exported signature tightly.\n */\nexport function getBounds(\n state: SignaturePadState,\n): { x: number; y: number; width: number; height: number } | null {\n let minX = Infinity\n let minY = Infinity\n let maxX = -Infinity\n let maxY = -Infinity\n const all = state.current ? [...state.strokes, state.current] : state.strokes\n for (const stroke of all) {\n for (const p of stroke) {\n if (p.x < minX) minX = p.x\n if (p.y < minY) minY = p.y\n if (p.x > maxX) maxX = p.x\n if (p.y > maxY) maxY = p.y\n }\n }\n if (minX === Infinity) return null\n return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }\n}\n\nexport interface SignaturePadParts {\n root: {\n role: 'application'\n 'aria-label': string\n 'data-scope': 'signature-pad'\n 'data-part': 'root'\n 'data-disabled': Signal<'' | undefined>\n 'data-readonly': Signal<'' | undefined>\n 'data-drawing': Signal<'' | undefined>\n }\n control: {\n 'data-scope': 'signature-pad'\n 'data-part': 'control'\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string\n disabled: Signal<boolean>\n 'data-scope': 'signature-pad'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n undoTrigger: {\n type: 'button'\n 'aria-label': string\n disabled: Signal<boolean>\n 'data-scope': 'signature-pad'\n 'data-part': 'undo-trigger'\n onClick: (e: MouseEvent) => void\n }\n guide: {\n 'data-scope': 'signature-pad'\n 'data-part': 'guide'\n 'aria-hidden': 'true'\n }\n hiddenInput: {\n type: 'hidden'\n value: Signal<string>\n name?: string\n 'data-scope': 'signature-pad'\n 'data-part': 'hidden-input'\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n clearLabel?: string\n undoLabel?: string\n name?: string\n}\n\nexport function connect(\n state: Signal<SignaturePadState>,\n send: Send<SignaturePadMsg>,\n opts: ConnectOptions = {},\n): SignaturePadParts {\n const locale = useContext(LocaleContext)\n return {\n root: {\n role: 'application',\n 'aria-label': opts.label ?? locale.signaturePad.label,\n 'data-scope': 'signature-pad',\n 'data-part': 'root',\n 'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n 'data-readonly': state.map((s) => (s.readOnly ? '' : undefined)),\n 'data-drawing': state.map((s) => (s.drawing ? '' : undefined)),\n },\n control: {\n 'data-scope': 'signature-pad',\n 'data-part': 'control',\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': opts.clearLabel ?? locale.signaturePad.clear,\n disabled: state.map((s) => isEmpty(s)),\n 'data-scope': 'signature-pad',\n 'data-part': 'clear-trigger',\n onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),\n },\n undoTrigger: {\n type: 'button',\n 'aria-label': opts.undoLabel ?? locale.signaturePad.undo,\n disabled: state.map((s) => s.strokes.length === 0),\n 'data-scope': 'signature-pad',\n 'data-part': 'undo-trigger',\n onClick: tagSend(send, ['undo'], () => send({ type: 'undo' })),\n },\n guide: {\n 'data-scope': 'signature-pad',\n 'data-part': 'guide',\n 'aria-hidden': 'true',\n },\n hiddenInput: {\n type: 'hidden',\n // Serialize strokes as JSON for form submission.\n value: state.map((s) => JSON.stringify(s.strokes)),\n ...(opts.name !== undefined ? { name: opts.name } : {}),\n 'data-scope': 'signature-pad',\n 'data-part': 'hidden-input',\n },\n }\n}\n\nexport const signaturePad = {\n init,\n update,\n connect,\n isEmpty,\n pointCount,\n getBounds,\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Send } from '@llui/dom';
|
|
1
|
+
import type { Send, Signal } from '@llui/dom';
|
|
2
2
|
/**
|
|
3
3
|
* Slider — numeric input controlled by drag or keyboard. Supports multiple
|
|
4
4
|
* thumbs (range slider) and horizontal/vertical orientations. The machine is
|
|
@@ -67,53 +67,53 @@ export interface SliderInit {
|
|
|
67
67
|
}
|
|
68
68
|
export declare function init(opts?: SliderInit): SliderState;
|
|
69
69
|
export declare function update(state: SliderState, msg: SliderMsg): [SliderState, never[]];
|
|
70
|
-
export interface SliderThumbParts
|
|
70
|
+
export interface SliderThumbParts {
|
|
71
71
|
thumb: {
|
|
72
72
|
role: 'slider';
|
|
73
|
-
'aria-valuemin':
|
|
74
|
-
'aria-valuemax':
|
|
75
|
-
'aria-valuenow':
|
|
76
|
-
'aria-orientation':
|
|
77
|
-
'aria-disabled':
|
|
78
|
-
'data-orientation':
|
|
79
|
-
'data-disabled':
|
|
73
|
+
'aria-valuemin': Signal<number>;
|
|
74
|
+
'aria-valuemax': Signal<number>;
|
|
75
|
+
'aria-valuenow': Signal<number>;
|
|
76
|
+
'aria-orientation': Signal<Orientation>;
|
|
77
|
+
'aria-disabled': Signal<'true' | undefined>;
|
|
78
|
+
'data-orientation': Signal<Orientation>;
|
|
79
|
+
'data-disabled': Signal<'' | undefined>;
|
|
80
80
|
'data-scope': 'slider';
|
|
81
81
|
'data-part': 'thumb';
|
|
82
82
|
'data-index': string;
|
|
83
|
-
tabIndex:
|
|
83
|
+
tabIndex: Signal<number>;
|
|
84
84
|
onKeyDown: (e: KeyboardEvent) => void;
|
|
85
|
-
style:
|
|
85
|
+
style: Signal<string>;
|
|
86
86
|
};
|
|
87
87
|
}
|
|
88
|
-
export interface SliderParts
|
|
88
|
+
export interface SliderParts {
|
|
89
89
|
root: {
|
|
90
90
|
'data-scope': 'slider';
|
|
91
91
|
'data-part': 'root';
|
|
92
|
-
'data-orientation':
|
|
93
|
-
'data-disabled':
|
|
92
|
+
'data-orientation': Signal<Orientation>;
|
|
93
|
+
'data-disabled': Signal<'' | undefined>;
|
|
94
94
|
};
|
|
95
95
|
control: {
|
|
96
96
|
'data-scope': 'slider';
|
|
97
97
|
'data-part': 'control';
|
|
98
|
-
'data-orientation':
|
|
98
|
+
'data-orientation': Signal<Orientation>;
|
|
99
99
|
onPointerDown: (e: PointerEvent) => void;
|
|
100
100
|
};
|
|
101
101
|
track: {
|
|
102
102
|
'data-scope': 'slider';
|
|
103
103
|
'data-part': 'track';
|
|
104
|
-
'data-orientation':
|
|
104
|
+
'data-orientation': Signal<Orientation>;
|
|
105
105
|
};
|
|
106
106
|
range: {
|
|
107
107
|
'data-scope': 'slider';
|
|
108
108
|
'data-part': 'range';
|
|
109
|
-
'data-orientation':
|
|
110
|
-
style:
|
|
109
|
+
'data-orientation': Signal<Orientation>;
|
|
110
|
+
style: Signal<string>;
|
|
111
111
|
};
|
|
112
|
-
thumb: (index: number) => SliderThumbParts
|
|
113
|
-
/** Current raw values —
|
|
114
|
-
value:
|
|
112
|
+
thumb: (index: number) => SliderThumbParts;
|
|
113
|
+
/** Current raw values — reactive convenience. */
|
|
114
|
+
value: Signal<number[]>;
|
|
115
115
|
}
|
|
116
|
-
export declare function connect
|
|
116
|
+
export declare function connect(state: Signal<SliderState>, send: Send<SliderMsg>): SliderParts;
|
|
117
117
|
/**
|
|
118
118
|
* Compute the slider value at a given pointer position within the control's
|
|
119
119
|
* bounding rect. Returns null if the pointer is outside the track.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.ts"],"names":[],"mappings":"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"}
|