@threadlabs/looma 0.15.5 → 0.15.7

package/vue/editor/LoomaEditor.d.ts

@@ -94,6 +94,14 @@ export declare const LoomaEditor: import("vue").DefineComponent<import("vue").Ex
         type: PropType<LoomaEditorToolbarMode>;
         default: string;
     };
+    /**
+     * Authors can't highlight: no toolbar button, shortcut, `==text==` rule, or `<mark>` paste.
+     * Highlights already in the document still show. Read once, when the editor is created.
+     */
+    disableHighlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -160,6 +168,14 @@ export declare const LoomaEditor: import("vue").DefineComponent<import("vue").Ex
         type: PropType<LoomaEditorToolbarMode>;
         default: string;
     };
+    /**
+     * Authors can't highlight: no toolbar button, shortcut, `==text==` rule, or `<mark>` paste.
+     * Highlights already in the document still show. Read once, when the editor is created.
+     */
+    disableHighlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_value: JSONContent) => any) | undefined;
     onUpdate?: ((_value: JSONContent) => any) | undefined;
@@ -170,6 +186,7 @@ export declare const LoomaEditor: import("vue").DefineComponent<import("vue").Ex
 }>, {
     label: string;
     placeholder: string;
+    disableHighlight: boolean;
     modelValue: JSONContent;
     editable: boolean;
     extensions: AnyExtension[];

package/vue/editor/index.js

@@ -322,6 +322,14 @@ var LoomaEditor = defineComponent({
 		toolbarMode: {
 			type: String,
 			default: "bubble"
+		},
+		/**
+		* Authors can't highlight: no toolbar button, shortcut, `==text==` rule, or `<mark>` paste.
+		* Highlights already in the document still show. Read once, when the editor is created.
+		*/
+		disableHighlight: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: {
@@ -457,11 +465,13 @@ var LoomaEditor = defineComponent({
 				text: selection instanceof TextSelection
 			};
 		};
+		const authorHighlight = !props.disableHighlight;
 		const editor = useEditor({
 			extensions: [
 				...getDefaultEditorExtensions({
 					placeholder: props.placeholder,
-					mention: mentionExtension ?? false
+					mention: mentionExtension ?? false,
+					disableHighlight: props.disableHighlight
 				}),
 				imageDelivery.extension,
 				slashExtension,
@@ -997,7 +1007,7 @@ var LoomaEditor = defineComponent({
 				commandButton("Italic", "italic", instance.isActive("italic"), !instance.can().toggleItalic(), () => instance.chain().focus().toggleItalic().run()),
 				commandButton("Underline", "underline", instance.isActive("underline"), !instance.can().toggleUnderline(), () => instance.chain().focus().toggleUnderline().run()),
 				commandButton("Strike", "strikethrough", instance.isActive("strike"), !instance.can().toggleStrike(), () => instance.chain().focus().toggleStrike().run()),
-				commandButton("Highlight", "highlighter", instance.isActive("highlight"), !instance.can().toggleHighlight(), () => instance.chain().focus().toggleHighlight().run()),
+				...authorHighlight ? [commandButton("Highlight", "highlighter", instance.isActive("highlight"), !instance.can().toggleHighlight(), () => instance.chain().focus().toggleHighlight().run())] : [],
 				commandButton("Inline code", "code-xml", instance.isActive("code"), !instance.can().toggleCode(), () => instance.chain().focus().toggleCode().run()),
 				h(IconButton, {
 					id: linkAnchorId,