fix: wip

Author: gyurielf

apps/site/package.json

@@ -33,26 +33,26 @@
 	},
 	"dependencies": {
 		"svelte-tel-input": "workspace:*",
-		"svelte": "^5.15.0"
+		"svelte": "^5.19.9"
 	},
 	"devDependencies": {
 		"@macfja/svelte-persistent-store": "^2.4.2",
-		"@playwright/test": "^1.49.1",
-		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.13.0",
+		"@playwright/test": "^1.50.1",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.17.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@types/micromatch": "^4.0.9",
 		"autoprefixer": "^10.4.20",
 		"cssnano": "^7.0.6",
 		"dotenv": "^16.4.7",
-		"postcss": "^8.4.49",
+		"postcss": "^8.5.1",
 		"schema-dts": "^1.1.2",
-		"svelte-check": "^4.1.1",
-		"svelte2tsx": "^0.7.31",
+		"svelte-check": "^4.1.4",
+		"svelte2tsx": "^0.7.34",
 		"tailwindcss": "^3.4.17",
 		"tslib": "^2.8.1",
-		"typescript": "^5.7.2",
-		"vite": "^6.0.5"
+		"typescript": "^5.7.3",
+		"vite": "^6.1.0"
 	},
 	"type": "module",
 	"license": "MIT"

packages/svelte-tel-input/package.json

@@ -45,29 +45,29 @@
 		"libphonenumber-js": "1.10.43"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "3.3.1",
-		"@sveltejs/kit": "^2.13.0",
-		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/adapter-auto": "4.0.0",
+		"@sveltejs/kit": "^2.17.1",
+		"@sveltejs/package": "^2.3.10",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@testing-library/jest-dom": "6.6.3",
 		"@testing-library/svelte": "^5.2.6",
-		"@testing-library/user-event": "^14.5.2",
+		"@testing-library/user-event": "^14.6.1",
 		"@types/micromatch": "^4.0.9",
 		"autoprefixer": "^10.4.20",
 		"cssnano": "^7.0.6",
 		"dotenv": "^16.4.7",
-		"jsdom": "^25.0.1",
+		"jsdom": "^26.0.0",
 		"micromatch": "^4.0.8",
-		"postcss": "^8.4.49",
-		"publint": "^0.2.12",
-		"svelte": "^5.15.0",
-		"svelte-check": "^4.1.1",
-		"svelte2tsx": "^0.7.31",
+		"postcss": "^8.5.1",
+		"publint": "^0.3.4",
+		"svelte": "^5.19.9",
+		"svelte-check": "^4.1.4",
+		"svelte2tsx": "^0.7.34",
 		"tailwindcss": "^3.4.17",
 		"tslib": "^2.8.1",
-		"typescript": "^5.7.2",
-		"vite": "^6.0.5",
-		"vitest": "^2.1.8"
+		"typescript": "^5.7.3",
+		"vite": "^6.1.0",
+		"vitest": "^3.0.5"
 	},
 	"type": "module",
 	"license": "MIT",

packages/svelte-tel-input/src/lib/utils/directives/cursorPosition.ts

@@ -5,6 +5,7 @@ interface GetCursorPositionProps {
 	cursorPositionAfterInput: number;
 	leftOffset?: number;
 	deletion?: 'forward' | 'backward' | undefined;
+	isReplacement?: boolean;
 }
 
 export const isNumeric = (str?: string) => {
@@ -18,7 +19,8 @@ export const getCursorPosition = ({
 	phoneAfterFormatted,
 	cursorPositionAfterInput,
 	leftOffset = 0,
-	deletion
+	deletion,
+	isReplacement
 }: GetCursorPositionProps) => {
 	if (cursorPositionAfterInput < leftOffset) {
 		return leftOffset;
@@ -59,6 +61,25 @@ export const getCursorPosition = ({
 	let cursorPosition = 0;
 	let digitsCounter = 0;
 
+	// For replacements, we want to position after the last replaced digit
+	if (isReplacement) {
+		for (let index = 0; index < phoneAfterFormatted.length; index++) {
+			if (isNumeric(phoneAfterFormatted[index])) {
+				digitsCounter++;
+				if (digitsCounter === digitIndex + 1) {
+					// +1 to move past the replaced digit
+					cursorPosition = index + 1;
+					break;
+				}
+			}
+		}
+		// Skip spaces after replacement
+		while (phoneAfterFormatted[cursorPosition] === ' ') {
+			cursorPosition++;
+		}
+		return cursorPosition;
+	}
+
 	// Key change: Track the last non-space position
 	let lastNonSpacePos = 0;