@semantic-components/editor 0.62.0 → 0.64.0

package/esm2022/lib/components/editor/editor-underline-button.js

@@ -0,0 +1,37 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorUnderlineButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.editor.isUnderline() && 'bg-accent text-accent-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('underline');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorUnderlineButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorUnderlineButton, isStandalone: true, selector: "button[sc-editor-underline]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-underline", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled()", "attr.aria-pressed": "editor.isUnderline()", "attr.title": "\"Underline (Ctrl+U)\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorUnderlineButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-underline]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-underline',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled()',
+                        '[attr.aria-pressed]': 'editor.isUnderline()',
+                        '[attr.title]': '"Underline (Ctrl+U)"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-underline-button.js.map

package/esm2022/lib/components/editor/editor-underline-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-underline-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-underline-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAmBrC,MAAM,OAAO,uBAAuB;IACzB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,kCAAkC,EAC/D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;uGAdU,uBAAuB;2FAAvB,uBAAuB,ifAfxB;;GAET;;2FAaU,uBAAuB;kBAjBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,mBAAmB;wBACjC,qBAAqB,EAAE,sBAAsB;wBAC7C,cAAc,EAAE,sBAAsB;wBACtC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-underline]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-underline',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled()',\n    '[attr.aria-pressed]': 'editor.isUnderline()',\n    '[attr.title]': '\"Underline (Ctrl+U)\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorUnderlineButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.editor.isUnderline() && 'bg-accent text-accent-foreground',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('underline');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-undo-button.js

@@ -0,0 +1,36 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorUndoButton {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.editor.execCommand('undo');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorUndoButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorUndoButton, isStandalone: true, selector: "button[sc-editor-undo]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-undo", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()", "disabled": "editor.disabled() || !editor.canUndo()", "attr.title": "\"Undo (Ctrl+Z)\"" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorUndoButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-editor-undo]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'editor-undo',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'editor.disabled() || !editor.canUndo()',
+                        '[attr.title]': '"Undo (Ctrl+Z)"',
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-undo-button.js.map

package/esm2022/lib/components/editor/editor-undo-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-undo-button.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-undo-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAkBrC,MAAM,OAAO,kBAAkB;IACpB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kEAAkE,EAClE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;uGAbU,kBAAkB;2FAAlB,kBAAkB,0cAdnB;;GAET;;2FAYU,kBAAkB;kBAhB9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,wCAAwC;wBACtD,cAAc,EAAE,iBAAiB;wBACjC,SAAS,EAAE,WAAW;qBACvB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'button[sc-editor-undo]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'editor-undo',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'editor.disabled() || !editor.canUndo()',\n    '[attr.title]': '\"Undo (Ctrl+Z)\"',\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorUndoButton {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'p-1.5 rounded hover:bg-accent disabled:opacity-50 [&_svg]:size-4',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.editor.execCommand('undo');\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor-word-count.js

@@ -0,0 +1,42 @@
+import { Component, ChangeDetectionStrategy, computed, input, inject, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { SC_EDITOR } from './editor';
+import * as i0 from "@angular/core";
+export class ScEditorWordCount {
+    editor = inject(SC_EDITOR);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    wordCount = computed(() => {
+        const text = this.getPlainText().trim();
+        if (!text)
+            return 0;
+        return text.split(/\s+/).filter(Boolean).length;
+    }, ...(ngDevMode ? [{ debugName: "wordCount" }] : []));
+    getPlainText() {
+        const editorInstance = this.editor.editorInstance();
+        if (editorInstance) {
+            return editorInstance.getText();
+        }
+        return this.editor.contentElement()?.textContent || '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorWordCount, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScEditorWordCount, isStandalone: true, selector: "span[sc-editor-word-count]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor-word-count" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    {{ wordCount() }} words
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditorWordCount, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[sc-editor-word-count]',
+                    template: `
+    {{ wordCount() }} words
+  `,
+                    host: {
+                        'data-slot': 'editor-word-count',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=editor-word-count.js.map

package/esm2022/lib/components/editor/editor-word-count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-word-count.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor-word-count.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;;AAcrC,MAAM,OAAO,iBAAiB;IACnB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAElD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC;QACxC,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,CAAC;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAClD,CAAC,qDAAC,CAAC;IAEK,YAAY;QAClB,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;QACpD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC,OAAO,EAAE,CAAC;QAClC,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,WAAW,IAAI,EAAE,CAAC;IACzD,CAAC;uGAlBU,iBAAiB;2FAAjB,iBAAiB,oUAVlB;;GAET;;2FAQU,iBAAiB;kBAZ7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  computed,\n  input,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { SC_EDITOR } from './editor';\n\n@Component({\n  selector: 'span[sc-editor-word-count]',\n  template: `\n    {{ wordCount() }} words\n  `,\n  host: {\n    'data-slot': 'editor-word-count',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScEditorWordCount {\n  readonly editor = inject(SC_EDITOR);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  protected readonly wordCount = computed(() => {\n    const text = this.getPlainText().trim();\n    if (!text) return 0;\n    return text.split(/\\s+/).filter(Boolean).length;\n  });\n\n  private getPlainText(): string {\n    const editorInstance = this.editor.editorInstance();\n    if (editorInstance) {\n      return editorInstance.getText();\n    }\n    return this.editor.contentElement()?.textContent || '';\n  }\n}\n"]}

package/esm2022/lib/components/editor/editor.js

@@ -0,0 +1,197 @@
+import { Directive, InjectionToken, input, signal } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import Placeholder from '@tiptap/extension-placeholder';
+import TextAlign from '@tiptap/extension-text-align';
+import StarterKit from '@tiptap/starter-kit';
+import * as i0 from "@angular/core";
+export const SC_EDITOR = new InjectionToken('SC_EDITOR');
+export class ScEditor {
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    // State signals
+    isBold = signal(false, ...(ngDevMode ? [{ debugName: "isBold" }] : []));
+    isItalic = signal(false, ...(ngDevMode ? [{ debugName: "isItalic" }] : []));
+    isUnderline = signal(false, ...(ngDevMode ? [{ debugName: "isUnderline" }] : []));
+    isStrikethrough = signal(false, ...(ngDevMode ? [{ debugName: "isStrikethrough" }] : []));
+    isOrderedList = signal(false, ...(ngDevMode ? [{ debugName: "isOrderedList" }] : []));
+    isUnorderedList = signal(false, ...(ngDevMode ? [{ debugName: "isUnorderedList" }] : []));
+    isBlockquote = signal(false, ...(ngDevMode ? [{ debugName: "isBlockquote" }] : []));
+    alignment = signal('left', ...(ngDevMode ? [{ debugName: "alignment" }] : []));
+    currentHeading = signal('p', ...(ngDevMode ? [{ debugName: "currentHeading" }] : []));
+    canUndo = signal(false, ...(ngDevMode ? [{ debugName: "canUndo" }] : []));
+    canRedo = signal(false, ...(ngDevMode ? [{ debugName: "canRedo" }] : []));
+    // Reference to content element
+    contentElement = signal(null, ...(ngDevMode ? [{ debugName: "contentElement" }] : []));
+    // Tiptap editor instance
+    editorInstance = signal(null, ...(ngDevMode ? [{ debugName: "editorInstance" }] : []));
+    // Initialize Tiptap editor
+    initializeEditor(element, initialContent, placeholder = 'Start typing...') {
+        const editor = new Editor({
+            element,
+            extensions: [
+                StarterKit.configure({
+                    link: {
+                        openOnClick: false,
+                        HTMLAttributes: {
+                            target: '_blank',
+                            rel: 'noopener noreferrer',
+                        },
+                    },
+                }),
+                TextAlign.configure({
+                    types: ['heading', 'paragraph'],
+                }),
+                Placeholder.configure({
+                    placeholder,
+                }),
+            ],
+            content: initialContent,
+            editable: !this.disabled() && !this.readonly(),
+            onUpdate: () => {
+                this.updateToolbarState();
+            },
+            onSelectionUpdate: () => {
+                this.updateToolbarState();
+            },
+        });
+        this.editorInstance.set(editor);
+        this.contentElement.set(element);
+    }
+    // Execute a formatting command
+    execCommand(command, value) {
+        if (this.disabled() || this.readonly())
+            return;
+        const editor = this.editorInstance();
+        if (!editor)
+            return;
+        editor.chain().focus();
+        switch (command) {
+            case 'bold':
+                editor.chain().focus().toggleBold().run();
+                break;
+            case 'italic':
+                editor.chain().focus().toggleItalic().run();
+                break;
+            case 'underline':
+                editor.chain().focus().toggleUnderline().run();
+                break;
+            case 'strikethrough':
+                editor.chain().focus().toggleStrike().run();
+                break;
+            case 'insertUnorderedList':
+                editor.chain().focus().toggleBulletList().run();
+                break;
+            case 'insertOrderedList':
+                editor.chain().focus().toggleOrderedList().run();
+                break;
+            case 'justifyLeft':
+                editor.chain().focus().setTextAlign('left').run();
+                break;
+            case 'justifyCenter':
+                editor.chain().focus().setTextAlign('center').run();
+                break;
+            case 'justifyRight':
+                editor.chain().focus().setTextAlign('right').run();
+                break;
+            case 'justifyFull':
+                editor.chain().focus().setTextAlign('justify').run();
+                break;
+            case 'formatBlock':
+                if (value === 'blockquote') {
+                    editor.chain().focus().toggleBlockquote().run();
+                }
+                else if (value && value !== 'p') {
+                    const level = parseInt(value.replace('h', ''));
+                    editor.chain().focus().setHeading({ level }).run();
+                }
+                else {
+                    editor.chain().focus().setParagraph().run();
+                }
+                break;
+            case 'createLink':
+                if (value) {
+                    editor.chain().focus().setLink({ href: value }).run();
+                }
+                break;
+            case 'insertHTML':
+                if (value) {
+                    editor.chain().focus().insertContent(value).run();
+                }
+                break;
+            case 'insertHorizontalRule':
+                editor.chain().focus().setHorizontalRule().run();
+                break;
+            case 'removeFormat':
+                editor.chain().focus().clearNodes().unsetAllMarks().run();
+                break;
+            case 'undo':
+                editor.chain().focus().undo().run();
+                break;
+            case 'redo':
+                editor.chain().focus().redo().run();
+                break;
+        }
+    }
+    // Destroy editor
+    destroyEditor() {
+        this.editorInstance()?.destroy();
+        this.editorInstance.set(null);
+    }
+    // Update toolbar state based on current selection
+    updateToolbarState() {
+        const editor = this.editorInstance();
+        if (!editor)
+            return;
+        this.isBold.set(editor.isActive('bold'));
+        this.isItalic.set(editor.isActive('italic'));
+        this.isUnderline.set(editor.isActive('underline'));
+        this.isStrikethrough.set(editor.isActive('strike'));
+        this.isOrderedList.set(editor.isActive('orderedList'));
+        this.isUnorderedList.set(editor.isActive('bulletList'));
+        this.isBlockquote.set(editor.isActive('blockquote'));
+        // Check alignment
+        if (editor.isActive({ textAlign: 'left' })) {
+            this.alignment.set('left');
+        }
+        else if (editor.isActive({ textAlign: 'center' })) {
+            this.alignment.set('center');
+        }
+        else if (editor.isActive({ textAlign: 'right' })) {
+            this.alignment.set('right');
+        }
+        else if (editor.isActive({ textAlign: 'justify' })) {
+            this.alignment.set('justify');
+        }
+        else {
+            this.alignment.set('left'); // default
+        }
+        // Check heading level
+        for (let level = 1; level <= 6; level++) {
+            if (editor.isActive('heading', { level })) {
+                this.currentHeading.set(`h${level}`);
+                this.canUndo.set(editor.can().undo());
+                this.canRedo.set(editor.can().redo());
+                return;
+            }
+        }
+        this.currentHeading.set('p');
+        // Check undo/redo availability
+        this.canUndo.set(editor.can().undo());
+        this.canRedo.set(editor.can().redo());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScEditor, isStandalone: true, selector: "[sc-editor]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "editor" }, properties: { "attr.data-disabled": "disabled() || null" } }, providers: [{ provide: SC_EDITOR, useExisting: ScEditor }], exportAs: ["scEditor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScEditor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sc-editor]',
+                    exportAs: 'scEditor',
+                    providers: [{ provide: SC_EDITOR, useExisting: ScEditor }],
+                    host: {
+                        'data-slot': 'editor',
+                        '[attr.data-disabled]': 'disabled() || null',
+                    },
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
+//# sourceMappingURL=editor.js.map

package/esm2022/lib/components/editor/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, InjectionToken, input, signal } from '@angular/core';\nimport { Editor } from '@tiptap/core';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport TextAlign from '@tiptap/extension-text-align';\nimport StarterKit from '@tiptap/starter-kit';\n\nexport type ScEditorAlignment = 'left' | 'center' | 'right' | 'justify';\nexport type ScEditorHeading = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport const SC_EDITOR = new InjectionToken<ScEditor>('SC_EDITOR');\n\n@Directive({\n  selector: '[sc-editor]',\n  exportAs: 'scEditor',\n  providers: [{ provide: SC_EDITOR, useExisting: ScEditor }],\n  host: {\n    'data-slot': 'editor',\n    '[attr.data-disabled]': 'disabled() || null',\n  },\n})\nexport class ScEditor {\n  readonly disabled = input<boolean>(false);\n  readonly readonly = input<boolean>(false);\n\n  // State signals\n  readonly isBold = signal(false);\n  readonly isItalic = signal(false);\n  readonly isUnderline = signal(false);\n  readonly isStrikethrough = signal(false);\n  readonly isOrderedList = signal(false);\n  readonly isUnorderedList = signal(false);\n  readonly isBlockquote = signal(false);\n  readonly alignment = signal<ScEditorAlignment>('left');\n  readonly currentHeading = signal<ScEditorHeading>('p');\n  readonly canUndo = signal(false);\n  readonly canRedo = signal(false);\n\n  // Reference to content element\n  readonly contentElement = signal<HTMLElement | null>(null);\n\n  // Tiptap editor instance\n  readonly editorInstance = signal<Editor | null>(null);\n\n  // Initialize Tiptap editor\n  initializeEditor(\n    element: HTMLElement,\n    initialContent: string,\n    placeholder = 'Start typing...',\n  ): void {\n    const editor = new Editor({\n      element,\n      extensions: [\n        StarterKit.configure({\n          link: {\n            openOnClick: false,\n            HTMLAttributes: {\n              target: '_blank',\n              rel: 'noopener noreferrer',\n            },\n          },\n        }),\n        TextAlign.configure({\n          types: ['heading', 'paragraph'],\n        }),\n        Placeholder.configure({\n          placeholder,\n        }),\n      ],\n      content: initialContent,\n      editable: !this.disabled() && !this.readonly(),\n      onUpdate: () => {\n        this.updateToolbarState();\n      },\n      onSelectionUpdate: () => {\n        this.updateToolbarState();\n      },\n    });\n\n    this.editorInstance.set(editor);\n    this.contentElement.set(element);\n  }\n\n  // Execute a formatting command\n  execCommand(command: string, value?: string): void {\n    if (this.disabled() || this.readonly()) return;\n\n    const editor = this.editorInstance();\n    if (!editor) return;\n\n    editor.chain().focus();\n\n    switch (command) {\n      case 'bold':\n        editor.chain().focus().toggleBold().run();\n        break;\n      case 'italic':\n        editor.chain().focus().toggleItalic().run();\n        break;\n      case 'underline':\n        editor.chain().focus().toggleUnderline().run();\n        break;\n      case 'strikethrough':\n        editor.chain().focus().toggleStrike().run();\n        break;\n      case 'insertUnorderedList':\n        editor.chain().focus().toggleBulletList().run();\n        break;\n      case 'insertOrderedList':\n        editor.chain().focus().toggleOrderedList().run();\n        break;\n      case 'justifyLeft':\n        editor.chain().focus().setTextAlign('left').run();\n        break;\n      case 'justifyCenter':\n        editor.chain().focus().setTextAlign('center').run();\n        break;\n      case 'justifyRight':\n        editor.chain().focus().setTextAlign('right').run();\n        break;\n      case 'justifyFull':\n        editor.chain().focus().setTextAlign('justify').run();\n        break;\n      case 'formatBlock':\n        if (value === 'blockquote') {\n          editor.chain().focus().toggleBlockquote().run();\n        } else if (value && value !== 'p') {\n          const level = parseInt(value.replace('h', '')) as\n            | 1\n            | 2\n            | 3\n            | 4\n            | 5\n            | 6;\n          editor.chain().focus().setHeading({ level }).run();\n        } else {\n          editor.chain().focus().setParagraph().run();\n        }\n        break;\n      case 'createLink':\n        if (value) {\n          editor.chain().focus().setLink({ href: value }).run();\n        }\n        break;\n      case 'insertHTML':\n        if (value) {\n          editor.chain().focus().insertContent(value).run();\n        }\n        break;\n      case 'insertHorizontalRule':\n        editor.chain().focus().setHorizontalRule().run();\n        break;\n      case 'removeFormat':\n        editor.chain().focus().clearNodes().unsetAllMarks().run();\n        break;\n      case 'undo':\n        editor.chain().focus().undo().run();\n        break;\n      case 'redo':\n        editor.chain().focus().redo().run();\n        break;\n    }\n  }\n\n  // Destroy editor\n  destroyEditor(): void {\n    this.editorInstance()?.destroy();\n    this.editorInstance.set(null);\n  }\n\n  // Update toolbar state based on current selection\n  updateToolbarState(): void {\n    const editor = this.editorInstance();\n    if (!editor) return;\n\n    this.isBold.set(editor.isActive('bold'));\n    this.isItalic.set(editor.isActive('italic'));\n    this.isUnderline.set(editor.isActive('underline'));\n    this.isStrikethrough.set(editor.isActive('strike'));\n    this.isOrderedList.set(editor.isActive('orderedList'));\n    this.isUnorderedList.set(editor.isActive('bulletList'));\n    this.isBlockquote.set(editor.isActive('blockquote'));\n\n    // Check alignment\n    if (editor.isActive({ textAlign: 'left' })) {\n      this.alignment.set('left');\n    } else if (editor.isActive({ textAlign: 'center' })) {\n      this.alignment.set('center');\n    } else if (editor.isActive({ textAlign: 'right' })) {\n      this.alignment.set('right');\n    } else if (editor.isActive({ textAlign: 'justify' })) {\n      this.alignment.set('justify');\n    } else {\n      this.alignment.set('left'); // default\n    }\n\n    // Check heading level\n    for (let level = 1; level <= 6; level++) {\n      if (editor.isActive('heading', { level })) {\n        this.currentHeading.set(`h${level}` as ScEditorHeading);\n        this.canUndo.set(editor.can().undo());\n        this.canRedo.set(editor.can().redo());\n        return;\n      }\n    }\n    this.currentHeading.set('p');\n\n    // Check undo/redo availability\n    this.canUndo.set(editor.can().undo());\n    this.canRedo.set(editor.can().redo());\n  }\n}\n"]}

package/{src/lib/components/editor/index.ts → esm2022/lib/components/editor/index.js}

@@ -1,45 +1,38 @@
 // Root directive
 export * from './editor';
-
 // Content component
 export * from './editor-content';
-
 // Container components
 export * from './editor-toolbar';
 export * from './editor-toolbar-group';
 export * from './editor-header';
 export * from './editor-footer';
 export * from './editor-separator';
-
 // Formatting buttons
 export * from './editor-bold-button';
 export * from './editor-italic-button';
 export * from './editor-underline-button';
 export * from './editor-strikethrough-button';
-
 // History buttons
 export * from './editor-undo-button';
 export * from './editor-redo-button';
-
 // Alignment buttons
 export * from './editor-align-left-button';
 export * from './editor-align-center-button';
 export * from './editor-align-right-button';
 export * from './editor-align-justify-button';
-
 // List buttons
 export * from './editor-bullet-list-button';
 export * from './editor-numbered-list-button';
-
 // Content buttons
 export * from './editor-link-button';
 export * from './editor-blockquote-button';
 export * from './editor-code-button';
 export * from './editor-horizontal-rule-button';
 export * from './editor-clear-formatting-button';
-
 // Utility components
 export * from './editor-heading-select';
 export * from './editor-count';
 export * from './editor-word-count';
 export * from './editor-char-count';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/editor/src/lib/components/editor/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,cAAc,UAAU,CAAC;AAEzB,oBAAoB;AACpB,cAAc,kBAAkB,CAAC;AAEjC,uBAAuB;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AAEnC,qBAAqB;AACrB,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAE9C,kBAAkB;AAClB,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAErC,oBAAoB;AACpB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAE9C,eAAe;AACf,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAE9C,kBAAkB;AAClB,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AAEjD,qBAAqB;AACrB,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC","sourcesContent":["// Root directive\nexport * from './editor';\n\n// Content component\nexport * from './editor-content';\n\n// Container components\nexport * from './editor-toolbar';\nexport * from './editor-toolbar-group';\nexport * from './editor-header';\nexport * from './editor-footer';\nexport * from './editor-separator';\n\n// Formatting buttons\nexport * from './editor-bold-button';\nexport * from './editor-italic-button';\nexport * from './editor-underline-button';\nexport * from './editor-strikethrough-button';\n\n// History buttons\nexport * from './editor-undo-button';\nexport * from './editor-redo-button';\n\n// Alignment buttons\nexport * from './editor-align-left-button';\nexport * from './editor-align-center-button';\nexport * from './editor-align-right-button';\nexport * from './editor-align-justify-button';\n\n// List buttons\nexport * from './editor-bullet-list-button';\nexport * from './editor-numbered-list-button';\n\n// Content buttons\nexport * from './editor-link-button';\nexport * from './editor-blockquote-button';\nexport * from './editor-code-button';\nexport * from './editor-horizontal-rule-button';\nexport * from './editor-clear-formatting-button';\n\n// Utility components\nexport * from './editor-heading-select';\nexport * from './editor-count';\nexport * from './editor-word-count';\nexport * from './editor-char-count';\n"]}

package/esm2022/lib/components/index.js

@@ -0,0 +1,2 @@
+export * from './editor';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './editor';\n"]}

package/esm2022/semantic-components-editor.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=semantic-components-editor.js.map

package/esm2022/semantic-components-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-components-editor.js","sourceRoot":"","sources":["../../../../libs/editor/src/semantic-components-editor.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/lib/components/editor/editor-align-center-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorAlignCenterButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorAlignCenterButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorAlignCenterButton, "button[sc-editor-align-center]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-align-justify-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorAlignJustifyButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorAlignJustifyButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorAlignJustifyButton, "button[sc-editor-align-justify]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-align-left-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorAlignLeftButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorAlignLeftButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorAlignLeftButton, "button[sc-editor-align-left]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-align-right-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorAlignRightButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorAlignRightButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorAlignRightButton, "button[sc-editor-align-right]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-blockquote-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorBlockquoteButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBlockquoteButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBlockquoteButton, "button[sc-editor-blockquote]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-bold-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorBoldButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBoldButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBoldButton, "button[sc-editor-bold]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-bullet-list-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorBulletListButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorBulletListButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorBulletListButton, "button[sc-editor-bullet-list]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-char-count.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorCharCount {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    protected readonly charCount: import("@angular/core").Signal<number>;
+    private getPlainText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorCharCount, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorCharCount, "span[sc-editor-char-count]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/editor/editor-clear-formatting-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorClearFormattingButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorClearFormattingButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorClearFormattingButton, "button[sc-editor-clear-formatting]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-code-button.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorCodeButton {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorCodeButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorCodeButton, "button[sc-editor-code]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-content.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorContent {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    private readonly elementRef;
+    private readonly destroyRef;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly focus: import("@angular/core").OutputEmitterRef<void>;
+    readonly blur: import("@angular/core").OutputEmitterRef<void>;
+    private readonly isFocused;
+    private isInitialized;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorContent, "div[sc-editor-content]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
+}

package/lib/components/editor/editor-count.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorCount {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorCount, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorCount, "div[sc-editor-count]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-footer.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorFooter {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorFooter, "div[sc-editor-footer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-header.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorHeader {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorHeader, "div[sc-editor-header]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/editor/editor-heading-select.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScEditorHeadingSelect {
+    readonly editor: import("@semantic-components/editor").ScEditor;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    onChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScEditorHeadingSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScEditorHeadingSelect, "select[sc-editor-heading]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}