svedit 0.6.3 → 0.6.4

package/dist/AnnotatedTextProperty.svelte

@@ -111,6 +111,7 @@
 	class="text svedit-selectable {css_class}"
 	class:empty={is_empty}
 	class:focused={is_focused}
+	class:editable={svedit.editable}
 	{placeholder}
 >
 	{#each fragments as fragment, index (index)}
@@ -157,6 +158,11 @@
     outline: 1px solid var(--editing-stroke-color);
   }*/
 
+	/* Disable text-transform when editable and focused so users see original text */
+	.text.editable.focused {
+		text-transform: none !important;
+	}
+
 	/* Dim the selection highlight when canvas loses native focus */
 	:global(.svedit-canvas:not(:focus)) .selection-highlight {
 		background: oklch(from var(--editing-fill-color) l 0.02 h / 0.3);

package/dist/Svedit.svelte

@@ -423,7 +423,8 @@ ${fallback_html}`;
 	 * @param {boolean} delete_selection - used by oncut()
 	 */
 	function oncopy(event, delete_selection = false) {
-		// Only handle copy events if focus is within the canvas
+		// Only handle copy events if editable and focus is within the canvas
+		if (!editable) return;
 		if (!canvas_el?.contains(document.activeElement)) return;
 
 		event.preventDefault();
@@ -493,6 +494,7 @@ ${fallback_html}`;
 	}
 
 	function oncut(event) {
+		if (!editable) return;
 		oncopy(event, true);
 	}
 
@@ -563,7 +565,8 @@ ${fallback_html}`;
 	}
 
 	async function onpaste(event) {
-		// Only handle paste events if focus is within the canvas
+		// Only handle paste events if editable and focus is within the canvas
+		if (!editable) return;
 		if (!canvas_el?.contains(document.activeElement)) return;
 		event.preventDefault();
 

package/dist/Svedit.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Svedit.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Svedit.svelte.js"],"names":[],"mappings":";;;;;;;AA+yCA;;eAAqD;iCAxxC1C,cAAc"}
+{"version":3,"file":"Svedit.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Svedit.svelte.js"],"names":[],"mappings":";;;;;;;AAkzCA;;eAAqD;iCA3xC1C,cAAc"}

package/dist/Transaction.svelte.js

@@ -727,8 +727,8 @@ export default class Transaction {
 				return annotation;
 			}
 
-			// Annotation starts at the insertion point - extend it
-			if (annotation_start <= range.start_offset && annotation_end >= range.start_offset) {
+			// Insertion point is inside the annotation (not at the start) - extend it
+			if (annotation_start < range.start_offset && annotation_end >= range.start_offset) {
 				return {
 					start_offset: annotation_start,
 					end_offset: annotation_end + delta,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svedit",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/AnnotatedTextProperty.svelte

@@ -111,6 +111,7 @@
 	class="text svedit-selectable {css_class}"
 	class:empty={is_empty}
 	class:focused={is_focused}
+	class:editable={svedit.editable}
 	{placeholder}
 >
 	{#each fragments as fragment, index (index)}
@@ -157,6 +158,11 @@
     outline: 1px solid var(--editing-stroke-color);
   }*/
 
+	/* Disable text-transform when editable and focused so users see original text */
+	.text.editable.focused {
+		text-transform: none !important;
+	}
+
 	/* Dim the selection highlight when canvas loses native focus */
 	:global(.svedit-canvas:not(:focus)) .selection-highlight {
 		background: oklch(from var(--editing-fill-color) l 0.02 h / 0.3);

package/src/lib/Svedit.svelte

@@ -423,7 +423,8 @@ ${fallback_html}`;
 	 * @param {boolean} delete_selection - used by oncut()
 	 */
 	function oncopy(event, delete_selection = false) {
-		// Only handle copy events if focus is within the canvas
+		// Only handle copy events if editable and focus is within the canvas
+		if (!editable) return;
 		if (!canvas_el?.contains(document.activeElement)) return;
 
 		event.preventDefault();
@@ -493,6 +494,7 @@ ${fallback_html}`;
 	}
 
 	function oncut(event) {
+		if (!editable) return;
 		oncopy(event, true);
 	}
 
@@ -563,7 +565,8 @@ ${fallback_html}`;
 	}
 
 	async function onpaste(event) {
-		// Only handle paste events if focus is within the canvas
+		// Only handle paste events if editable and focus is within the canvas
+		if (!editable) return;
 		if (!canvas_el?.contains(document.activeElement)) return;
 		event.preventDefault();
 

package/src/lib/Transaction.svelte.js

@@ -727,8 +727,8 @@ export default class Transaction {
 				return annotation;
 			}
 
-			// Annotation starts at the insertion point - extend it
-			if (annotation_start <= range.start_offset && annotation_end >= range.start_offset) {
+			// Insertion point is inside the annotation (not at the start) - extend it
+			if (annotation_start < range.start_offset && annotation_end >= range.start_offset) {
 				return {
 					start_offset: annotation_start,
 					end_offset: annotation_end + delta,