fix(text-editor): move delegate logic to prosemirror adapter

etc/lime-elements.api.md

@@ -603,6 +603,7 @@ export namespace Components {
         "contentType": 'markdown' | 'html';
         // @alpha
         "customElements": CustomElementDefinition[];
+        "disabled"?: boolean;
         "language": Languages;
         // @alpha
         "triggerCharacters": TriggerCharacter[];
@@ -1631,6 +1632,7 @@ namespace JSX_2 {
         "contentType"?: 'markdown' | 'html';
         // @alpha
         "customElements"?: CustomElementDefinition[];
+        "disabled"?: boolean;
         "language"?: Languages;
         "onChange"?: (event: LimelProsemirrorAdapterCustomEvent<string>) => void;
         // @alpha

src/components/text-editor/prosemirror-adapter/prosemirror-adapter.tsx

@@ -84,6 +84,15 @@ export class ProsemirrorAdapter {
     @Prop({ reflect: true })
     public language: Languages;
 
+    /**
+     * Set to `true` to disable the field.
+     * Use `disabled` to indicate that the field can normally be interacted
+     * with, but is currently disabled. This tells the user that if certain
+     * requirements are met, the field may become enabled again.
+     */
+    @Prop({ reflect: true })
+    public disabled?: boolean = false;
+
     /**
      * set to private to avoid usage while under development
      *
@@ -456,7 +465,9 @@ export class ProsemirrorAdapter {
     };
 
     private handleFocus = () => {
-        this.view?.focus();
+        if (!this.disabled) {
+            this.view?.focus();
+        }
     };
 
     private handleNewLinkSelection = (text: string, href: string) => {

src/components/text-editor/text-editor.tsx

@@ -244,10 +244,10 @@ export class TextEditor implements FormComponent<string> {
                 value={this.value}
                 aria-controls={this.helperTextId}
                 id={this.editorId}
-                tabindex={this.disabled ? -1 : 0}
                 aria-disabled={this.disabled}
                 language={this.language}
                 triggerCharacters={this.triggers}
+                disabled={this.disabled}
             />,
             this.renderPlaceholder(),
             this.renderHelperLine(),