@gravionlabs/helix-core 22.1.1 → 22.1.3

package/fesm2022/gravionlabs-helix-core-editor.mjs

@@ -1,18 +1,17 @@
-export * from '@gravionlabs/helix-core/types/editor';
-import * as i2 from '@angular/common';
-import { isPlatformServer, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, forwardRef, inject, input, output, contentChild, contentChildren, effect, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { findSingle } from '@gravionlabs/helix-core/uix/utils';
-import { Header, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule, isPlatformServer } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, afterNextRender, contentChild, contentChildren, effect, forwardRef, inject, input, output } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { findSingle } from "@gravionlabs/helix-core/uix/utils";
+import { Header, HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import { BaseEditableHolder } from "@gravionlabs/helix-core/baseeditableholder";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind, BindModule } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/editor";
+const style = `
     /*!
 * Quill Editor v1.3.3
 * https://quilljs.com/
@@ -993,378 +992,574 @@ const style = /*css*/ `
         color: dt('editor.toolbar.item.active.color');
     }
 `;
-
 const classes = {
-    root: ({ instance }) => [
-        'h-editor',
-        {
-            'h-invalid': instance.invalid()
-        }
-    ],
-    toolbar: 'h-editor-toolbar',
-    content: 'h-editor-content'
+	root: ({ instance }) => ["h-editor", { "h-invalid": instance.invalid() }],
+	toolbar: "h-editor-toolbar",
+	content: "h-editor-content"
 };
-class EditorStyle extends BaseStyle {
-    name = 'editor';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Editor groups a collection of contents in tabs.
- *
- * [Live Demo](https://www.primeng.org/editor/)
- *
- * @module editorstyle
- *
- */
+var EditorStyle = class EditorStyle extends BaseStyle {
+	name = "editor";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: EditorStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: EditorStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: EditorStyle,
+	decorators: [{ type: Injectable }]
+});
 var EditorClasses;
-(function (EditorClasses) {
-    /**
-     * Class name of the root element
-     */
-    EditorClasses["root"] = "h-editor";
-    /**
-     * Class name of the toolbar element
-     */
-    EditorClasses["toolbar"] = "h-editor-toolbar";
-    /**
-     * Class name of the content element
-     */
-    EditorClasses["content"] = "h-editor-content";
+(function(EditorClasses) {
+	EditorClasses["root"] = "h-editor";
+	EditorClasses["toolbar"] = "h-editor-toolbar";
+	EditorClasses["content"] = "h-editor-content";
 })(EditorClasses || (EditorClasses = {}));
-
-const EDITOR_INSTANCE = new InjectionToken('EDITOR_INSTANCE');
+const EDITOR_INSTANCE = new InjectionToken("EDITOR_INSTANCE");
 const EDITOR_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Editor),
-    multi: true
+	provide: NG_VALUE_ACCESSOR,
+	useExisting: forwardRef(() => Editor),
+	multi: true
 };
-/**
- * Editor groups a collection of contents in tabs.
- * @group Components
- */
-class Editor extends BaseEditableHolder {
-    componentName = 'Editor';
-    $pcEditor = inject(EDITOR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Inline style of the container.
-     * @group Props
-     */
-    style = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the container.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Placeholder text to show when editor is empty.
-     * @group Props
-     */
-    placeholder = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    /**
-     * Whitelist of formats to display, see [here](https://quilljs.com/docs/formats/) for available options.
-     * @group Props
-     */
-    formats = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "formats" }] : /* istanbul ignore next */ []));
-    /**
-     * Modules configuration of Editor, see [here](https://quilljs.com/docs/modules/) for available options.
-     * @group Props
-     */
-    modules = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "modules" }] : /* istanbul ignore next */ []));
-    /**
-     * DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.
-     * @group Props
-     */
-    bounds = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "bounds" }] : /* istanbul ignore next */ []));
-    /**
-     * DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling..
-     * @group Props
-     */
-    scrollingContainer = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "scrollingContainer" }] : /* istanbul ignore next */ []));
-    /**
-     * Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.
-     * @group Props
-     */
-    debug = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "debug" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether to instantiate the editor to read-only mode.
-     * @group Props
-     */
-    readonly = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when the quill modules are loaded.
-     * @param {EditorInitEvent} event - custom event.
-     * @group Emits
-     */
-    onEditorInit = output({ alias: 'onInit' });
-    /**
-     * Callback to invoke when text of editor changes.
-     * @param {EditorTextChangeEvent} event - custom event.
-     * @group Emits
-     */
-    onTextChange = output();
-    /**
-     * Callback to invoke when selection of the text changes.
-     * @param {EditorSelectionChangeEvent} event - custom event.
-     * @group Emits
-     */
-    onSelectionChange = output();
-    /**
-     * Callback to invoke when editor content changes (combines both text and selection changes).
-     * @param {EditorChangeEvent} event - custom event.
-     * @group Emits
-     */
-    onEditorChange = output();
-    /**
-     * Callback to invoke when editor receives focus.
-     * @param {EditorFocusEvent} event - custom event.
-     * @group Emits
-     */
-    onFocus = output();
-    /**
-     * Callback to invoke when editor loses focus.
-     * @param {EditorBlurEvent} event - custom event.
-     * @group Emits
-     */
-    onBlur = output();
-    toolbar = contentChild(Header, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
-    value;
-    delayedCommand = null;
-    quill;
-    dynamicQuill;
-    /**
-     * Custom item template.
-     * @group Templates
-     */
-    headerTemplate = contentChild('header', { ...(ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _headerTemplate;
-    get isAttachedQuillEditorToDOM() {
-        return this.quillElements?.editorElement?.isConnected;
-    }
-    quillElements;
-    focusListener = null;
-    blurListener = null;
-    _componentStyle = inject(EditorStyle);
-    constructor() {
-        super();
-        effect(() => {
-            const readonly = this.readonly();
-            if (this.quill) {
-                if (readonly)
-                    this.quill.disable();
-                else
-                    this.quill.enable();
-            }
-        });
-        /**
-         * Read or write the DOM once, when initializing non-Angular (Quill) library.
-         */
-        afterNextRender(() => {
-            this.initQuillElements();
-            this.initQuillEditor();
-        });
-    }
-    onAfterContentInit() {
-        this.templates().forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this._headerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value) {
-        this.value = value;
-        if (this.quill) {
-            if (value) {
-                const command = () => {
-                    this.quill.setContents(this.quill.clipboard.convert(this.dynamicQuill.version.startsWith('2') ? { html: this.value } : this.value));
-                };
-                if (this.isAttachedQuillEditorToDOM) {
-                    command();
-                }
-                else {
-                    this.delayedCommand = command;
-                }
-            }
-            else {
-                const command = () => {
-                    this.quill.setText('');
-                };
-                if (this.isAttachedQuillEditorToDOM) {
-                    command();
-                }
-                else {
-                    this.delayedCommand = command;
-                }
-            }
-        }
-    }
-    getQuill() {
-        return this.quill;
-    }
-    initQuillEditor() {
-        if (isPlatformServer(this.platformId)) {
-            return;
-        }
-        /**
-         * Importing Quill at top level, throws `document is undefined` error during when
-         * building for SSR, so this dynamically loads quill when it's in browser module.
-         */
-        if (!this.dynamicQuill) {
-            import('quill')
-                .then((quillModule) => {
-                this.dynamicQuill = quillModule.default;
-                this.createQuillEditor();
-            })
-                .catch((e) => console.error(e.message));
-        }
-        else {
-            this.createQuillEditor();
-        }
-    }
-    createQuillEditor() {
-        this.initQuillElements();
-        const { toolbarElement, editorElement } = this.quillElements;
-        let defaultModule = { toolbar: toolbarElement };
-        const modulesValue = this.modules();
-        let modules = modulesValue ? { ...defaultModule, ...modulesValue } : defaultModule;
-        this.quill = new this.dynamicQuill(editorElement, {
-            modules: modules,
-            placeholder: this.placeholder(),
-            readOnly: this.readonly(),
-            theme: 'snow',
-            formats: this.formats(),
-            bounds: this.bounds(),
-            debug: this.debug(),
-            scrollingContainer: this.scrollingContainer()
-        });
-        const isQuill2 = this.dynamicQuill.version.startsWith('2');
-        if (this.value) {
-            this.quill.setContents(this.quill.clipboard.convert(isQuill2 ? { html: this.value } : this.value));
-        }
-        this.quill.on('text-change', (delta, oldContents, source) => {
-            if (source === 'user') {
-                let html = isQuill2 ? this.quill.getSemanticHTML() : findSingle(editorElement, '.ql-editor')?.innerHTML;
-                let text = this.quill.getText().trim();
-                if (html === '<p><br></p>') {
-                    html = null;
-                }
-                this.onTextChange.emit({
-                    htmlValue: html,
-                    textValue: text,
-                    delta: delta,
-                    source: source
-                });
-                this.onModelChange(html);
-                this.onModelTouched();
-            }
-        });
-        this.quill.on('selection-change', (range, oldRange, source) => {
-            this.onSelectionChange.emit({
-                range: range,
-                oldRange: oldRange,
-                source: source
-            });
-        });
-        this.quill.on('editor-change', (eventName, ...args) => {
-            this.onEditorChange.emit({
-                eventName: eventName,
-                args: args
-            });
-        });
-        const editorEl = this.quill.root;
-        this.focusListener = () => {
-            this.onFocus.emit({
-                source: 'user'
-            });
-        };
-        this.blurListener = () => {
-            this.onBlur.emit({
-                source: 'user'
-            });
-        };
-        editorEl.addEventListener('focus', this.focusListener);
-        editorEl.addEventListener('blur', this.blurListener);
-        this.onEditorInit.emit({
-            editor: this.quill
-        });
-    }
-    onDestroy() {
-        if (this.quill && this.quill.root) {
-            const editorEl = this.quill.root;
-            if (this.focusListener) {
-                editorEl.removeEventListener('focus', this.focusListener);
-                this.focusListener = null;
-            }
-            if (this.blurListener) {
-                editorEl.removeEventListener('blur', this.blurListener);
-                this.blurListener = null;
-            }
-        }
-    }
-    initQuillElements() {
-        if (!this.quillElements) {
-            this.quillElements = {
-                editorElement: findSingle(this.el.nativeElement, 'div[data-pc-section="content"]'),
-                toolbarElement: findSingle(this.el.nativeElement, 'div[data-pc-section="toolbar"]')
-            };
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Editor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Editor, isStandalone: true, selector: "h-editor", inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, formats: { classPropertyName: "formats", publicName: "formats", isSignal: true, isRequired: false, transformFunction: null }, modules: { classPropertyName: "modules", publicName: "modules", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: false, transformFunction: null }, scrollingContainer: { classPropertyName: "scrollingContainer", publicName: "scrollingContainer", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onEditorInit: "onInit", onTextChange: "onTextChange", onSelectionChange: "onSelectionChange", onEditorChange: "onEditorChange", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [EDITOR_VALUE_ACCESSOR, EditorStyle, { provide: EDITOR_INSTANCE, useExisting: Editor }, { provide: PARENT_INSTANCE, useExisting: Editor }], queries: [{ propertyName: "toolbar", first: true, predicate: Header, descendants: true, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "@if (toolbar() || headerTemplate() || _headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <ng-content select=\"h-header\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n  </div>\n}\n@if (!toolbar() && !headerTemplate() && !_headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-header\" [hBind]=\"ptm('header')\">\n        <option value=\"1\" [hBind]=\"ptm('option')\">Heading</option>\n        <option value=\"2\" [hBind]=\"ptm('option')\">Subheading</option>\n        <option selected [hBind]=\"ptm('option')\">Normal</option>\n      </select>\n      <select class=\"ql-font\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\">Sans Serif</option>\n        <option value=\"serif\" [hBind]=\"ptm('option')\">Serif</option>\n        <option value=\"monospace\" [hBind]=\"ptm('option')\">Monospace</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-bold\" aria-label=\"Bold\" type=\"button\" [hBind]=\"ptm('bold')\"></button>\n      <button class=\"ql-italic\" aria-label=\"Italic\" type=\"button\" [hBind]=\"ptm('italic')\"></button>\n      <button class=\"ql-underline\" aria-label=\"Underline\" type=\"button\" [hBind]=\"ptm('underline')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-color\" [hBind]=\"ptm('color')\"></select>\n      <select class=\"ql-background\" [hBind]=\"ptm('background')\"></select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-list\" value=\"ordered\" aria-label=\"Ordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <button class=\"ql-list\" value=\"bullet\" aria-label=\"Unordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <select class=\"ql-align\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\"></option>\n        <option value=\"center\" [hBind]=\"ptm('option')\">center</option>\n        <option value=\"right\" [hBind]=\"ptm('option')\">right</option>\n        <option value=\"justify\" [hBind]=\"ptm('option')\">justify</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\" [hBind]=\"ptm('link')\"></button>\n      <button class=\"ql-image\" aria-label=\"Insert Image\" type=\"button\" [hBind]=\"ptm('image')\"></button>\n      <button class=\"ql-code-block\" aria-label=\"Insert Code Block\" type=\"button\" [hBind]=\"ptm('codeBlock')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-clean\" aria-label=\"Remove Styles\" type=\"button\" [hBind]=\"ptm('clean')\"></button>\n    </span>\n  </div>\n}\n<div [class]=\"cx('content')\" [ngStyle]=\"style()\" [hBind]=\"ptm('content')\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Editor, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-editor', standalone: true, imports: [CommonModule, SharedModule, BindModule], providers: [EDITOR_VALUE_ACCESSOR, EditorStyle, { provide: EDITOR_INSTANCE, useExisting: Editor }, { provide: PARENT_INSTANCE, useExisting: Editor }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        '[class]': "cn(cx('root'), styleClass())"
-                    }, hostDirectives: [Bind], template: "@if (toolbar() || headerTemplate() || _headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <ng-content select=\"h-header\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n  </div>\n}\n@if (!toolbar() && !headerTemplate() && !_headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-header\" [hBind]=\"ptm('header')\">\n        <option value=\"1\" [hBind]=\"ptm('option')\">Heading</option>\n        <option value=\"2\" [hBind]=\"ptm('option')\">Subheading</option>\n        <option selected [hBind]=\"ptm('option')\">Normal</option>\n      </select>\n      <select class=\"ql-font\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\">Sans Serif</option>\n        <option value=\"serif\" [hBind]=\"ptm('option')\">Serif</option>\n        <option value=\"monospace\" [hBind]=\"ptm('option')\">Monospace</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-bold\" aria-label=\"Bold\" type=\"button\" [hBind]=\"ptm('bold')\"></button>\n      <button class=\"ql-italic\" aria-label=\"Italic\" type=\"button\" [hBind]=\"ptm('italic')\"></button>\n      <button class=\"ql-underline\" aria-label=\"Underline\" type=\"button\" [hBind]=\"ptm('underline')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-color\" [hBind]=\"ptm('color')\"></select>\n      <select class=\"ql-background\" [hBind]=\"ptm('background')\"></select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-list\" value=\"ordered\" aria-label=\"Ordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <button class=\"ql-list\" value=\"bullet\" aria-label=\"Unordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <select class=\"ql-align\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\"></option>\n        <option value=\"center\" [hBind]=\"ptm('option')\">center</option>\n        <option value=\"right\" [hBind]=\"ptm('option')\">right</option>\n        <option value=\"justify\" [hBind]=\"ptm('option')\">justify</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\" [hBind]=\"ptm('link')\"></button>\n      <button class=\"ql-image\" aria-label=\"Insert Image\" type=\"button\" [hBind]=\"ptm('image')\"></button>\n      <button class=\"ql-code-block\" aria-label=\"Insert Code Block\" type=\"button\" [hBind]=\"ptm('codeBlock')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-clean\" aria-label=\"Remove Styles\" type=\"button\" [hBind]=\"ptm('clean')\"></button>\n    </span>\n  </div>\n}\n<div [class]=\"cx('content')\" [ngStyle]=\"style()\" [hBind]=\"ptm('content')\"></div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], formats: [{ type: i0.Input, args: [{ isSignal: true, alias: "formats", required: false }] }], modules: [{ type: i0.Input, args: [{ isSignal: true, alias: "modules", required: false }] }], bounds: [{ type: i0.Input, args: [{ isSignal: true, alias: "bounds", required: false }] }], scrollingContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollingContainer", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], onEditorInit: [{ type: i0.Output, args: ["onInit"] }], onTextChange: [{ type: i0.Output, args: ["onTextChange"] }], onSelectionChange: [{ type: i0.Output, args: ["onSelectionChange"] }], onEditorChange: [{ type: i0.Output, args: ["onEditorChange"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], toolbar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Header), { isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class EditorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: EditorModule, imports: [Editor, SharedModule], exports: [Editor, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorModule, imports: [Editor, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: EditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Editor, SharedModule],
-                    exports: [Editor, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var Editor = class Editor extends BaseEditableHolder {
+	componentName = "Editor";
+	$pcEditor = inject(EDITOR_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	style = input(...ngDevMode ? [void 0, { debugName: "style" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	placeholder = input(...ngDevMode ? [void 0, { debugName: "placeholder" }] : 	/* istanbul ignore next */ []);
+	formats = input(...ngDevMode ? [void 0, { debugName: "formats" }] : 	/* istanbul ignore next */ []);
+	modules = input(...ngDevMode ? [void 0, { debugName: "modules" }] : 	/* istanbul ignore next */ []);
+	bounds = input(...ngDevMode ? [void 0, { debugName: "bounds" }] : 	/* istanbul ignore next */ []);
+	scrollingContainer = input(...ngDevMode ? [void 0, { debugName: "scrollingContainer" }] : 	/* istanbul ignore next */ []);
+	debug = input(...ngDevMode ? [void 0, { debugName: "debug" }] : 	/* istanbul ignore next */ []);
+	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : 	/* istanbul ignore next */ []);
+	onEditorInit = output({ alias: "onInit" });
+	onTextChange = output();
+	onSelectionChange = output();
+	onEditorChange = output();
+	onFocus = output();
+	onBlur = output();
+	toolbar = contentChild(Header, ...ngDevMode ? [{ debugName: "toolbar" }] : 	/* istanbul ignore next */ []);
+	value;
+	delayedCommand = null;
+	quill;
+	dynamicQuill;
+	headerTemplate = contentChild("header", {
+		...ngDevMode ? { debugName: "headerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_headerTemplate;
+	get isAttachedQuillEditorToDOM() {
+		return this.quillElements?.editorElement?.isConnected;
+	}
+	quillElements;
+	focusListener = null;
+	blurListener = null;
+	_componentStyle = inject(EditorStyle);
+	constructor() {
+		super();
+		effect(() => {
+			const readonly = this.readonly();
+			if (this.quill) if (readonly) this.quill.disable();
+			else this.quill.enable();
+		});
+		afterNextRender(() => {
+			this.initQuillElements();
+			this.initQuillEditor();
+		});
+	}
+	onAfterContentInit() {
+		this.templates().forEach((item) => {
+			switch (item.getType()) {
+				case "header":
+					this._headerTemplate = item.template;
+					break;
+			}
+		});
+	}
+	writeControlValue(value) {
+		this.value = value;
+		if (this.quill) if (value) {
+			const command = () => {
+				this.quill.setContents(this.quill.clipboard.convert(this.dynamicQuill.version.startsWith("2") ? { html: this.value } : this.value));
+			};
+			if (this.isAttachedQuillEditorToDOM) command();
+			else this.delayedCommand = command;
+		} else {
+			const command = () => {
+				this.quill.setText("");
+			};
+			if (this.isAttachedQuillEditorToDOM) command();
+			else this.delayedCommand = command;
+		}
+	}
+	getQuill() {
+		return this.quill;
+	}
+	initQuillEditor() {
+		if (isPlatformServer(this.platformId)) return;
+		if (!this.dynamicQuill) import("quill").then((quillModule) => {
+			this.dynamicQuill = quillModule.default;
+			this.createQuillEditor();
+		}).catch((e) => console.error(e.message));
+		else this.createQuillEditor();
+	}
+	createQuillEditor() {
+		this.initQuillElements();
+		const { toolbarElement, editorElement } = this.quillElements;
+		let defaultModule = { toolbar: toolbarElement };
+		const modulesValue = this.modules();
+		let modules = modulesValue ? {
+			...defaultModule,
+			...modulesValue
+		} : defaultModule;
+		this.quill = new this.dynamicQuill(editorElement, {
+			modules,
+			placeholder: this.placeholder(),
+			readOnly: this.readonly(),
+			theme: "snow",
+			formats: this.formats(),
+			bounds: this.bounds(),
+			debug: this.debug(),
+			scrollingContainer: this.scrollingContainer()
+		});
+		const isQuill2 = this.dynamicQuill.version.startsWith("2");
+		if (this.value) this.quill.setContents(this.quill.clipboard.convert(isQuill2 ? { html: this.value } : this.value));
+		this.quill.on("text-change", (delta, oldContents, source) => {
+			if (source === "user") {
+				let html = isQuill2 ? this.quill.getSemanticHTML() : findSingle(editorElement, ".ql-editor")?.innerHTML;
+				let text = this.quill.getText().trim();
+				if (html === "<p><br></p>") html = null;
+				this.onTextChange.emit({
+					htmlValue: html,
+					textValue: text,
+					delta,
+					source
+				});
+				this.onModelChange(html);
+				this.onModelTouched();
+			}
+		});
+		this.quill.on("selection-change", (range, oldRange, source) => {
+			this.onSelectionChange.emit({
+				range,
+				oldRange,
+				source
+			});
+		});
+		this.quill.on("editor-change", (eventName, ...args) => {
+			this.onEditorChange.emit({
+				eventName,
+				args
+			});
+		});
+		const editorEl = this.quill.root;
+		this.focusListener = () => {
+			this.onFocus.emit({ source: "user" });
+		};
+		this.blurListener = () => {
+			this.onBlur.emit({ source: "user" });
+		};
+		editorEl.addEventListener("focus", this.focusListener);
+		editorEl.addEventListener("blur", this.blurListener);
+		this.onEditorInit.emit({ editor: this.quill });
+	}
+	onDestroy() {
+		if (this.quill && this.quill.root) {
+			const editorEl = this.quill.root;
+			if (this.focusListener) {
+				editorEl.removeEventListener("focus", this.focusListener);
+				this.focusListener = null;
+			}
+			if (this.blurListener) {
+				editorEl.removeEventListener("blur", this.blurListener);
+				this.blurListener = null;
+			}
+		}
+	}
+	initQuillElements() {
+		if (!this.quillElements) this.quillElements = {
+			editorElement: findSingle(this.el.nativeElement, "div[data-pc-section=\"content\"]"),
+			toolbarElement: findSingle(this.el.nativeElement, "div[data-pc-section=\"toolbar\"]")
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Editor,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Editor,
+		isStandalone: true,
+		selector: "h-editor",
+		inputs: {
+			style: {
+				classPropertyName: "style",
+				publicName: "style",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formats: {
+				classPropertyName: "formats",
+				publicName: "formats",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			modules: {
+				classPropertyName: "modules",
+				publicName: "modules",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			bounds: {
+				classPropertyName: "bounds",
+				publicName: "bounds",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			scrollingContainer: {
+				classPropertyName: "scrollingContainer",
+				publicName: "scrollingContainer",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			debug: {
+				classPropertyName: "debug",
+				publicName: "debug",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onEditorInit: "onInit",
+			onTextChange: "onTextChange",
+			onSelectionChange: "onSelectionChange",
+			onEditorChange: "onEditorChange",
+			onFocus: "onFocus",
+			onBlur: "onBlur"
+		},
+		host: { properties: { "class": "cn(cx('root'), styleClass())" } },
+		providers: [
+			EDITOR_VALUE_ACCESSOR,
+			EditorStyle,
+			{
+				provide: EDITOR_INSTANCE,
+				useExisting: Editor
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Editor
+			}
+		],
+		queries: [
+			{
+				propertyName: "toolbar",
+				first: true,
+				predicate: Header,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "headerTemplate",
+				first: true,
+				predicate: ["header"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "@if (toolbar() || headerTemplate() || _headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <ng-content select=\"h-header\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n  </div>\n}\n@if (!toolbar() && !headerTemplate() && !_headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-header\" [hBind]=\"ptm('header')\">\n        <option value=\"1\" [hBind]=\"ptm('option')\">Heading</option>\n        <option value=\"2\" [hBind]=\"ptm('option')\">Subheading</option>\n        <option selected [hBind]=\"ptm('option')\">Normal</option>\n      </select>\n      <select class=\"ql-font\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\">Sans Serif</option>\n        <option value=\"serif\" [hBind]=\"ptm('option')\">Serif</option>\n        <option value=\"monospace\" [hBind]=\"ptm('option')\">Monospace</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-bold\" aria-label=\"Bold\" type=\"button\" [hBind]=\"ptm('bold')\"></button>\n      <button class=\"ql-italic\" aria-label=\"Italic\" type=\"button\" [hBind]=\"ptm('italic')\"></button>\n      <button class=\"ql-underline\" aria-label=\"Underline\" type=\"button\" [hBind]=\"ptm('underline')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-color\" [hBind]=\"ptm('color')\"></select>\n      <select class=\"ql-background\" [hBind]=\"ptm('background')\"></select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-list\" value=\"ordered\" aria-label=\"Ordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <button class=\"ql-list\" value=\"bullet\" aria-label=\"Unordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <select class=\"ql-align\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\"></option>\n        <option value=\"center\" [hBind]=\"ptm('option')\">center</option>\n        <option value=\"right\" [hBind]=\"ptm('option')\">right</option>\n        <option value=\"justify\" [hBind]=\"ptm('option')\">justify</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\" [hBind]=\"ptm('link')\"></button>\n      <button class=\"ql-image\" aria-label=\"Insert Image\" type=\"button\" [hBind]=\"ptm('image')\"></button>\n      <button class=\"ql-code-block\" aria-label=\"Insert Code Block\" type=\"button\" [hBind]=\"ptm('codeBlock')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-clean\" aria-label=\"Remove Styles\" type=\"button\" [hBind]=\"ptm('clean')\"></button>\n    </span>\n  </div>\n}\n<div [class]=\"cx('content')\" [ngStyle]=\"style()\" [hBind]=\"ptm('content')\"></div>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: i2.NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Editor,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-editor",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				BindModule
+			],
+			providers: [
+				EDITOR_VALUE_ACCESSOR,
+				EditorStyle,
+				{
+					provide: EDITOR_INSTANCE,
+					useExisting: Editor
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Editor
+				}
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: { "[class]": "cn(cx('root'), styleClass())" },
+			hostDirectives: [Bind],
+			template: "@if (toolbar() || headerTemplate() || _headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <ng-content select=\"h-header\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n  </div>\n}\n@if (!toolbar() && !headerTemplate() && !_headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-header\" [hBind]=\"ptm('header')\">\n        <option value=\"1\" [hBind]=\"ptm('option')\">Heading</option>\n        <option value=\"2\" [hBind]=\"ptm('option')\">Subheading</option>\n        <option selected [hBind]=\"ptm('option')\">Normal</option>\n      </select>\n      <select class=\"ql-font\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\">Sans Serif</option>\n        <option value=\"serif\" [hBind]=\"ptm('option')\">Serif</option>\n        <option value=\"monospace\" [hBind]=\"ptm('option')\">Monospace</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-bold\" aria-label=\"Bold\" type=\"button\" [hBind]=\"ptm('bold')\"></button>\n      <button class=\"ql-italic\" aria-label=\"Italic\" type=\"button\" [hBind]=\"ptm('italic')\"></button>\n      <button class=\"ql-underline\" aria-label=\"Underline\" type=\"button\" [hBind]=\"ptm('underline')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-color\" [hBind]=\"ptm('color')\"></select>\n      <select class=\"ql-background\" [hBind]=\"ptm('background')\"></select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-list\" value=\"ordered\" aria-label=\"Ordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <button class=\"ql-list\" value=\"bullet\" aria-label=\"Unordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <select class=\"ql-align\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\"></option>\n        <option value=\"center\" [hBind]=\"ptm('option')\">center</option>\n        <option value=\"right\" [hBind]=\"ptm('option')\">right</option>\n        <option value=\"justify\" [hBind]=\"ptm('option')\">justify</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\" [hBind]=\"ptm('link')\"></button>\n      <button class=\"ql-image\" aria-label=\"Insert Image\" type=\"button\" [hBind]=\"ptm('image')\"></button>\n      <button class=\"ql-code-block\" aria-label=\"Insert Code Block\" type=\"button\" [hBind]=\"ptm('codeBlock')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-clean\" aria-label=\"Remove Styles\" type=\"button\" [hBind]=\"ptm('clean')\"></button>\n    </span>\n  </div>\n}\n<div [class]=\"cx('content')\" [ngStyle]=\"style()\" [hBind]=\"ptm('content')\"></div>\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		style: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "style",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		formats: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formats",
+				required: false
+			}]
+		}],
+		modules: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "modules",
+				required: false
+			}]
+		}],
+		bounds: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bounds",
+				required: false
+			}]
+		}],
+		scrollingContainer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scrollingContainer",
+				required: false
+			}]
+		}],
+		debug: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "debug",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		onEditorInit: [{
+			type: i0.Output,
+			args: ["onInit"]
+		}],
+		onTextChange: [{
+			type: i0.Output,
+			args: ["onTextChange"]
+		}],
+		onSelectionChange: [{
+			type: i0.Output,
+			args: ["onSelectionChange"]
+		}],
+		onEditorChange: [{
+			type: i0.Output,
+			args: ["onEditorChange"]
+		}],
+		onFocus: [{
+			type: i0.Output,
+			args: ["onFocus"]
+		}],
+		onBlur: [{
+			type: i0.Output,
+			args: ["onBlur"]
+		}],
+		toolbar: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => Header), { isSignal: true }]
+		}],
+		headerTemplate: [{
+			type: i0.ContentChild,
+			args: ["header", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var EditorModule = class EditorModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: EditorModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: EditorModule,
+		imports: [Editor, SharedModule],
+		exports: [Editor, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: EditorModule,
+		imports: [
+			Editor,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: EditorModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Editor, SharedModule],
+			exports: [Editor, SharedModule]
+		}]
+	}]
+});
 export { EDITOR_VALUE_ACCESSOR, Editor, EditorClasses, EditorModule, EditorStyle };
-//# sourceMappingURL=gravionlabs-helix-core-editor.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-editor.mjs.map