Enhance image upload experience in ReceiptForm and +page components by integrating a loading state with a spinner icon during image processing. Update styles for better accessibility and user feedback, ensuring a smoother interaction when converting images to WebP format.
This commit is contained in:
eewing
+63
-57
@@ -2,30 +2,30 @@
|
||||
"hash": "e1b6cade",
|
||||
"configHash": "441370a6",
|
||||
"lockfileHash": "9401e68b",
|
||||
"browserHash": "c578848f",
|
||||
"browserHash": "8eb13a4f",
|
||||
"optimized": {
|
||||
"svelte": {
|
||||
"src": "../../svelte/src/index-client.js",
|
||||
"file": "svelte.js",
|
||||
"fileHash": "836a0569",
|
||||
"fileHash": "07b115b9",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/animate": {
|
||||
"src": "../../svelte/src/animate/index.js",
|
||||
"file": "svelte_animate.js",
|
||||
"fileHash": "a84129da",
|
||||
"fileHash": "c012b289",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/attachments": {
|
||||
"src": "../../svelte/src/attachments/index.js",
|
||||
"file": "svelte_attachments.js",
|
||||
"fileHash": "2242f01b",
|
||||
"fileHash": "6bded66c",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/easing": {
|
||||
"src": "../../svelte/src/easing/index.js",
|
||||
"file": "svelte_easing.js",
|
||||
"fileHash": "0123c7d6",
|
||||
"fileHash": "8c8820c0",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/internal": {
|
||||
@@ -37,220 +37,226 @@
|
||||
"svelte/internal/client": {
|
||||
"src": "../../svelte/src/internal/client/index.js",
|
||||
"file": "svelte_internal_client.js",
|
||||
"fileHash": "bf7d241e",
|
||||
"fileHash": "c34b6da3",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/internal/disclose-version": {
|
||||
"src": "../../svelte/src/internal/disclose-version.js",
|
||||
"file": "svelte_internal_disclose-version.js",
|
||||
"fileHash": "5ac70717",
|
||||
"fileHash": "9a06bc8d",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/internal/flags/async": {
|
||||
"src": "../../svelte/src/internal/flags/async.js",
|
||||
"file": "svelte_internal_flags_async.js",
|
||||
"fileHash": "1b74e6fc",
|
||||
"fileHash": "61336ace",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/internal/flags/legacy": {
|
||||
"src": "../../svelte/src/internal/flags/legacy.js",
|
||||
"file": "svelte_internal_flags_legacy.js",
|
||||
"fileHash": "1c59baa5",
|
||||
"fileHash": "b5bf1ecd",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/internal/flags/tracing": {
|
||||
"src": "../../svelte/src/internal/flags/tracing.js",
|
||||
"file": "svelte_internal_flags_tracing.js",
|
||||
"fileHash": "6a43fbc1",
|
||||
"fileHash": "3fd00f44",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/legacy": {
|
||||
"src": "../../svelte/src/legacy/legacy-client.js",
|
||||
"file": "svelte_legacy.js",
|
||||
"fileHash": "f44ad964",
|
||||
"fileHash": "3de6d8ec",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/motion": {
|
||||
"src": "../../svelte/src/motion/index.js",
|
||||
"file": "svelte_motion.js",
|
||||
"fileHash": "eed1a42f",
|
||||
"fileHash": "d56675c0",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/reactivity": {
|
||||
"src": "../../svelte/src/reactivity/index-client.js",
|
||||
"file": "svelte_reactivity.js",
|
||||
"fileHash": "8addd267",
|
||||
"fileHash": "699399e6",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/reactivity/window": {
|
||||
"src": "../../svelte/src/reactivity/window/index.js",
|
||||
"file": "svelte_reactivity_window.js",
|
||||
"fileHash": "cb259eae",
|
||||
"fileHash": "a0847fd2",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/store": {
|
||||
"src": "../../svelte/src/store/index-client.js",
|
||||
"file": "svelte_store.js",
|
||||
"fileHash": "8719f5c5",
|
||||
"fileHash": "14d7ddb4",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/transition": {
|
||||
"src": "../../svelte/src/transition/index.js",
|
||||
"file": "svelte_transition.js",
|
||||
"fileHash": "6d4c0f07",
|
||||
"fileHash": "423bf8f4",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte/events": {
|
||||
"src": "../../svelte/src/events/index.js",
|
||||
"file": "svelte_events.js",
|
||||
"fileHash": "ec738ae4",
|
||||
"fileHash": "078c4a8c",
|
||||
"needsInterop": false
|
||||
},
|
||||
"svelte > clsx": {
|
||||
"src": "../../clsx/dist/clsx.mjs",
|
||||
"file": "svelte___clsx.js",
|
||||
"fileHash": "a84375a2",
|
||||
"fileHash": "1ee833c7",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/check": {
|
||||
"src": "../../@lucide/svelte/dist/icons/check.js",
|
||||
"file": "@lucide_svelte_icons_check.js",
|
||||
"fileHash": "cc59c42d",
|
||||
"fileHash": "0ac209ae",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/chevron-right": {
|
||||
"src": "../../@lucide/svelte/dist/icons/chevron-right.js",
|
||||
"file": "@lucide_svelte_icons_chevron-right.js",
|
||||
"fileHash": "4ebfe37c",
|
||||
"fileHash": "c09b9f4f",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/circle": {
|
||||
"src": "../../@lucide/svelte/dist/icons/circle.js",
|
||||
"file": "@lucide_svelte_icons_circle.js",
|
||||
"fileHash": "c9116309",
|
||||
"fileHash": "e48abf24",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/minus": {
|
||||
"src": "../../@lucide/svelte/dist/icons/minus.js",
|
||||
"file": "@lucide_svelte_icons_minus.js",
|
||||
"fileHash": "e38affc6",
|
||||
"fileHash": "cbdf943d",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/x": {
|
||||
"src": "../../@lucide/svelte/dist/icons/x.js",
|
||||
"file": "@lucide_svelte_icons_x.js",
|
||||
"fileHash": "dd4ef7b8",
|
||||
"fileHash": "32d222b0",
|
||||
"needsInterop": false
|
||||
},
|
||||
"barcode-detector-api-polyfill": {
|
||||
"src": "../../barcode-detector-api-polyfill/esm/index.js",
|
||||
"file": "barcode-detector-api-polyfill.js",
|
||||
"fileHash": "e171d6a3",
|
||||
"fileHash": "44de5b82",
|
||||
"needsInterop": false
|
||||
},
|
||||
"bits-ui": {
|
||||
"src": "../../bits-ui/dist/index.js",
|
||||
"file": "bits-ui.js",
|
||||
"fileHash": "79f12900",
|
||||
"fileHash": "9adf7bd3",
|
||||
"needsInterop": false
|
||||
},
|
||||
"clsx": {
|
||||
"src": "../../clsx/dist/clsx.mjs",
|
||||
"file": "clsx.js",
|
||||
"fileHash": "2d2f5d80",
|
||||
"fileHash": "6547c390",
|
||||
"needsInterop": false
|
||||
},
|
||||
"devalue": {
|
||||
"src": "../../devalue/index.js",
|
||||
"file": "devalue.js",
|
||||
"fileHash": "d36225a1",
|
||||
"fileHash": "6bd276fd",
|
||||
"needsInterop": false
|
||||
},
|
||||
"esm-env": {
|
||||
"src": "../../esm-env/index.js",
|
||||
"file": "esm-env.js",
|
||||
"fileHash": "b2a3e5c0",
|
||||
"fileHash": "a16abac7",
|
||||
"needsInterop": false
|
||||
},
|
||||
"pocketbase": {
|
||||
"src": "../../pocketbase/dist/pocketbase.es.mjs",
|
||||
"file": "pocketbase.js",
|
||||
"fileHash": "d86e8c93",
|
||||
"fileHash": "241d5081",
|
||||
"needsInterop": false
|
||||
},
|
||||
"tailwind-merge": {
|
||||
"src": "../../tailwind-merge/dist/bundle-mjs.mjs",
|
||||
"file": "tailwind-merge.js",
|
||||
"fileHash": "5a4842de",
|
||||
"fileHash": "7d5f8442",
|
||||
"needsInterop": false
|
||||
},
|
||||
"tailwind-variants": {
|
||||
"src": "../../tailwind-variants/dist/index.js",
|
||||
"file": "tailwind-variants.js",
|
||||
"fileHash": "af3e226f",
|
||||
"fileHash": "3821161a",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/chevron-down": {
|
||||
"src": "../../@lucide/svelte/dist/icons/chevron-down.js",
|
||||
"file": "@lucide_svelte_icons_chevron-down.js",
|
||||
"fileHash": "c086c4f6",
|
||||
"fileHash": "48902207",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@lucide/svelte/icons/chevron-up": {
|
||||
"src": "../../@lucide/svelte/dist/icons/chevron-up.js",
|
||||
"file": "@lucide_svelte_icons_chevron-up.js",
|
||||
"fileHash": "8f687e14",
|
||||
"fileHash": "b33cd26c",
|
||||
"needsInterop": false
|
||||
},
|
||||
"heic2any": {
|
||||
"src": "../../heic2any/dist/heic2any.js",
|
||||
"file": "heic2any.js",
|
||||
"fileHash": "fb3f1ac6",
|
||||
"fileHash": "4e438dea",
|
||||
"needsInterop": true
|
||||
},
|
||||
"@lucide/svelte/icons/loader-2": {
|
||||
"src": "../../@lucide/svelte/dist/icons/loader-2.js",
|
||||
"file": "@lucide_svelte_icons_loader-2.js",
|
||||
"fileHash": "7eba973c",
|
||||
"needsInterop": false
|
||||
}
|
||||
},
|
||||
"chunks": {
|
||||
"chunk-2KB4Y67V": {
|
||||
"file": "chunk-2KB4Y67V.js"
|
||||
"chunk-N4HEU72H": {
|
||||
"file": "chunk-N4HEU72H.js"
|
||||
},
|
||||
"chunk-UKQGYTAZ": {
|
||||
"file": "chunk-UKQGYTAZ.js"
|
||||
"chunk-MPD7DSJG": {
|
||||
"file": "chunk-MPD7DSJG.js"
|
||||
},
|
||||
"chunk-7RQDXF5S": {
|
||||
"file": "chunk-7RQDXF5S.js"
|
||||
},
|
||||
"chunk-MZVN5SDE": {
|
||||
"file": "chunk-MZVN5SDE.js"
|
||||
"chunk-V6DNLLKF": {
|
||||
"file": "chunk-V6DNLLKF.js"
|
||||
},
|
||||
"chunk-SK3R2OSP": {
|
||||
"file": "chunk-SK3R2OSP.js"
|
||||
"chunk-2LGM3QYM": {
|
||||
"file": "chunk-2LGM3QYM.js"
|
||||
},
|
||||
"chunk-HRPYXN4O": {
|
||||
"file": "chunk-HRPYXN4O.js"
|
||||
"chunk-NTAG77ZX": {
|
||||
"file": "chunk-NTAG77ZX.js"
|
||||
},
|
||||
"chunk-XGKSMLPM": {
|
||||
"file": "chunk-XGKSMLPM.js"
|
||||
},
|
||||
"chunk-7XW5QO7S": {
|
||||
"file": "chunk-7XW5QO7S.js"
|
||||
},
|
||||
"chunk-SWXNV5Y3": {
|
||||
"file": "chunk-SWXNV5Y3.js"
|
||||
},
|
||||
"chunk-XWATFG4W": {
|
||||
"file": "chunk-XWATFG4W.js"
|
||||
"chunk-MKTP2BFS": {
|
||||
"file": "chunk-MKTP2BFS.js"
|
||||
},
|
||||
"chunk-U7P2NEEE": {
|
||||
"file": "chunk-U7P2NEEE.js"
|
||||
},
|
||||
"chunk-HZ6NBROY": {
|
||||
"file": "chunk-HZ6NBROY.js"
|
||||
},
|
||||
"chunk-XWATFG4W": {
|
||||
"file": "chunk-XWATFG4W.js"
|
||||
},
|
||||
"chunk-HNWPC2PS": {
|
||||
"file": "chunk-HNWPC2PS.js"
|
||||
},
|
||||
"chunk-MZVN5SDE": {
|
||||
"file": "chunk-MZVN5SDE.js"
|
||||
},
|
||||
"chunk-OHYQYV5R": {
|
||||
"file": "chunk-OHYQYV5R.js"
|
||||
},
|
||||
"chunk-2LGM3QYM": {
|
||||
"file": "chunk-2LGM3QYM.js"
|
||||
"chunk-HRPYXN4O": {
|
||||
"file": "chunk-HRPYXN4O.js"
|
||||
},
|
||||
"chunk-YERFD2CZ": {
|
||||
"file": "chunk-YERFD2CZ.js"
|
||||
|
||||
Reference in New Issue
Block a user