@llui/components 0.0.30 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion.d.ts +27 -9
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +4 -3
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/angle-slider.d.ts +15 -5
- package/dist/components/angle-slider.d.ts.map +1 -1
- package/dist/components/angle-slider.js +3 -2
- package/dist/components/angle-slider.js.map +1 -1
- package/dist/components/async-list.d.ts +18 -6
- package/dist/components/async-list.d.ts.map +1 -1
- package/dist/components/async-list.js +3 -2
- package/dist/components/async-list.js.map +1 -1
- package/dist/components/avatar.d.ts +12 -4
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +4 -3
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/carousel.d.ts +21 -7
- package/dist/components/carousel.d.ts.map +1 -1
- package/dist/components/carousel.js +8 -8
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/cascade-select.d.ts +9 -3
- package/dist/components/cascade-select.d.ts.map +1 -1
- package/dist/components/cascade-select.js +4 -4
- package/dist/components/cascade-select.js.map +1 -1
- package/dist/components/checkbox.d.ts +9 -3
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +4 -3
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/clipboard.d.ts +12 -4
- package/dist/components/clipboard.d.ts.map +1 -1
- package/dist/components/clipboard.js +3 -3
- package/dist/components/clipboard.js.map +1 -1
- package/dist/components/collapsible.d.ts +12 -4
- package/dist/components/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible.js +2 -1
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-picker.d.ts +18 -6
- package/dist/components/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker.js +5 -5
- package/dist/components/color-picker.js.map +1 -1
- package/dist/components/combobox.d.ts +39 -13
- package/dist/components/combobox.d.ts.map +1 -1
- package/dist/components/combobox.js +17 -9
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/context-menu.d.ts +24 -8
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +8 -8
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/date-input.d.ts +21 -6
- package/dist/components/date-input.d.ts.map +1 -1
- package/dist/components/date-input.js +4 -4
- package/dist/components/date-input.js.map +1 -1
- package/dist/components/date-picker.d.ts +36 -12
- package/dist/components/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker.js +15 -8
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +12 -4
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.d.ts +12 -4
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +3 -3
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/editable.d.ts +15 -5
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/editable.js +14 -13
- package/dist/components/editable.js.map +1 -1
- package/dist/components/file-upload.d.ts +30 -10
- package/dist/components/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload.js +10 -10
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/floating-panel.d.ts +48 -16
- package/dist/components/floating-panel.d.ts.map +1 -1
- package/dist/components/floating-panel.js +6 -6
- package/dist/components/floating-panel.js.map +1 -1
- package/dist/components/form.d.ts +18 -6
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +2 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/image-cropper.d.ts +33 -11
- package/dist/components/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper.js +6 -6
- package/dist/components/image-cropper.js.map +1 -1
- package/dist/components/listbox.d.ts +33 -11
- package/dist/components/listbox.d.ts.map +1 -1
- package/dist/components/listbox.js +12 -4
- package/dist/components/listbox.js.map +1 -1
- package/dist/components/marquee.d.ts +21 -7
- package/dist/components/marquee.d.ts.map +1 -1
- package/dist/components/marquee.js +3 -2
- package/dist/components/marquee.js.map +1 -1
- package/dist/components/menu.d.ts +36 -12
- package/dist/components/menu.d.ts.map +1 -1
- package/dist/components/menu.js +23 -9
- package/dist/components/menu.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +15 -5
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +8 -8
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/number-input.d.ts +24 -8
- package/dist/components/number-input.d.ts.map +1 -1
- package/dist/components/number-input.js +8 -8
- package/dist/components/number-input.js.map +1 -1
- package/dist/components/pagination.d.ts +21 -7
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +4 -4
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/password-input.d.ts +9 -3
- package/dist/components/password-input.d.ts.map +1 -1
- package/dist/components/password-input.js +3 -3
- package/dist/components/password-input.js.map +1 -1
- package/dist/components/pin-input.d.ts +15 -5
- package/dist/components/pin-input.d.ts.map +1 -1
- package/dist/components/pin-input.js +8 -7
- package/dist/components/pin-input.js.map +1 -1
- package/dist/components/popover.d.ts +12 -4
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +3 -3
- package/dist/components/popover.js.map +1 -1
- package/dist/components/presence.d.ts +15 -5
- package/dist/components/presence.d.ts.map +1 -1
- package/dist/components/presence.js.map +1 -1
- package/dist/components/progress.d.ts +6 -2
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js.map +1 -1
- package/dist/components/qr-code.d.ts +9 -3
- package/dist/components/qr-code.d.ts.map +1 -1
- package/dist/components/qr-code.js.map +1 -1
- package/dist/components/radio-group.d.ts +18 -6
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +4 -3
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/rating-group.d.ts +21 -7
- package/dist/components/rating-group.d.ts.map +1 -1
- package/dist/components/rating-group.js +8 -7
- package/dist/components/rating-group.js.map +1 -1
- package/dist/components/scroll-area.d.ts +9 -3
- package/dist/components/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area.js +5 -4
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +42 -14
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +4 -4
- package/dist/components/select.js.map +1 -1
- package/dist/components/signature-pad.d.ts +24 -8
- package/dist/components/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad.js +3 -3
- package/dist/components/signature-pad.js.map +1 -1
- package/dist/components/slider.d.ts +21 -7
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sortable.d.ts +18 -6
- package/dist/components/sortable.d.ts.map +1 -1
- package/dist/components/sortable.js +11 -10
- package/dist/components/sortable.js.map +1 -1
- package/dist/components/splitter.d.ts +21 -7
- package/dist/components/splitter.d.ts.map +1 -1
- package/dist/components/splitter.js +5 -4
- package/dist/components/splitter.js.map +1 -1
- package/dist/components/steps.d.ts +21 -7
- package/dist/components/steps.d.ts.map +1 -1
- package/dist/components/steps.js +4 -4
- package/dist/components/steps.js.map +1 -1
- package/dist/components/switch.d.ts +9 -3
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +4 -3
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +24 -8
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +7 -6
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tags-input.d.ts +27 -9
- package/dist/components/tags-input.d.ts.map +1 -1
- package/dist/components/tags-input.js +10 -10
- package/dist/components/tags-input.js.map +1 -1
- package/dist/components/theme-switch.d.ts.map +1 -1
- package/dist/components/theme-switch.js +3 -2
- package/dist/components/theme-switch.js.map +1 -1
- package/dist/components/time-picker.d.ts +27 -9
- package/dist/components/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker.js +10 -10
- package/dist/components/time-picker.js.map +1 -1
- package/dist/components/timer.d.ts +15 -5
- package/dist/components/timer.d.ts.map +1 -1
- package/dist/components/timer.js +4 -4
- package/dist/components/timer.js.map +1 -1
- package/dist/components/toast.d.ts +24 -8
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/components/toast.js +6 -6
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toc.d.ts +15 -5
- package/dist/components/toc.d.ts.map +1 -1
- package/dist/components/toc.js +2 -2
- package/dist/components/toc.js.map +1 -1
- package/dist/components/toggle-group.d.ts +15 -5
- package/dist/components/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group.js +4 -3
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +9 -3
- package/dist/components/toggle.d.ts.map +1 -1
- package/dist/components/toggle.js +4 -3
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +12 -4
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +3 -3
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tour.d.ts +18 -6
- package/dist/components/tour.d.ts.map +1 -1
- package/dist/components/tour.js +6 -6
- package/dist/components/tour.js.map +1 -1
- package/dist/components/tree-view.d.ts +75 -25
- package/dist/components/tree-view.d.ts.map +1 -1
- package/dist/components/tree-view.js +18 -7
- package/dist/components/tree-view.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +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":"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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 * 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":"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,
|
|
1
|
+
{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../src/components/floating-panel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext } from '@llui/dom';
|
|
1
|
+
import { useContext, tagSend } from '@llui/dom';
|
|
2
2
|
import { LocaleContext } from '../locale.js';
|
|
3
3
|
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":"
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"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"}
|
package/dist/components/form.js
CHANGED
|
@@ -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 {
|