@llui/components 0.0.30 → 0.0.33
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 +27 -9
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +4 -3
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/angle-slider.d.ts +15 -5
- package/dist/components/angle-slider.d.ts.map +1 -1
- package/dist/components/angle-slider.js +3 -2
- package/dist/components/angle-slider.js.map +1 -1
- package/dist/components/async-list.d.ts +18 -6
- package/dist/components/async-list.d.ts.map +1 -1
- package/dist/components/async-list.js +3 -2
- package/dist/components/async-list.js.map +1 -1
- package/dist/components/avatar.d.ts +12 -4
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +4 -3
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/carousel.d.ts +21 -7
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +8 -8
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/cascade-select.d.ts +9 -3
- package/dist/components/cascade-select.d.ts.map +1 -1
- package/dist/components/cascade-select.js +4 -4
- package/dist/components/cascade-select.js.map +1 -1
- package/dist/components/checkbox.d.ts +9 -3
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +4 -3
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/clipboard.d.ts +12 -4
- package/dist/components/clipboard.d.ts.map +1 -1
- package/dist/components/clipboard.js +3 -3
- package/dist/components/clipboard.js.map +1 -1
- package/dist/components/collapsible.d.ts +12 -4
- package/dist/components/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible.js +2 -1
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-picker.d.ts +18 -6
- package/dist/components/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker.js +5 -5
- package/dist/components/color-picker.js.map +1 -1
- package/dist/components/combobox.d.ts +39 -13
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +17 -9
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/context-menu.d.ts +24 -8
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +8 -8
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/date-input.d.ts +21 -6
- package/dist/components/date-input.d.ts.map +1 -1
- package/dist/components/date-input.js +4 -4
- package/dist/components/date-input.js.map +1 -1
- package/dist/components/date-picker.d.ts +36 -12
- package/dist/components/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker.js +15 -8
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +12 -4
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.d.ts +12 -4
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +3 -3
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/editable.d.ts +15 -5
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/editable.js +14 -13
- package/dist/components/editable.js.map +1 -1
- package/dist/components/file-upload.d.ts +30 -10
- package/dist/components/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload.js +10 -10
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/floating-panel.d.ts +48 -16
- package/dist/components/floating-panel.d.ts.map +1 -1
- package/dist/components/floating-panel.js +6 -6
- package/dist/components/floating-panel.js.map +1 -1
- package/dist/components/form.d.ts +18 -6
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +2 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/image-cropper.d.ts +33 -11
- package/dist/components/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper.js +6 -6
- package/dist/components/image-cropper.js.map +1 -1
- package/dist/components/listbox.d.ts +33 -11
- package/dist/components/listbox.d.ts.map +1 -1
- package/dist/components/listbox.js +12 -4
- package/dist/components/listbox.js.map +1 -1
- package/dist/components/marquee.d.ts +21 -7
- package/dist/components/marquee.d.ts.map +1 -1
- package/dist/components/marquee.js +3 -2
- package/dist/components/marquee.js.map +1 -1
- package/dist/components/menu.d.ts +36 -12
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +23 -9
- package/dist/components/menu.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +15 -5
- 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 +24 -8
- package/dist/components/number-input.d.ts.map +1 -1
- package/dist/components/number-input.js +8 -8
- package/dist/components/number-input.js.map +1 -1
- package/dist/components/pagination.d.ts +21 -7
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +4 -4
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/password-input.d.ts +9 -3
- package/dist/components/password-input.d.ts.map +1 -1
- package/dist/components/password-input.js +3 -3
- package/dist/components/password-input.js.map +1 -1
- package/dist/components/pin-input.d.ts +15 -5
- package/dist/components/pin-input.d.ts.map +1 -1
- package/dist/components/pin-input.js +8 -7
- package/dist/components/pin-input.js.map +1 -1
- package/dist/components/popover.d.ts +12 -4
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +3 -3
- package/dist/components/popover.js.map +1 -1
- package/dist/components/presence.d.ts +15 -5
- package/dist/components/presence.d.ts.map +1 -1
- package/dist/components/presence.js.map +1 -1
- package/dist/components/progress.d.ts +6 -2
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js.map +1 -1
- package/dist/components/qr-code.d.ts +9 -3
- package/dist/components/qr-code.d.ts.map +1 -1
- package/dist/components/qr-code.js.map +1 -1
- package/dist/components/radio-group.d.ts +18 -6
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +4 -3
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/rating-group.d.ts +21 -7
- package/dist/components/rating-group.d.ts.map +1 -1
- package/dist/components/rating-group.js +8 -7
- package/dist/components/rating-group.js.map +1 -1
- package/dist/components/scroll-area.d.ts +9 -3
- package/dist/components/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area.js +5 -4
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +42 -14
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +4 -4
- package/dist/components/select.js.map +1 -1
- package/dist/components/signature-pad.d.ts +24 -8
- package/dist/components/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad.js +3 -3
- package/dist/components/signature-pad.js.map +1 -1
- package/dist/components/slider.d.ts +21 -7
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sortable.d.ts +18 -6
- package/dist/components/sortable.d.ts.map +1 -1
- package/dist/components/sortable.js +11 -10
- package/dist/components/sortable.js.map +1 -1
- package/dist/components/splitter.d.ts +21 -7
- package/dist/components/splitter.d.ts.map +1 -1
- package/dist/components/splitter.js +5 -4
- package/dist/components/splitter.js.map +1 -1
- package/dist/components/steps.d.ts +21 -7
- package/dist/components/steps.d.ts.map +1 -1
- package/dist/components/steps.js +4 -4
- package/dist/components/steps.js.map +1 -1
- package/dist/components/switch.d.ts +9 -3
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +4 -3
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +24 -8
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +7 -6
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tags-input.d.ts +27 -9
- 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.map +1 -1
- package/dist/components/theme-switch.js +3 -2
- package/dist/components/theme-switch.js.map +1 -1
- package/dist/components/time-picker.d.ts +27 -9
- package/dist/components/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker.js +10 -10
- package/dist/components/time-picker.js.map +1 -1
- package/dist/components/timer.d.ts +15 -5
- package/dist/components/timer.d.ts.map +1 -1
- package/dist/components/timer.js +4 -4
- package/dist/components/timer.js.map +1 -1
- package/dist/components/toast.d.ts +24 -8
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/components/toast.js +6 -6
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toc.d.ts +15 -5
- package/dist/components/toc.d.ts.map +1 -1
- package/dist/components/toc.js +2 -2
- package/dist/components/toc.js.map +1 -1
- package/dist/components/toggle-group.d.ts +15 -5
- package/dist/components/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group.js +4 -3
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +9 -3
- package/dist/components/toggle.d.ts.map +1 -1
- package/dist/components/toggle.js +4 -3
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +12 -4
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +3 -3
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tour.d.ts +18 -6
- package/dist/components/tour.d.ts.map +1 -1
- package/dist/components/tour.js +6 -6
- package/dist/components/tour.js.map +1 -1
- package/dist/components/tree-view.d.ts +75 -25
- package/dist/components/tree-view.d.ts.map +1 -1
- package/dist/components/tree-view.js +18 -7
- package/dist/components/tree-view.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { tagSend } from '@llui/dom';
|
|
1
2
|
export function init(opts = {}) {
|
|
2
3
|
return {
|
|
3
4
|
scrollTop: 0,
|
|
@@ -75,14 +76,14 @@ export function connect(get, send) {
|
|
|
75
76
|
'data-part': 'root',
|
|
76
77
|
'data-scrolling': (s) => (get(s).scrolling ? '' : undefined),
|
|
77
78
|
'data-hovered': (s) => (get(s).hovered ? '' : undefined),
|
|
78
|
-
onMouseEnter: () => send({ type: 'setHovered', hovered: true }),
|
|
79
|
-
onMouseLeave: () => send({ type: 'setHovered', hovered: false }),
|
|
79
|
+
onMouseEnter: tagSend(send, ['setHovered'], () => send({ type: 'setHovered', hovered: true })),
|
|
80
|
+
onMouseLeave: tagSend(send, ['setHovered'], () => send({ type: 'setHovered', hovered: false })),
|
|
80
81
|
},
|
|
81
82
|
viewport: {
|
|
82
83
|
tabIndex: 0,
|
|
83
84
|
'data-scope': 'scroll-area',
|
|
84
85
|
'data-part': 'viewport',
|
|
85
|
-
onScroll: (e) => {
|
|
86
|
+
onScroll: tagSend(send, ['setScroll'], (e) => {
|
|
86
87
|
const el = e.target;
|
|
87
88
|
send({
|
|
88
89
|
type: 'setScroll',
|
|
@@ -93,7 +94,7 @@ export function connect(get, send) {
|
|
|
93
94
|
clientWidth: el.clientWidth,
|
|
94
95
|
clientHeight: el.clientHeight,
|
|
95
96
|
});
|
|
96
|
-
},
|
|
97
|
+
}),
|
|
97
98
|
},
|
|
98
99
|
content: {
|
|
99
100
|
'data-scope': 'scroll-area',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Scroll area — custom-styled scroll container with scrollbars that\n * can be hidden/shown based on scroll activity or hover. The state\n * machine tracks scroll position + overflow flags (whether content\n * actually overflows each axis); the view layer installs listeners\n * that populate these via `setScroll` / `setOverflow`.\n *\n * This component is primarily a structural shell — the real scrolling\n * is done by the browser (overflow: auto) on the viewport element.\n * The machine just tracks position so the view can render custom\n * thumbs positioned proportionally.\n *\n * Typical onMount wiring:\n *\n * const viewport = root.querySelector('[data-part=\"viewport\"]')\n * const sync = () => send({type:'setScroll', ...dimsOf(viewport)})\n * viewport.addEventListener('scroll', sync)\n * const ro = new ResizeObserver(sync); ro.observe(viewport); ro.observe(content)\n * sync() // initial\n */\n\nexport type ScrollbarVisibility = 'auto' | 'always' | 'hover' | 'scroll'\n\nexport interface ScrollDims {\n scrollTop: number\n scrollLeft: number\n scrollWidth: number\n scrollHeight: number\n clientWidth: number\n clientHeight: number\n}\n\nexport interface ScrollAreaState extends ScrollDims {\n overflowX: boolean\n overflowY: boolean\n /** Whether the user is currently scrolling (set/cleared by the consumer\n * via a debounced scroll handler). */\n scrolling: boolean\n /** Whether the pointer is over the scroll area. */\n hovered: boolean\n visibility: ScrollbarVisibility\n}\n\nexport type ScrollAreaMsg =\n | {\n type: 'setScroll'\n scrollTop: number\n scrollLeft: number\n scrollWidth: number\n scrollHeight: number\n clientWidth: number\n clientHeight: number\n }\n | { type: 'setScrolling'; scrolling: boolean }\n | { type: 'setHovered'; hovered: boolean }\n\nexport interface ScrollAreaInit {\n visibility?: ScrollbarVisibility\n}\n\nexport function init(opts: ScrollAreaInit = {}): ScrollAreaState {\n return {\n scrollTop: 0,\n scrollLeft: 0,\n scrollWidth: 0,\n scrollHeight: 0,\n clientWidth: 0,\n clientHeight: 0,\n overflowX: false,\n overflowY: false,\n scrolling: false,\n hovered: false,\n visibility: opts.visibility ?? 'hover',\n }\n}\n\nexport function update(state: ScrollAreaState, msg: ScrollAreaMsg): [ScrollAreaState, never[]] {\n switch (msg.type) {\n case 'setScroll':\n return [\n {\n ...state,\n scrollTop: msg.scrollTop,\n scrollLeft: msg.scrollLeft,\n scrollWidth: msg.scrollWidth,\n scrollHeight: msg.scrollHeight,\n clientWidth: msg.clientWidth,\n clientHeight: msg.clientHeight,\n overflowX: msg.scrollWidth > msg.clientWidth,\n overflowY: msg.scrollHeight > msg.clientHeight,\n },\n [],\n ]\n case 'setScrolling':\n return [{ ...state, scrolling: msg.scrolling }, []]\n case 'setHovered':\n return [{ ...state, hovered: msg.hovered }, []]\n }\n}\n\n/** Whether the scrollbars should be visible given the state. */\nexport function showScrollbars(state: ScrollAreaState, axis: 'x' | 'y'): boolean {\n const overflow = axis === 'x' ? state.overflowX : state.overflowY\n if (!overflow) return false\n switch (state.visibility) {\n case 'always':\n return true\n case 'auto':\n return overflow\n case 'hover':\n return state.hovered\n case 'scroll':\n return state.scrolling\n }\n}\n\n/** Thumb position as a proportion (0..1) along the track. */\nexport function thumbPosition(state: ScrollAreaState, axis: 'x' | 'y'): number {\n if (axis === 'x') {\n const max = state.scrollWidth - state.clientWidth\n return max > 0 ? state.scrollLeft / max : 0\n }\n const max = state.scrollHeight - state.clientHeight\n return max > 0 ? state.scrollTop / max : 0\n}\n\n/** Thumb size as a proportion (0..1) of the track. */\nexport function thumbSize(state: ScrollAreaState, axis: 'x' | 'y'): number {\n if (axis === 'x') {\n return state.scrollWidth > 0 ? Math.max(0.05, state.clientWidth / state.scrollWidth) : 0\n }\n return state.scrollHeight > 0 ? Math.max(0.05, state.clientHeight / state.scrollHeight) : 0\n}\n\nexport interface ScrollAreaParts<S> {\n root: {\n 'data-scope': 'scroll-area'\n 'data-part': 'root'\n 'data-scrolling': (s: S) => '' | undefined\n 'data-hovered': (s: S) => '' | undefined\n onMouseEnter: (e: MouseEvent) => void\n onMouseLeave: (e: MouseEvent) => void\n }\n viewport: {\n tabIndex: 0\n 'data-scope': 'scroll-area'\n 'data-part': 'viewport'\n onScroll: (e: Event) => void\n }\n content: {\n 'data-scope': 'scroll-area'\n 'data-part': 'content'\n }\n scrollbarX: {\n 'data-scope': 'scroll-area'\n 'data-part': 'scrollbar'\n 'data-axis': 'x'\n 'data-visible': (s: S) => '' | undefined\n }\n scrollbarY: {\n 'data-scope': 'scroll-area'\n 'data-part': 'scrollbar'\n 'data-axis': 'y'\n 'data-visible': (s: S) => '' | undefined\n }\n thumbX: {\n 'data-scope': 'scroll-area'\n 'data-part': 'thumb'\n 'data-axis': 'x'\n style: (s: S) => string\n }\n thumbY: {\n 'data-scope': 'scroll-area'\n 'data-part': 'thumb'\n 'data-axis': 'y'\n style: (s: S) => string\n }\n corner: {\n 'data-scope': 'scroll-area'\n 'data-part': 'corner'\n 'data-visible': (s: S) => '' | undefined\n }\n}\n\nexport function connect<S>(\n get: (s: S) => ScrollAreaState,\n send: Send<ScrollAreaMsg>,\n): ScrollAreaParts<S> {\n return {\n root: {\n 'data-scope': 'scroll-area',\n 'data-part': 'root',\n 'data-scrolling': (s) => (get(s).scrolling ? '' : undefined),\n 'data-hovered': (s) => (get(s).hovered ? '' : undefined),\n onMouseEnter: () => send({ type: 'setHovered', hovered: true }),\n onMouseLeave: () => send({ type: 'setHovered', hovered: false }),\n },\n viewport: {\n tabIndex: 0,\n 'data-scope': 'scroll-area',\n 'data-part': 'viewport',\n onScroll: (e) => {\n const el = e.target as HTMLElement\n send({\n type: 'setScroll',\n scrollTop: el.scrollTop,\n scrollLeft: el.scrollLeft,\n scrollWidth: el.scrollWidth,\n scrollHeight: el.scrollHeight,\n clientWidth: el.clientWidth,\n clientHeight: el.clientHeight,\n })\n },\n },\n content: {\n 'data-scope': 'scroll-area',\n 'data-part': 'content',\n },\n scrollbarX: {\n 'data-scope': 'scroll-area',\n 'data-part': 'scrollbar',\n 'data-axis': 'x',\n 'data-visible': (s) => (showScrollbars(get(s), 'x') ? '' : undefined),\n },\n scrollbarY: {\n 'data-scope': 'scroll-area',\n 'data-part': 'scrollbar',\n 'data-axis': 'y',\n 'data-visible': (s) => (showScrollbars(get(s), 'y') ? '' : undefined),\n },\n thumbX: {\n 'data-scope': 'scroll-area',\n 'data-part': 'thumb',\n 'data-axis': 'x',\n style: (s) => {\n const st = get(s)\n const pos = thumbPosition(st, 'x')\n const size = thumbSize(st, 'x')\n return `left:${(pos * (1 - size) * 100).toFixed(2)}%;width:${(size * 100).toFixed(2)}%;`\n },\n },\n thumbY: {\n 'data-scope': 'scroll-area',\n 'data-part': 'thumb',\n 'data-axis': 'y',\n style: (s) => {\n const st = get(s)\n const pos = thumbPosition(st, 'y')\n const size = thumbSize(st, 'y')\n return `top:${(pos * (1 - size) * 100).toFixed(2)}%;height:${(size * 100).toFixed(2)}%;`\n },\n },\n corner: {\n 'data-scope': 'scroll-area',\n 'data-part': 'corner',\n 'data-visible': (s) => {\n const st = get(s)\n return showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined\n },\n },\n }\n}\n\nexport const scrollArea = {\n init,\n update,\n connect,\n showScrollbars,\n thumbPosition,\n thumbSize,\n}\n"]}
|
|
1
|
+
{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAkEnC,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,OAAO;KACvC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,WAAW;YACd,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,UAAU,EAAE,GAAG,CAAC,UAAU;oBAC1B,WAAW,EAAE,GAAG,CAAC,WAAW;oBAC5B,YAAY,EAAE,GAAG,CAAC,YAAY;oBAC9B,WAAW,EAAE,GAAG,CAAC,WAAW;oBAC5B,YAAY,EAAE,GAAG,CAAC,YAAY;oBAC9B,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW;oBAC5C,SAAS,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;iBAC/C;gBACD,EAAE;aACH,CAAA;QACH,KAAK,cAAc;YACjB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QACrD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IACnD,CAAC;AACH,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,cAAc,CAAC,KAAsB,EAAE,IAAe;IACpE,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IACjE,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3B,QAAQ,KAAK,CAAC,UAAU,EAAE,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,OAAO,QAAQ,CAAA;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAA;QACtB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAA;IAC1B,CAAC;AACH,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,aAAa,CAAC,KAAsB,EAAE,IAAe;IACnE,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;QACjD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7C,CAAC;IACD,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;IACnD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,SAAS,CAAC,KAAsB,EAAE,IAAe;IAC/D,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1F,CAAC;IACD,OAAO,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAC7F,CAAC;AAoDD,MAAM,UAAU,OAAO,CACrB,GAA8B,EAC9B,IAAyB;IAEzB,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;YACnB,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5D,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACxD,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAC/C,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC5C;YACD,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAC/C,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAC7C;SACF;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,CAAC;YACX,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,UAAU;YACvB,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC3C,MAAM,EAAE,GAAG,CAAC,CAAC,MAAqB,CAAA;gBAClC,IAAI,CAAC;oBACH,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,EAAE,CAAC,SAAS;oBACvB,UAAU,EAAE,EAAE,CAAC,UAAU;oBACzB,WAAW,EAAE,EAAE,CAAC,WAAW;oBAC3B,YAAY,EAAE,EAAE,CAAC,YAAY;oBAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;oBAC3B,YAAY,EAAE,EAAE,CAAC,YAAY;iBAC9B,CAAC,CAAA;YACJ,CAAC,CAAC;SACH;QACD,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,SAAS;SACvB;QACD,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,GAAG;YAChB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACtE;QACD,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,GAAG;YAChB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACtE;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAClC,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAC/B,OAAO,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;YAC1F,CAAC;SACF;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAClC,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAC/B,OAAO,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;YAC1F,CAAC;SACF;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,QAAQ;YACrB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpB,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,OAAO,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;YAC5E,CAAC;SACF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI;IACJ,MAAM;IACN,OAAO;IACP,cAAc;IACd,aAAa;IACb,SAAS;CACV,CAAA","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Scroll area — custom-styled scroll container with scrollbars that\n * can be hidden/shown based on scroll activity or hover. The state\n * machine tracks scroll position + overflow flags (whether content\n * actually overflows each axis); the view layer installs listeners\n * that populate these via `setScroll` / `setOverflow`.\n *\n * This component is primarily a structural shell — the real scrolling\n * is done by the browser (overflow: auto) on the viewport element.\n * The machine just tracks position so the view can render custom\n * thumbs positioned proportionally.\n *\n * Typical onMount wiring:\n *\n * const viewport = root.querySelector('[data-part=\"viewport\"]')\n * const sync = () => send({type:'setScroll', ...dimsOf(viewport)})\n * viewport.addEventListener('scroll', sync)\n * const ro = new ResizeObserver(sync); ro.observe(viewport); ro.observe(content)\n * sync() // initial\n */\n\nexport type ScrollbarVisibility = 'auto' | 'always' | 'hover' | 'scroll'\n\nexport interface ScrollDims {\n scrollTop: number\n scrollLeft: number\n scrollWidth: number\n scrollHeight: number\n clientWidth: number\n clientHeight: number\n}\n\nexport interface ScrollAreaState extends ScrollDims {\n overflowX: boolean\n overflowY: boolean\n /** Whether the user is currently scrolling (set/cleared by the consumer\n * via a debounced scroll handler). */\n scrolling: boolean\n /** Whether the pointer is over the scroll area. */\n hovered: boolean\n visibility: ScrollbarVisibility\n}\n\nexport type ScrollAreaMsg =\n /** @humanOnly */\n | {\n type: 'setScroll'\n scrollTop: number\n scrollLeft: number\n scrollWidth: number\n scrollHeight: number\n clientWidth: number\n clientHeight: number\n }\n /** @humanOnly */\n | { type: 'setScrolling'; scrolling: boolean }\n /** @humanOnly */\n | { type: 'setHovered'; hovered: boolean }\n\nexport interface ScrollAreaInit {\n visibility?: ScrollbarVisibility\n}\n\nexport function init(opts: ScrollAreaInit = {}): ScrollAreaState {\n return {\n scrollTop: 0,\n scrollLeft: 0,\n scrollWidth: 0,\n scrollHeight: 0,\n clientWidth: 0,\n clientHeight: 0,\n overflowX: false,\n overflowY: false,\n scrolling: false,\n hovered: false,\n visibility: opts.visibility ?? 'hover',\n }\n}\n\nexport function update(state: ScrollAreaState, msg: ScrollAreaMsg): [ScrollAreaState, never[]] {\n switch (msg.type) {\n case 'setScroll':\n return [\n {\n ...state,\n scrollTop: msg.scrollTop,\n scrollLeft: msg.scrollLeft,\n scrollWidth: msg.scrollWidth,\n scrollHeight: msg.scrollHeight,\n clientWidth: msg.clientWidth,\n clientHeight: msg.clientHeight,\n overflowX: msg.scrollWidth > msg.clientWidth,\n overflowY: msg.scrollHeight > msg.clientHeight,\n },\n [],\n ]\n case 'setScrolling':\n return [{ ...state, scrolling: msg.scrolling }, []]\n case 'setHovered':\n return [{ ...state, hovered: msg.hovered }, []]\n }\n}\n\n/** Whether the scrollbars should be visible given the state. */\nexport function showScrollbars(state: ScrollAreaState, axis: 'x' | 'y'): boolean {\n const overflow = axis === 'x' ? state.overflowX : state.overflowY\n if (!overflow) return false\n switch (state.visibility) {\n case 'always':\n return true\n case 'auto':\n return overflow\n case 'hover':\n return state.hovered\n case 'scroll':\n return state.scrolling\n }\n}\n\n/** Thumb position as a proportion (0..1) along the track. */\nexport function thumbPosition(state: ScrollAreaState, axis: 'x' | 'y'): number {\n if (axis === 'x') {\n const max = state.scrollWidth - state.clientWidth\n return max > 0 ? state.scrollLeft / max : 0\n }\n const max = state.scrollHeight - state.clientHeight\n return max > 0 ? state.scrollTop / max : 0\n}\n\n/** Thumb size as a proportion (0..1) of the track. */\nexport function thumbSize(state: ScrollAreaState, axis: 'x' | 'y'): number {\n if (axis === 'x') {\n return state.scrollWidth > 0 ? Math.max(0.05, state.clientWidth / state.scrollWidth) : 0\n }\n return state.scrollHeight > 0 ? Math.max(0.05, state.clientHeight / state.scrollHeight) : 0\n}\n\nexport interface ScrollAreaParts<S> {\n root: {\n 'data-scope': 'scroll-area'\n 'data-part': 'root'\n 'data-scrolling': (s: S) => '' | undefined\n 'data-hovered': (s: S) => '' | undefined\n onMouseEnter: (e: MouseEvent) => void\n onMouseLeave: (e: MouseEvent) => void\n }\n viewport: {\n tabIndex: 0\n 'data-scope': 'scroll-area'\n 'data-part': 'viewport'\n onScroll: (e: Event) => void\n }\n content: {\n 'data-scope': 'scroll-area'\n 'data-part': 'content'\n }\n scrollbarX: {\n 'data-scope': 'scroll-area'\n 'data-part': 'scrollbar'\n 'data-axis': 'x'\n 'data-visible': (s: S) => '' | undefined\n }\n scrollbarY: {\n 'data-scope': 'scroll-area'\n 'data-part': 'scrollbar'\n 'data-axis': 'y'\n 'data-visible': (s: S) => '' | undefined\n }\n thumbX: {\n 'data-scope': 'scroll-area'\n 'data-part': 'thumb'\n 'data-axis': 'x'\n style: (s: S) => string\n }\n thumbY: {\n 'data-scope': 'scroll-area'\n 'data-part': 'thumb'\n 'data-axis': 'y'\n style: (s: S) => string\n }\n corner: {\n 'data-scope': 'scroll-area'\n 'data-part': 'corner'\n 'data-visible': (s: S) => '' | undefined\n }\n}\n\nexport function connect<S>(\n get: (s: S) => ScrollAreaState,\n send: Send<ScrollAreaMsg>,\n): ScrollAreaParts<S> {\n return {\n root: {\n 'data-scope': 'scroll-area',\n 'data-part': 'root',\n 'data-scrolling': (s) => (get(s).scrolling ? '' : undefined),\n 'data-hovered': (s) => (get(s).hovered ? '' : undefined),\n onMouseEnter: tagSend(send, ['setHovered'], () =>\n send({ type: 'setHovered', hovered: true }),\n ),\n onMouseLeave: tagSend(send, ['setHovered'], () =>\n send({ type: 'setHovered', hovered: false }),\n ),\n },\n viewport: {\n tabIndex: 0,\n 'data-scope': 'scroll-area',\n 'data-part': 'viewport',\n onScroll: tagSend(send, ['setScroll'], (e) => {\n const el = e.target as HTMLElement\n send({\n type: 'setScroll',\n scrollTop: el.scrollTop,\n scrollLeft: el.scrollLeft,\n scrollWidth: el.scrollWidth,\n scrollHeight: el.scrollHeight,\n clientWidth: el.clientWidth,\n clientHeight: el.clientHeight,\n })\n }),\n },\n content: {\n 'data-scope': 'scroll-area',\n 'data-part': 'content',\n },\n scrollbarX: {\n 'data-scope': 'scroll-area',\n 'data-part': 'scrollbar',\n 'data-axis': 'x',\n 'data-visible': (s) => (showScrollbars(get(s), 'x') ? '' : undefined),\n },\n scrollbarY: {\n 'data-scope': 'scroll-area',\n 'data-part': 'scrollbar',\n 'data-axis': 'y',\n 'data-visible': (s) => (showScrollbars(get(s), 'y') ? '' : undefined),\n },\n thumbX: {\n 'data-scope': 'scroll-area',\n 'data-part': 'thumb',\n 'data-axis': 'x',\n style: (s) => {\n const st = get(s)\n const pos = thumbPosition(st, 'x')\n const size = thumbSize(st, 'x')\n return `left:${(pos * (1 - size) * 100).toFixed(2)}%;width:${(size * 100).toFixed(2)}%;`\n },\n },\n thumbY: {\n 'data-scope': 'scroll-area',\n 'data-part': 'thumb',\n 'data-axis': 'y',\n style: (s) => {\n const st = get(s)\n const pos = thumbPosition(st, 'y')\n const size = thumbSize(st, 'y')\n return `top:${(pos * (1 - size) * 100).toFixed(2)}%;height:${(size * 100).toFixed(2)}%;`\n },\n },\n corner: {\n 'data-scope': 'scroll-area',\n 'data-part': 'corner',\n 'data-visible': (s) => {\n const st = get(s)\n return showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined\n },\n },\n }\n}\n\nexport const scrollArea = {\n init,\n update,\n connect,\n showScrollbars,\n thumbPosition,\n thumbSize,\n}\n"]}
|
|
@@ -18,38 +18,66 @@ export interface SelectState {
|
|
|
18
18
|
typeahead: string;
|
|
19
19
|
typeaheadExpiresAt: number;
|
|
20
20
|
}
|
|
21
|
-
export type SelectMsg =
|
|
21
|
+
export type SelectMsg =
|
|
22
|
+
/** @intent("Open the select dropdown") */
|
|
23
|
+
{
|
|
22
24
|
type: 'open';
|
|
23
|
-
}
|
|
25
|
+
}
|
|
26
|
+
/** @intent("Close the select dropdown") */
|
|
27
|
+
| {
|
|
24
28
|
type: 'close';
|
|
25
|
-
}
|
|
29
|
+
}
|
|
30
|
+
/** @intent("Toggle the select dropdown open/closed") */
|
|
31
|
+
| {
|
|
26
32
|
type: 'toggle';
|
|
27
|
-
}
|
|
33
|
+
}
|
|
34
|
+
/** @intent("Pick the option with the given value (toggles in multi-select)") */
|
|
35
|
+
| {
|
|
28
36
|
type: 'selectOption';
|
|
29
37
|
value: string;
|
|
30
|
-
}
|
|
38
|
+
}
|
|
39
|
+
/** @intent("Replace the selected values with the provided list") */
|
|
40
|
+
| {
|
|
31
41
|
type: 'setValue';
|
|
32
42
|
value: string[];
|
|
33
|
-
}
|
|
43
|
+
}
|
|
44
|
+
/** @intent("Clear all selected values") */
|
|
45
|
+
| {
|
|
34
46
|
type: 'clear';
|
|
35
|
-
}
|
|
47
|
+
}
|
|
48
|
+
/** @humanOnly */
|
|
49
|
+
| {
|
|
36
50
|
type: 'highlight';
|
|
37
51
|
index: number | null;
|
|
38
|
-
}
|
|
52
|
+
}
|
|
53
|
+
/** @humanOnly */
|
|
54
|
+
| {
|
|
39
55
|
type: 'highlightNext';
|
|
40
|
-
}
|
|
56
|
+
}
|
|
57
|
+
/** @humanOnly */
|
|
58
|
+
| {
|
|
41
59
|
type: 'highlightPrev';
|
|
42
|
-
}
|
|
60
|
+
}
|
|
61
|
+
/** @humanOnly */
|
|
62
|
+
| {
|
|
43
63
|
type: 'highlightFirst';
|
|
44
|
-
}
|
|
64
|
+
}
|
|
65
|
+
/** @humanOnly */
|
|
66
|
+
| {
|
|
45
67
|
type: 'highlightLast';
|
|
46
|
-
}
|
|
68
|
+
}
|
|
69
|
+
/** @intent("Pick the currently-highlighted option") */
|
|
70
|
+
| {
|
|
47
71
|
type: 'selectHighlighted';
|
|
48
|
-
}
|
|
72
|
+
}
|
|
73
|
+
/** @humanOnly */
|
|
74
|
+
| {
|
|
49
75
|
type: 'setItems';
|
|
50
76
|
items: string[];
|
|
51
77
|
disabled?: string[];
|
|
52
|
-
}
|
|
78
|
+
}
|
|
79
|
+
/** @humanOnly */
|
|
80
|
+
| {
|
|
53
81
|
type: 'typeahead';
|
|
54
82
|
char: string;
|
|
55
83
|
now: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAGxD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAQrE;;;;GAIG;AAEH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEjD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,EAAE,aAAa,CAAA;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { show, portal, onMount, div } from '@llui/dom';
|
|
1
|
+
import { show, portal, onMount, div, tagSend } from '@llui/dom';
|
|
2
2
|
import { pushDismissable } from '../utils/dismissable.js';
|
|
3
3
|
import { attachFloating } from '../utils/floating.js';
|
|
4
4
|
import { typeaheadAccumulate, typeaheadMatchByItems, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from '../utils/typeahead.js';
|
|
@@ -221,7 +221,7 @@ export function connect(get, send, opts) {
|
|
|
221
221
|
'data-state': (s) => (get(s).open ? 'open' : 'closed'),
|
|
222
222
|
'data-scope': 'select',
|
|
223
223
|
'data-part': 'trigger',
|
|
224
|
-
onClick: () => send({ type: 'toggle' }),
|
|
224
|
+
onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
|
|
225
225
|
onKeyDown: handleTriggerKey,
|
|
226
226
|
},
|
|
227
227
|
positioner: {
|
|
@@ -263,8 +263,8 @@ export function connect(get, send, opts) {
|
|
|
263
263
|
'data-part': 'item',
|
|
264
264
|
'data-value': value,
|
|
265
265
|
'data-index': String(index),
|
|
266
|
-
onClick: () => send({ type: 'selectOption', value }),
|
|
267
|
-
onPointerMove: () => send({ type: 'highlight', index }),
|
|
266
|
+
onClick: tagSend(send, ['selectOption'], () => send({ type: 'selectOption', value })),
|
|
267
|
+
onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),
|
|
268
268
|
},
|
|
269
269
|
}),
|
|
270
270
|
valueText: (s) => {
|
|
@@ -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 } 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 | { type: 'open' }\n | { type: 'close' }\n | { type: 'toggle' }\n | { type: 'selectOption'; value: string }\n | { type: 'setValue'; value: string[] }\n | { type: 'clear' }\n | { type: 'highlight'; index: number | null }\n | { type: 'highlightNext' }\n | { type: 'highlightPrev' }\n | { type: 'highlightFirst' }\n | { type: 'highlightLast' }\n | { type: 'selectHighlighted' }\n | { type: 'setItems'; items: string[]; disabled?: string[] }\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: () => 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: () => send({ type: 'selectOption', value }),\n onPointerMove: () => 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":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAkB,MAAM,sBAAsB,CAAA;AACrE,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,oBAAoB,GACrB,MAAM,uBAAuB,CAAA;AA8D9B,MAAM,UAAU,IAAI,CAAC,OAAmB,EAAE;IACxC,OAAO;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE;QACvC,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,QAAQ;QAC7C,gBAAgB,EAAE,IAAI;QACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,SAAS,EAAE,EAAE;QACb,kBAAkB,EAAE,CAAC;KACtB,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAe,EAAE,QAAkB;IAC5D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC;YAAE,OAAO,CAAC,CAAA;IAC7C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAe,EAAE,QAAkB;IAC3D,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC;YAAE,OAAO,CAAC,CAAA;IAC7C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAe,EACf,QAAkB,EAClB,IAAmB,EACnB,KAAa;IAEb,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACtE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC;YAAE,OAAO,GAAG,CAAA;IACjD,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,cAAc,CAAC,KAAkB,EAAE,KAAa;IACvD,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,KAAK,CAAA;IAC3D,IAAI,KAAK,CAAC,aAAa,KAAK,QAAQ;QAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;AACpF,CAAC;AAED,iDAAiD;AACjD,SAAS,kBAAkB,CAAC,KAAkB;IAC5C,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAA;IAChD,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB,EAAE,GAAc;IACvD,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACjE,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YAClF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAA;QACzD,CAAC;QACD,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,IAAI;gBACf,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;gBACzD,CAAC,CAAC;oBACE;wBACE,GAAG,KAAK;wBACR,IAAI,EAAE,IAAI;wBACV,gBAAgB,EACd,kBAAkB,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;qBACnF;oBACD,EAAE;iBACH,CAAA;QACP,KAAK,cAAc,CAAC,CAAC,CAAC;YACpB,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAA;YAC9C,oDAAoD;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;YAClE,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;YAC7D,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1D,CAAC;QACD,KAAK,UAAU;YACb,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACtC,KAAK,WAAW;YACd,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QACxD,KAAK,eAAe;YAClB,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,gBAAgB,EAAE,gBAAgB,CAChC,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,gBAAgB,EACtB,CAAC,CACF;iBACF;gBACD,EAAE;aACH,CAAA;QACH,KAAK,eAAe;YAClB,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,gBAAgB,EAAE,gBAAgB,CAChC,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,gBAAgB,EACtB,CAAC,CAAC,CACH;iBACF;gBACD,EAAE;aACH,CAAA;QACH,KAAK,gBAAgB;YACnB,OAAO;gBACL,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;gBACnF,EAAE;aACH,CAAA;QACH,KAAK,eAAe;YAClB,OAAO;gBACL,EAAE,GAAG,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;gBAClF,EAAE;aACH,CAAA;QACH,KAAK,mBAAmB,CAAC,CAAC,CAAC;YACzB,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACvD,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;YAC7C,IAAI,CAAC,KAAK,SAAS;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACvC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACtC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;YAClE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAChG,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAA;YACpD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;YACvF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7E,CAAC;QACD,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,MAAM,GAAG,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAA;YAC7F,MAAM,KAAK,GAAG,qBAAqB,CACjC,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,aAAa,EACnB,GAAG,EACH,KAAK,CAAC,gBAAgB,CACvB,CAAA;YACD,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,SAAS,EAAE,GAAG;oBACd,kBAAkB,EAAE,GAAG,CAAC,GAAG,GAAG,oBAAoB;oBAClD,gBAAgB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAgB;iBAClD;gBACD,EAAE;aACH,CAAA;QACH,CAAC;IACH,CAAC;AACH,CAAC;AA6ED,MAAM,YAAY,GAChB,8HAA8H,CAAA;AAEhI,MAAM,UAAU,OAAO,CACrB,GAA0B,EAC1B,IAAqB,EACrB,IAAoB;IAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAA;IACpB,MAAM,SAAS,GAAG,GAAG,IAAI,UAAU,CAAA;IACnC,MAAM,SAAS,GAAG,GAAG,IAAI,UAAU,CAAA;IACnC,MAAM,MAAM,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,IAAI,SAAS,KAAK,EAAE,CAAA;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,EAAE,CAAA;IAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAA;IAExC,MAAM,gBAAgB,GAAG,CAAC,CAAgB,EAAQ,EAAE;QAClD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW,CAAC;YACjB,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;gBACtB,OAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;gBACtB,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;gBAC/B,OAAM;QACV,CAAC;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAgB,EAAQ,EAAE;QAClD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;gBAC/B,OAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;gBAC/B,OAAM;YACR,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAA;gBAChC,OAAM;YACR,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;gBAC/B,OAAM;YACR,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAA;gBACnC,OAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;gBACvB,OAAM;YACR;gBACE,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;gBAC3D,CAAC;QACL,CAAC;IACH,CAAC,CAAA;IAED,OAAO;QACL,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,UAAU;YAChB,eAAe,EAAE,SAAS;YAC1B,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;YACnC,eAAe,EAAE,SAAS;YAC1B,uBAAuB,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAA;gBACnC,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAC/C,CAAC;YACD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,EAAE,EAAE,SAAS;YACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtD,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YAClE,SAAS,EAAE,gBAAgB;SAC5B;QACD,UAAU,EAAE;YACV,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,YAAY;YACzB,KAAK,EAAE,iCAAiC;SACzC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,EAAE,EAAE,SAAS;YACb,sBAAsB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YACzF,iBAAiB,EAAE,SAAS;YAC5B,QAAQ,EAAE,CAAC,CAAC;YACZ,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtD,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,SAAS;YACtB,SAAS,EAAE,gBAAgB;SAC5B;QACD,YAAY,EAAE;YACZ,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,CAAC,CAAC;YACZ,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,KAAK,UAAU;YACpD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,eAAe;SAC7B;QACD,IAAI,EAAE,CAAC,KAAa,EAAE,KAAa,EAAsB,EAAE,CAAC,CAAC;YAC3D,IAAI,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;gBACjB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACpD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnF,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC5E,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC/E,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC/E,YAAY,EAAE,QAAQ;gBACtB,WAAW,EAAE,MAAM;gBACnB,YAAY,EAAE,KAAK;gBACnB,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;gBACrF,aAAa,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;aACtF;SACF,CAAC;QACF,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YACtB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,WAAW,CAAA;YACtC,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,CAAC;KACF,CAAA;AACH,CAAC;AAiBD,MAAM,UAAU,OAAO,CAAI,IAAuB;IAChD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAA;IACpC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,cAAc,CAAA;IAClD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA;IAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAA;IAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;IAClC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,CAAA;IAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;IAElC,OAAO,IAAI,CAAe;QACxB,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;QAC7B,MAAM,EAAE,GAAG,EAAE,CACX,MAAM,CAAC;YACL,MAAM;YACN,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,CAAC,GAAG,EAAE;oBACX,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;oBACpD,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;oBACpD,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;wBAAE,OAAM;oBAEpC,MAAM,QAAQ,GAAsB,EAAE,CAAA;oBACtC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAuB,CAAA;oBACtF,MAAM,UAAU,GAAG,UAAU,IAAI,SAAS,CAAA;oBAC1C,IAAI,SAAS,EAAE,CAAC;wBACd,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,SAAS,CAAC,WAAW,IAAI,CAAA;oBAC1D,CAAC;oBACD,QAAQ,CAAC,IAAI,CACX,cAAc,CAAC;wBACb,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,UAAU;wBACpB,SAAS;wBACT,MAAM;wBACN,IAAI;wBACJ,KAAK;qBACN,CAAC,CACH,CAAA;oBACD,QAAQ,CAAC,IAAI,CACX,eAAe,CAAC;wBACd,OAAO,EAAE,SAAS;wBAClB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC;wBACzB,SAAS,EAAE,GAAG,EAAE;4BACd,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;4BAC5B,SAAS,CAAC,KAAK,EAAE,CAAA;wBACnB,CAAC;qBACF,CAAC,CACH,CAAA;oBACD,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;oBACxC,OAAO,GAAG,EAAE;wBACV,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;4BAAE,QAAQ,CAAC,CAAC,CAAE,EAAE,CAAA;oBAC/D,CAAC,CAAA;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;YAChD,CAAC;SACF,CAAC;QACJ,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK;QAC7B,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK;KAC9B,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA","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"]}
|
|
@@ -32,28 +32,44 @@ export interface SignaturePadState {
|
|
|
32
32
|
disabled: boolean;
|
|
33
33
|
readOnly: boolean;
|
|
34
34
|
}
|
|
35
|
-
export type SignaturePadMsg =
|
|
35
|
+
export type SignaturePadMsg =
|
|
36
|
+
/** @humanOnly */
|
|
37
|
+
{
|
|
36
38
|
type: 'strokeStart';
|
|
37
39
|
x: number;
|
|
38
40
|
y: number;
|
|
39
41
|
pressure?: number;
|
|
40
|
-
}
|
|
42
|
+
}
|
|
43
|
+
/** @humanOnly */
|
|
44
|
+
| {
|
|
41
45
|
type: 'strokePoint';
|
|
42
46
|
x: number;
|
|
43
47
|
y: number;
|
|
44
48
|
pressure?: number;
|
|
45
|
-
}
|
|
49
|
+
}
|
|
50
|
+
/** @humanOnly */
|
|
51
|
+
| {
|
|
46
52
|
type: 'strokeEnd';
|
|
47
|
-
}
|
|
53
|
+
}
|
|
54
|
+
/** @humanOnly */
|
|
55
|
+
| {
|
|
48
56
|
type: 'strokeCancel';
|
|
49
|
-
}
|
|
57
|
+
}
|
|
58
|
+
/** @intent("Undo the last completed stroke") */
|
|
59
|
+
| {
|
|
50
60
|
type: 'undo';
|
|
51
|
-
}
|
|
61
|
+
}
|
|
62
|
+
/** @humanOnly */
|
|
63
|
+
| {
|
|
52
64
|
type: 'redo';
|
|
53
65
|
stroke: Stroke;
|
|
54
|
-
}
|
|
66
|
+
}
|
|
67
|
+
/** @intent("Erase the entire signature") */
|
|
68
|
+
| {
|
|
55
69
|
type: 'clear';
|
|
56
|
-
}
|
|
70
|
+
}
|
|
71
|
+
/** @humanOnly */
|
|
72
|
+
| {
|
|
57
73
|
type: 'setStrokes';
|
|
58
74
|
strokes: Stroke[];
|
|
59
75
|
};
|
|
@@ -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;AAKrC;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;AAE5B,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"signature-pad.d.ts","sourceRoot":"","sources":["../../src/components/signature-pad.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext } from '@llui/dom';
|
|
1
|
+
import { useContext, tagSend } from '@llui/dom';
|
|
2
2
|
import { LocaleContext } from '../locale.js';
|
|
3
3
|
export function init(opts = {}) {
|
|
4
4
|
return {
|
|
@@ -110,7 +110,7 @@ export function connect(get, send, opts = {}) {
|
|
|
110
110
|
disabled: (s) => isEmpty(get(s)),
|
|
111
111
|
'data-scope': 'signature-pad',
|
|
112
112
|
'data-part': 'clear-trigger',
|
|
113
|
-
onClick: () => send({ type: 'clear' }),
|
|
113
|
+
onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),
|
|
114
114
|
},
|
|
115
115
|
undoTrigger: {
|
|
116
116
|
type: 'button',
|
|
@@ -118,7 +118,7 @@ export function connect(get, send, opts = {}) {
|
|
|
118
118
|
disabled: (s) => get(s).strokes.length === 0,
|
|
119
119
|
'data-scope': 'signature-pad',
|
|
120
120
|
'data-part': 'undo-trigger',
|
|
121
|
-
onClick: () => send({ type: 'undo' }),
|
|
121
|
+
onClick: tagSend(send, ['undo'], () => send({ type: 'undo' })),
|
|
122
122
|
},
|
|
123
123
|
guide: {
|
|
124
124
|
'data-scope': 'signature-pad',
|
|
@@ -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 } 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 | { type: 'strokeStart'; x: number; y: number; pressure?: number }\n | { type: 'strokePoint'; x: number; y: number; pressure?: number }\n | { type: 'strokeEnd' }\n | { type: 'strokeCancel' }\n | { type: 'undo' }\n | { type: 'redo'; stroke: Stroke }\n | { type: 'clear' }\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: () => 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: () => 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 } 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"]}
|
|
@@ -17,28 +17,42 @@ export interface SliderState {
|
|
|
17
17
|
/** Minimum gap enforced between adjacent thumbs (range slider). */
|
|
18
18
|
minStepsBetweenThumbs: number;
|
|
19
19
|
}
|
|
20
|
-
export type SliderMsg =
|
|
20
|
+
export type SliderMsg =
|
|
21
|
+
/** @intent("Replace all thumb values at once") */
|
|
22
|
+
{
|
|
21
23
|
type: 'setValue';
|
|
22
24
|
value: number[];
|
|
23
|
-
}
|
|
25
|
+
}
|
|
26
|
+
/** @intent("Set the value of the thumb at the given index") */
|
|
27
|
+
| {
|
|
24
28
|
type: 'setThumb';
|
|
25
29
|
index: number;
|
|
26
30
|
value: number;
|
|
27
|
-
}
|
|
31
|
+
}
|
|
32
|
+
/** @intent("Move the thumb at the given index up by one step (or step × multiplier)") */
|
|
33
|
+
| {
|
|
28
34
|
type: 'increment';
|
|
29
35
|
index: number;
|
|
30
36
|
multiplier?: number;
|
|
31
|
-
}
|
|
37
|
+
}
|
|
38
|
+
/** @intent("Move the thumb at the given index down by one step (or step × multiplier)") */
|
|
39
|
+
| {
|
|
32
40
|
type: 'decrement';
|
|
33
41
|
index: number;
|
|
34
42
|
multiplier?: number;
|
|
35
|
-
}
|
|
43
|
+
}
|
|
44
|
+
/** @intent("Snap the thumb at the given index to the slider's minimum") */
|
|
45
|
+
| {
|
|
36
46
|
type: 'toMin';
|
|
37
47
|
index: number;
|
|
38
|
-
}
|
|
48
|
+
}
|
|
49
|
+
/** @intent("Snap the thumb at the given index to the slider's maximum") */
|
|
50
|
+
| {
|
|
39
51
|
type: 'toMax';
|
|
40
52
|
index: number;
|
|
41
|
-
}
|
|
53
|
+
}
|
|
54
|
+
/** @humanOnly */
|
|
55
|
+
| {
|
|
42
56
|
type: 'setDisabled';
|
|
43
57
|
disabled: boolean;
|
|
44
58
|
};
|