@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.
Files changed (216) hide show
  1. package/dist/components/accordion.d.ts +27 -9
  2. package/dist/components/accordion.d.ts.map +1 -1
  3. package/dist/components/accordion.js +4 -3
  4. package/dist/components/accordion.js.map +1 -1
  5. package/dist/components/angle-slider.d.ts +15 -5
  6. package/dist/components/angle-slider.d.ts.map +1 -1
  7. package/dist/components/angle-slider.js +3 -2
  8. package/dist/components/angle-slider.js.map +1 -1
  9. package/dist/components/async-list.d.ts +18 -6
  10. package/dist/components/async-list.d.ts.map +1 -1
  11. package/dist/components/async-list.js +3 -2
  12. package/dist/components/async-list.js.map +1 -1
  13. package/dist/components/avatar.d.ts +12 -4
  14. package/dist/components/avatar.d.ts.map +1 -1
  15. package/dist/components/avatar.js +4 -3
  16. package/dist/components/avatar.js.map +1 -1
  17. package/dist/components/carousel.d.ts +21 -7
  18. package/dist/components/carousel.d.ts.map +1 -1
  19. package/dist/components/carousel.js +8 -8
  20. package/dist/components/carousel.js.map +1 -1
  21. package/dist/components/cascade-select.d.ts +9 -3
  22. package/dist/components/cascade-select.d.ts.map +1 -1
  23. package/dist/components/cascade-select.js +4 -4
  24. package/dist/components/cascade-select.js.map +1 -1
  25. package/dist/components/checkbox.d.ts +9 -3
  26. package/dist/components/checkbox.d.ts.map +1 -1
  27. package/dist/components/checkbox.js +4 -3
  28. package/dist/components/checkbox.js.map +1 -1
  29. package/dist/components/clipboard.d.ts +12 -4
  30. package/dist/components/clipboard.d.ts.map +1 -1
  31. package/dist/components/clipboard.js +3 -3
  32. package/dist/components/clipboard.js.map +1 -1
  33. package/dist/components/collapsible.d.ts +12 -4
  34. package/dist/components/collapsible.d.ts.map +1 -1
  35. package/dist/components/collapsible.js +2 -1
  36. package/dist/components/collapsible.js.map +1 -1
  37. package/dist/components/color-picker.d.ts +18 -6
  38. package/dist/components/color-picker.d.ts.map +1 -1
  39. package/dist/components/color-picker.js +5 -5
  40. package/dist/components/color-picker.js.map +1 -1
  41. package/dist/components/combobox.d.ts +39 -13
  42. package/dist/components/combobox.d.ts.map +1 -1
  43. package/dist/components/combobox.js +17 -9
  44. package/dist/components/combobox.js.map +1 -1
  45. package/dist/components/context-menu.d.ts +24 -8
  46. package/dist/components/context-menu.d.ts.map +1 -1
  47. package/dist/components/context-menu.js +8 -8
  48. package/dist/components/context-menu.js.map +1 -1
  49. package/dist/components/date-input.d.ts +21 -6
  50. package/dist/components/date-input.d.ts.map +1 -1
  51. package/dist/components/date-input.js +4 -4
  52. package/dist/components/date-input.js.map +1 -1
  53. package/dist/components/date-picker.d.ts +36 -12
  54. package/dist/components/date-picker.d.ts.map +1 -1
  55. package/dist/components/date-picker.js +15 -8
  56. package/dist/components/date-picker.js.map +1 -1
  57. package/dist/components/dialog.d.ts +12 -4
  58. package/dist/components/dialog.d.ts.map +1 -1
  59. package/dist/components/dialog.js +3 -3
  60. package/dist/components/dialog.js.map +1 -1
  61. package/dist/components/drawer.d.ts +12 -4
  62. package/dist/components/drawer.d.ts.map +1 -1
  63. package/dist/components/drawer.js +3 -3
  64. package/dist/components/drawer.js.map +1 -1
  65. package/dist/components/editable.d.ts +15 -5
  66. package/dist/components/editable.d.ts.map +1 -1
  67. package/dist/components/editable.js +14 -13
  68. package/dist/components/editable.js.map +1 -1
  69. package/dist/components/file-upload.d.ts +30 -10
  70. package/dist/components/file-upload.d.ts.map +1 -1
  71. package/dist/components/file-upload.js +10 -10
  72. package/dist/components/file-upload.js.map +1 -1
  73. package/dist/components/floating-panel.d.ts +48 -16
  74. package/dist/components/floating-panel.d.ts.map +1 -1
  75. package/dist/components/floating-panel.js +6 -6
  76. package/dist/components/floating-panel.js.map +1 -1
  77. package/dist/components/form.d.ts +18 -6
  78. package/dist/components/form.d.ts.map +1 -1
  79. package/dist/components/form.js +2 -1
  80. package/dist/components/form.js.map +1 -1
  81. package/dist/components/image-cropper.d.ts +33 -11
  82. package/dist/components/image-cropper.d.ts.map +1 -1
  83. package/dist/components/image-cropper.js +6 -6
  84. package/dist/components/image-cropper.js.map +1 -1
  85. package/dist/components/listbox.d.ts +33 -11
  86. package/dist/components/listbox.d.ts.map +1 -1
  87. package/dist/components/listbox.js +12 -4
  88. package/dist/components/listbox.js.map +1 -1
  89. package/dist/components/marquee.d.ts +21 -7
  90. package/dist/components/marquee.d.ts.map +1 -1
  91. package/dist/components/marquee.js +3 -2
  92. package/dist/components/marquee.js.map +1 -1
  93. package/dist/components/menu.d.ts +36 -12
  94. package/dist/components/menu.d.ts.map +1 -1
  95. package/dist/components/menu.js +23 -9
  96. package/dist/components/menu.js.map +1 -1
  97. package/dist/components/navigation-menu.d.ts +15 -5
  98. package/dist/components/navigation-menu.d.ts.map +1 -1
  99. package/dist/components/navigation-menu.js +8 -8
  100. package/dist/components/navigation-menu.js.map +1 -1
  101. package/dist/components/number-input.d.ts +24 -8
  102. package/dist/components/number-input.d.ts.map +1 -1
  103. package/dist/components/number-input.js +8 -8
  104. package/dist/components/number-input.js.map +1 -1
  105. package/dist/components/pagination.d.ts +21 -7
  106. package/dist/components/pagination.d.ts.map +1 -1
  107. package/dist/components/pagination.js +4 -4
  108. package/dist/components/pagination.js.map +1 -1
  109. package/dist/components/password-input.d.ts +9 -3
  110. package/dist/components/password-input.d.ts.map +1 -1
  111. package/dist/components/password-input.js +3 -3
  112. package/dist/components/password-input.js.map +1 -1
  113. package/dist/components/pin-input.d.ts +15 -5
  114. package/dist/components/pin-input.d.ts.map +1 -1
  115. package/dist/components/pin-input.js +8 -7
  116. package/dist/components/pin-input.js.map +1 -1
  117. package/dist/components/popover.d.ts +12 -4
  118. package/dist/components/popover.d.ts.map +1 -1
  119. package/dist/components/popover.js +3 -3
  120. package/dist/components/popover.js.map +1 -1
  121. package/dist/components/presence.d.ts +15 -5
  122. package/dist/components/presence.d.ts.map +1 -1
  123. package/dist/components/presence.js.map +1 -1
  124. package/dist/components/progress.d.ts +6 -2
  125. package/dist/components/progress.d.ts.map +1 -1
  126. package/dist/components/progress.js.map +1 -1
  127. package/dist/components/qr-code.d.ts +9 -3
  128. package/dist/components/qr-code.d.ts.map +1 -1
  129. package/dist/components/qr-code.js.map +1 -1
  130. package/dist/components/radio-group.d.ts +18 -6
  131. package/dist/components/radio-group.d.ts.map +1 -1
  132. package/dist/components/radio-group.js +4 -3
  133. package/dist/components/radio-group.js.map +1 -1
  134. package/dist/components/rating-group.d.ts +21 -7
  135. package/dist/components/rating-group.d.ts.map +1 -1
  136. package/dist/components/rating-group.js +8 -7
  137. package/dist/components/rating-group.js.map +1 -1
  138. package/dist/components/scroll-area.d.ts +9 -3
  139. package/dist/components/scroll-area.d.ts.map +1 -1
  140. package/dist/components/scroll-area.js +5 -4
  141. package/dist/components/scroll-area.js.map +1 -1
  142. package/dist/components/select.d.ts +42 -14
  143. package/dist/components/select.d.ts.map +1 -1
  144. package/dist/components/select.js +4 -4
  145. package/dist/components/select.js.map +1 -1
  146. package/dist/components/signature-pad.d.ts +24 -8
  147. package/dist/components/signature-pad.d.ts.map +1 -1
  148. package/dist/components/signature-pad.js +3 -3
  149. package/dist/components/signature-pad.js.map +1 -1
  150. package/dist/components/slider.d.ts +21 -7
  151. package/dist/components/slider.d.ts.map +1 -1
  152. package/dist/components/slider.js.map +1 -1
  153. package/dist/components/sortable.d.ts +18 -6
  154. package/dist/components/sortable.d.ts.map +1 -1
  155. package/dist/components/sortable.js +11 -10
  156. package/dist/components/sortable.js.map +1 -1
  157. package/dist/components/splitter.d.ts +21 -7
  158. package/dist/components/splitter.d.ts.map +1 -1
  159. package/dist/components/splitter.js +5 -4
  160. package/dist/components/splitter.js.map +1 -1
  161. package/dist/components/steps.d.ts +21 -7
  162. package/dist/components/steps.d.ts.map +1 -1
  163. package/dist/components/steps.js +4 -4
  164. package/dist/components/steps.js.map +1 -1
  165. package/dist/components/switch.d.ts +9 -3
  166. package/dist/components/switch.d.ts.map +1 -1
  167. package/dist/components/switch.js +4 -3
  168. package/dist/components/switch.js.map +1 -1
  169. package/dist/components/tabs.d.ts +24 -8
  170. package/dist/components/tabs.d.ts.map +1 -1
  171. package/dist/components/tabs.js +7 -6
  172. package/dist/components/tabs.js.map +1 -1
  173. package/dist/components/tags-input.d.ts +27 -9
  174. package/dist/components/tags-input.d.ts.map +1 -1
  175. package/dist/components/tags-input.js +10 -10
  176. package/dist/components/tags-input.js.map +1 -1
  177. package/dist/components/theme-switch.d.ts.map +1 -1
  178. package/dist/components/theme-switch.js +3 -2
  179. package/dist/components/theme-switch.js.map +1 -1
  180. package/dist/components/time-picker.d.ts +27 -9
  181. package/dist/components/time-picker.d.ts.map +1 -1
  182. package/dist/components/time-picker.js +10 -10
  183. package/dist/components/time-picker.js.map +1 -1
  184. package/dist/components/timer.d.ts +15 -5
  185. package/dist/components/timer.d.ts.map +1 -1
  186. package/dist/components/timer.js +4 -4
  187. package/dist/components/timer.js.map +1 -1
  188. package/dist/components/toast.d.ts +24 -8
  189. package/dist/components/toast.d.ts.map +1 -1
  190. package/dist/components/toast.js +6 -6
  191. package/dist/components/toast.js.map +1 -1
  192. package/dist/components/toc.d.ts +15 -5
  193. package/dist/components/toc.d.ts.map +1 -1
  194. package/dist/components/toc.js +2 -2
  195. package/dist/components/toc.js.map +1 -1
  196. package/dist/components/toggle-group.d.ts +15 -5
  197. package/dist/components/toggle-group.d.ts.map +1 -1
  198. package/dist/components/toggle-group.js +4 -3
  199. package/dist/components/toggle-group.js.map +1 -1
  200. package/dist/components/toggle.d.ts +9 -3
  201. package/dist/components/toggle.d.ts.map +1 -1
  202. package/dist/components/toggle.js +4 -3
  203. package/dist/components/toggle.js.map +1 -1
  204. package/dist/components/tooltip.d.ts +12 -4
  205. package/dist/components/tooltip.d.ts.map +1 -1
  206. package/dist/components/tooltip.js +3 -3
  207. package/dist/components/tooltip.js.map +1 -1
  208. package/dist/components/tour.d.ts +18 -6
  209. package/dist/components/tour.d.ts.map +1 -1
  210. package/dist/components/tour.js +6 -6
  211. package/dist/components/tour.js.map +1 -1
  212. package/dist/components/tree-view.d.ts +75 -25
  213. package/dist/components/tree-view.d.ts.map +1 -1
  214. package/dist/components/tree-view.js +18 -7
  215. package/dist/components/tree-view.js.map +1 -1
  216. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../src/components/file-upload.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 * File upload — input element + drag-and-drop zone. Tracks selected files,\n * drag state, accept filters, validation errors. Multiple or single selection.\n *\n * `accept` can be either a raw HTML-accept string (`\"image/*,.pdf\"`) or a\n * MIME-object (`{ 'image/*': ['.png', '.jpg'], 'application/pdf': [] }`).\n * The object form is validated client-side per file; the raw string form\n * only drives the browser's native picker filter.\n *\n * Files that fail validation (too large, too small, wrong type, over the\n * count limit) flow into `rejectedFiles` with a list of `FileError` codes\n * attached. The view can render them alongside accepted files.\n */\n\nexport type AcceptValue = string | Record<string, string[]>\n\nexport type FileError =\n | { code: 'TOO_LARGE'; max: number }\n | { code: 'TOO_SMALL'; min: number }\n | { code: 'INVALID_TYPE' }\n | { code: 'TOO_MANY'; max: number }\n | { code: 'CUSTOM'; message: string }\n\nexport interface RejectedFile {\n file: File\n errors: FileError[]\n}\n\nexport interface FileUploadState {\n files: File[]\n rejectedFiles: RejectedFile[]\n disabled: boolean\n multiple: boolean\n accept: AcceptValue\n maxFiles: number\n maxSize: number\n minFileSize: number\n required: boolean\n readOnly: boolean\n invalid: boolean\n dragging: boolean\n}\n\nexport type FileUploadMsg =\n | { type: 'setFiles'; files: File[]; customRejected?: RejectedFile[] }\n | { type: 'addFiles'; files: File[]; customRejected?: RejectedFile[] }\n | { type: 'removeFile'; index: number }\n | { type: 'removeRejected'; index: number }\n | { type: 'clear' }\n | { type: 'clearRejected' }\n | { type: 'dragEnter' }\n | { type: 'dragLeave' }\n | { type: 'drop' }\n | { type: 'setInvalid'; invalid: boolean }\n\nexport interface FileUploadInit {\n files?: File[]\n disabled?: boolean\n multiple?: boolean\n accept?: AcceptValue\n maxFiles?: number\n maxSize?: number\n minFileSize?: number\n required?: boolean\n readOnly?: boolean\n invalid?: boolean\n}\n\nexport function init(opts: FileUploadInit = {}): FileUploadState {\n return {\n files: opts.files ?? [],\n rejectedFiles: [],\n disabled: opts.disabled ?? false,\n multiple: opts.multiple ?? false,\n accept: opts.accept ?? '',\n maxFiles: opts.maxFiles ?? 0,\n maxSize: opts.maxSize ?? 0,\n minFileSize: opts.minFileSize ?? 0,\n required: opts.required ?? false,\n readOnly: opts.readOnly ?? false,\n invalid: opts.invalid ?? false,\n dragging: false,\n }\n}\n\n/**\n * Serialize an AcceptValue into a comma-joined string suitable for the\n * HTML `accept` attribute. Both MIME types and extensions are emitted.\n */\nexport function acceptToString(accept: AcceptValue): string {\n if (typeof accept === 'string') return accept\n const parts: string[] = []\n for (const [mime, exts] of Object.entries(accept)) {\n parts.push(mime)\n for (const ext of exts) parts.push(ext)\n }\n return parts.join(',')\n}\n\n/**\n * Check whether a file matches the accept configuration. Raw-string accept\n * is passed through to the browser picker so we always return true here;\n * MIME-object accept is validated by checking MIME type (with wildcards)\n * and extension membership.\n */\nexport function fileMatchesAccept(file: File, accept: AcceptValue): boolean {\n if (typeof accept === 'string' || Object.keys(accept).length === 0) return true\n const name = file.name.toLowerCase()\n for (const [mime, exts] of Object.entries(accept)) {\n if (matchMime(file.type, mime)) return true\n for (const ext of exts) {\n if (name.endsWith(ext.toLowerCase())) return true\n }\n }\n return false\n}\n\nfunction matchMime(fileType: string, pattern: string): boolean {\n if (!fileType) return false\n if (pattern === fileType) return true\n // Wildcard support: \"image/*\" matches \"image/png\"\n if (pattern.endsWith('/*')) {\n const prefix = pattern.slice(0, -1) // \"image/\"\n return fileType.startsWith(prefix)\n }\n return false\n}\n\n/**\n * Partition incoming files into accepted and rejected based on state's\n * accept/size/count constraints. The current accepted-file count is used\n * to enforce `maxFiles` — the caller is responsible for passing the\n * post-combine accepted total when appending.\n */\nexport function validateFiles(\n incoming: File[],\n state: FileUploadState,\n existingAcceptedCount: number,\n): { accepted: File[]; rejected: RejectedFile[] } {\n const accepted: File[] = []\n const rejected: RejectedFile[] = []\n let count = existingAcceptedCount\n for (const f of incoming) {\n const errors: FileError[] = []\n if (state.maxSize > 0 && f.size > state.maxSize) {\n errors.push({ code: 'TOO_LARGE', max: state.maxSize })\n }\n if (state.minFileSize > 0 && f.size < state.minFileSize) {\n errors.push({ code: 'TOO_SMALL', min: state.minFileSize })\n }\n if (!fileMatchesAccept(f, state.accept)) {\n errors.push({ code: 'INVALID_TYPE' })\n }\n if (state.maxFiles > 0 && count >= state.maxFiles) {\n errors.push({ code: 'TOO_MANY', max: state.maxFiles })\n }\n if (errors.length > 0) {\n rejected.push({ file: f, errors })\n } else {\n accepted.push(f)\n count++\n }\n }\n return { accepted, rejected }\n}\n\nexport function update(state: FileUploadState, msg: FileUploadMsg): [FileUploadState, never[]] {\n if (state.disabled && msg.type !== 'clear' && msg.type !== 'clearRejected') {\n return [state, []]\n }\n if (state.readOnly && (msg.type === 'setFiles' || msg.type === 'addFiles')) {\n return [state, []]\n }\n switch (msg.type) {\n case 'setFiles': {\n const { accepted, rejected } = validateFiles(msg.files, state, 0)\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: accepted, rejectedFiles: merged }, []]\n }\n case 'addFiles': {\n const base = state.multiple ? state.files : []\n const { accepted, rejected } = validateFiles(msg.files, state, base.length)\n const combined = state.multiple ? [...base, ...accepted] : accepted\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: combined, rejectedFiles: merged }, []]\n }\n case 'removeFile':\n return [{ ...state, files: state.files.filter((_, i) => i !== msg.index) }, []]\n case 'removeRejected':\n return [\n { ...state, rejectedFiles: state.rejectedFiles.filter((_, i) => i !== msg.index) },\n [],\n ]\n case 'clear':\n return [{ ...state, files: [], rejectedFiles: [] }, []]\n case 'clearRejected':\n return [{ ...state, rejectedFiles: [] }, []]\n case 'setInvalid':\n return [{ ...state, invalid: msg.invalid }, []]\n case 'dragEnter':\n return [{ ...state, dragging: true }, []]\n case 'dragLeave':\n case 'drop':\n return [{ ...state, dragging: false }, []]\n }\n}\n\nexport function totalSize(state: FileUploadState): number {\n let total = 0\n for (const f of state.files) total += f.size\n return total\n}\n\n/**\n * Install a document-level dragover/drop blocker. Without this, dragging a\n * file outside the dropzone causes the browser to navigate away from the\n * page. Call from onMount and invoke the returned disposer on unmount.\n */\nexport function preventDocumentDrop(): () => void {\n const prevent = (e: DragEvent): void => {\n // Only prevent default if the drop is NOT on an element inside a\n // file-upload dropzone — let those handle their own drops.\n const target = e.target as Element | null\n if (target?.closest('[data-scope=\"file-upload\"][data-part=\"dropzone\"]')) return\n e.preventDefault()\n }\n document.addEventListener('dragover', prevent)\n document.addEventListener('drop', prevent)\n return () => {\n document.removeEventListener('dragover', prevent)\n document.removeEventListener('drop', prevent)\n }\n}\n\nexport interface FileUploadItemParts<S> {\n item: {\n 'data-scope': 'file-upload'\n 'data-part': 'item'\n 'data-index': string\n }\n itemName: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-name'\n }\n itemSizeText: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-size-text'\n }\n itemPreview: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-preview'\n }\n removeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-remove'\n onClick: (e: MouseEvent) => void\n }\n /** Zag-aligned alias for removeTrigger. Same wiring. */\n itemDeleteTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-delete-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface FileUploadParts<S> {\n root: {\n 'data-scope': 'file-upload'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-dragging': (s: S) => '' | undefined\n 'data-invalid': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n }\n dropzone: {\n 'data-scope': 'file-upload'\n 'data-part': 'dropzone'\n 'data-dragging': (s: S) => '' | undefined\n onClick: (e: MouseEvent) => void\n onDragEnter: (e: DragEvent) => void\n onDragOver: (e: DragEvent) => void\n onDragLeave: (e: DragEvent) => void\n onDrop: (e: DragEvent) => void\n }\n trigger: {\n type: 'button'\n 'data-scope': 'file-upload'\n 'data-part': 'trigger'\n disabled: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n }\n hiddenInput: {\n type: 'file'\n tabIndex: -1\n 'aria-hidden': 'true'\n style: string\n disabled: (s: S) => boolean\n multiple: (s: S) => boolean\n accept: (s: S) => string\n required: (s: S) => boolean\n 'aria-invalid': (s: S) => 'true' | undefined\n capture?: string | boolean\n webkitdirectory?: '' | undefined\n 'data-scope': 'file-upload'\n 'data-part': 'hidden-input'\n id: string\n onChange: (e: Event) => void\n }\n label: {\n for: string\n 'data-scope': 'file-upload'\n 'data-part': 'label'\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n itemGroup: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-group'\n }\n item: (index: number) => FileUploadItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n removeLabel?: string\n clearLabel?: string\n /**\n * Hints the browser to use the device camera/microphone for capture. Only\n * applies to mobile. Pass `'user'` for the front camera, `'environment'`\n * for the back, or `true` to accept either.\n */\n capture?: 'user' | 'environment' | boolean\n /** Show a directory-picker instead of a file-picker (webkit only). */\n directory?: boolean\n /**\n * Per-file synchronous validator. Return a non-empty array of `FileError`\n * codes to reject the file, or null/empty to accept. Runs in addition to\n * the state-driven accept/size/count checks — its errors accumulate into\n * `rejectedFiles` alongside the built-in errors.\n */\n validate?: (file: File) => FileError[] | null\n /**\n * Optional transform pipeline. Runs before validation. Can return a\n * Promise; onChange awaits it before dispatching. Use for image resizing,\n * format conversion, etc.\n */\n transformFiles?: (files: File[]) => File[] | Promise<File[]>\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) => FileUploadState,\n send: Send<FileUploadMsg>,\n opts: ConnectOptions,\n): FileUploadParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const inputId = `${opts.id}:input`\n const removeLabel: string | ((s: S) => string) =\n opts.removeLabel ?? ((s: S) => locale(s).fileUpload.remove)\n const clearLabel: string | ((s: S) => string) =\n opts.clearLabel ?? ((s: S) => locale(s).fileUpload.clear)\n\n const runPipeline = async (\n raw: File[],\n ): Promise<{ files: File[]; customRejected: RejectedFile[] }> => {\n let files = raw\n if (opts.transformFiles) files = await opts.transformFiles(files)\n const customRejected: RejectedFile[] = []\n if (opts.validate) {\n const passed: File[] = []\n for (const f of files) {\n const errors = opts.validate(f)\n if (errors && errors.length > 0) customRejected.push({ file: f, errors })\n else passed.push(f)\n }\n files = passed\n }\n return { files, customRejected }\n }\n\n const dispatchAdd = (raw: File[]): void => {\n if (!opts.transformFiles && !opts.validate) {\n send({ type: 'addFiles', files: raw })\n return\n }\n // Fire-and-forget — transforms may be async.\n void runPipeline(raw).then(({ files, customRejected }) => {\n send({ type: 'addFiles', files, customRejected })\n })\n }\n\n const openPicker = (e: MouseEvent): void => {\n const target = e.target as HTMLElement\n if (target.getAttribute('data-part') === 'hidden-input') return\n const root = (e.currentTarget as HTMLElement).closest(\n '[data-scope=\"file-upload\"][data-part=\"root\"]',\n )\n const input = root?.querySelector<HTMLInputElement>(\n '[data-scope=\"file-upload\"][data-part=\"hidden-input\"]',\n )\n input?.click()\n }\n\n return {\n root: {\n 'data-scope': 'file-upload',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-invalid': (s) => (get(s).invalid ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n },\n dropzone: {\n 'data-scope': 'file-upload',\n 'data-part': 'dropzone',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n onClick: openPicker,\n onDragEnter: (e) => {\n e.preventDefault()\n send({ type: 'dragEnter' })\n },\n onDragOver: (e) => e.preventDefault(),\n onDragLeave: (e) => {\n e.preventDefault()\n send({ type: 'dragLeave' })\n },\n onDrop: (e) => {\n e.preventDefault()\n const files = Array.from(e.dataTransfer?.files ?? [])\n send({ type: 'drop' })\n dispatchAdd(files)\n },\n },\n trigger: {\n type: 'button',\n 'data-scope': 'file-upload',\n 'data-part': 'trigger',\n disabled: (s) => get(s).disabled,\n onClick: openPicker,\n },\n hiddenInput: {\n type: 'file',\n tabIndex: -1,\n 'aria-hidden': 'true',\n style: HIDDEN_STYLE,\n disabled: (s) => get(s).disabled,\n multiple: (s) => get(s).multiple,\n accept: (s) => acceptToString(get(s).accept),\n required: (s) => get(s).required,\n 'aria-invalid': (s) => (get(s).invalid ? 'true' : undefined),\n ...(opts.capture !== undefined ? { capture: opts.capture } : {}),\n ...(opts.directory === true ? { webkitdirectory: '' as const } : {}),\n 'data-scope': 'file-upload',\n 'data-part': 'hidden-input',\n id: inputId,\n onChange: (e) => {\n const input = e.target as HTMLInputElement\n const files = input.files ? Array.from(input.files) : []\n dispatchAdd(files)\n input.value = ''\n },\n },\n label: {\n for: inputId,\n 'data-scope': 'file-upload',\n 'data-part': 'label',\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': clearLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'clear-trigger',\n onClick: () => send({ type: 'clear' }),\n },\n itemGroup: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-group',\n },\n item: (index: number): FileUploadItemParts<S> => ({\n item: {\n 'data-scope': 'file-upload',\n 'data-part': 'item',\n 'data-index': String(index),\n },\n itemName: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-name',\n },\n itemSizeText: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-size-text',\n },\n itemPreview: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-preview',\n },\n removeTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-remove',\n onClick: () => send({ type: 'removeFile', index }),\n },\n itemDeleteTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-delete-trigger',\n onClick: () => send({ type: 'removeFile', index }),\n },\n }),\n }\n}\n\nexport const fileUpload = {\n init,\n update,\n connect,\n totalSize,\n acceptToString,\n fileMatchesAccept,\n validateFiles,\n preventDocumentDrop,\n}\n"]}
1
+ {"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../src/components/file-upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAiF5C,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC;QAC5B,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC;QAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC;QAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;QAC9B,QAAQ,EAAE,KAAK;KAChB,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,MAAmB;IAChD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAA;IAC7C,MAAM,KAAK,GAAa,EAAE,CAAA;IAC1B,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAChB,KAAK,MAAM,GAAG,IAAI,IAAI;YAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAU,EAAE,MAAmB;IAC/D,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAC/E,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IACpC,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YAAE,OAAO,IAAI,CAAA;QAC3C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;gBAAE,OAAO,IAAI,CAAA;QACnD,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,SAAS,CAAC,QAAgB,EAAE,OAAe;IAClD,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3B,IAAI,OAAO,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAA;IACrC,kDAAkD;IAClD,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA,CAAC,WAAW;QAC/C,OAAO,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAC3B,QAAgB,EAChB,KAAsB,EACtB,qBAA6B;IAE7B,MAAM,QAAQ,GAAW,EAAE,CAAA;IAC3B,MAAM,QAAQ,GAAmB,EAAE,CAAA;IACnC,IAAI,KAAK,GAAG,qBAAqB,CAAA;IACjC,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;QACzB,MAAM,MAAM,GAAgB,EAAE,CAAA;QAC9B,IAAI,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;YAChD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QACxD,CAAC;QACD,IAAI,KAAK,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAA;QAC5D,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACxC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;QACvC,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;QACxD,CAAC;QACD,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,KAAK,EAAE,CAAA;QACT,CAAC;IACH,CAAC;IACD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;QAC3E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACpB,CAAC;IACD,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE,CAAC;QAC3E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACpB,CAAC;IACD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YACjE,MAAM,MAAM,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;YACnF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;QACnE,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;YAC9C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;YACnE,MAAM,MAAM,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;YACnF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;QACnE,CAAC;QACD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACjF,KAAK,gBAAgB;YACnB,OAAO;gBACL,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE;gBAClF,EAAE;aACH,CAAA;QACH,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACzD,KAAK,eAAe;YAClB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAC9C,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACjD,KAAK,WAAW;YACd,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC3C,KAAK,WAAW,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;IAC9C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,KAAK;QAAE,KAAK,IAAI,CAAC,CAAC,IAAI,CAAA;IAC5C,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB;IACjC,MAAM,OAAO,GAAG,CAAC,CAAY,EAAQ,EAAE;QACrC,iEAAiE;QACjE,2DAA2D;QAC3D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB,CAAA;QACzC,IAAI,MAAM,EAAE,OAAO,CAAC,kDAAkD,CAAC;YAAE,OAAM;QAC/E,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC,CAAA;IACD,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,OAAO,GAAG,EAAE;QACV,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QACjD,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/C,CAAC,CAAA;AACH,CAAC;AA8HD,MAAM,YAAY,GAChB,8HAA8H,CAAA;AAEhI,MAAM,UAAU,OAAO,CACrB,GAA8B,EAC9B,IAAyB,EACzB,IAAoB;IAEpB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,EAAE,QAAQ,CAAA;IAClC,MAAM,WAAW,GACf,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7D,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAE3D,MAAM,WAAW,GAAG,KAAK,EACvB,GAAW,EACiD,EAAE;QAC9D,IAAI,KAAK,GAAG,GAAG,CAAA;QACf,IAAI,IAAI,CAAC,cAAc;YAAE,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QACjE,MAAM,cAAc,GAAmB,EAAE,CAAA;QACzC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,MAAM,GAAW,EAAE,CAAA;YACzB,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;gBACtB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;gBAC/B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;oBAAE,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;;oBACpE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACrB,CAAC;YACD,KAAK,GAAG,MAAM,CAAA;QAChB,CAAC;QACD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAA;IAClC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,GAAW,EAAQ,EAAE;QACxC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3C,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;YACtC,OAAM;QACR,CAAC;QACD,6CAA6C;QAC7C,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;YACvD,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAAa,EAAQ,EAAE;QACzC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;QACtC,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,cAAc;YAAE,OAAM;QAC/D,MAAM,IAAI,GAAI,CAAC,CAAC,aAA6B,CAAC,OAAO,CACnD,8CAA8C,CAC/C,CAAA;QACD,MAAM,KAAK,GAAG,IAAI,EAAE,aAAa,CAC/B,sDAAsD,CACvD,CAAA;QACD,KAAK,EAAE,KAAK,EAAE,CAAA;IAChB,CAAC,CAAA;IAED,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACxD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SAC3D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,UAAU;YACvB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,OAAO,EAAE,UAAU;YACnB,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC9C,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;YAC7B,CAAC,CAAC;YACF,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;YACrC,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC9C,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;YAC7B,CAAC,CAAC;YACF,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpC,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAA;gBACrD,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC,CAAC;SACH;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,SAAS;YACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,OAAO,EAAE,UAAU;SACpB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,CAAC,CAAC;YACZ,aAAa,EAAE,MAAM;YACrB,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,QAAQ;YAChC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5D,GAAG,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,GAAG,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,EAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACpE,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,cAAc;YAC3B,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;gBAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBACxD,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAClB,CAAC;SACF;QACD,KAAK,EAAE;YACL,GAAG,EAAE,OAAO;YACZ,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,OAAO;SACrB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,eAAe;YAC5B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;SACjE;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,YAAY;SAC1B;QACD,IAAI,EAAE,CAAC,KAAa,EAA0B,EAAE,CAAC,CAAC;YAChD,IAAI,EAAE;gBACJ,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,MAAM;gBACnB,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;aAC5B;YACD,QAAQ,EAAE;gBACR,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,WAAW;aACzB;YACD,YAAY,EAAE;gBACZ,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,gBAAgB;aAC9B;YACD,WAAW,EAAE;gBACX,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,cAAc;aAC5B;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,WAAW;gBACzB,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;aAClF;YACD,iBAAiB,EAAE;gBACjB,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,WAAW;gBACzB,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,qBAAqB;gBAClC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;aAClF;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI;IACJ,MAAM;IACN,OAAO;IACP,SAAS;IACT,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,mBAAmB;CACpB,CAAA","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 * File upload — input element + drag-and-drop zone. Tracks selected files,\n * drag state, accept filters, validation errors. Multiple or single selection.\n *\n * `accept` can be either a raw HTML-accept string (`\"image/*,.pdf\"`) or a\n * MIME-object (`{ 'image/*': ['.png', '.jpg'], 'application/pdf': [] }`).\n * The object form is validated client-side per file; the raw string form\n * only drives the browser's native picker filter.\n *\n * Files that fail validation (too large, too small, wrong type, over the\n * count limit) flow into `rejectedFiles` with a list of `FileError` codes\n * attached. The view can render them alongside accepted files.\n */\n\nexport type AcceptValue = string | Record<string, string[]>\n\nexport type FileError =\n | { code: 'TOO_LARGE'; max: number }\n | { code: 'TOO_SMALL'; min: number }\n | { code: 'INVALID_TYPE' }\n | { code: 'TOO_MANY'; max: number }\n | { code: 'CUSTOM'; message: string }\n\nexport interface RejectedFile {\n file: File\n errors: FileError[]\n}\n\nexport interface FileUploadState {\n files: File[]\n rejectedFiles: RejectedFile[]\n disabled: boolean\n multiple: boolean\n accept: AcceptValue\n maxFiles: number\n maxSize: number\n minFileSize: number\n required: boolean\n readOnly: boolean\n invalid: boolean\n dragging: boolean\n}\n\nexport type FileUploadMsg =\n /** @humanOnly */\n | { type: 'setFiles'; files: File[]; customRejected?: RejectedFile[] }\n /** @humanOnly */\n | { type: 'addFiles'; files: File[]; customRejected?: RejectedFile[] }\n /** @intent(\"Remove the accepted file at the given index\") */\n | { type: 'removeFile'; index: number }\n /** @intent(\"Remove the rejected file at the given index\") */\n | { type: 'removeRejected'; index: number }\n /** @intent(\"Clear all accepted files\") */\n | { type: 'clear' }\n /** @intent(\"Clear the rejected-files list\") */\n | { type: 'clearRejected' }\n /** @humanOnly */\n | { type: 'dragEnter' }\n /** @humanOnly */\n | { type: 'dragLeave' }\n /** @humanOnly */\n | { type: 'drop' }\n /** @humanOnly */\n | { type: 'setInvalid'; invalid: boolean }\n\nexport interface FileUploadInit {\n files?: File[]\n disabled?: boolean\n multiple?: boolean\n accept?: AcceptValue\n maxFiles?: number\n maxSize?: number\n minFileSize?: number\n required?: boolean\n readOnly?: boolean\n invalid?: boolean\n}\n\nexport function init(opts: FileUploadInit = {}): FileUploadState {\n return {\n files: opts.files ?? [],\n rejectedFiles: [],\n disabled: opts.disabled ?? false,\n multiple: opts.multiple ?? false,\n accept: opts.accept ?? '',\n maxFiles: opts.maxFiles ?? 0,\n maxSize: opts.maxSize ?? 0,\n minFileSize: opts.minFileSize ?? 0,\n required: opts.required ?? false,\n readOnly: opts.readOnly ?? false,\n invalid: opts.invalid ?? false,\n dragging: false,\n }\n}\n\n/**\n * Serialize an AcceptValue into a comma-joined string suitable for the\n * HTML `accept` attribute. Both MIME types and extensions are emitted.\n */\nexport function acceptToString(accept: AcceptValue): string {\n if (typeof accept === 'string') return accept\n const parts: string[] = []\n for (const [mime, exts] of Object.entries(accept)) {\n parts.push(mime)\n for (const ext of exts) parts.push(ext)\n }\n return parts.join(',')\n}\n\n/**\n * Check whether a file matches the accept configuration. Raw-string accept\n * is passed through to the browser picker so we always return true here;\n * MIME-object accept is validated by checking MIME type (with wildcards)\n * and extension membership.\n */\nexport function fileMatchesAccept(file: File, accept: AcceptValue): boolean {\n if (typeof accept === 'string' || Object.keys(accept).length === 0) return true\n const name = file.name.toLowerCase()\n for (const [mime, exts] of Object.entries(accept)) {\n if (matchMime(file.type, mime)) return true\n for (const ext of exts) {\n if (name.endsWith(ext.toLowerCase())) return true\n }\n }\n return false\n}\n\nfunction matchMime(fileType: string, pattern: string): boolean {\n if (!fileType) return false\n if (pattern === fileType) return true\n // Wildcard support: \"image/*\" matches \"image/png\"\n if (pattern.endsWith('/*')) {\n const prefix = pattern.slice(0, -1) // \"image/\"\n return fileType.startsWith(prefix)\n }\n return false\n}\n\n/**\n * Partition incoming files into accepted and rejected based on state's\n * accept/size/count constraints. The current accepted-file count is used\n * to enforce `maxFiles` — the caller is responsible for passing the\n * post-combine accepted total when appending.\n */\nexport function validateFiles(\n incoming: File[],\n state: FileUploadState,\n existingAcceptedCount: number,\n): { accepted: File[]; rejected: RejectedFile[] } {\n const accepted: File[] = []\n const rejected: RejectedFile[] = []\n let count = existingAcceptedCount\n for (const f of incoming) {\n const errors: FileError[] = []\n if (state.maxSize > 0 && f.size > state.maxSize) {\n errors.push({ code: 'TOO_LARGE', max: state.maxSize })\n }\n if (state.minFileSize > 0 && f.size < state.minFileSize) {\n errors.push({ code: 'TOO_SMALL', min: state.minFileSize })\n }\n if (!fileMatchesAccept(f, state.accept)) {\n errors.push({ code: 'INVALID_TYPE' })\n }\n if (state.maxFiles > 0 && count >= state.maxFiles) {\n errors.push({ code: 'TOO_MANY', max: state.maxFiles })\n }\n if (errors.length > 0) {\n rejected.push({ file: f, errors })\n } else {\n accepted.push(f)\n count++\n }\n }\n return { accepted, rejected }\n}\n\nexport function update(state: FileUploadState, msg: FileUploadMsg): [FileUploadState, never[]] {\n if (state.disabled && msg.type !== 'clear' && msg.type !== 'clearRejected') {\n return [state, []]\n }\n if (state.readOnly && (msg.type === 'setFiles' || msg.type === 'addFiles')) {\n return [state, []]\n }\n switch (msg.type) {\n case 'setFiles': {\n const { accepted, rejected } = validateFiles(msg.files, state, 0)\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: accepted, rejectedFiles: merged }, []]\n }\n case 'addFiles': {\n const base = state.multiple ? state.files : []\n const { accepted, rejected } = validateFiles(msg.files, state, base.length)\n const combined = state.multiple ? [...base, ...accepted] : accepted\n const merged = msg.customRejected ? [...rejected, ...msg.customRejected] : rejected\n return [{ ...state, files: combined, rejectedFiles: merged }, []]\n }\n case 'removeFile':\n return [{ ...state, files: state.files.filter((_, i) => i !== msg.index) }, []]\n case 'removeRejected':\n return [\n { ...state, rejectedFiles: state.rejectedFiles.filter((_, i) => i !== msg.index) },\n [],\n ]\n case 'clear':\n return [{ ...state, files: [], rejectedFiles: [] }, []]\n case 'clearRejected':\n return [{ ...state, rejectedFiles: [] }, []]\n case 'setInvalid':\n return [{ ...state, invalid: msg.invalid }, []]\n case 'dragEnter':\n return [{ ...state, dragging: true }, []]\n case 'dragLeave':\n case 'drop':\n return [{ ...state, dragging: false }, []]\n }\n}\n\nexport function totalSize(state: FileUploadState): number {\n let total = 0\n for (const f of state.files) total += f.size\n return total\n}\n\n/**\n * Install a document-level dragover/drop blocker. Without this, dragging a\n * file outside the dropzone causes the browser to navigate away from the\n * page. Call from onMount and invoke the returned disposer on unmount.\n */\nexport function preventDocumentDrop(): () => void {\n const prevent = (e: DragEvent): void => {\n // Only prevent default if the drop is NOT on an element inside a\n // file-upload dropzone — let those handle their own drops.\n const target = e.target as Element | null\n if (target?.closest('[data-scope=\"file-upload\"][data-part=\"dropzone\"]')) return\n e.preventDefault()\n }\n document.addEventListener('dragover', prevent)\n document.addEventListener('drop', prevent)\n return () => {\n document.removeEventListener('dragover', prevent)\n document.removeEventListener('drop', prevent)\n }\n}\n\nexport interface FileUploadItemParts<S> {\n item: {\n 'data-scope': 'file-upload'\n 'data-part': 'item'\n 'data-index': string\n }\n itemName: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-name'\n }\n itemSizeText: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-size-text'\n }\n itemPreview: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-preview'\n }\n removeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-remove'\n onClick: (e: MouseEvent) => void\n }\n /** Zag-aligned alias for removeTrigger. Same wiring. */\n itemDeleteTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'item-delete-trigger'\n onClick: (e: MouseEvent) => void\n }\n}\n\nexport interface FileUploadParts<S> {\n root: {\n 'data-scope': 'file-upload'\n 'data-part': 'root'\n 'data-disabled': (s: S) => '' | undefined\n 'data-dragging': (s: S) => '' | undefined\n 'data-invalid': (s: S) => '' | undefined\n 'data-readonly': (s: S) => '' | undefined\n }\n dropzone: {\n 'data-scope': 'file-upload'\n 'data-part': 'dropzone'\n 'data-dragging': (s: S) => '' | undefined\n onClick: (e: MouseEvent) => void\n onDragEnter: (e: DragEvent) => void\n onDragOver: (e: DragEvent) => void\n onDragLeave: (e: DragEvent) => void\n onDrop: (e: DragEvent) => void\n }\n trigger: {\n type: 'button'\n 'data-scope': 'file-upload'\n 'data-part': 'trigger'\n disabled: (s: S) => boolean\n onClick: (e: MouseEvent) => void\n }\n hiddenInput: {\n type: 'file'\n tabIndex: -1\n 'aria-hidden': 'true'\n style: string\n disabled: (s: S) => boolean\n multiple: (s: S) => boolean\n accept: (s: S) => string\n required: (s: S) => boolean\n 'aria-invalid': (s: S) => 'true' | undefined\n capture?: string | boolean\n webkitdirectory?: '' | undefined\n 'data-scope': 'file-upload'\n 'data-part': 'hidden-input'\n id: string\n onChange: (e: Event) => void\n }\n label: {\n for: string\n 'data-scope': 'file-upload'\n 'data-part': 'label'\n }\n clearTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'file-upload'\n 'data-part': 'clear-trigger'\n onClick: (e: MouseEvent) => void\n }\n itemGroup: {\n 'data-scope': 'file-upload'\n 'data-part': 'item-group'\n }\n item: (index: number) => FileUploadItemParts<S>\n}\n\nexport interface ConnectOptions {\n id: string\n removeLabel?: string\n clearLabel?: string\n /**\n * Hints the browser to use the device camera/microphone for capture. Only\n * applies to mobile. Pass `'user'` for the front camera, `'environment'`\n * for the back, or `true` to accept either.\n */\n capture?: 'user' | 'environment' | boolean\n /** Show a directory-picker instead of a file-picker (webkit only). */\n directory?: boolean\n /**\n * Per-file synchronous validator. Return a non-empty array of `FileError`\n * codes to reject the file, or null/empty to accept. Runs in addition to\n * the state-driven accept/size/count checks — its errors accumulate into\n * `rejectedFiles` alongside the built-in errors.\n */\n validate?: (file: File) => FileError[] | null\n /**\n * Optional transform pipeline. Runs before validation. Can return a\n * Promise; onChange awaits it before dispatching. Use for image resizing,\n * format conversion, etc.\n */\n transformFiles?: (files: File[]) => File[] | Promise<File[]>\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) => FileUploadState,\n send: Send<FileUploadMsg>,\n opts: ConnectOptions,\n): FileUploadParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n const inputId = `${opts.id}:input`\n const removeLabel: string | ((s: S) => string) =\n opts.removeLabel ?? ((s: S) => locale(s).fileUpload.remove)\n const clearLabel: string | ((s: S) => string) =\n opts.clearLabel ?? ((s: S) => locale(s).fileUpload.clear)\n\n const runPipeline = async (\n raw: File[],\n ): Promise<{ files: File[]; customRejected: RejectedFile[] }> => {\n let files = raw\n if (opts.transformFiles) files = await opts.transformFiles(files)\n const customRejected: RejectedFile[] = []\n if (opts.validate) {\n const passed: File[] = []\n for (const f of files) {\n const errors = opts.validate(f)\n if (errors && errors.length > 0) customRejected.push({ file: f, errors })\n else passed.push(f)\n }\n files = passed\n }\n return { files, customRejected }\n }\n\n const dispatchAdd = (raw: File[]): void => {\n if (!opts.transformFiles && !opts.validate) {\n send({ type: 'addFiles', files: raw })\n return\n }\n // Fire-and-forget — transforms may be async.\n void runPipeline(raw).then(({ files, customRejected }) => {\n send({ type: 'addFiles', files, customRejected })\n })\n }\n\n const openPicker = (e: MouseEvent): void => {\n const target = e.target as HTMLElement\n if (target.getAttribute('data-part') === 'hidden-input') return\n const root = (e.currentTarget as HTMLElement).closest(\n '[data-scope=\"file-upload\"][data-part=\"root\"]',\n )\n const input = root?.querySelector<HTMLInputElement>(\n '[data-scope=\"file-upload\"][data-part=\"hidden-input\"]',\n )\n input?.click()\n }\n\n return {\n root: {\n 'data-scope': 'file-upload',\n 'data-part': 'root',\n 'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-invalid': (s) => (get(s).invalid ? '' : undefined),\n 'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n },\n dropzone: {\n 'data-scope': 'file-upload',\n 'data-part': 'dropzone',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n onClick: openPicker,\n onDragEnter: tagSend(send, ['dragEnter'], (e) => {\n e.preventDefault()\n send({ type: 'dragEnter' })\n }),\n onDragOver: (e) => e.preventDefault(),\n onDragLeave: tagSend(send, ['dragLeave'], (e) => {\n e.preventDefault()\n send({ type: 'dragLeave' })\n }),\n onDrop: tagSend(send, ['drop'], (e) => {\n e.preventDefault()\n const files = Array.from(e.dataTransfer?.files ?? [])\n send({ type: 'drop' })\n dispatchAdd(files)\n }),\n },\n trigger: {\n type: 'button',\n 'data-scope': 'file-upload',\n 'data-part': 'trigger',\n disabled: (s) => get(s).disabled,\n onClick: openPicker,\n },\n hiddenInput: {\n type: 'file',\n tabIndex: -1,\n 'aria-hidden': 'true',\n style: HIDDEN_STYLE,\n disabled: (s) => get(s).disabled,\n multiple: (s) => get(s).multiple,\n accept: (s) => acceptToString(get(s).accept),\n required: (s) => get(s).required,\n 'aria-invalid': (s) => (get(s).invalid ? 'true' : undefined),\n ...(opts.capture !== undefined ? { capture: opts.capture } : {}),\n ...(opts.directory === true ? { webkitdirectory: '' as const } : {}),\n 'data-scope': 'file-upload',\n 'data-part': 'hidden-input',\n id: inputId,\n onChange: (e) => {\n const input = e.target as HTMLInputElement\n const files = input.files ? Array.from(input.files) : []\n dispatchAdd(files)\n input.value = ''\n },\n },\n label: {\n for: inputId,\n 'data-scope': 'file-upload',\n 'data-part': 'label',\n },\n clearTrigger: {\n type: 'button',\n 'aria-label': clearLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'clear-trigger',\n onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),\n },\n itemGroup: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-group',\n },\n item: (index: number): FileUploadItemParts<S> => ({\n item: {\n 'data-scope': 'file-upload',\n 'data-part': 'item',\n 'data-index': String(index),\n },\n itemName: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-name',\n },\n itemSizeText: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-size-text',\n },\n itemPreview: {\n 'data-scope': 'file-upload',\n 'data-part': 'item-preview',\n },\n removeTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-remove',\n onClick: tagSend(send, ['removeFile'], () => send({ type: 'removeFile', index })),\n },\n itemDeleteTrigger: {\n type: 'button',\n 'aria-label': removeLabel,\n 'data-scope': 'file-upload',\n 'data-part': 'item-delete-trigger',\n onClick: tagSend(send, ['removeFile'], () => send({ type: 'removeFile', index })),\n },\n }),\n }\n}\n\nexport const fileUpload = {\n init,\n update,\n connect,\n totalSize,\n acceptToString,\n fileMatchesAccept,\n validateFiles,\n preventDocumentDrop,\n}\n"]}
@@ -41,44 +41,76 @@ export interface FloatingPanelState {
41
41
  } | null;
42
42
  disabled: boolean;
43
43
  }
44
- export type FloatingPanelMsg = {
44
+ export type FloatingPanelMsg =
45
+ /** @intent("Open the floating panel") */
46
+ {
45
47
  type: 'open';
46
- } | {
48
+ }
49
+ /** @intent("Close the floating panel") */
50
+ | {
47
51
  type: 'close';
48
- } | {
52
+ }
53
+ /** @intent("Minimize the panel (collapses to title bar)") */
54
+ | {
49
55
  type: 'minimize';
50
- } | {
56
+ }
57
+ /** @intent("Restore the panel from its minimized state") */
58
+ | {
51
59
  type: 'restoreFromMinimized';
52
- } | {
60
+ }
61
+ /** @intent("Maximize the panel (fills the viewport)") */
62
+ | {
53
63
  type: 'maximize';
54
- } | {
64
+ }
65
+ /** @intent("Restore the panel to its pre-maximize geometry") */
66
+ | {
55
67
  type: 'restoreFromMaximized';
56
- } | {
68
+ }
69
+ /** @intent("Toggle between minimized and normal") */
70
+ | {
57
71
  type: 'toggleMinimize';
58
- } | {
72
+ }
73
+ /** @intent("Toggle between maximized and normal") */
74
+ | {
59
75
  type: 'toggleMaximize';
60
- } | {
76
+ }
77
+ /** @humanOnly */
78
+ | {
61
79
  type: 'dragStart';
62
- } | {
80
+ }
81
+ /** @humanOnly */
82
+ | {
63
83
  type: 'dragMove';
64
84
  dx: number;
65
85
  dy: number;
66
- } | {
86
+ }
87
+ /** @humanOnly */
88
+ | {
67
89
  type: 'dragEnd';
68
- } | {
90
+ }
91
+ /** @humanOnly */
92
+ | {
69
93
  type: 'resizeStart';
70
94
  handle: ResizeHandle;
71
- } | {
95
+ }
96
+ /** @humanOnly */
97
+ | {
72
98
  type: 'resizeMove';
73
99
  dx: number;
74
100
  dy: number;
75
- } | {
101
+ }
102
+ /** @humanOnly */
103
+ | {
76
104
  type: 'resizeEnd';
77
- } | {
105
+ }
106
+ /** @intent("Set the panel's top-left position in pixels") */
107
+ | {
78
108
  type: 'setPosition';
79
109
  x: number;
80
110
  y: number;
81
- } | {
111
+ }
112
+ /** @intent("Set the panel's size in pixels (clamped to min/max)") */
113
+ | {
82
114
  type: 'setSize';
83
115
  width: number;
84
116
  height: number;
@@ -1 +1 @@
1
- {"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../src/components/floating-panel.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../src/components/floating-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKrC;;;;;;;;;GASG;AAEH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACvC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACjD,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,2DAA2D;IAC3D,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC7E,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,gBAAgB;AAC1B,yCAAyC;AACvC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,0CAA0C;GACxC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE;AACnB,6DAA6D;GAC3D;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE;AACtB,4DAA4D;GAC1D;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE;AAClC,yDAAyD;GACvD;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE;AACtB,gEAAgE;GAC9D;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE;AAClC,qDAAqD;GACnD;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE;AAC5B,qDAAqD;GACnD;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE;AAC5B,iBAAiB;GACf;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE;AACvB,iBAAiB;GACf;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AAC9C,iBAAiB;GACf;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE;AACrB,iBAAiB;GACf;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE;AAC/C,iBAAiB;GACf;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AAChD,iBAAiB;GACf;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE;AACvB,6DAA6D;GAC3D;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;AAC/C,qEAAqE;GACnE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACnC,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,wBAAgB,IAAI,CAAC,IAAI,GAAE,iBAAsB,GAAG,kBAAkB,CAcrE;AAyCD,wBAAgB,MAAM,CACpB,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,gBAAgB,GACpB,CAAC,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAiF/B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QAC1C,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QAC1C,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KACxB,CAAA;IACD,UAAU,EAAE;QACV,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,aAAa,CAAA;QAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;KACzC,CAAA;IACD,OAAO,EAAE;QACP,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,SAAS,CAAA;QACtB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;KAC1B,CAAA;IACD,eAAe,EAAE;QACf,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,kBAAkB,CAAA;QAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,eAAe,EAAE;QACf,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,kBAAkB,CAAA;QAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,eAAe,CAAA;QAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK;QACtC,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,eAAe,CAAA;QAC5B,aAAa,EAAE,YAAY,CAAA;QAC3B,aAAa,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;KACzC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,kBAAkB,EACjC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAC5B,IAAI,GAAE,cAAmB,GACxB,kBAAkB,CAAC,CAAC,CAAC,CA6DvB;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}
@@ -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
  function clamp(v, min, max) {
4
4
  return Math.max(min, Math.min(max, v));
@@ -162,7 +162,7 @@ export function connect(get, send, opts = {}) {
162
162
  dragHandle: {
163
163
  'data-scope': 'floating-panel',
164
164
  'data-part': 'drag-handle',
165
- onPointerDown: () => send({ type: 'dragStart' }),
165
+ onPointerDown: tagSend(send, ['dragStart'], () => send({ type: 'dragStart' })),
166
166
  },
167
167
  content: {
168
168
  'data-scope': 'floating-panel',
@@ -174,27 +174,27 @@ export function connect(get, send, opts = {}) {
174
174
  'aria-label': opts.minimizeLabel ?? ((s) => locale(s).floatingPanel.minimize),
175
175
  'data-scope': 'floating-panel',
176
176
  'data-part': 'minimize-trigger',
177
- onClick: () => send({ type: 'toggleMinimize' }),
177
+ onClick: tagSend(send, ['toggleMinimize'], () => send({ type: 'toggleMinimize' })),
178
178
  },
179
179
  maximizeTrigger: {
180
180
  type: 'button',
181
181
  'aria-label': opts.maximizeLabel ?? ((s) => locale(s).floatingPanel.maximize),
182
182
  'data-scope': 'floating-panel',
183
183
  'data-part': 'maximize-trigger',
184
- onClick: () => send({ type: 'toggleMaximize' }),
184
+ onClick: tagSend(send, ['toggleMaximize'], () => send({ type: 'toggleMaximize' })),
185
185
  },
186
186
  closeTrigger: {
187
187
  type: 'button',
188
188
  'aria-label': opts.closeLabel ?? ((s) => locale(s).floatingPanel.close),
189
189
  'data-scope': 'floating-panel',
190
190
  'data-part': 'close-trigger',
191
- onClick: () => send({ type: 'close' }),
191
+ onClick: tagSend(send, ['close'], () => send({ type: 'close' })),
192
192
  },
193
193
  resizeHandle: (handle) => ({
194
194
  'data-scope': 'floating-panel',
195
195
  'data-part': 'resize-handle',
196
196
  'data-handle': handle,
197
- onPointerDown: () => send({ type: 'resizeStart', handle }),
197
+ onPointerDown: tagSend(send, ['resizeStart'], () => send({ type: 'resizeStart', handle })),
198
198
  }),
199
199
  };
200
200
  }
@@ -1 +1 @@
1
- {"version":3,"file":"floating-panel.js","sourceRoot":"","sources":["../../src/components/floating-panel.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 * Floating panel — a draggable + resizable window-like surface, useful\n * for dev tools overlays, pop-out inspectors, preview panels, etc. The\n * state machine tracks position and size; the view layer wires pointer\n * events on the drag handle and resize grips and dispatches the\n * corresponding messages.\n *\n * Coordinates are in pixels relative to the positioning container\n * (typically `position: fixed` relative to the viewport).\n */\n\nexport type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport interface FloatingPanelState {\n position: { x: number; y: number }\n size: { width: number; height: number }\n minSize: { width: number; height: number }\n maxSize: { width: number; height: number } | null\n open: boolean\n minimized: boolean\n maximized: boolean\n dragging: boolean\n resizing: ResizeHandle | null\n /** Snapshot of the pre-maximize geometry (for restore). */\n restoreBounds: { x: number; y: number; width: number; height: number } | null\n disabled: boolean\n}\n\nexport type FloatingPanelMsg =\n | { type: 'open' }\n | { type: 'close' }\n | { type: 'minimize' }\n | { type: 'restoreFromMinimized' }\n | { type: 'maximize' }\n | { type: 'restoreFromMaximized' }\n | { type: 'toggleMinimize' }\n | { type: 'toggleMaximize' }\n | { type: 'dragStart' }\n | { type: 'dragMove'; dx: number; dy: number }\n | { type: 'dragEnd' }\n | { type: 'resizeStart'; handle: ResizeHandle }\n | { type: 'resizeMove'; dx: number; dy: number }\n | { type: 'resizeEnd' }\n | { type: 'setPosition'; x: number; y: number }\n | { type: 'setSize'; width: number; height: number }\n\nexport interface FloatingPanelInit {\n position?: { x: number; y: number }\n size?: { width: number; height: number }\n minSize?: { width: number; height: number }\n maxSize?: { width: number; height: number } | null\n open?: boolean\n disabled?: boolean\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n return Math.max(min, Math.min(max, v))\n}\n\nexport function init(opts: FloatingPanelInit = {}): FloatingPanelState {\n return {\n position: opts.position ?? { x: 100, y: 100 },\n size: opts.size ?? { width: 400, height: 300 },\n minSize: opts.minSize ?? { width: 200, height: 150 },\n maxSize: opts.maxSize ?? null,\n open: opts.open ?? true,\n minimized: false,\n maximized: false,\n dragging: false,\n resizing: null,\n restoreBounds: null,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction clampSize(\n width: number,\n height: number,\n min: FloatingPanelState['minSize'],\n max: FloatingPanelState['maxSize'],\n): { width: number; height: number } {\n const maxW = max?.width ?? Infinity\n const maxH = max?.height ?? Infinity\n return {\n width: clamp(width, min.width, maxW),\n height: clamp(height, min.height, maxH),\n }\n}\n\nfunction applyResize(\n state: FloatingPanelState,\n dx: number,\n dy: number,\n handle: ResizeHandle,\n): FloatingPanelState {\n let { x, y } = state.position\n let { width, height } = state.size\n if (handle.includes('e')) width += dx\n if (handle.includes('w')) {\n width -= dx\n x += dx\n }\n if (handle.includes('s')) height += dy\n if (handle.includes('n')) {\n height -= dy\n y += dy\n }\n const size = clampSize(width, height, state.minSize, state.maxSize)\n // If clamping changed width/height, undo the x/y shift by that delta.\n if (handle.includes('w')) x += width - size.width\n if (handle.includes('n')) y += height - size.height\n return { ...state, position: { x, y }, size }\n}\n\nexport function update(\n state: FloatingPanelState,\n msg: FloatingPanelMsg,\n): [FloatingPanelState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'open':\n return [{ ...state, open: true }, []]\n case 'close':\n return [{ ...state, open: false, dragging: false, resizing: null }, []]\n case 'minimize':\n return [{ ...state, minimized: true, dragging: false, resizing: null }, []]\n case 'restoreFromMinimized':\n return [{ ...state, minimized: false }, []]\n case 'toggleMinimize':\n return [{ ...state, minimized: !state.minimized }, []]\n case 'maximize': {\n if (state.maximized) return [state, []]\n return [\n {\n ...state,\n maximized: true,\n restoreBounds: {\n x: state.position.x,\n y: state.position.y,\n width: state.size.width,\n height: state.size.height,\n },\n },\n [],\n ]\n }\n case 'restoreFromMaximized': {\n if (!state.maximized || !state.restoreBounds) {\n return [{ ...state, maximized: false }, []]\n }\n const b = state.restoreBounds\n return [\n {\n ...state,\n maximized: false,\n position: { x: b.x, y: b.y },\n size: { width: b.width, height: b.height },\n restoreBounds: null,\n },\n [],\n ]\n }\n case 'toggleMaximize':\n return update(state, {\n type: state.maximized ? 'restoreFromMaximized' : 'maximize',\n })\n case 'dragStart':\n if (state.maximized) return [state, []]\n return [{ ...state, dragging: true }, []]\n case 'dragMove':\n if (!state.dragging) return [state, []]\n return [\n {\n ...state,\n position: {\n x: state.position.x + msg.dx,\n y: state.position.y + msg.dy,\n },\n },\n [],\n ]\n case 'dragEnd':\n return [{ ...state, dragging: false }, []]\n case 'resizeStart':\n if (state.maximized) return [state, []]\n return [{ ...state, resizing: msg.handle }, []]\n case 'resizeMove':\n if (state.resizing === null) return [state, []]\n return [applyResize(state, msg.dx, msg.dy, state.resizing), []]\n case 'resizeEnd':\n return [{ ...state, resizing: null }, []]\n case 'setPosition':\n return [{ ...state, position: { x: msg.x, y: msg.y } }, []]\n case 'setSize': {\n const size = clampSize(msg.width, msg.height, state.minSize, state.maxSize)\n return [{ ...state, size }, []]\n }\n }\n}\n\nexport interface FloatingPanelParts<S> {\n root: {\n role: 'dialog'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'root'\n 'data-dragging': (s: S) => '' | undefined\n 'data-resizing': (s: S) => '' | undefined\n 'data-minimized': (s: S) => '' | undefined\n 'data-maximized': (s: S) => '' | undefined\n hidden: (s: S) => boolean\n style: (s: S) => string\n }\n dragHandle: {\n 'data-scope': 'floating-panel'\n 'data-part': 'drag-handle'\n onPointerDown: (e: PointerEvent) => void\n }\n content: {\n 'data-scope': 'floating-panel'\n 'data-part': 'content'\n hidden: (s: S) => boolean\n }\n minimizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'minimize-trigger'\n onClick: (e: MouseEvent) => void\n }\n maximizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'maximize-trigger'\n onClick: (e: MouseEvent) => void\n }\n closeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'close-trigger'\n onClick: (e: MouseEvent) => void\n }\n resizeHandle: (handle: ResizeHandle) => {\n 'data-scope': 'floating-panel'\n 'data-part': 'resize-handle'\n 'data-handle': ResizeHandle\n onPointerDown: (e: PointerEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n minimizeLabel?: string\n maximizeLabel?: string\n closeLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => FloatingPanelState,\n send: Send<FloatingPanelMsg>,\n opts: ConnectOptions = {},\n): FloatingPanelParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n role: 'dialog',\n 'aria-label': opts.label ?? ((s: S) => locale(s).floatingPanel.label),\n 'data-scope': 'floating-panel',\n 'data-part': 'root',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-resizing': (s) => (get(s).resizing !== null ? '' : undefined),\n 'data-minimized': (s) => (get(s).minimized ? '' : undefined),\n 'data-maximized': (s) => (get(s).maximized ? '' : undefined),\n hidden: (s) => !get(s).open,\n style: (s) => {\n const st = get(s)\n if (st.maximized) return 'position:fixed;inset:0;width:auto;height:auto;'\n return (\n `position:fixed;` +\n `left:${st.position.x}px;top:${st.position.y}px;` +\n `width:${st.size.width}px;height:${st.size.height}px;`\n )\n },\n },\n dragHandle: {\n 'data-scope': 'floating-panel',\n 'data-part': 'drag-handle',\n onPointerDown: () => send({ type: 'dragStart' }),\n },\n content: {\n 'data-scope': 'floating-panel',\n 'data-part': 'content',\n hidden: (s) => get(s).minimized,\n },\n minimizeTrigger: {\n type: 'button',\n 'aria-label': opts.minimizeLabel ?? ((s: S) => locale(s).floatingPanel.minimize),\n 'data-scope': 'floating-panel',\n 'data-part': 'minimize-trigger',\n onClick: () => send({ type: 'toggleMinimize' }),\n },\n maximizeTrigger: {\n type: 'button',\n 'aria-label': opts.maximizeLabel ?? ((s: S) => locale(s).floatingPanel.maximize),\n 'data-scope': 'floating-panel',\n 'data-part': 'maximize-trigger',\n onClick: () => send({ type: 'toggleMaximize' }),\n },\n closeTrigger: {\n type: 'button',\n 'aria-label': opts.closeLabel ?? ((s: S) => locale(s).floatingPanel.close),\n 'data-scope': 'floating-panel',\n 'data-part': 'close-trigger',\n onClick: () => send({ type: 'close' }),\n },\n resizeHandle: (handle: ResizeHandle) => ({\n 'data-scope': 'floating-panel',\n 'data-part': 'resize-handle',\n 'data-handle': handle,\n onPointerDown: () => send({ type: 'resizeStart', handle }),\n }),\n }\n}\n\nexport const floatingPanel = { init, update, connect }\n"]}
1
+ {"version":3,"file":"floating-panel.js","sourceRoot":"","sources":["../../src/components/floating-panel.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 * Floating panel — a draggable + resizable window-like surface, useful\n * for dev tools overlays, pop-out inspectors, preview panels, etc. The\n * state machine tracks position and size; the view layer wires pointer\n * events on the drag handle and resize grips and dispatches the\n * corresponding messages.\n *\n * Coordinates are in pixels relative to the positioning container\n * (typically `position: fixed` relative to the viewport).\n */\n\nexport type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport interface FloatingPanelState {\n position: { x: number; y: number }\n size: { width: number; height: number }\n minSize: { width: number; height: number }\n maxSize: { width: number; height: number } | null\n open: boolean\n minimized: boolean\n maximized: boolean\n dragging: boolean\n resizing: ResizeHandle | null\n /** Snapshot of the pre-maximize geometry (for restore). */\n restoreBounds: { x: number; y: number; width: number; height: number } | null\n disabled: boolean\n}\n\nexport type FloatingPanelMsg =\n /** @intent(\"Open the floating panel\") */\n | { type: 'open' }\n /** @intent(\"Close the floating panel\") */\n | { type: 'close' }\n /** @intent(\"Minimize the panel (collapses to title bar)\") */\n | { type: 'minimize' }\n /** @intent(\"Restore the panel from its minimized state\") */\n | { type: 'restoreFromMinimized' }\n /** @intent(\"Maximize the panel (fills the viewport)\") */\n | { type: 'maximize' }\n /** @intent(\"Restore the panel to its pre-maximize geometry\") */\n | { type: 'restoreFromMaximized' }\n /** @intent(\"Toggle between minimized and normal\") */\n | { type: 'toggleMinimize' }\n /** @intent(\"Toggle between maximized and normal\") */\n | { type: 'toggleMaximize' }\n /** @humanOnly */\n | { type: 'dragStart' }\n /** @humanOnly */\n | { type: 'dragMove'; dx: number; dy: number }\n /** @humanOnly */\n | { type: 'dragEnd' }\n /** @humanOnly */\n | { type: 'resizeStart'; handle: ResizeHandle }\n /** @humanOnly */\n | { type: 'resizeMove'; dx: number; dy: number }\n /** @humanOnly */\n | { type: 'resizeEnd' }\n /** @intent(\"Set the panel's top-left position in pixels\") */\n | { type: 'setPosition'; x: number; y: number }\n /** @intent(\"Set the panel's size in pixels (clamped to min/max)\") */\n | { type: 'setSize'; width: number; height: number }\n\nexport interface FloatingPanelInit {\n position?: { x: number; y: number }\n size?: { width: number; height: number }\n minSize?: { width: number; height: number }\n maxSize?: { width: number; height: number } | null\n open?: boolean\n disabled?: boolean\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n return Math.max(min, Math.min(max, v))\n}\n\nexport function init(opts: FloatingPanelInit = {}): FloatingPanelState {\n return {\n position: opts.position ?? { x: 100, y: 100 },\n size: opts.size ?? { width: 400, height: 300 },\n minSize: opts.minSize ?? { width: 200, height: 150 },\n maxSize: opts.maxSize ?? null,\n open: opts.open ?? true,\n minimized: false,\n maximized: false,\n dragging: false,\n resizing: null,\n restoreBounds: null,\n disabled: opts.disabled ?? false,\n }\n}\n\nfunction clampSize(\n width: number,\n height: number,\n min: FloatingPanelState['minSize'],\n max: FloatingPanelState['maxSize'],\n): { width: number; height: number } {\n const maxW = max?.width ?? Infinity\n const maxH = max?.height ?? Infinity\n return {\n width: clamp(width, min.width, maxW),\n height: clamp(height, min.height, maxH),\n }\n}\n\nfunction applyResize(\n state: FloatingPanelState,\n dx: number,\n dy: number,\n handle: ResizeHandle,\n): FloatingPanelState {\n let { x, y } = state.position\n let { width, height } = state.size\n if (handle.includes('e')) width += dx\n if (handle.includes('w')) {\n width -= dx\n x += dx\n }\n if (handle.includes('s')) height += dy\n if (handle.includes('n')) {\n height -= dy\n y += dy\n }\n const size = clampSize(width, height, state.minSize, state.maxSize)\n // If clamping changed width/height, undo the x/y shift by that delta.\n if (handle.includes('w')) x += width - size.width\n if (handle.includes('n')) y += height - size.height\n return { ...state, position: { x, y }, size }\n}\n\nexport function update(\n state: FloatingPanelState,\n msg: FloatingPanelMsg,\n): [FloatingPanelState, never[]] {\n if (state.disabled) return [state, []]\n switch (msg.type) {\n case 'open':\n return [{ ...state, open: true }, []]\n case 'close':\n return [{ ...state, open: false, dragging: false, resizing: null }, []]\n case 'minimize':\n return [{ ...state, minimized: true, dragging: false, resizing: null }, []]\n case 'restoreFromMinimized':\n return [{ ...state, minimized: false }, []]\n case 'toggleMinimize':\n return [{ ...state, minimized: !state.minimized }, []]\n case 'maximize': {\n if (state.maximized) return [state, []]\n return [\n {\n ...state,\n maximized: true,\n restoreBounds: {\n x: state.position.x,\n y: state.position.y,\n width: state.size.width,\n height: state.size.height,\n },\n },\n [],\n ]\n }\n case 'restoreFromMaximized': {\n if (!state.maximized || !state.restoreBounds) {\n return [{ ...state, maximized: false }, []]\n }\n const b = state.restoreBounds\n return [\n {\n ...state,\n maximized: false,\n position: { x: b.x, y: b.y },\n size: { width: b.width, height: b.height },\n restoreBounds: null,\n },\n [],\n ]\n }\n case 'toggleMaximize':\n return update(state, {\n type: state.maximized ? 'restoreFromMaximized' : 'maximize',\n })\n case 'dragStart':\n if (state.maximized) return [state, []]\n return [{ ...state, dragging: true }, []]\n case 'dragMove':\n if (!state.dragging) return [state, []]\n return [\n {\n ...state,\n position: {\n x: state.position.x + msg.dx,\n y: state.position.y + msg.dy,\n },\n },\n [],\n ]\n case 'dragEnd':\n return [{ ...state, dragging: false }, []]\n case 'resizeStart':\n if (state.maximized) return [state, []]\n return [{ ...state, resizing: msg.handle }, []]\n case 'resizeMove':\n if (state.resizing === null) return [state, []]\n return [applyResize(state, msg.dx, msg.dy, state.resizing), []]\n case 'resizeEnd':\n return [{ ...state, resizing: null }, []]\n case 'setPosition':\n return [{ ...state, position: { x: msg.x, y: msg.y } }, []]\n case 'setSize': {\n const size = clampSize(msg.width, msg.height, state.minSize, state.maxSize)\n return [{ ...state, size }, []]\n }\n }\n}\n\nexport interface FloatingPanelParts<S> {\n root: {\n role: 'dialog'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'root'\n 'data-dragging': (s: S) => '' | undefined\n 'data-resizing': (s: S) => '' | undefined\n 'data-minimized': (s: S) => '' | undefined\n 'data-maximized': (s: S) => '' | undefined\n hidden: (s: S) => boolean\n style: (s: S) => string\n }\n dragHandle: {\n 'data-scope': 'floating-panel'\n 'data-part': 'drag-handle'\n onPointerDown: (e: PointerEvent) => void\n }\n content: {\n 'data-scope': 'floating-panel'\n 'data-part': 'content'\n hidden: (s: S) => boolean\n }\n minimizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'minimize-trigger'\n onClick: (e: MouseEvent) => void\n }\n maximizeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'maximize-trigger'\n onClick: (e: MouseEvent) => void\n }\n closeTrigger: {\n type: 'button'\n 'aria-label': string | ((s: S) => string)\n 'data-scope': 'floating-panel'\n 'data-part': 'close-trigger'\n onClick: (e: MouseEvent) => void\n }\n resizeHandle: (handle: ResizeHandle) => {\n 'data-scope': 'floating-panel'\n 'data-part': 'resize-handle'\n 'data-handle': ResizeHandle\n onPointerDown: (e: PointerEvent) => void\n }\n}\n\nexport interface ConnectOptions {\n label?: string\n minimizeLabel?: string\n maximizeLabel?: string\n closeLabel?: string\n}\n\nexport function connect<S>(\n get: (s: S) => FloatingPanelState,\n send: Send<FloatingPanelMsg>,\n opts: ConnectOptions = {},\n): FloatingPanelParts<S> {\n const locale = useContext<S, Locale>(LocaleContext)\n return {\n root: {\n role: 'dialog',\n 'aria-label': opts.label ?? ((s: S) => locale(s).floatingPanel.label),\n 'data-scope': 'floating-panel',\n 'data-part': 'root',\n 'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n 'data-resizing': (s) => (get(s).resizing !== null ? '' : undefined),\n 'data-minimized': (s) => (get(s).minimized ? '' : undefined),\n 'data-maximized': (s) => (get(s).maximized ? '' : undefined),\n hidden: (s) => !get(s).open,\n style: (s) => {\n const st = get(s)\n if (st.maximized) return 'position:fixed;inset:0;width:auto;height:auto;'\n return (\n `position:fixed;` +\n `left:${st.position.x}px;top:${st.position.y}px;` +\n `width:${st.size.width}px;height:${st.size.height}px;`\n )\n },\n },\n dragHandle: {\n 'data-scope': 'floating-panel',\n 'data-part': 'drag-handle',\n onPointerDown: tagSend(send, ['dragStart'], () => send({ type: 'dragStart' })),\n },\n content: {\n 'data-scope': 'floating-panel',\n 'data-part': 'content',\n hidden: (s) => get(s).minimized,\n },\n minimizeTrigger: {\n type: 'button',\n 'aria-label': opts.minimizeLabel ?? ((s: S) => locale(s).floatingPanel.minimize),\n 'data-scope': 'floating-panel',\n 'data-part': 'minimize-trigger',\n onClick: tagSend(send, ['toggleMinimize'], () => send({ type: 'toggleMinimize' })),\n },\n maximizeTrigger: {\n type: 'button',\n 'aria-label': opts.maximizeLabel ?? ((s: S) => locale(s).floatingPanel.maximize),\n 'data-scope': 'floating-panel',\n 'data-part': 'maximize-trigger',\n onClick: tagSend(send, ['toggleMaximize'], () => send({ type: 'toggleMaximize' })),\n },\n closeTrigger: {\n type: 'button',\n 'aria-label': opts.closeLabel ?? ((s: S) => locale(s).floatingPanel.close),\n 'data-scope': 'floating-panel',\n 'data-part': 'close-trigger',\n onClick: tagSend(send, ['close'], () => send({ type: 'close' })),\n },\n resizeHandle: (handle: ResizeHandle) => ({\n 'data-scope': 'floating-panel',\n 'data-part': 'resize-handle',\n 'data-handle': handle,\n onPointerDown: tagSend(send, ['resizeStart'], () => send({ type: 'resizeStart', handle })),\n }),\n }\n}\n\nexport const floatingPanel = { init, update, connect }\n"]}
@@ -41,20 +41,32 @@ export interface FormState {
41
41
  touched: Record<string, boolean>;
42
42
  submitError: string | null;
43
43
  }
44
- export type FormMsg = {
44
+ export type FormMsg =
45
+ /** @intent("Mark a single field as touched (typically on blur)") */
46
+ {
45
47
  type: 'touch';
46
48
  field: string;
47
- } | {
49
+ }
50
+ /** @intent("Mark every named field as touched (typically on submit attempt)") */
51
+ | {
48
52
  type: 'touchAll';
49
53
  fields: string[];
50
- } | {
54
+ }
55
+ /** @intent("Begin form submission — validate and dispatch the save effect") */
56
+ | {
51
57
  type: 'submit';
52
- } | {
58
+ }
59
+ /** @intent("Mark the in-flight submission as successful") */
60
+ | {
53
61
  type: 'submitSuccess';
54
- } | {
62
+ }
63
+ /** @intent("Mark the in-flight submission as failed with the given error message") */
64
+ | {
55
65
  type: 'submitError';
56
66
  error: string;
57
- } | {
67
+ }
68
+ /** @intent("Reset the form to its initial state (clears touched flags and submit status)") */
69
+ | {
58
70
  type: 'reset';
59
71
  };
60
72
  export declare function init(): FormState;
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAA;AAEtE,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED,MAAM,MAAM,OAAO;AACjB,oEAAoE;AAClE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAClC,iFAAiF;GAC/E;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE;AACxC,+EAA+E;GAC7E;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,6DAA6D;GAC3D;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,sFAAsF;GACpF;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACxC,8FAA8F;GAC5F;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAErB,wBAAgB,IAAI,IAAI,SAAS,CAEhC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAmB3E;AAED,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE;QACJ,YAAY,EAAE,MAAM,CAAA;QACpB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAA;QAClC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QACvB,YAAY,EAAE,MAAM,CAAA;QACpB,WAAW,EAAE,OAAO,CAAA;QACpB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC1B,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAA;QAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;KAC5B,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,EACxB,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,KAAK,EAAE,cAAc,GACpB,SAAS,CAAC,CAAC,CAAC,CAuBd;AAID,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,qFAAqF;IACrF,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;IACxC,uDAAuD;IACvD,MAAM,EAAE,SAAS,gBAAgB,CAAC,KAAK,EAAE,CAAA;CAC1C;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CA0BjG;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CAAC,CAAC,EACzC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,OAAO,GACd,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAmB5B;AAED,eAAO,MAAM,IAAI;;;;;;CAAiE,CAAA"}
@@ -1,3 +1,4 @@
1
+ import { tagSend } from '@llui/dom';
1
2
  export function init() {
2
3
  return { status: 'idle', touched: {}, submitError: null };
3
4
  }
@@ -36,7 +37,7 @@ export function connect(get, send, _opts) {
36
37
  'data-part': 'field',
37
38
  'data-touched': (s) => (get(s).touched[name] ? '' : undefined),
38
39
  touched: (s) => !!get(s).touched[name],
39
- onBlur: () => send({ type: 'touch', field: name }),
40
+ onBlur: tagSend(send, ['touch'], () => send({ type: 'touch', field: name })),
40
41
  }),
41
42
  submit: {
42
43
  type: 'submit',
@@ -1 +1 @@
1
- {"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport type { StandardSchemaV1 } from '@standard-schema/spec'\n\n/**\n * Form — submit lifecycle + touched tracking + Standard Schema validation.\n *\n * Values live in the parent component's state; `form` tracks submit status\n * and which fields have been interacted with (blur), so errors are shown\n * only after touch instead of immediately.\n *\n * Bring your own validation library — any Standard Schema-compatible\n * schema works (Zod, Valibot, ArkType, etc.). See https://standardschema.dev.\n *\n * ```ts\n * import { z } from 'zod'\n * import { form, validateSchema } from '@llui/components/form'\n *\n * const schema = z.object({\n * email: z.string().email(),\n * password: z.string().min(8),\n * })\n *\n * type Values = z.infer<typeof schema>\n * type State = { values: Values; form: FormState }\n *\n * update: (state, msg) => {\n * switch (msg.type) {\n * case 'submit': {\n * const result = validateSchema(schema, state.values)\n * if (!result.isValid) {\n * return [{ ...state, form: { ...state.form, touched: { email: true, password: true } } }, []]\n * }\n * return [{ ...state, form: { ...state.form, status: 'submitting' } }, [saveUserEffect]]\n * }\n * }\n * }\n * ```\n */\n\nexport type FormStatus = 'idle' | 'submitting' | 'submitted' | 'error'\n\nexport interface FormState {\n status: FormStatus\n touched: Record<string, boolean>\n submitError: string | null\n}\n\nexport type FormMsg =\n | { type: 'touch'; field: string }\n | { type: 'touchAll'; fields: string[] }\n | { type: 'submit' }\n | { type: 'submitSuccess' }\n | { type: 'submitError'; error: string }\n | { type: 'reset' }\n\nexport function init(): FormState {\n return { status: 'idle', touched: {}, submitError: null }\n}\n\nexport function update(state: FormState, msg: FormMsg): [FormState, never[]] {\n switch (msg.type) {\n case 'touch':\n if (state.touched[msg.field]) return [state, []]\n return [{ ...state, touched: { ...state.touched, [msg.field]: true } }, []]\n case 'touchAll': {\n const touched = { ...state.touched }\n for (const f of msg.fields) touched[f] = true\n return [{ ...state, touched }, []]\n }\n case 'submit':\n return [{ ...state, status: 'submitting', submitError: null }, []]\n case 'submitSuccess':\n return [{ ...state, status: 'submitted', submitError: null }, []]\n case 'submitError':\n return [{ ...state, status: 'error', submitError: msg.error }, []]\n case 'reset':\n return [init(), []]\n }\n}\n\nexport interface FormParts<S> {\n root: {\n 'data-scope': 'form'\n 'data-part': 'root'\n 'data-state': (s: S) => FormStatus\n 'aria-busy': (s: S) => 'true' | undefined\n }\n field: (name: string) => {\n 'data-scope': 'form'\n 'data-part': 'field'\n 'data-touched': (s: S) => '' | undefined\n touched: (s: S) => boolean\n onBlur: (e: FocusEvent) => void\n }\n submit: {\n type: 'submit'\n 'data-scope': 'form'\n 'data-part': 'submit'\n 'data-state': (s: S) => FormStatus\n disabled: (s: S) => boolean\n }\n}\n\nexport interface ConnectOptions {\n id: string\n}\n\nexport function connect<S>(\n get: (s: S) => FormState,\n send: Send<FormMsg>,\n _opts: ConnectOptions,\n): FormParts<S> {\n return {\n root: {\n 'data-scope': 'form',\n 'data-part': 'root',\n 'data-state': (s) => get(s).status,\n 'aria-busy': (s) => (get(s).status === 'submitting' ? 'true' : undefined),\n },\n field: (name) => ({\n 'data-scope': 'form',\n 'data-part': 'field',\n 'data-touched': (s) => (get(s).touched[name] ? '' : undefined),\n touched: (s) => !!get(s).touched[name],\n onBlur: () => send({ type: 'touch', field: name }),\n }),\n submit: {\n type: 'submit',\n 'data-scope': 'form',\n 'data-part': 'submit',\n 'data-state': (s) => get(s).status,\n disabled: (s) => get(s).status === 'submitting',\n },\n }\n}\n\n// ── Standard Schema integration ────────────────────────────────\n\nexport interface ValidateResult<T> {\n isValid: boolean\n /** Field name → first error message. Field name is derived from the issue's path. */\n errors: Partial<Record<keyof T, string>>\n /** All issues from the schema validator, unaltered. */\n issues: readonly StandardSchemaV1.Issue[]\n}\n\n/**\n * Run a Standard Schema synchronously against a values object. Throws if\n * the schema returns a Promise — use sync validation only for form submit.\n *\n * Works with any library implementing the Standard Schema spec:\n * Zod (v3.24+), Valibot (v1+), ArkType, etc.\n */\nexport function validateSchema<T>(schema: StandardSchemaV1<T>, values: unknown): ValidateResult<T> {\n const result = schema['~standard'].validate(values)\n if (result instanceof Promise) {\n throw new Error(\n '[@llui/components/form] validateSchema: schema returned a Promise. ' +\n 'Form validation must be synchronous. Use `validateSchemaAsync` for async schemas.',\n )\n }\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n // Only record the first error per field\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\n/**\n * Async variant — returns a Promise. Use when the schema performs async\n * validation (e.g. uniqueness checks against a backend).\n */\nexport async function validateSchemaAsync<T>(\n schema: StandardSchemaV1<T>,\n values: unknown,\n): Promise<ValidateResult<T>> {\n const result = await schema['~standard'].validate(values)\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\nexport const form = { init, update, connect, validateSchema, validateSchemaAsync }\n"]}
1
+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport type { StandardSchemaV1 } from '@standard-schema/spec'\n\n/**\n * Form — submit lifecycle + touched tracking + Standard Schema validation.\n *\n * Values live in the parent component's state; `form` tracks submit status\n * and which fields have been interacted with (blur), so errors are shown\n * only after touch instead of immediately.\n *\n * Bring your own validation library — any Standard Schema-compatible\n * schema works (Zod, Valibot, ArkType, etc.). See https://standardschema.dev.\n *\n * ```ts\n * import { z } from 'zod'\n * import { form, validateSchema } from '@llui/components/form'\n *\n * const schema = z.object({\n * email: z.string().email(),\n * password: z.string().min(8),\n * })\n *\n * type Values = z.infer<typeof schema>\n * type State = { values: Values; form: FormState }\n *\n * update: (state, msg) => {\n * switch (msg.type) {\n * case 'submit': {\n * const result = validateSchema(schema, state.values)\n * if (!result.isValid) {\n * return [{ ...state, form: { ...state.form, touched: { email: true, password: true } } }, []]\n * }\n * return [{ ...state, form: { ...state.form, status: 'submitting' } }, [saveUserEffect]]\n * }\n * }\n * }\n * ```\n */\n\nexport type FormStatus = 'idle' | 'submitting' | 'submitted' | 'error'\n\nexport interface FormState {\n status: FormStatus\n touched: Record<string, boolean>\n submitError: string | null\n}\n\nexport type FormMsg =\n /** @intent(\"Mark a single field as touched (typically on blur)\") */\n | { type: 'touch'; field: string }\n /** @intent(\"Mark every named field as touched (typically on submit attempt)\") */\n | { type: 'touchAll'; fields: string[] }\n /** @intent(\"Begin form submission — validate and dispatch the save effect\") */\n | { type: 'submit' }\n /** @intent(\"Mark the in-flight submission as successful\") */\n | { type: 'submitSuccess' }\n /** @intent(\"Mark the in-flight submission as failed with the given error message\") */\n | { type: 'submitError'; error: string }\n /** @intent(\"Reset the form to its initial state (clears touched flags and submit status)\") */\n | { type: 'reset' }\n\nexport function init(): FormState {\n return { status: 'idle', touched: {}, submitError: null }\n}\n\nexport function update(state: FormState, msg: FormMsg): [FormState, never[]] {\n switch (msg.type) {\n case 'touch':\n if (state.touched[msg.field]) return [state, []]\n return [{ ...state, touched: { ...state.touched, [msg.field]: true } }, []]\n case 'touchAll': {\n const touched = { ...state.touched }\n for (const f of msg.fields) touched[f] = true\n return [{ ...state, touched }, []]\n }\n case 'submit':\n return [{ ...state, status: 'submitting', submitError: null }, []]\n case 'submitSuccess':\n return [{ ...state, status: 'submitted', submitError: null }, []]\n case 'submitError':\n return [{ ...state, status: 'error', submitError: msg.error }, []]\n case 'reset':\n return [init(), []]\n }\n}\n\nexport interface FormParts<S> {\n root: {\n 'data-scope': 'form'\n 'data-part': 'root'\n 'data-state': (s: S) => FormStatus\n 'aria-busy': (s: S) => 'true' | undefined\n }\n field: (name: string) => {\n 'data-scope': 'form'\n 'data-part': 'field'\n 'data-touched': (s: S) => '' | undefined\n touched: (s: S) => boolean\n onBlur: (e: FocusEvent) => void\n }\n submit: {\n type: 'submit'\n 'data-scope': 'form'\n 'data-part': 'submit'\n 'data-state': (s: S) => FormStatus\n disabled: (s: S) => boolean\n }\n}\n\nexport interface ConnectOptions {\n id: string\n}\n\nexport function connect<S>(\n get: (s: S) => FormState,\n send: Send<FormMsg>,\n _opts: ConnectOptions,\n): FormParts<S> {\n return {\n root: {\n 'data-scope': 'form',\n 'data-part': 'root',\n 'data-state': (s) => get(s).status,\n 'aria-busy': (s) => (get(s).status === 'submitting' ? 'true' : undefined),\n },\n field: (name) => ({\n 'data-scope': 'form',\n 'data-part': 'field',\n 'data-touched': (s) => (get(s).touched[name] ? '' : undefined),\n touched: (s) => !!get(s).touched[name],\n onBlur: tagSend(send, ['touch'], () => send({ type: 'touch', field: name })),\n }),\n submit: {\n type: 'submit',\n 'data-scope': 'form',\n 'data-part': 'submit',\n 'data-state': (s) => get(s).status,\n disabled: (s) => get(s).status === 'submitting',\n },\n }\n}\n\n// ── Standard Schema integration ────────────────────────────────\n\nexport interface ValidateResult<T> {\n isValid: boolean\n /** Field name → first error message. Field name is derived from the issue's path. */\n errors: Partial<Record<keyof T, string>>\n /** All issues from the schema validator, unaltered. */\n issues: readonly StandardSchemaV1.Issue[]\n}\n\n/**\n * Run a Standard Schema synchronously against a values object. Throws if\n * the schema returns a Promise — use sync validation only for form submit.\n *\n * Works with any library implementing the Standard Schema spec:\n * Zod (v3.24+), Valibot (v1+), ArkType, etc.\n */\nexport function validateSchema<T>(schema: StandardSchemaV1<T>, values: unknown): ValidateResult<T> {\n const result = schema['~standard'].validate(values)\n if (result instanceof Promise) {\n throw new Error(\n '[@llui/components/form] validateSchema: schema returned a Promise. ' +\n 'Form validation must be synchronous. Use `validateSchemaAsync` for async schemas.',\n )\n }\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n // Only record the first error per field\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\n/**\n * Async variant — returns a Promise. Use when the schema performs async\n * validation (e.g. uniqueness checks against a backend).\n */\nexport async function validateSchemaAsync<T>(\n schema: StandardSchemaV1<T>,\n values: unknown,\n): Promise<ValidateResult<T>> {\n const result = await schema['~standard'].validate(values)\n\n if (!result.issues) {\n return { isValid: true, errors: {}, issues: [] }\n }\n\n const errors: Partial<Record<keyof T, string>> = {}\n for (const issue of result.issues) {\n const path = issue.path\n if (!path || path.length === 0) continue\n const first = path[0]\n const key = (typeof first === 'object' ? first.key : first) as keyof T\n if (errors[key] === undefined) {\n errors[key] = issue.message\n }\n }\n\n return { isValid: false, errors, issues: result.issues }\n}\n\nexport const form = { init, update, connect, validateSchema, validateSchemaAsync }\n"]}
@@ -30,36 +30,58 @@ export interface ImageCropperState {
30
30
  resizing: ResizeHandle | null;
31
31
  disabled: boolean;
32
32
  }
33
- export type ImageCropperMsg = {
33
+ export type ImageCropperMsg =
34
+ /** @humanOnly */
35
+ {
34
36
  type: 'setImage';
35
37
  width: number;
36
38
  height: number;
37
- } | {
39
+ }
40
+ /** @intent("Set the crop rectangle (x/y/width/height in image-native pixels)") */
41
+ | {
38
42
  type: 'setCrop';
39
43
  crop: CropRect;
40
- } | {
44
+ }
45
+ /** @intent("Lock the crop to a specific aspect ratio (width/height), or null for free-form") */
46
+ | {
41
47
  type: 'setAspectRatio';
42
48
  ratio: number | null;
43
- } | {
49
+ }
50
+ /** @humanOnly */
51
+ | {
44
52
  type: 'dragStart';
45
- } | {
53
+ }
54
+ /** @humanOnly */
55
+ | {
46
56
  type: 'dragMove';
47
57
  dx: number;
48
58
  dy: number;
49
- } | {
59
+ }
60
+ /** @humanOnly */
61
+ | {
50
62
  type: 'dragEnd';
51
- } | {
63
+ }
64
+ /** @humanOnly */
65
+ | {
52
66
  type: 'resizeStart';
53
67
  handle: ResizeHandle;
54
- } | {
68
+ }
69
+ /** @humanOnly */
70
+ | {
55
71
  type: 'resizeMove';
56
72
  dx: number;
57
73
  dy: number;
58
- } | {
74
+ }
75
+ /** @humanOnly */
76
+ | {
59
77
  type: 'resizeEnd';
60
- } | {
78
+ }
79
+ /** @intent("Reset the crop to a default selection (full image or aspect-fit)") */
80
+ | {
61
81
  type: 'reset';
62
- } | {
82
+ }
83
+ /** @intent("Set the crop to a maximum-area centered selection") */
84
+ | {
63
85
  type: 'centerFill';
64
86
  };
65
87
  export interface ImageCropperInit {