feat(web): coordinate input for asset location (#11291)

web/src/lib/components/shared-components/number-range-input.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { clamp } from 'lodash-es';
+
+  export let id: string;
+  export let min: number;
+  export let max: number;
+  export let step: number | string = 'any';
+  export let required = true;
+  export let value: number | null = null;
+  export let onInput: (value: number | null) => void;
+</script>
+
+<input
+  type="number"
+  class="immich-form-input w-full"
+  {id}
+  {min}
+  {max}
+  {step}
+  {required}
+  bind:value
+  on:input={() => {
+    if (value !== null && (value < min || value > max)) {
+      value = clamp(value, min, max);
+    }
+    onInput(value);
+  }}
+/>