svedit 0.11.0 → 0.12.0

package/dist/Svedit.svelte

@@ -118,7 +118,7 @@
 	}
 
 	// Test-only hook: expose the svedit context so test specs can read
-	// near_map / edge_map for diagnostics. Gated on `import.meta.env.MODE`
+	// array_indices / edge_map for diagnostics. Gated on `import.meta.env.MODE`
 	// — Vite replaces the literal so the comparison is constant-false in
 	// production and the branch is dead-code-eliminated. Wrapped in an
 	// effect so unmount clears the reference and tests don't leak state
@@ -185,21 +185,21 @@
 		}
 
 		if (event.inputType === 'formatBold' && session.selection?.type === 'text') {
-			session.apply(session.tr.annotate_text('strong'));
+			session.apply(session.tr.toggle_mark('strong'));
 			event.preventDefault();
 			event.stopPropagation();
 		}
 
 		if (event.inputType === 'formatItalic' && session.selection?.type === 'text') {
-			session.apply(session.tr.annotate_text('emphasis'));
+			session.apply(session.tr.toggle_mark('emphasis'));
 			event.preventDefault();
 			event.stopPropagation();
 		}
 
-		// NOTE: underline doesn't make much sense as a semantic annotation,
+		// NOTE: underline doesn't make much sense as a semantic mark,
 		// so we rewire `cmd + u` to toggle highlights
 		if (event.inputType === 'formatUnderline' && session.selection?.type === 'text') {
-			session.apply(session.tr.annotate_text('highlight'));
+			session.apply(session.tr.toggle_mark('highlight'));
 			event.preventDefault();
 			event.stopPropagation();
 		}
@@ -398,14 +398,14 @@ ${fallback_html}`;
 		for (const [prop_name, prop_value] of Object.entries(node)) {
 			if (prop_name === 'id' || prop_name === 'type') continue;
 			const property_definition = node_schema.properties[prop_name];
-			// Check if this is an annotated_text property (object with text property)
-			if (property_definition.type === 'annotated_text') {
-				const text_content = prop_value.text;
+			// Check if this is a text property.
+			if (property_definition.type === 'text') {
+				const text_content = prop_value.content;
 				if (text_content.trim()) {
 					html += `<p>${text_content}</p>`;
 				}
 			} else if (property_definition.type === 'node_array') {
-				for (const child_id of prop_value) {
+				for (const child_id of prop_value.nodes) {
 					const child = session.get(child_id);
 					const child_exporter = html_exporters[child.type] || default_node_html_exporter;
 					html += child_exporter(child, session, html_exporters);
@@ -421,13 +421,13 @@ ${fallback_html}`;
 		for (const [prop_name, prop_value] of Object.entries(node)) {
 			if (prop_name === 'id' || prop_name === 'type') continue;
 
-			// Check if this is an annotated_text property (object with text property)
+			// Check if this is a text property value.
 			if (
 				typeof prop_value === 'object' &&
 				prop_value !== null &&
-				typeof prop_value.text === 'string'
+				typeof prop_value.content === 'string'
 			) {
-				const text_content = prop_value.text;
+				const text_content = prop_value.content;
 				if (text_content.trim()) {
 					plain_text += `${text_content.trim()}\n\n`;
 				}
@@ -468,28 +468,6 @@ ${fallback_html}`;
 		return plain_text.trim();
 	}
 
-	/**
-	 * @param {NodeId[]} selected_node_ids
-	 */
-	function prepare_copy_payload(selected_node_ids) {
-		const nodes = {};
-
-		// Get subgraph for each selected node using session.traverse()
-		for (const node_id of selected_node_ids) {
-			const subgraph = session.traverse(node_id);
-
-			// Add all nodes from this subgraph to our nodes collection
-			for (const node of subgraph) {
-				if (!nodes[node.id]) {
-					nodes[node.id] = node;
-				}
-			}
-		}
-
-		// Keep original IDs - we'll generate new ones during paste
-		return { nodes, main_nodes: selected_node_ids };
-	}
-
 	/**
 	 * @param {ClipboardEvent} event
 	 * @param {boolean} delete_selection - used by oncut()
@@ -502,24 +480,23 @@ ${fallback_html}`;
 		event.preventDefault();
 		event.stopPropagation();
 
-		let plain_text, annotated_text, html;
+		let plain_text, text, html;
 
 		if (session.selection?.type === 'text') {
 			plain_text = session.get_selected_plain_text();
-			annotated_text = session.get_selected_annotated_text();
-			const fallback_html = `<span>${annotated_text.text}</span>`;
+			text = session.get_selected_text();
+			const fallback_html = `<span>${text.content}</span>`;
 
 			// console.log('Text copy:', {
-			// 	annotated_text,
+			// 	text,
 			// 	plain_text,
 			// 	html
 			// });
 
-			html = create_svedit_html_format(annotated_text, fallback_html);
+			html = create_svedit_html_format(text, fallback_html);
 		} else if (session.selection?.type === 'node') {
-			const selected_nodes = session.get_selected_nodes();
-			const { nodes, main_nodes } = prepare_copy_payload(selected_nodes);
-			const json_data = { nodes, main_nodes };
+			const json_data = session.get_selected_annotated_nodes();
+			const { nodes, main_nodes } = json_data;
 
 			// console.log('Node copy:', {
 			// 	selected_nodes,
@@ -567,8 +544,6 @@ ${fallback_html}`;
 		oncopy(event, true);
 	}
 
-
-
 	/**
 	 * @returns {NodeSelection|null}
 	 */
@@ -587,13 +562,13 @@ ${fallback_html}`;
 
 		const node_array_path = [...path, preferred_property_name];
 		const node_array = session.get(node_array_path);
-		if (!Array.isArray(node_array)) return null;
+		if (!node_array || !Array.isArray(node_array.nodes)) return null;
 
 		return {
 			type: /** @type {const} */ ('node'),
 			path: node_array_path,
-			anchor_offset: node_array.length,
-			focus_offset: node_array.length
+			anchor_offset: node_array.nodes.length,
+			focus_offset: node_array.nodes.length
 		};
 	}
 
@@ -639,7 +614,7 @@ ${fallback_html}`;
 	 * @returns {boolean} True if the paste operation was successful, false otherwise
 	 */
 	function try_node_paste(pasted_json, selection) {
-		const { nodes, main_nodes } = pasted_json || {};
+		const { nodes, main_nodes, marks = [], annotations = [] } = pasted_json || {};
 		if (!nodes || !main_nodes?.length) return false;
 
 		let tr = session.tr;
@@ -652,7 +627,10 @@ ${fallback_html}`;
 		if (property_definition?.type !== 'node_array') return false;
 
 		const default_text_node_type = get_default_text_node(property_definition, session.schema);
-		const target_text_property_name = get_text_property_name(default_text_node_type, session.schema);
+		const target_text_property_name = get_text_property_name(
+			default_text_node_type,
+			session.schema
+		);
 
 		const nodes_to_insert = [];
 		let rejected = false;
@@ -674,7 +652,11 @@ ${fallback_html}`;
 						the_node: {
 							id: 'the_node',
 							type: default_text_node_type,
-							[target_text_property_name]: text_content || { text: '', annotations: [] }
+							[target_text_property_name]: text_content || {
+							content: '',
+							marks: [],
+							annotations: []
+						}
 						}
 					});
 					nodes_to_insert.push(new_node_id);
@@ -689,7 +671,7 @@ ${fallback_html}`;
 		}
 
 		if (!rejected) {
-			tr.insert_nodes(nodes_to_insert);
+			tr.insert_nodes(nodes_to_insert, marks, annotations, nodes);
 			session.apply(tr);
 			return true;
 		}
@@ -766,7 +748,7 @@ ${fallback_html}`;
 
 				if (session.selection?.type === 'text') {
 					const property_definition = session.inspect(session.selection.path);
-					if (property_definition?.type === 'annotated_text' && !property_definition.allow_newlines) {
+					if (property_definition?.type === 'text' && !property_definition.allow_newlines) {
 						plain_text = normalize_plain_text_for_single_line_property(plain_text);
 					}
 
@@ -777,7 +759,10 @@ ${fallback_html}`;
 						const node_array_property_definition = session.inspect(
 							session.selection.path.slice(0, -2)
 						);
-						const default_text_node_type = get_default_text_node(node_array_property_definition, session.schema);
+						const default_text_node_type = get_default_text_node(
+							node_array_property_definition,
+							session.schema
+						);
 						const node_insert_caret = get_node_insert_caret_after_text_selection(session.selection);
 						const plain_text_nodes_payload = create_plain_text_nodes_payload(
 							plain_text_fragments,
@@ -796,7 +781,10 @@ ${fallback_html}`;
 					const target_node_insert_caret = get_target_node_insert_caret(session.selection);
 					if (target_node_insert_caret) {
 						const node_array_property_definition = session.inspect(target_node_insert_caret.path);
-						const default_text_node_type = get_default_text_node(node_array_property_definition, session.schema);
+						const default_text_node_type = get_default_text_node(
+							node_array_property_definition,
+							session.schema
+						);
 						pasted_json = create_plain_text_nodes_payload(
 							plain_text_fragments,
 							default_text_node_type,
@@ -831,10 +819,15 @@ ${fallback_html}`;
 					session.apply(session.tr.set(session.selection.path, pasted_json.value));
 				}
 			}
-		} else if (session.selection?.type === 'text' && pasted_json?.text) {
+		} else if (session.selection?.type === 'text' && pasted_json?.content) {
 			// Paste text at a text selection
 			session.apply(
-				session.tr.insert_text(pasted_json.text, pasted_json.annotations, pasted_json.nodes)
+				session.tr.insert_text(
+					pasted_json.content,
+					pasted_json.marks,
+					pasted_json.annotations,
+					pasted_json.nodes
+				)
 			);
 		} else if (
 			session.selection?.type === 'text' &&
@@ -848,7 +841,12 @@ ${fallback_html}`;
 			);
 			if (text_property) {
 				session.apply(
-					session.tr.insert_text(text_property.text, text_property.annotations, pasted_json.nodes)
+					session.tr.insert_text(
+						text_property.content,
+						text_property.marks,
+						text_property.annotations,
+						pasted_json.nodes
+					)
 				);
 			}
 		} else if (['text', 'property'].includes(session.selection?.type) && pasted_json?.nodes) {
@@ -881,7 +879,7 @@ ${fallback_html}`;
 		// reuses gap elements with shifted data-gap-offset), so for those
 		// we always rerender to scroll the cursor into view.
 		const is_empty_text_selection =
-			selection.type === 'text' && session.get(selection.path).text.length === 0;
+			selection.type === 'text' && session.get(selection.path).content.length === 0;
 		if (dom_driven && !is_empty_text_selection) {
 			const prev_selection = __get_selection_from_dom();
 			if (
@@ -985,7 +983,7 @@ ${fallback_html}`;
 			const empty_placeholder_path = deserialize_path(focus_empty_placeholder.dataset.path);
 			const array_path = empty_placeholder_path.slice(0, -1);
 			const node_array = session.get(array_path);
-			if (Array.isArray(node_array) && node_array.length === 0) {
+			if (node_array?.nodes?.length === 0) {
 				return {
 					type: 'node',
 					path: array_path,
@@ -1210,7 +1208,7 @@ ${fallback_html}`;
 
 		// EDGE CASE 1B: Caret after trailing <br> at end of text
 		//
-		// AnnotatedTextProperty renders a trailing <br> for non-empty or non-focused text.
+		// TextProperty renders a trailing <br> for non-empty or non-focused text.
 		// When the user places their caret after this <br>, focusNode is the container
 		// element (not a text node), and normal processing would return position 0.
 		// We detect this and return the current DOM text length instead.
@@ -1336,7 +1334,10 @@ ${fallback_html}`;
 			if (!anchor_sel || !focus_sel) return;
 
 			if (is_backward) {
-				dom_selection.removeAllRanges();
+				// setBaseAndExtent replaces the current selection, so no
+				// removeAllRanges is needed — every selection-API call forces a
+				// synchronous layout when the DOM is dirty, and this runs right
+				// after the per-change reconcile on every apply.
 				dom_selection.setBaseAndExtent(anchor_sel, 1, focus_sel, 1);
 			} else {
 				range.setStart(anchor_sel, 1);
@@ -1352,28 +1353,49 @@ ${fallback_html}`;
 		// — so an unconditional scroll would yank the viewport on each of
 		// them. cursor_offset is a gap offset and the gap has no box of
 		// its own, so visibility is judged from the nodes flanking it.
-		setTimeout(() => {
-			// Collapsed: anchor === focus, so focus is the gap offset.
-			// Range: cursor sits at the focus end (anchor when backward).
-			const cursor_offset = is_backward ? selection.anchor_offset : selection.focus_offset;
-			const array_length = session.get(node_array_path).length;
+		const node_array = session.get(node_array_path);
+		if (!node_array?.nodes) return;
+
+		// Collapsed: anchor === focus, so focus is the gap offset.
+		// Range: cursor sits at the focus end (anchor when backward).
+		const cursor_offset = is_backward ? selection.anchor_offset : selection.focus_offset;
+		const array_length = node_array.nodes.length;
+
+		// node_before is null at offset 0: cursor_offset - 1 would be -1,
+		// and serialize_path rejects a negative index.
+		const node_before =
+			cursor_offset > 0 ? __get_node_element(node_array_path, cursor_offset - 1) : null;
+		const node_after = __get_node_element(node_array_path, cursor_offset);
+
+		let scroll_target = null;
+		let scroll_array_to_start = false;
+		let scroll_array_to_end = false;
+
+		if (cursor_offset === 0) {
+			scroll_array_to_start = true;
+		} else if (cursor_offset >= array_length) {
+			scroll_array_to_end = true;
+		} else {
+			// A range selection's selected node IS node_before; scrolling
+			// node_after would reveal the following node and leave the
+			// selection itself off-screen. For a collapsed caret node_after's
+			// leading edge is the cursor, so that stays the right target.
+			scroll_target = is_collapsed ? node_after : node_before;
+		}
 
+		setTimeout(() => {
 			// If either node flanking the cursor is already (even
 			// partially) on screen, the cursor is visible — keep the
-			// viewport stable and scroll nothing. node_before is null at
-			// offset 0: cursor_offset - 1 would be -1, and serialize_path
-			// rejects a negative index.
-			const node_before =
-				cursor_offset > 0 ? __get_node_element(node_array_path, cursor_offset - 1) : null;
-			const node_after = __get_node_element(node_array_path, cursor_offset);
+			// viewport stable and scroll nothing. Do this layout read in the
+			// deferred callback, after Svelte/browser layout has settled.
 			if (__intersects_viewport(node_before) || __intersects_viewport(node_after)) return;
 
-			if (cursor_offset === 0) {
+			if (scroll_array_to_start) {
 				node_array_el.scrollLeft = 0;
 				node_array_el.scrollTop = 0;
 				return;
 			}
-			if (cursor_offset >= array_length) {
+			if (scroll_array_to_end) {
 				const max_left = Math.max(0, node_array_el.scrollWidth - node_array_el.clientWidth);
 				const max_top = Math.max(0, node_array_el.scrollHeight - node_array_el.clientHeight);
 				node_array_el.scrollLeft = max_left;
@@ -1383,12 +1405,7 @@ ${fallback_html}`;
 				}
 				return;
 			}
-			// A range selection's selected node IS node_before; scrolling
-			// node_after would reveal the following node and leave the
-			// selection itself off-screen. For a collapsed caret node_after's
-			// leading edge is the cursor, so that stays the right target.
-			const target = is_collapsed ? node_after : node_before;
-			target?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+			scroll_target?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
 		}, 0);
 	}
 
@@ -1421,7 +1438,7 @@ ${fallback_html}`;
 		const el = canvas_el.querySelector(
 			`[data-path="${serialize_path(selection.path)}"][data-type="text"]`
 		);
-		const empty_text = session.get(selection.path).text.length === 0;
+		const empty_text = session.get(selection.path).content.length === 0;
 		const dom_selection = window.getSelection();
 		let current_offset = 0;
 		/** @type {HTMLElement | Text} */
@@ -1498,8 +1515,10 @@ ${fallback_html}`;
 
 		// Set the range if both start and end were found
 		if (anchor_node && focus_node) {
-			dom_selection.removeAllRanges();
-			// NOTE: Only using setBaseAndExtent() will preserve selection direction
+			// NOTE: Only using setBaseAndExtent() will preserve selection direction.
+			// It also replaces the current selection, so no removeAllRanges is
+			// needed — every selection-API call forces a synchronous layout when
+			// the DOM is dirty, and this runs on every apply.
 			dom_selection.setBaseAndExtent(
 				anchor_node,
 				anchor_node_offset,
@@ -1507,11 +1526,13 @@ ${fallback_html}`;
 				focus_node_offset
 			);
 
-			// Scroll the selection into view
+			// Scroll the rendered selection into view. Capture the target now:
+			// the browser selection is live and may be cleared before this
+			// deferred callback runs, e.g. when app UI focuses an external input.
+			const selected_element = focus_node.parentElement;
 			setTimeout(() => {
-				const selectedElement = dom_selection.focusNode.parentElement;
-				if (selectedElement) {
-					selectedElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+				if (selected_element?.isConnected) {
+					selected_element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
 				}
 			}, 0);
 		}
@@ -1528,7 +1549,7 @@ ${fallback_html}`;
 		);
 		if (!text_el) return;
 
-		const model_text = session.get(selection.path).text;
+		const model_text = session.get(selection.path).content;
 		if ((text_el.textContent ?? '') === model_text) return;
 
 		let current_offset = 0;
@@ -1625,7 +1646,7 @@ ${fallback_html}`;
 	-->
 	<div
 		class="svedit-canvas {css_class}"
-		class:hide-selection={session.selection?.type === 'node'}
+		class:hide-selection={editable && session.selection?.type === 'node'}
 		class:node-caret={session.selection?.type === 'node' &&
 			session.selection.anchor_offset === session.selection.focus_offset}
 		class:property-selection={session.selection?.type === 'property'}

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":";;;;;;;AA0mDA;;eAAqD;iCA9jD1C,cAAc"}
+{"version":3,"file":"Svedit.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Svedit.svelte.js"],"names":[],"mappings":";;;;;;;AA+nDA;;eAAqD;iCAnlD1C,cAAc"}

package/dist/{AnnotatedTextProperty.svelte → TextProperty.svelte}

@@ -5,14 +5,15 @@
 		get_char_length,
 		paths_equal,
 		serialize_path,
-		get_selection_range
+		get_selection_range,
+		calculate_fragment_ranges
 	} from './utils.js';
 
-	/** @import { AnnotatedTextPropertyProps, Annotation, Fragment, SelectionRange } from './types.d.ts'; */
+	/** @import { TextPropertyProps, Mark, Fragment, SelectionRange } from './types.d.ts'; */
 
 	const svedit = getContext('svedit');
 
-	/** @type {AnnotatedTextPropertyProps} */
+	/** @type {TextPropertyProps} */
 	let { path, class: css_class, placeholder = '', tag = 'div', style = '', ...rest } = $props();
 
 	let path_str = $derived(serialize_path(path));
@@ -23,16 +24,17 @@
 		);
 	});
 
-	let plain_text = $derived(svedit.session.get(path).text);
-	let is_empty = $derived(
-		get_char_length(plain_text) === 0 && !(svedit.is_composing && is_focused)
-	);
+	let plain_text = $derived(svedit.session.get(path).content);
+	// A string has zero grapheme clusters iff it has zero code units, so a
+	// plain length check avoids a full Intl.Segmenter pass (this derived
+	// re-runs for every text property on every document change).
+	let is_empty = $derived(plain_text.length === 0 && !(svedit.is_composing && is_focused));
 
 	let is_collapsed = $derived(
 		is_focused && svedit.session.selection?.anchor_offset == svedit.session.selection?.focus_offset
 	);
 
-	// Get selection highlight range if not inside an annotation
+	// Get selection highlight range if it does not touch marks.
 	// Only render selection highlight when canvas is NOT focused.
 	// This avoids DOM mutations (splitting text nodes for highlight spans)
 	// while the user is actively selecting, which would cause selection
@@ -41,7 +43,7 @@
 		if (svedit.canvas_focused) return null;
 		if (is_collapsed) return null;
 		if (!is_focused) return null;
-		if (svedit.session.active_annotation()) return null;
+		if (svedit.session.selected_marks.length > 0) return null;
 		const sel = svedit.session.selection;
 		if (!sel || sel.type !== 'text') return null;
 		return get_selection_range(sel);
@@ -49,61 +51,58 @@
 
 	let fragments = $derived(
 		get_fragments(
-			svedit.session.get(path).text,
-			svedit.session.get(path).annotations,
+			svedit.session.get(path).content,
+			svedit.session.get(path).marks,
 			selection_highlight_range
 		)
 	);
 
 	/**
-	 * Converts text with annotations into renderable fragments for display.
+	 * Converts text with marks into renderable fragments for display.
+	 * Annotations never fragment the text; they are data-only.
 	 * @param {string} text - The plain text content
-	 * @param {Array<Annotation>} annotations - Array of annotations
+	 * @param {Array<Mark>} marks - Marks to render in-place
 	 * @param {SelectionRange} [selection_highlight_range] - Optional selection highlight range
 	 * @returns {Array<Fragment>} Array of fragments
 	 */
-	function get_fragments(text, annotations, selection_highlight_range) {
+	function get_fragments(text, marks, selection_highlight_range) {
+		// Fast path: no marks and no selection highlight means the whole text
+		// is a single content fragment. This runs for EVERY text property on
+		// EVERY document change, so skipping the two full Intl.Segmenter passes
+		// (get_char_length + char_slice over the whole text) matters at scale.
+		if (marks.length === 0 && !selection_highlight_range) {
+			return text.length > 0 ? [text] : [];
+		}
+
+		const ranges = calculate_fragment_ranges(
+			get_char_length(text),
+			marks,
+			selection_highlight_range
+		);
 		/** @type {Array<Fragment>} */
 		let fragments = [];
-		let last_index = 0;
-
-		// Merge annotations with selection highlight and sort by start offset
-		const ranges = [
-			...annotations,
-			...(selection_highlight_range ? [selection_highlight_range] : [])
-		].sort((a, b) => a.start_offset - b.start_offset);
 
 		for (const range of ranges) {
-			// Add text before this range
-			if (range.start_offset > last_index) {
-				fragments.push(char_slice(text, last_index, range.start_offset));
-			}
-
 			const content = char_slice(text, range.start_offset, range.end_offset);
 
-			if ('node_id' in range) {
+			if (range.type === 'mark') {
 				const node = svedit.session.get(range.node_id);
-				if (!node) throw new Error(`Node not found for annotation ${range.node_id}`);
+				if (!node) throw new Error(`Node not found for mark ${range.node_id}`);
 
 				fragments.push({
-					type: 'annotation',
+					type: 'mark',
 					node,
 					content,
-					annotation_index: annotations.indexOf(/** @type {Annotation} */ (range))
+					mark_index: range.mark_index
 				});
-			} else {
+			} else if (range.type === 'selection_highlight') {
 				fragments.push({
 					type: 'selection_highlight',
 					content
 				});
+			} else {
+				fragments.push(content);
 			}
-
-			last_index = range.end_offset;
-		}
-
-		// Add any remaining text
-		if (last_index < get_char_length(text)) {
-			fragments.push(char_slice(text, last_index));
 		}
 
 		return fragments;
@@ -130,12 +129,14 @@
 		{#if typeof fragment === 'string'}{fragment}{:else if fragment.type === 'selection_highlight'}<span
 				class="selection-highlight"
 				style="anchor-name: --selection-highlight;">{fragment.content}</span
-			>{:else if fragment.type === 'annotation'}
-			{@const AnnotationComponent = svedit.session.config.node_components[fragment.node.type]}
-			<AnnotationComponent
-				path={[...path, 'annotations', fragment.annotation_index, 'node_id']}
-				content={fragment.content}
-			/>
+			>{:else if fragment.type === 'mark'}
+			{@const MarkComponent = svedit.session.config.node_components[fragment.node.type]}
+			{#if MarkComponent}
+				<MarkComponent
+					path={[...path, 'marks', fragment.mark_index, 'node_id']}
+					content={fragment.content}
+				/>
+			{:else}<span class="mark-{fragment.node.type}">{fragment.content}</span>{/if}
 		{/if}
 	{/each}<!--
   -->{#if !is_focused || !is_empty}<br />{/if}

package/dist/TextProperty.svelte.d.ts

@@ -0,0 +1,7 @@
+export default TextProperty;
+type TextProperty = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<TextPropertyProps>): void;
+};
+declare const TextProperty: import("svelte").Component<import("./types.d.ts").TextPropertyProps, {}, "">;
+//# sourceMappingURL=TextProperty.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextProperty.svelte.d.ts","sourceRoot":"","sources":["../src/lib/TextProperty.svelte.js"],"names":[],"mappings":";;;;;AAyIA,yGAA2D"}