@notectl/angular 0.0.2

package/dist/fesm2022/notectl-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notectl-angular.mjs","sources":["../../src/lib/notectl-editor.component.ts","../../src/lib/notectl-editor.module.ts","../../src/lib/notectl-editor.directive.ts","../../src/public-api.ts","../../src/index.ts","../../src/notectl-angular.ts"],"sourcesContent":["/**\n * Angular component wrapper for NotectlEditor\n */\n\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NotectlEditor as NotectlEditorCore } from '@notectl/core';\nimport type { EditorConfig, EditorAPI } from '@notectl/core';\n\n/**\n * NotectlEditor Angular component\n */\n@Component({\n  selector: 'notectl-editor',\n  template: '<div #container [attr.data-notectl-angular-wrapper]=\"true\"></div>',\n  styles: [':host { display: block; }'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NotectlEditorComponent),\n      multi: true,\n    },\n  ],\n})\nexport class NotectlEditorComponent implements OnInit, OnDestroy, ControlValueAccessor {\n  @ViewChild('container', { static: true }) containerRef!: ElementRef<HTMLDivElement>;\n\n  /** Debug mode */\n  @Input() debug?: boolean;\n\n  /** Initial content */\n  @Input() content?: string | object;\n\n  /** Placeholder text */\n  @Input() placeholder?: string;\n\n  /** Read-only mode */\n  @Input() readOnly?: boolean;\n\n  /** Accessibility configuration */\n  @Input() accessibility?: EditorConfig['accessibility'];\n\n  /** Internationalization configuration */\n  @Input() i18n?: EditorConfig['i18n'];\n\n  /** Theme configuration */\n  @Input() theme?: EditorConfig['theme'];\n\n  /** Custom class name */\n  @Input() className?: string;\n\n  /** Emitted when content changes */\n  @Output() contentChange = new EventEmitter<unknown>();\n\n  /** Emitted when selection changes */\n  @Output() selectionChange = new EventEmitter<unknown>();\n\n  /** Emitted when editor gains focus */\n  @Output() editorFocus = new EventEmitter<void>();\n\n  /** Emitted when editor loses focus */\n  @Output() editorBlur = new EventEmitter<void>();\n\n  /** Emitted when editor is ready */\n  @Output() ready = new EventEmitter<EditorAPI>();\n\n  /** Emitted when an error occurs */\n  @Output() error = new EventEmitter<Error>();\n\n  private editor: NotectlEditorCore | null = null;\n  private onChange: (value: unknown) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  ngOnInit(): void {\n    this.initEditor();\n  }\n\n  ngOnDestroy(): void {\n    this.destroyEditor();\n  }\n\n  /**\n   * Initialize the editor instance\n   */\n  private initEditor(): void {\n    if (!this.containerRef?.nativeElement) {\n      console.error('NotectlEditor: Container element not found');\n      return;\n    }\n\n    // Create editor instance\n    this.editor = document.createElement('notectl-editor') as NotectlEditorCore;\n\n    // Configure editor\n    const config: EditorConfig = {\n      debug: this.debug,\n      content: this.content,\n      placeholder: this.placeholder,\n      readOnly: this.readOnly,\n      accessibility: this.accessibility,\n      i18n: this.i18n,\n      theme: this.theme,\n    };\n    this.editor.configure(config);\n\n    // Attach event listeners\n    this.editor.on('content-change', (data) => {\n      const eventData = data as { content?: unknown };\n      const content = eventData.content;\n      this.contentChange.emit(content);\n      this.onChange(content);\n    });\n\n    this.editor.on('selection-change', (data) => {\n      const eventData = data as { selection?: unknown };\n      this.selectionChange.emit(eventData.selection);\n    });\n\n    this.editor.on('focus', () => {\n      this.editorFocus.emit();\n      this.onTouched();\n    });\n\n    this.editor.on('blur', () => {\n      this.editorBlur.emit();\n    });\n\n    this.editor.on('ready', () => {\n      this.ready.emit(this.getEditorAPI());\n    });\n\n    this.editor.on('error', (data) => {\n      const eventData = data as { error?: Error };\n      if (eventData.error) {\n        this.error.emit(eventData.error);\n      }\n    });\n\n    // Mount editor\n    this.containerRef.nativeElement.appendChild(this.editor);\n  }\n\n  /**\n   * Destroy the editor instance\n   */\n  private destroyEditor(): void {\n    if (this.editor) {\n      this.editor.destroy();\n      if (this.containerRef?.nativeElement?.contains(this.editor)) {\n        this.containerRef.nativeElement.removeChild(this.editor);\n      }\n      this.editor = null;\n    }\n  }\n\n  /**\n   * Update editor configuration\n   */\n  private updateConfig(): void {\n    if (!this.editor) return;\n\n    const config: EditorConfig = {\n      debug: this.debug,\n      content: this.content,\n      placeholder: this.placeholder,\n      readOnly: this.readOnly,\n      accessibility: this.accessibility,\n      i18n: this.i18n,\n      theme: this.theme,\n    };\n    this.editor.configure(config);\n  }\n\n  /**\n   * Get editor API\n   */\n  private getEditorAPI(): EditorAPI {\n    if (!this.editor) {\n      throw new Error('Editor not initialized');\n    }\n    return this.editor as EditorAPI;\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: unknown): void {\n    if (this.editor && typeof value === 'string') {\n      this.editor.setContent(value);\n    }\n  }\n\n  registerOnChange(fn: (value: unknown) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    if (this.editor) {\n      this.editor.configure({ readOnly: isDisabled });\n    }\n  }\n\n  // Public API methods\n  /**\n   * Get current editor content\n   */\n  public getContent(): unknown {\n    return this.editor?.getContent();\n  }\n\n  /**\n   * Set editor content\n   */\n  public setContent(content: unknown): void {\n    if (this.editor && typeof content === 'string') {\n      this.editor.setContent(content);\n    }\n  }\n\n  /**\n   * Get current editor state\n   */\n  public getState(): unknown {\n    return this.editor?.getState();\n  }\n\n  /**\n   * Execute an editor command\n   */\n  public executeCommand(command: string, ...args: unknown[]): void {\n    this.editor?.executeCommand(command, ...args);\n  }\n\n  /**\n   * Register a plugin\n   */\n  public registerPlugin(plugin: unknown): void {\n    this.editor?.registerPlugin(plugin as any);\n  }\n\n  /**\n   * Unregister a plugin\n   */\n  public unregisterPlugin(pluginId: string): void {\n    this.editor?.unregisterPlugin(pluginId);\n  }\n}\n","/**\n * Angular module for NotectlEditor\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NotectlEditorComponent } from './notectl-editor.component';\n\n@NgModule({\n  declarations: [NotectlEditorComponent],\n  imports: [CommonModule],\n  exports: [NotectlEditorComponent],\n})\nexport class NotectlEditorModule {}\n","/**\n * Angular directive for NotectlEditor (optional alternative to component)\n */\n\nimport {\n  Directive,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NotectlEditor as NotectlEditorCore } from '@notectl/core';\nimport type { EditorConfig, EditorAPI } from '@notectl/core';\n\n/**\n * Directive to use NotectlEditor on any element\n * Usage: <div notectl-editor [content]=\"content\"></div>\n */\n@Directive({\n  selector: '[notectl-editor]',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NotectlEditorDirective),\n      multi: true,\n    },\n  ],\n})\nexport class NotectlEditorDirective implements OnInit, OnDestroy, ControlValueAccessor {\n  @Input() debug?: boolean;\n  @Input() content?: string | object;\n  @Input() placeholder?: string;\n  @Input() readOnly?: boolean;\n  @Input() accessibility?: EditorConfig['accessibility'];\n  @Input() i18n?: EditorConfig['i18n'];\n  @Input() theme?: EditorConfig['theme'];\n\n  @Output() contentChange = new EventEmitter<unknown>();\n  @Output() selectionChange = new EventEmitter<unknown>();\n  @Output() editorFocus = new EventEmitter<void>();\n  @Output() editorBlur = new EventEmitter<void>();\n  @Output() ready = new EventEmitter<EditorAPI>();\n  @Output() error = new EventEmitter<Error>();\n\n  private editor: NotectlEditorCore | null = null;\n  private onChange: (value: unknown) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  constructor(private elementRef: ElementRef<HTMLElement>) {}\n\n  ngOnInit(): void {\n    this.initEditor();\n  }\n\n  ngOnDestroy(): void {\n    this.destroyEditor();\n  }\n\n  private initEditor(): void {\n    const hostElement = this.elementRef.nativeElement;\n\n    // Create editor instance\n    this.editor = document.createElement('notectl-editor') as NotectlEditorCore;\n\n    // Configure editor\n    const config: EditorConfig = {\n      debug: this.debug,\n      content: this.content,\n      placeholder: this.placeholder,\n      readOnly: this.readOnly,\n      accessibility: this.accessibility,\n      i18n: this.i18n,\n      theme: this.theme,\n    };\n    this.editor.configure(config);\n\n    // Attach event listeners\n    this.editor.on('content-change', (data) => {\n      const eventData = data as { content?: unknown };\n      const content = eventData.content;\n      this.contentChange.emit(content);\n      this.onChange(content);\n    });\n\n    this.editor.on('selection-change', (data) => {\n      const eventData = data as { selection?: unknown };\n      this.selectionChange.emit(eventData.selection);\n    });\n\n    this.editor.on('focus', () => {\n      this.editorFocus.emit();\n      this.onTouched();\n    });\n\n    this.editor.on('blur', () => {\n      this.editorBlur.emit();\n    });\n\n    this.editor.on('ready', () => {\n      this.ready.emit(this.getEditorAPI());\n    });\n\n    this.editor.on('error', (data) => {\n      const eventData = data as { error?: Error };\n      if (eventData.error) {\n        this.error.emit(eventData.error);\n      }\n    });\n\n    // Mount editor\n    hostElement.appendChild(this.editor);\n  }\n\n  private destroyEditor(): void {\n    if (this.editor) {\n      this.editor.destroy();\n      const hostElement = this.elementRef.nativeElement;\n      if (hostElement.contains(this.editor)) {\n        hostElement.removeChild(this.editor);\n      }\n      this.editor = null;\n    }\n  }\n\n  private getEditorAPI(): EditorAPI {\n    if (!this.editor) {\n      throw new Error('Editor not initialized');\n    }\n    return this.editor as EditorAPI;\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: unknown): void {\n    if (this.editor && typeof value === 'string') {\n      this.editor.setContent(value);\n    }\n  }\n\n  registerOnChange(fn: (value: unknown) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    if (this.editor) {\n      this.editor.configure({ readOnly: isDisabled });\n    }\n  }\n}\n","/**\n * Public API surface of @notectl/angular\n */\n\nexport * from './lib/notectl-editor.component';\nexport * from './lib/notectl-editor.module';\nexport * from './lib/notectl-editor.directive';\n","/**\n * @notectl/angular - Angular adapter for NotectlEditor\n * @packageDocumentation\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @notectl/angular - Angular adapter for NotectlEditor
+ * @packageDocumentation
+ */
+export * from './public-api';

package/dist/lib/notectl-editor.component.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Angular component wrapper for NotectlEditor
+ */
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import type { EditorConfig, EditorAPI } from '@notectl/core';
+import * as i0 from "@angular/core";
+/**
+ * NotectlEditor Angular component
+ */
+export declare class NotectlEditorComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    containerRef: ElementRef<HTMLDivElement>;
+    /** Debug mode */
+    debug?: boolean;
+    /** Initial content */
+    content?: string | object;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Accessibility configuration */
+    accessibility?: EditorConfig['accessibility'];
+    /** Internationalization configuration */
+    i18n?: EditorConfig['i18n'];
+    /** Theme configuration */
+    theme?: EditorConfig['theme'];
+    /** Custom class name */
+    className?: string;
+    /** Emitted when content changes */
+    contentChange: EventEmitter<unknown>;
+    /** Emitted when selection changes */
+    selectionChange: EventEmitter<unknown>;
+    /** Emitted when editor gains focus */
+    editorFocus: EventEmitter<void>;
+    /** Emitted when editor loses focus */
+    editorBlur: EventEmitter<void>;
+    /** Emitted when editor is ready */
+    ready: EventEmitter<EditorAPI>;
+    /** Emitted when an error occurs */
+    error: EventEmitter<Error>;
+    private editor;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Initialize the editor instance
+     */
+    private initEditor;
+    /**
+     * Destroy the editor instance
+     */
+    private destroyEditor;
+    /**
+     * Update editor configuration
+     */
+    private updateConfig;
+    /**
+     * Get editor API
+     */
+    private getEditorAPI;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Get current editor content
+     */
+    getContent(): unknown;
+    /**
+     * Set editor content
+     */
+    setContent(content: unknown): void;
+    /**
+     * Get current editor state
+     */
+    getState(): unknown;
+    /**
+     * Execute an editor command
+     */
+    executeCommand(command: string, ...args: unknown[]): void;
+    /**
+     * Register a plugin
+     */
+    registerPlugin(plugin: unknown): void;
+    /**
+     * Unregister a plugin
+     */
+    unregisterPlugin(pluginId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotectlEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotectlEditorComponent, "notectl-editor", never, { "debug": { "alias": "debug"; "required": false; }; "content": { "alias": "content"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "accessibility": { "alias": "accessibility"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "contentChange": "contentChange"; "selectionChange": "selectionChange"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "ready": "ready"; "error": "error"; }, never, never, false, never>;
+}

package/dist/lib/notectl-editor.directive.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Angular directive for NotectlEditor (optional alternative to component)
+ */
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import type { EditorConfig, EditorAPI } from '@notectl/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive to use NotectlEditor on any element
+ * Usage: <div notectl-editor [content]="content"></div>
+ */
+export declare class NotectlEditorDirective implements OnInit, OnDestroy, ControlValueAccessor {
+    private elementRef;
+    debug?: boolean;
+    content?: string | object;
+    placeholder?: string;
+    readOnly?: boolean;
+    accessibility?: EditorConfig['accessibility'];
+    i18n?: EditorConfig['i18n'];
+    theme?: EditorConfig['theme'];
+    contentChange: EventEmitter<unknown>;
+    selectionChange: EventEmitter<unknown>;
+    editorFocus: EventEmitter<void>;
+    editorBlur: EventEmitter<void>;
+    ready: EventEmitter<EditorAPI>;
+    error: EventEmitter<Error>;
+    private editor;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initEditor;
+    private destroyEditor;
+    private getEditorAPI;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotectlEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NotectlEditorDirective, "[notectl-editor]", never, { "debug": { "alias": "debug"; "required": false; }; "content": { "alias": "content"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "accessibility": { "alias": "accessibility"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "contentChange": "contentChange"; "selectionChange": "selectionChange"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "ready": "ready"; "error": "error"; }, never, never, false, never>;
+}

package/dist/lib/notectl-editor.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./notectl-editor.component";
+import * as i2 from "@angular/common";
+export declare class NotectlEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotectlEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NotectlEditorModule, [typeof i1.NotectlEditorComponent], [typeof i2.CommonModule], [typeof i1.NotectlEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NotectlEditorModule>;
+}

package/dist/public-api.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Public API surface of @notectl/angular
+ */
+export * from './lib/notectl-editor.component';
+export * from './lib/notectl-editor.module';
+export * from './lib/notectl-editor.directive';

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@notectl/angular",
+  "version": "0.0.2",
+  "description": "Angular adapter for NotectlEditor",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "test": "echo \"No tests yet\"",
+    "lint": "eslint src --ext .ts",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "notectl",
+    "editor",
+    "angular",
+    "rich-text",
+    "wysiwyg"
+  ],
+  "author": "Samuel Abramov",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
+    "@angular/forms": ">=14.0.0",
+    "@notectl/core": "*"
+  },
+  "devDependencies": {
+    "@angular/common": "^17.0.0",
+    "@angular/compiler": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@angular/core": "^17.0.0",
+    "@angular/forms": "^17.0.0",
+    "ng-packagr": "^17.0.0",
+    "typescript": "^5.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/neuravision-io/notectl.git",
+    "directory": "packages/adapters/angular"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+/**
+ * @notectl/angular - Angular adapter for NotectlEditor
+ * @packageDocumentation
+ */
+
+export * from './public-api';

package/src/lib/notectl-editor.component.ts

@@ -0,0 +1,261 @@
+/**
+ * Angular component wrapper for NotectlEditor
+ */
+
+import {
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  ViewChild,
+  ViewEncapsulation,
+  forwardRef,
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NotectlEditor as NotectlEditorCore } from '@notectl/core';
+import type { EditorConfig, EditorAPI } from '@notectl/core';
+
+/**
+ * NotectlEditor Angular component
+ */
+@Component({
+  selector: 'notectl-editor',
+  template: '<div #container [attr.data-notectl-angular-wrapper]="true"></div>',
+  styles: [':host { display: block; }'],
+  encapsulation: ViewEncapsulation.None,
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => NotectlEditorComponent),
+      multi: true,
+    },
+  ],
+})
+export class NotectlEditorComponent implements OnInit, OnDestroy, ControlValueAccessor {
+  @ViewChild('container', { static: true }) containerRef!: ElementRef<HTMLDivElement>;
+
+  /** Debug mode */
+  @Input() debug?: boolean;
+
+  /** Initial content */
+  @Input() content?: string | object;
+
+  /** Placeholder text */
+  @Input() placeholder?: string;
+
+  /** Read-only mode */
+  @Input() readOnly?: boolean;
+
+  /** Accessibility configuration */
+  @Input() accessibility?: EditorConfig['accessibility'];
+
+  /** Internationalization configuration */
+  @Input() i18n?: EditorConfig['i18n'];
+
+  /** Theme configuration */
+  @Input() theme?: EditorConfig['theme'];
+
+  /** Custom class name */
+  @Input() className?: string;
+
+  /** Emitted when content changes */
+  @Output() contentChange = new EventEmitter<unknown>();
+
+  /** Emitted when selection changes */
+  @Output() selectionChange = new EventEmitter<unknown>();
+
+  /** Emitted when editor gains focus */
+  @Output() editorFocus = new EventEmitter<void>();
+
+  /** Emitted when editor loses focus */
+  @Output() editorBlur = new EventEmitter<void>();
+
+  /** Emitted when editor is ready */
+  @Output() ready = new EventEmitter<EditorAPI>();
+
+  /** Emitted when an error occurs */
+  @Output() error = new EventEmitter<Error>();
+
+  private editor: NotectlEditorCore | null = null;
+  private onChange: (value: unknown) => void = () => {};
+  private onTouched: () => void = () => {};
+
+  ngOnInit(): void {
+    this.initEditor();
+  }
+
+  ngOnDestroy(): void {
+    this.destroyEditor();
+  }
+
+  /**
+   * Initialize the editor instance
+   */
+  private initEditor(): void {
+    if (!this.containerRef?.nativeElement) {
+      console.error('NotectlEditor: Container element not found');
+      return;
+    }
+
+    // Create editor instance
+    this.editor = document.createElement('notectl-editor') as NotectlEditorCore;
+
+    // Configure editor
+    const config: EditorConfig = {
+      debug: this.debug,
+      content: this.content,
+      placeholder: this.placeholder,
+      readOnly: this.readOnly,
+      accessibility: this.accessibility,
+      i18n: this.i18n,
+      theme: this.theme,
+    };
+    this.editor.configure(config);
+
+    // Attach event listeners
+    this.editor.on('content-change', (data) => {
+      const eventData = data as { content?: unknown };
+      const content = eventData.content;
+      this.contentChange.emit(content);
+      this.onChange(content);
+    });
+
+    this.editor.on('selection-change', (data) => {
+      const eventData = data as { selection?: unknown };
+      this.selectionChange.emit(eventData.selection);
+    });
+
+    this.editor.on('focus', () => {
+      this.editorFocus.emit();
+      this.onTouched();
+    });
+
+    this.editor.on('blur', () => {
+      this.editorBlur.emit();
+    });
+
+    this.editor.on('ready', () => {
+      this.ready.emit(this.getEditorAPI());
+    });
+
+    this.editor.on('error', (data) => {
+      const eventData = data as { error?: Error };
+      if (eventData.error) {
+        this.error.emit(eventData.error);
+      }
+    });
+
+    // Mount editor
+    this.containerRef.nativeElement.appendChild(this.editor);
+  }
+
+  /**
+   * Destroy the editor instance
+   */
+  private destroyEditor(): void {
+    if (this.editor) {
+      this.editor.destroy();
+      if (this.containerRef?.nativeElement?.contains(this.editor)) {
+        this.containerRef.nativeElement.removeChild(this.editor);
+      }
+      this.editor = null;
+    }
+  }
+
+  /**
+   * Update editor configuration
+   */
+  private updateConfig(): void {
+    if (!this.editor) return;
+
+    const config: EditorConfig = {
+      debug: this.debug,
+      content: this.content,
+      placeholder: this.placeholder,
+      readOnly: this.readOnly,
+      accessibility: this.accessibility,
+      i18n: this.i18n,
+      theme: this.theme,
+    };
+    this.editor.configure(config);
+  }
+
+  /**
+   * Get editor API
+   */
+  private getEditorAPI(): EditorAPI {
+    if (!this.editor) {
+      throw new Error('Editor not initialized');
+    }
+    return this.editor as EditorAPI;
+  }
+
+  // ControlValueAccessor implementation
+  writeValue(value: unknown): void {
+    if (this.editor && typeof value === 'string') {
+      this.editor.setContent(value);
+    }
+  }
+
+  registerOnChange(fn: (value: unknown) => void): void {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    if (this.editor) {
+      this.editor.configure({ readOnly: isDisabled });
+    }
+  }
+
+  // Public API methods
+  /**
+   * Get current editor content
+   */
+  public getContent(): unknown {
+    return this.editor?.getContent();
+  }
+
+  /**
+   * Set editor content
+   */
+  public setContent(content: unknown): void {
+    if (this.editor && typeof content === 'string') {
+      this.editor.setContent(content);
+    }
+  }
+
+  /**
+   * Get current editor state
+   */
+  public getState(): unknown {
+    return this.editor?.getState();
+  }
+
+  /**
+   * Execute an editor command
+   */
+  public executeCommand(command: string, ...args: unknown[]): void {
+    this.editor?.executeCommand(command, ...args);
+  }
+
+  /**
+   * Register a plugin
+   */
+  public registerPlugin(plugin: unknown): void {
+    this.editor?.registerPlugin(plugin as any);
+  }
+
+  /**
+   * Unregister a plugin
+   */
+  public unregisterPlugin(pluginId: string): void {
+    this.editor?.unregisterPlugin(pluginId);
+  }
+}