@notectl/angular 0.0.2

package/dist/esm2022/lib/notectl-editor.directive.mjs

@@ -0,0 +1,164 @@
+/**
+ * Angular directive for NotectlEditor (optional alternative to component)
+ */
+import { Directive, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Directive to use NotectlEditor on any element
+ * Usage: <div notectl-editor [content]="content"></div>
+ */
+export class NotectlEditorDirective {
+    elementRef;
+    debug;
+    content;
+    placeholder;
+    readOnly;
+    accessibility;
+    i18n;
+    theme;
+    contentChange = new EventEmitter();
+    selectionChange = new EventEmitter();
+    editorFocus = new EventEmitter();
+    editorBlur = new EventEmitter();
+    ready = new EventEmitter();
+    error = new EventEmitter();
+    editor = null;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        this.initEditor();
+    }
+    ngOnDestroy() {
+        this.destroyEditor();
+    }
+    initEditor() {
+        const hostElement = this.elementRef.nativeElement;
+        // Create editor instance
+        this.editor = document.createElement('notectl-editor');
+        // Configure editor
+        const config = {
+            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;
+            const content = eventData.content;
+            this.contentChange.emit(content);
+            this.onChange(content);
+        });
+        this.editor.on('selection-change', (data) => {
+            const eventData = data;
+            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;
+            if (eventData.error) {
+                this.error.emit(eventData.error);
+            }
+        });
+        // Mount editor
+        hostElement.appendChild(this.editor);
+    }
+    destroyEditor() {
+        if (this.editor) {
+            this.editor.destroy();
+            const hostElement = this.elementRef.nativeElement;
+            if (hostElement.contains(this.editor)) {
+                hostElement.removeChild(this.editor);
+            }
+            this.editor = null;
+        }
+    }
+    getEditorAPI() {
+        if (!this.editor) {
+            throw new Error('Editor not initialized');
+        }
+        return this.editor;
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (this.editor && typeof value === 'string') {
+            this.editor.setContent(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (this.editor) {
+            this.editor.configure({ readOnly: isDisabled });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NotectlEditorDirective, selector: "[notectl-editor]", inputs: { debug: "debug", content: "content", placeholder: "placeholder", readOnly: "readOnly", accessibility: "accessibility", i18n: "i18n", theme: "theme" }, outputs: { contentChange: "contentChange", selectionChange: "selectionChange", editorFocus: "editorFocus", editorBlur: "editorBlur", ready: "ready", error: "error" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NotectlEditorDirective),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[notectl-editor]',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NotectlEditorDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { debug: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], accessibility: [{
+                type: Input
+            }], i18n: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], contentChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], editorFocus: [{
+                type: Output
+            }], editorBlur: [{
+                type: Output
+            }], ready: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZWN0bC1lZGl0b3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9ub3RlY3RsLWVkaXRvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBSXpFOzs7R0FHRztBQVdILE1BQU0sT0FBTyxzQkFBc0I7SUFvQmI7SUFuQlgsS0FBSyxDQUFXO0lBQ2hCLE9BQU8sQ0FBbUI7SUFDMUIsV0FBVyxDQUFVO0lBQ3JCLFFBQVEsQ0FBVztJQUNuQixhQUFhLENBQWlDO0lBQzlDLElBQUksQ0FBd0I7SUFDNUIsS0FBSyxDQUF5QjtJQUU3QixhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUM1QyxlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUM5QyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUN2QyxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUN0QyxLQUFLLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztJQUN0QyxLQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUVwQyxNQUFNLEdBQTZCLElBQUksQ0FBQztJQUN4QyxRQUFRLEdBQTZCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUM5QyxTQUFTLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRXpDLFlBQW9CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQUcsQ0FBQztJQUUzRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFD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NEZBRVUsc0JBQXNCO2tCQVZsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0Y7K0VBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQW5ndWxhciBkaXJlY3RpdmUgZm9yIE5vdGVjdGxFZGl0b3IgKG9wdGlvbmFsIGFsdGVybmF0aXZlIHRvIGNvbXBvbmVudClcbiAqL1xuXG5pbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTm90ZWN0bEVkaXRvciBhcyBOb3RlY3RsRWRpdG9yQ29yZSB9IGZyb20gJ0Bub3RlY3RsL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBFZGl0b3JDb25maWcsIEVkaXRvckFQSSB9IGZyb20gJ0Bub3RlY3RsL2NvcmUnO1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0byB1c2UgTm90ZWN0bEVkaXRvciBvbiBhbnkgZWxlbWVudFxuICogVXNhZ2U6IDxkaXYgbm90ZWN0bC1lZGl0b3IgW2NvbnRlbnRdPVwiY29udGVudFwiPjwvZGl2PlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbm90ZWN0bC1lZGl0b3JdJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBOb3RlY3RsRWRpdG9yRGlyZWN0aXZlKSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGVjdGxFZGl0b3JEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBkZWJ1Zz86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGNvbnRlbnQ/OiBzdHJpbmcgfCBvYmplY3Q7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBASW5wdXQoKSByZWFkT25seT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGFjY2Vzc2liaWxpdHk/OiBFZGl0b3JDb25maWdbJ2FjY2Vzc2liaWxpdHknXTtcbiAgQElucHV0KCkgaTE4bj86IEVkaXRvckNvbmZpZ1snaTE4biddO1xuICBASW5wdXQoKSB0aGVtZT86IEVkaXRvckNvbmZpZ1sndGhlbWUnXTtcblxuICBAT3V0cHV0KCkgY29udGVudENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8dW5rbm93bj4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8dW5rbm93bj4oKTtcbiAgQE91dHB1dCgpIGVkaXRvckZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZWRpdG9yQmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxFZGl0b3JBUEk+KCk7XG4gIEBPdXRwdXQoKSBlcnJvciA9IG5ldyBFdmVudEVtaXR0ZXI8RXJyb3I+KCk7XG5cbiAgcHJpdmF0ZSBlZGl0b3I6IE5vdGVjdGxFZGl0b3JDb3JlIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgb25DaGFuZ2U6ICh2YWx1ZTogdW5rbm93bikgPT4gdm9pZCA9ICgpID0+IHt9O1xuICBwcml2YXRlIG9uVG91Y2hlZDogKCkgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0RWRpdG9yKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3lFZGl0b3IoKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdEVkaXRvcigpOiB2b2lkIHtcbiAgICBjb25zdCBob3N0RWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuXG4gICAgLy8gQ3JlYXRlIGVkaXRvciBpbnN0YW5jZVxuICAgIHRoaXMuZWRpdG9yID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbm90ZWN0bC1lZGl0b3InKSBhcyBOb3RlY3RsRWRpdG9yQ29yZTtcblxuICAgIC8vIENvbmZpZ3VyZSBlZGl0b3JcbiAgICBjb25zdCBjb25maWc6IEVkaXRvckNvbmZpZyA9IHtcbiAgICAgIGRlYnVnOiB0aGlzLmRlYnVnLFxuICAgICAgY29udGVudDogdGhpcy5jb250ZW50LFxuICAgICAgcGxhY2Vob2xkZXI6IHRoaXMucGxhY2Vob2xkZXIsXG4gICAgICByZWFkT25seTogdGhpcy5yZWFkT25seSxcbiAgICAgIGFjY2Vzc2liaWxpdHk6IHRoaXMuYWNjZXNzaWJpbGl0eSxcbiAgICAgIGkxOG46IHRoaXMuaTE4bixcbiAgICAgIHRoZW1lOiB0aGlzLnRoZW1lLFxuICAgIH07XG4gICAgdGhpcy5lZGl0b3IuY29uZmlndXJlKGNvbmZpZyk7XG5cbiAgICAvLyBBdHRhY2ggZXZlbnQgbGlzdGVuZXJzXG4gICAgdGhpcy5lZGl0b3Iub24oJ2NvbnRlbnQtY2hhbmdlJywgKGRhdGEpID0+IHtcbiAgICAgIGNvbnN0IGV2ZW50RGF0YSA9IGRhdGEgYXMgeyBjb250ZW50PzogdW5rbm93biB9O1xuICAgICAgY29uc3QgY29udGVudCA9IGV2ZW50RGF0YS5jb250ZW50O1xuICAgICAgdGhpcy5jb250ZW50Q2hhbmdlLmVtaXQoY29udGVudCk7XG4gICAgICB0aGlzLm9uQ2hhbmdlKGNvbnRlbnQpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5lZGl0b3Iub24oJ3NlbGVjdGlvbi1jaGFuZ2UnLCAoZGF0YSkgPT4ge1xuICAgICAgY29uc3QgZXZlbnREYXRhID0gZGF0YSBhcyB7IHNlbGVjdGlvbj86IHVua25vd24gfTtcbiAgICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmVtaXQoZXZlbnREYXRhLnNlbGVjdGlvbik7XG4gICAgfSk7XG5cbiAgICB0aGlzLmVkaXRvci5vbignZm9jdXMnLCAoKSA9PiB7XG4gICAgICB0aGlzLmVkaXRvckZvY3VzLmVtaXQoKTtcbiAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLmVkaXRvci5vbignYmx1cicsICgpID0+IHtcbiAgICAgIHRoaXMuZWRpdG9yQmx1ci5lbWl0KCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLmVkaXRvci5vbigncmVhZHknLCAoKSA9PiB7XG4gICAgICB0aGlzLnJlYWR5LmVtaXQodGhpcy5nZXRFZGl0b3JBUEkoKSk7XG4gICAgfSk7XG5cbiAgICB0aGlzLmVkaXRvci5vbignZXJyb3InLCAoZGF0YSkgPT4ge1xuICAgICAgY29uc3QgZXZlbnREYXRhID0gZGF0YSBhcyB7IGVycm9yPzogRXJyb3IgfTtcbiAgICAgIGlmIChldmVudERhdGEuZXJyb3IpIHtcbiAgICAgICAgdGhpcy5lcnJvci5lbWl0KGV2ZW50RGF0YS5lcnJvcik7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICAvLyBNb3VudCBlZGl0b3JcbiAgICBob3N0RWxlbWVudC5hcHBlbmRDaGlsZCh0aGlzLmVkaXRvcik7XG4gIH1cblxuICBwcml2YXRlIGRlc3Ryb3lFZGl0b3IoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWRpdG9yKSB7XG4gICAgICB0aGlzLmVkaXRvci5kZXN0cm95KCk7XG4gICAgICBjb25zdCBob3N0RWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgaWYgKGhvc3RFbGVtZW50LmNvbnRhaW5zKHRoaXMuZWRpdG9yKSkge1xuICAgICAgICBob3N0RWxlbWVudC5yZW1vdmVDaGlsZCh0aGlzLmVkaXRvcik7XG4gICAgICB9XG4gICAgICB0aGlzLmVkaXRvciA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXRFZGl0b3JBUEkoKTogRWRpdG9yQVBJIHtcbiAgICBpZiAoIXRoaXMuZWRpdG9yKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ0VkaXRvciBub3QgaW5pdGlhbGl6ZWQnKTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuZWRpdG9yIGFzIEVkaXRvckFQSTtcbiAgfVxuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudGF0aW9uXG4gIHdyaXRlVmFsdWUodmFsdWU6IHVua25vd24pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5lZGl0b3IgJiYgdHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5lZGl0b3Iuc2V0Q29udGVudCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiB1bmtub3duKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWRpdG9yKSB7XG4gICAgICB0aGlzLmVkaXRvci5jb25maWd1cmUoeyByZWFkT25seTogaXNEaXNhYmxlZCB9KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/dist/esm2022/lib/notectl-editor.module.mjs

@@ -0,0 +1,21 @@
+/**
+ * Angular module for NotectlEditor
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NotectlEditorComponent } from './notectl-editor.component';
+import * as i0 from "@angular/core";
+export class NotectlEditorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, declarations: [NotectlEditorComponent], imports: [CommonModule], exports: [NotectlEditorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NotectlEditorComponent],
+                    imports: [CommonModule],
+                    exports: [NotectlEditorComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZWN0bC1lZGl0b3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9ub3RlY3RsLWVkaXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFPcEUsTUFBTSxPQUFPLG1CQUFtQjt3R0FBbkIsbUJBQW1CO3lHQUFuQixtQkFBbUIsaUJBSmYsc0JBQXNCLGFBQzNCLFlBQVksYUFDWixzQkFBc0I7eUdBRXJCLG1CQUFtQixZQUhwQixZQUFZOzs0RkFHWCxtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBbmd1bGFyIG1vZHVsZSBmb3IgTm90ZWN0bEVkaXRvclxuICovXG5cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTm90ZWN0bEVkaXRvckNvbXBvbmVudCB9IGZyb20gJy4vbm90ZWN0bC1lZGl0b3IuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTm90ZWN0bEVkaXRvckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbTm90ZWN0bEVkaXRvckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGVjdGxFZGl0b3JNb2R1bGUge31cbiJdfQ==

package/dist/esm2022/notectl-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZWN0bC1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL25vdGVjdGwtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/dist/esm2022/public-api.mjs

@@ -0,0 +1,7 @@
+/**
+ * Public API surface of @notectl/angular
+ */
+export * from './lib/notectl-editor.component';
+export * from './lib/notectl-editor.module';
+export * from './lib/notectl-editor.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFB1YmxpYyBBUEkgc3VyZmFjZSBvZiBAbm90ZWN0bC9hbmd1bGFyXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbm90ZWN0bC1lZGl0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL25vdGVjdGwtZWRpdG9yLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9ub3RlY3RsLWVkaXRvci5kaXJlY3RpdmUnO1xuIl19

package/dist/fesm2022/notectl-angular.mjs

@@ -0,0 +1,439 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Output, Input, ViewChild, ViewEncapsulation, Component, NgModule, Directive } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Angular component wrapper for NotectlEditor
+ */
+/**
+ * NotectlEditor Angular component
+ */
+class NotectlEditorComponent {
+    containerRef;
+    /** Debug mode */
+    debug;
+    /** Initial content */
+    content;
+    /** Placeholder text */
+    placeholder;
+    /** Read-only mode */
+    readOnly;
+    /** Accessibility configuration */
+    accessibility;
+    /** Internationalization configuration */
+    i18n;
+    /** Theme configuration */
+    theme;
+    /** Custom class name */
+    className;
+    /** Emitted when content changes */
+    contentChange = new EventEmitter();
+    /** Emitted when selection changes */
+    selectionChange = new EventEmitter();
+    /** Emitted when editor gains focus */
+    editorFocus = new EventEmitter();
+    /** Emitted when editor loses focus */
+    editorBlur = new EventEmitter();
+    /** Emitted when editor is ready */
+    ready = new EventEmitter();
+    /** Emitted when an error occurs */
+    error = new EventEmitter();
+    editor = null;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnInit() {
+        this.initEditor();
+    }
+    ngOnDestroy() {
+        this.destroyEditor();
+    }
+    /**
+     * Initialize the editor instance
+     */
+    initEditor() {
+        if (!this.containerRef?.nativeElement) {
+            console.error('NotectlEditor: Container element not found');
+            return;
+        }
+        // Create editor instance
+        this.editor = document.createElement('notectl-editor');
+        // Configure editor
+        const config = {
+            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;
+            const content = eventData.content;
+            this.contentChange.emit(content);
+            this.onChange(content);
+        });
+        this.editor.on('selection-change', (data) => {
+            const eventData = data;
+            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;
+            if (eventData.error) {
+                this.error.emit(eventData.error);
+            }
+        });
+        // Mount editor
+        this.containerRef.nativeElement.appendChild(this.editor);
+    }
+    /**
+     * Destroy the editor instance
+     */
+    destroyEditor() {
+        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
+     */
+    updateConfig() {
+        if (!this.editor)
+            return;
+        const config = {
+            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
+     */
+    getEditorAPI() {
+        if (!this.editor) {
+            throw new Error('Editor not initialized');
+        }
+        return this.editor;
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (this.editor && typeof value === 'string') {
+            this.editor.setContent(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (this.editor) {
+            this.editor.configure({ readOnly: isDisabled });
+        }
+    }
+    // Public API methods
+    /**
+     * Get current editor content
+     */
+    getContent() {
+        return this.editor?.getContent();
+    }
+    /**
+     * Set editor content
+     */
+    setContent(content) {
+        if (this.editor && typeof content === 'string') {
+            this.editor.setContent(content);
+        }
+    }
+    /**
+     * Get current editor state
+     */
+    getState() {
+        return this.editor?.getState();
+    }
+    /**
+     * Execute an editor command
+     */
+    executeCommand(command, ...args) {
+        this.editor?.executeCommand(command, ...args);
+    }
+    /**
+     * Register a plugin
+     */
+    registerPlugin(plugin) {
+        this.editor?.registerPlugin(plugin);
+    }
+    /**
+     * Unregister a plugin
+     */
+    unregisterPlugin(pluginId) {
+        this.editor?.unregisterPlugin(pluginId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotectlEditorComponent, selector: "notectl-editor", inputs: { debug: "debug", content: "content", placeholder: "placeholder", readOnly: "readOnly", accessibility: "accessibility", i18n: "i18n", theme: "theme", className: "className" }, outputs: { contentChange: "contentChange", selectionChange: "selectionChange", editorFocus: "editorFocus", editorBlur: "editorBlur", ready: "ready", error: "error" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NotectlEditorComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], ngImport: i0, template: '<div #container [attr.data-notectl-angular-wrapper]="true"></div>', isInline: true, styles: [":host{display:block}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'notectl-editor', template: '<div #container [attr.data-notectl-angular-wrapper]="true"></div>', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NotectlEditorComponent),
+                            multi: true,
+                        },
+                    ], styles: [":host{display:block}\n"] }]
+        }], propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }], debug: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], accessibility: [{
+                type: Input
+            }], i18n: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], contentChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], editorFocus: [{
+                type: Output
+            }], editorBlur: [{
+                type: Output
+            }], ready: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+
+/**
+ * Angular module for NotectlEditor
+ */
+class NotectlEditorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, declarations: [NotectlEditorComponent], imports: [CommonModule], exports: [NotectlEditorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NotectlEditorComponent],
+                    imports: [CommonModule],
+                    exports: [NotectlEditorComponent],
+                }]
+        }] });
+
+/**
+ * Angular directive for NotectlEditor (optional alternative to component)
+ */
+/**
+ * Directive to use NotectlEditor on any element
+ * Usage: <div notectl-editor [content]="content"></div>
+ */
+class NotectlEditorDirective {
+    elementRef;
+    debug;
+    content;
+    placeholder;
+    readOnly;
+    accessibility;
+    i18n;
+    theme;
+    contentChange = new EventEmitter();
+    selectionChange = new EventEmitter();
+    editorFocus = new EventEmitter();
+    editorBlur = new EventEmitter();
+    ready = new EventEmitter();
+    error = new EventEmitter();
+    editor = null;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        this.initEditor();
+    }
+    ngOnDestroy() {
+        this.destroyEditor();
+    }
+    initEditor() {
+        const hostElement = this.elementRef.nativeElement;
+        // Create editor instance
+        this.editor = document.createElement('notectl-editor');
+        // Configure editor
+        const config = {
+            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;
+            const content = eventData.content;
+            this.contentChange.emit(content);
+            this.onChange(content);
+        });
+        this.editor.on('selection-change', (data) => {
+            const eventData = data;
+            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;
+            if (eventData.error) {
+                this.error.emit(eventData.error);
+            }
+        });
+        // Mount editor
+        hostElement.appendChild(this.editor);
+    }
+    destroyEditor() {
+        if (this.editor) {
+            this.editor.destroy();
+            const hostElement = this.elementRef.nativeElement;
+            if (hostElement.contains(this.editor)) {
+                hostElement.removeChild(this.editor);
+            }
+            this.editor = null;
+        }
+    }
+    getEditorAPI() {
+        if (!this.editor) {
+            throw new Error('Editor not initialized');
+        }
+        return this.editor;
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (this.editor && typeof value === 'string') {
+            this.editor.setContent(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (this.editor) {
+            this.editor.configure({ readOnly: isDisabled });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NotectlEditorDirective, selector: "[notectl-editor]", inputs: { debug: "debug", content: "content", placeholder: "placeholder", readOnly: "readOnly", accessibility: "accessibility", i18n: "i18n", theme: "theme" }, outputs: { contentChange: "contentChange", selectionChange: "selectionChange", editorFocus: "editorFocus", editorBlur: "editorBlur", ready: "ready", error: "error" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NotectlEditorDirective),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotectlEditorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[notectl-editor]',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NotectlEditorDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { debug: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], accessibility: [{
+                type: Input
+            }], i18n: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], contentChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], editorFocus: [{
+                type: Output
+            }], editorBlur: [{
+                type: Output
+            }], ready: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+
+/**
+ * Public API surface of @notectl/angular
+ */
+
+/**
+ * @notectl/angular - Angular adapter for NotectlEditor
+ * @packageDocumentation
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotectlEditorComponent, NotectlEditorDirective, NotectlEditorModule };
+//# sourceMappingURL=notectl-angular.mjs.map