@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, viewChild, input, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { C as ContentBuilderStore, a as CONTENT_BUILDER, b as CONTENT_EDITOR_BLOCK } from './ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { EditorView, keymap } from '@codemirror/view';
+import { basicSetup } from 'codemirror';
+import { Compartment } from '@codemirror/state';
+import { Menu, MenuItem, MenuTrigger } from '@ngstarter-ui/components/menu';
+import { Button } from '@ngstarter-ui/components/button';
+import { githubLight } from '@uiw/codemirror-theme-github';
+import { indentWithTab } from '@codemirror/commands';
+import { DOCUMENT } from '@angular/common';
+
+class CodeBlockComponent {
+    _store = inject(ContentBuilderStore);
+    _contentBuilder = inject(CONTENT_BUILDER);
+    _destroyRef = inject(DestroyRef);
+    document = inject(DOCUMENT);
+    _contentRef = viewChild.required('contentRef');
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
+    index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    placeholder = input('Write your code here', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    _languageList = signal([
+        {
+            language: 'none',
+            name: 'None',
+            library: () => new Promise(() => { })
+        },
+        {
+            language: 'angular',
+            name: 'Angular',
+            library: () => import('@codemirror/lang-angular').then(lang => lang.angular())
+        },
+        {
+            language: 'javascript',
+            name: 'JavaScript',
+            library: () => import('@codemirror/lang-javascript').then(lang => lang.javascript())
+        },
+        {
+            language: 'typescript',
+            name: 'TypeScript',
+            library: () => import('@codemirror/lang-javascript').then(lang => lang.javascript({ typescript: true }))
+        },
+        {
+            language: 'html',
+            name: 'HTML',
+            library: () => import('@codemirror/lang-html').then(lang => lang.html())
+        },
+        {
+            language: 'css',
+            name: 'CSS',
+            library: () => import('@codemirror/lang-css').then(lang => lang.css())
+        },
+        {
+            language: 'sass',
+            name: 'Sass',
+            library: () => import('@codemirror/lang-sass').then(lang => lang.sass())
+        },
+        {
+            language: 'json',
+            name: 'JSON',
+            library: () => import('@codemirror/lang-json').then(lang => lang.json())
+        }
+    ], ...(ngDevMode ? [{ debugName: "_languageList" }] : /* istanbul ignore next */ []));
+    _code = signal('', ...(ngDevMode ? [{ debugName: "_code" }] : /* istanbul ignore next */ []));
+    _language = signal(this._languageList()[0], ...(ngDevMode ? [{ debugName: "_language" }] : /* istanbul ignore next */ []));
+    _isEmpty = signal(true, ...(ngDevMode ? [{ debugName: "_isEmpty" }] : /* istanbul ignore next */ []));
+    _editorView;
+    _editorLanguage = new Compartment();
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    async ngOnInit() {
+        const codeLanguage = this._languageList().find(codeLanguage => codeLanguage.language === this.settings().language);
+        if (codeLanguage) {
+            this._language.set(codeLanguage);
+        }
+        this._code.set(this.content() || '');
+        this._isEmpty.set(this._code().trim().length === 0);
+        this._contentBuilder
+            .focusChanged
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            if (this._store.focusedBlockId() === this.id()) {
+                this.focus();
+            }
+        });
+        this._editorView = new EditorView({
+            doc: this._code(),
+            parent: this._contentRef().nativeElement,
+            extensions: [
+                basicSetup,
+                githubLight,
+                keymap.of([indentWithTab]),
+                this._editorLanguage.of([]),
+                EditorView.updateListener.of((v) => {
+                    if (v.docChanged) {
+                        this.update();
+                    }
+                })
+            ],
+        });
+        await this.selectLanguage(this._language());
+        this._editorView.contentDOM.style.width = '0';
+        this._editorView.focus();
+        this.initialized.set(true);
+    }
+    ngOnDestroy() {
+        this._editorView.destroy();
+    }
+    focus() {
+        this._editorView.focus();
+    }
+    getData() {
+        return {
+            content: this._editorView.state.doc.toString(),
+            settings: {
+                ...this.settings(),
+                language: this._language().language
+            }
+        };
+    }
+    isEmpty() {
+        return this._editorView.state.doc.toString().trim().length === 0;
+    }
+    async selectLanguage(codeLanguage) {
+        this._language.set(codeLanguage);
+        if (codeLanguage.language === 'none') {
+            this._editorView.dispatch({
+                effects: this._editorLanguage.reconfigure([])
+            });
+        }
+        else {
+            const language = await this._language().library();
+            this._editorView.dispatch({
+                effects: this._editorLanguage.reconfigure(language)
+            });
+        }
+        this.update();
+    }
+    update() {
+        this._store.updateBlock(this.id(), { ...this.getData(), isEmpty: this.isEmpty() });
+        this._contentBuilder.emitContentChangeEvent();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CodeBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: CodeBlockComponent, isStandalone: true, selector: "ngs-code-block", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngs-code-block" }, providers: [
+            {
+                provide: CONTENT_EDITOR_BLOCK,
+                useExisting: forwardRef(() => CodeBlockComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "_contentRef", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"bg-surface-container rounded-xl\">\n  <div class=\"border-b border-b-default h-12 header\">\n    <button ngsButton [ngsMenuTriggerFor]=\"languageListMenu\" class=\"-ms-2\">{{ _language().name }}</button>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-code\" #contentRef></div>\n  </div>\n</div>\n\n<ngs-menu #languageListMenu=\"ngsMenu\">\n  @for (languageItem of _languageList(); track $index) {\n    <button ngs-menu-item (click)=\"selectLanguage(languageItem)\"\n            class=\"[&.is-active]:!bg-secondary-fixed\"\n            [class.is-active]=\"languageItem.language === _language().language\">{{ languageItem.name }}</button>\n  }\n</ngs-menu>\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 3) 0}:host .header{display:flex;align-items:center;padding:0 calc(var(--spacing, .25rem) * 4)}:host .language-trigger{font-size:var(--text-sm);cursor:pointer}:host .content{outline:none;font-size:var(--text-sm);padding:calc(var(--spacing, .25rem) * 2);min-width:0}:host .content .content-code{min-width:0}:host .content .content-code ::ng-deep .cm-editor{border-radius:.5rem}:host .content .content-code ::ng-deep .cm-scroller{border-radius:.5rem;overflow-x:auto}:host .content .content-code ::ng-deep .cm-content,:host .content .content-code ::ng-deep .cm-gutter{min-height:160px}:host-context(.block.is-active) .content:empty:before,:host-context(.block.is-focused) .content:empty:before{content:attr(data-empty-placeholder);color:var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Menu, selector: "ngs-menu", inputs: ["role", "classList", "xPosition", "yPosition"], outputs: ["closed"], exportAs: ["ngsMenu"] }, { kind: "component", type: MenuItem, selector: "ngs-menu-item, [ngs-menu-item]", inputs: ["disabled", "role", "selected"], outputs: ["_triggered"], exportAs: ["ngsMenuItem"] }, { kind: "directive", type: MenuTrigger, selector: "[ngsMenuTriggerFor]", inputs: ["ngsMenuTriggerFor", "ngsMenuTriggerData", "ngsMenuDisabled", "xPosition", "yPosition", "ngsMenuTriggerRestoreFocus"], outputs: ["menuOpened", "menuClosed"], exportAs: ["ngsMenuTrigger"] }, { kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CodeBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-code-block', imports: [
+                        Menu,
+                        MenuItem,
+                        MenuTrigger,
+                        Button
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: CONTENT_EDITOR_BLOCK,
+                            useExisting: forwardRef(() => CodeBlockComponent),
+                            multi: true
+                        }
+                    ], host: {
+                        'class': 'ngs-code-block',
+                    }, template: "<div class=\"bg-surface-container rounded-xl\">\n  <div class=\"border-b border-b-default h-12 header\">\n    <button ngsButton [ngsMenuTriggerFor]=\"languageListMenu\" class=\"-ms-2\">{{ _language().name }}</button>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-code\" #contentRef></div>\n  </div>\n</div>\n\n<ngs-menu #languageListMenu=\"ngsMenu\">\n  @for (languageItem of _languageList(); track $index) {\n    <button ngs-menu-item (click)=\"selectLanguage(languageItem)\"\n            class=\"[&.is-active]:!bg-secondary-fixed\"\n            [class.is-active]=\"languageItem.language === _language().language\">{{ languageItem.name }}</button>\n  }\n</ngs-menu>\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 3) 0}:host .header{display:flex;align-items:center;padding:0 calc(var(--spacing, .25rem) * 4)}:host .language-trigger{font-size:var(--text-sm);cursor:pointer}:host .content{outline:none;font-size:var(--text-sm);padding:calc(var(--spacing, .25rem) * 2);min-width:0}:host .content .content-code{min-width:0}:host .content .content-code ::ng-deep .cm-editor{border-radius:.5rem}:host .content .content-code ::ng-deep .cm-scroller{border-radius:.5rem;overflow-x:auto}:host .content .content-code ::ng-deep .cm-content,:host .content .content-code ::ng-deep .cm-gutter{min-height:160px}:host-context(.block.is-active) .content:empty:before,:host-context(.block.is-focused) .content:empty:before{content:attr(data-empty-placeholder);color:var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _contentRef: [{ type: i0.ViewChild, args: ['contentRef', { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+
+export { CodeBlockComponent };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs","sources":["../../../projects/components/content-editor/src/_builder/code-block/code-block.component.ts","../../../projects/components/content-editor/src/_builder/code-block/code-block.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef, forwardRef,\n  inject,\n  input, OnDestroy,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport {\n  CONTENT_BUILDER,\n  CONTENT_EDITOR_BLOCK,\n  ContentEditorDataBlock\n} from '../../types';\nimport { ContentBuilderStore } from '../../content-builder.store';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { EditorView, keymap, ViewUpdate } from '@codemirror/view';\nimport { basicSetup } from 'codemirror';\nimport { Compartment } from '@codemirror/state';\nimport { Menu, MenuItem, MenuTrigger } from '@ngstarter-ui/components/menu';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { githubLight } from '@uiw/codemirror-theme-github';\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { ContentBuilderComponent } from '../../content-builder/content-builder.component';\nimport { DOCUMENT } from '@angular/common';\n\nexport interface ContentEditorCodeBlockSettings {\n  language: string;\n}\n\nexport interface ContentEditorCodeLanguage {\n  language: string;\n  name: string;\n  library: () => Promise<any>;\n}\n\n@Component({\n  selector: 'ngs-code-block',\n  imports: [\n    Menu,\n    MenuItem,\n    MenuTrigger,\n    Button\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './code-block.component.html',\n  styleUrl: './code-block.component.scss',\n  providers: [\n    {\n      provide: CONTENT_EDITOR_BLOCK,\n      useExisting: forwardRef(() => CodeBlockComponent),\n      multi: true\n    }\n  ],\n  host: {\n    'class': 'ngs-code-block',\n  }\n})\nexport class CodeBlockComponent implements OnInit, OnDestroy, ContentEditorDataBlock {\n  private _store = inject(ContentBuilderStore);\n  private _contentBuilder = inject<ContentBuilderComponent>(CONTENT_BUILDER);\n  private _destroyRef = inject(DestroyRef);\n  private document = inject(DOCUMENT);\n\n  private _contentRef = viewChild.required<ElementRef<HTMLParagraphElement>>('contentRef');\n\n  id = input.required<string>();\n  content = input.required<string>();\n  settings = input.required<ContentEditorCodeBlockSettings>();\n  index = input.required<number>();\n  placeholder = input('Write your code here');\n\n  protected _languageList = signal<ContentEditorCodeLanguage[]>([\n    {\n      language: 'none',\n      name: 'None',\n      library: () => new Promise(() => {})\n    },\n    {\n      language: 'angular',\n      name: 'Angular',\n      library: () => import('@codemirror/lang-angular').then(lang => lang.angular())\n    },\n    {\n      language: 'javascript',\n      name: 'JavaScript',\n      library: () => import('@codemirror/lang-javascript').then(lang => lang.javascript())\n    },\n    {\n      language: 'typescript',\n      name: 'TypeScript',\n      library: () => import('@codemirror/lang-javascript').then(lang => lang.javascript({ typescript: true }))\n    },\n    {\n      language: 'html',\n      name: 'HTML',\n      library: () => import('@codemirror/lang-html').then(lang => lang.html())\n    },\n    {\n      language: 'css',\n      name: 'CSS',\n      library: () => import('@codemirror/lang-css').then(lang => lang.css())\n    },\n    {\n      language: 'sass',\n      name: 'Sass',\n      library: () => import('@codemirror/lang-sass').then(lang => lang.sass())\n    },\n    {\n      language: 'json',\n      name: 'JSON',\n      library: () => import('@codemirror/lang-json').then(lang => lang.json())\n    }\n  ]);\n  protected _code = signal<string>('');\n  protected _language = signal<ContentEditorCodeLanguage>(this._languageList()[0]);\n  protected _isEmpty = signal<boolean>(true);\n\n  private _editorView!: EditorView;\n  private _editorLanguage = new Compartment();\n  readonly initialized = signal(false);\n\n  async ngOnInit() {\n    const codeLanguage = this._languageList().find(\n      codeLanguage => codeLanguage.language === this.settings().language\n    );\n\n    if (codeLanguage) {\n      this._language.set(codeLanguage);\n    }\n\n    this._code.set(this.content() || '');\n    this._isEmpty.set(this._code().trim().length === 0);\n    this._contentBuilder\n      .focusChanged\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(() => {\n        if (this._store.focusedBlockId() === this.id()) {\n          this.focus();\n        }\n      });\n    this._editorView = new EditorView({\n      doc: this._code(),\n      parent: this._contentRef().nativeElement,\n      extensions: [\n        basicSetup,\n        githubLight,\n        keymap.of([indentWithTab]),\n        this._editorLanguage.of([]),\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.update();\n          }\n        })\n      ],\n    });\n    await this.selectLanguage(this._language());\n    this._editorView.contentDOM.style.width = '0';\n    this._editorView.focus();\n    this.initialized.set(true);\n  }\n\n  ngOnDestroy() {\n    this._editorView.destroy();\n  }\n\n  focus() {\n    this._editorView.focus();\n  }\n\n  getData(): any {\n    return {\n      content: this._editorView.state.doc.toString(),\n      settings: {\n        ...this.settings(),\n        language: this._language().language\n      }\n    };\n  }\n\n  isEmpty(): boolean {\n    return this._editorView.state.doc.toString().trim().length === 0;\n  }\n\n  protected async selectLanguage(codeLanguage: ContentEditorCodeLanguage) {\n    this._language.set(codeLanguage);\n\n    if (codeLanguage.language === 'none') {\n      this._editorView.dispatch({\n        effects: this._editorLanguage.reconfigure([])\n      });\n    } else {\n      const language = await this._language().library();\n      this._editorView.dispatch({\n        effects: this._editorLanguage.reconfigure(language)\n      });\n    }\n\n    this.update();\n  }\n\n  private update() {\n    this._store.updateBlock(this.id(), {...this.getData(), isEmpty: this.isEmpty()});\n    this._contentBuilder.emitContentChangeEvent();\n  }\n}\n","<div class=\"bg-surface-container rounded-xl\">\n  <div class=\"border-b border-b-default h-12 header\">\n    <button ngsButton [ngsMenuTriggerFor]=\"languageListMenu\" class=\"-ms-2\">{{ _language().name }}</button>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-code\" #contentRef></div>\n  </div>\n</div>\n\n<ngs-menu #languageListMenu=\"ngsMenu\">\n  @for (languageItem of _languageList(); track $index) {\n    <button ngs-menu-item (click)=\"selectLanguage(languageItem)\"\n            class=\"[&.is-active]:!bg-secondary-fixed\"\n            [class.is-active]=\"languageItem.language === _language().language\">{{ languageItem.name }}</button>\n  }\n</ngs-menu>\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, ElementRef, Renderer2, output, input, signal, Directive } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+
+class ContentEditorContentEditableDirective {
+    _platformId = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    contentChanged = output();
+    pressedEnter = output();
+    initialized = output();
+    _observer;
+    content = input('', { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'ngsContentEditorContentEditable' });
+    settings = input({}, ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
+    props = input([], ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
+    _props = signal([], ...(ngDevMode ? [{ debugName: "_props" }] : /* istanbul ignore next */ []));
+    propsChanged = output();
+    _isAlreadyRendered = false;
+    ngOnInit() {
+        this._props.set(this.props() || []);
+        (this.props() || []).forEach(prop => {
+            this._renderer.setAttribute(this._elementRef.nativeElement, `data-props-${prop.name}`, prop.value);
+        });
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'contenteditable', 'true');
+        if (this._isAlreadyRendered) {
+            return;
+        }
+        if (this.content()) {
+            this._elementRef.nativeElement.innerHTML = this.content();
+        }
+        this._isAlreadyRendered = true;
+        this.initialized.emit();
+        let prevContent = this.getContent();
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        const config = { attributes: true, childList: true, subtree: true };
+        const callback = (mutationList, observer) => {
+            for (const mutation of mutationList) {
+                if (mutation.type === 'attributes') {
+                    if (mutation.attributeName.startsWith('data-props-')) {
+                        const prevPropsHash = JSON.stringify(this._props());
+                        const propName = mutation.attributeName.replace('data-props-', '');
+                        const propValue = mutation.target.getAttribute(mutation.attributeName);
+                        const propIndex = this._props().findIndex(p => p.name === propName);
+                        if (propIndex >= 0) {
+                            this._props.update((props) => {
+                                props[propIndex].value = propValue;
+                                return props;
+                            });
+                        }
+                        else {
+                            this._props.update((props) => {
+                                props.push({
+                                    name: propName,
+                                    value: propValue,
+                                });
+                                return props;
+                            });
+                        }
+                        const updatedPropsHash = JSON.stringify(this._props());
+                        if (prevPropsHash !== updatedPropsHash) {
+                            this.propsChanged.emit(this._props());
+                        }
+                    }
+                }
+                else {
+                    const currentContent = this.getContent();
+                    if (prevContent !== currentContent) {
+                        prevContent = currentContent;
+                        this._raiseUpdateEvent();
+                    }
+                }
+            }
+        };
+        this._observer = new MutationObserver(callback);
+        this._observer.observe(this._elementRef.nativeElement, config);
+    }
+    ngOnDestroy() {
+        this._observer?.disconnect();
+    }
+    getContent() {
+        let content = this._elementRef.nativeElement.innerHTML;
+        content = content.replaceAll('<br>', '').replaceAll(/&nbsp;/g, ' ').trim();
+        if (content.length === 0) {
+            this._elementRef.nativeElement.innerHTML = '';
+        }
+        return content;
+    }
+    _handleBlur(event) {
+    }
+    _handleInput(event) {
+        if (!this._isAlreadyRendered) {
+            return;
+        }
+        this._raiseUpdateEvent();
+    }
+    _raiseUpdateEvent() {
+        this.contentChanged.emit(this.getContent());
+    }
+    _handleKeyPress(event) {
+        if (event.key === 'Enter') {
+            this.pressedEnter.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ContentEditorContentEditableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: ContentEditorContentEditableDirective, isStandalone: true, selector: "[ngsContentEditorContentEditable]", inputs: { content: { classPropertyName: "content", publicName: "ngsContentEditorContentEditable", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged", pressedEnter: "pressedEnter", initialized: "initialized", propsChanged: "propsChanged" }, host: { listeners: { "blur": "_handleBlur($event)", "input": "_handleInput($event)", "keypress": "_handleKeyPress($event)" }, properties: { "class.ngs-content-editor-content-editable": "true" } }, exportAs: ["ngsContentEditorContentEditable"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ContentEditorContentEditableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsContentEditorContentEditable]',
+                    exportAs: 'ngsContentEditorContentEditable',
+                    host: {
+                        '[class.ngs-content-editor-content-editable]': 'true',
+                        '(blur)': '_handleBlur($event)',
+                        '(input)': '_handleInput($event)',
+                        '(keypress)': '_handleKeyPress($event)',
+                    }
+                }]
+        }], propDecorators: { contentChanged: [{ type: i0.Output, args: ["contentChanged"] }], pressedEnter: [{ type: i0.Output, args: ["pressedEnter"] }], initialized: [{ type: i0.Output, args: ["initialized"] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsContentEditorContentEditable", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], propsChanged: [{ type: i0.Output, args: ["propsChanged"] }] } });
+
+export { ContentEditorContentEditableDirective as C };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs","sources":["../../../projects/components/content-editor/src/content-editor-content-editable.directive.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output,\n  PLATFORM_ID,\n  Renderer2,\n  signal\n} from '@angular/core';\nimport { ContentEditorItemProperty } from './types';\nimport { isPlatformServer } from '@angular/common';\n\n@Directive({\n  selector: '[ngsContentEditorContentEditable]',\n  exportAs: 'ngsContentEditorContentEditable',\n  host: {\n    '[class.ngs-content-editor-content-editable]': 'true',\n    '(blur)': '_handleBlur($event)',\n    '(input)': '_handleInput($event)',\n    '(keypress)': '_handleKeyPress($event)',\n  }\n})\nexport class ContentEditorContentEditableDirective implements OnInit, OnDestroy {\n  private _platformId = inject(PLATFORM_ID);\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  readonly contentChanged = output<string>();\n  readonly pressedEnter = output<KeyboardEvent>();\n  readonly initialized = output<void>();\n  private _observer!: MutationObserver;\n\n  content = input<string>('', {\n    alias: 'ngsContentEditorContentEditable'\n  });\n  settings = input<any>({});\n  props = input<ContentEditorItemProperty[]>([]);\n\n  _props = signal<ContentEditorItemProperty[]>([]);\n\n  readonly propsChanged = output<ContentEditorItemProperty[]>();\n\n  private _isAlreadyRendered = false;\n\n  ngOnInit() {\n    this._props.set(this.props() || []);\n    (this.props() || []).forEach(prop => {\n      this._renderer.setAttribute(this._elementRef.nativeElement, `data-props-${prop.name}`, prop.value);\n    });\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'contenteditable', 'true');\n\n    if (this._isAlreadyRendered) {\n      return;\n    }\n\n    if (this.content()) {\n      this._elementRef.nativeElement.innerHTML = this.content();\n    }\n\n    this._isAlreadyRendered = true;\n    this.initialized.emit();\n\n    let prevContent = this.getContent();\n\n    if (isPlatformServer(this._platformId)) {\n      return;\n    }\n\n    const config = { attributes: true, childList: true, subtree: true };\n    const callback = (mutationList: any, observer: any) => {\n      for (const mutation of mutationList) {\n        if (mutation.type === 'attributes') {\n          if (mutation.attributeName.startsWith('data-props-')) {\n            const prevPropsHash = JSON.stringify(this._props());\n            const propName = mutation.attributeName.replace('data-props-', '');\n            const propValue = mutation.target.getAttribute(mutation.attributeName);\n            const propIndex = this._props().findIndex(p => p.name === propName);\n\n            if (propIndex >= 0) {\n              this._props.update((props: ContentEditorItemProperty[]) => {\n                props[propIndex].value = propValue;\n                return props;\n              });\n            } else {\n              this._props.update((props: ContentEditorItemProperty[]) => {\n                props.push({\n                  name: propName,\n                  value: propValue,\n                })\n                return props;\n              });\n            }\n\n            const updatedPropsHash = JSON.stringify(this._props());\n\n            if (prevPropsHash !== updatedPropsHash) {\n              this.propsChanged.emit(this._props());\n            }\n          }\n        } else {\n          const currentContent = this.getContent();\n\n          if (prevContent !== currentContent) {\n            prevContent = currentContent;\n            this._raiseUpdateEvent();\n          }\n        }\n      }\n    };\n    this._observer = new MutationObserver(callback);\n    this._observer.observe(this._elementRef.nativeElement, config);\n  }\n\n  ngOnDestroy() {\n    this._observer?.disconnect();\n  }\n\n  getContent(): string {\n    let content = this._elementRef.nativeElement.innerHTML as string;\n    content = content.replaceAll('<br>', '').replaceAll(/&nbsp;/g, ' ').trim();\n\n    if (content.length === 0) {\n      this._elementRef.nativeElement.innerHTML = '';\n    }\n\n    return content;\n  }\n\n  protected _handleBlur(event: Event) {\n  }\n\n  protected _handleInput(event: Event) {\n    if (!this._isAlreadyRendered) {\n      return;\n    }\n\n    this._raiseUpdateEvent();\n  }\n\n  protected _raiseUpdateEvent() {\n    this.contentChanged.emit(this.getContent());\n  }\n\n  protected _handleKeyPress(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      this.pressedEnter.emit(event);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs

@@ -0,0 +1,99 @@
+class CursorController {
+    targetElement;
+    /**
+     * Creates an instance of CursorController.
+     * @param {HTMLElement | string} elementOrSelector - The target HTML element or a CSS selector string to find it.
+     * @throws {Error} If the element cannot be found using the selector.
+     */
+    constructor(elementOrSelector) {
+        const element = typeof elementOrSelector === 'string'
+            ? document.querySelector(elementOrSelector)
+            : elementOrSelector;
+        if (!element) {
+            throw new Error(`CursorController: Element not found for selector "${elementOrSelector}"`);
+        }
+        // Basic check if the element type might support cursor positioning
+        if (!(element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element.isContentEditable)) {
+            console.warn(`CursorController: Target element (${element.tagName}) is not an input, textarea, or contenteditable. Cursor positioning may not work as expected.`);
+        }
+        this.targetElement = element;
+    }
+    /**
+     * Sets the cursor position to the beginning of the element's textContent.
+     * Ensures the element is focused before attempting to set the position.
+     */
+    setToStart() {
+        this.targetElement.focus(); // Element must be focused to manipulate selection reliably
+        // Short delay can sometimes help ensure focus is registered before selection change
+        // Especially relevant in complex UI interactions or frameworks.
+        // Use requestAnimationFrame for a slightly better timing than setTimeout(0)
+        requestAnimationFrame(() => {
+            if (this.isInputOrTextAreaElement(this.targetElement)) {
+                // Handle <input> and <textarea> elements
+                this.targetElement.selectionStart = 0;
+                this.targetElement.selectionEnd = 0;
+            }
+            else if (this.targetElement.isContentEditable) {
+                // Handle contenteditable elements using Selection API
+                const selection = window.getSelection();
+                if (selection) {
+                    const range = document.createRange();
+                    range.selectNodeContents(this.targetElement); // Select all textContent within the element
+                    range.collapse(true); // Collapse the range to its start point
+                    selection.removeAllRanges(); // Clear any existing selections
+                    selection.addRange(range); // Add the new collapsed range
+                }
+            }
+            else {
+                console.warn(`CursorController: Cannot set cursor start on a non-editable element (${this.targetElement.tagName}).`);
+            }
+        });
+    }
+    /**
+     * Sets the cursor position to the end of the element's textContent.
+     * Ensures the element is focused before attempting to set the position.
+     */
+    setToEnd() {
+        this.targetElement.focus(); // Element must be focused
+        requestAnimationFrame(() => {
+            if (this.isInputOrTextAreaElement(this.targetElement)) {
+                // Handle <input> and <textarea> elements
+                const length = this.targetElement.value.length;
+                this.targetElement.selectionStart = length;
+                this.targetElement.selectionEnd = length;
+            }
+            else if (this.targetElement.isContentEditable) {
+                // Handle contenteditable elements using Selection API
+                const selection = window.getSelection();
+                if (selection) {
+                    const range = document.createRange();
+                    range.selectNodeContents(this.targetElement); // Select all textContent
+                    range.collapse(false); // Collapse the range to its end point
+                    selection.removeAllRanges(); // Clear existing selections
+                    selection.addRange(range); // Add the new collapsed range
+                }
+            }
+            else {
+                console.warn(`CursorController: Cannot set cursor end on a non-editable element (${this.targetElement.tagName}).`);
+            }
+        });
+    }
+    /**
+     * Type guard to check if the element is an HTMLInputElement or HTMLTextAreaElement.
+     * @param element The element to check.
+     * @returns {boolean} True if the element is an input or textarea.
+     */
+    isInputOrTextAreaElement(element) {
+        return element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement;
+    }
+    /**
+     * Gets the underlying HTML element being controlled.
+     * @returns {HTMLElement} The target element.
+     */
+    getElement() {
+        return this.targetElement;
+    }
+}
+
+export { CursorController as C };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs","sources":["../../../projects/components/content-editor/src/utils/cursor-controller.ts"],"sourcesContent":["export class CursorController {\n  private targetElement: HTMLElement;\n\n  /**\n   * Creates an instance of CursorController.\n   * @param {HTMLElement | string} elementOrSelector - The target HTML element or a CSS selector string to find it.\n   * @throws {Error} If the element cannot be found using the selector.\n   */\n  constructor(elementOrSelector: HTMLElement | string) {\n    const element = typeof elementOrSelector === 'string'\n      ? document.querySelector<HTMLElement>(elementOrSelector)\n      : elementOrSelector;\n\n    if (!element) {\n      throw new Error(`CursorController: Element not found for selector \"${elementOrSelector}\"`);\n    }\n\n    // Basic check if the element type might support cursor positioning\n    if (!(element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element.isContentEditable)) {\n      console.warn(`CursorController: Target element (${element.tagName}) is not an input, textarea, or contenteditable. Cursor positioning may not work as expected.`);\n    }\n\n    this.targetElement = element;\n  }\n\n  /**\n   * Sets the cursor position to the beginning of the element's textContent.\n   * Ensures the element is focused before attempting to set the position.\n   */\n  public setToStart(): void {\n    this.targetElement.focus(); // Element must be focused to manipulate selection reliably\n\n    // Short delay can sometimes help ensure focus is registered before selection change\n    // Especially relevant in complex UI interactions or frameworks.\n    // Use requestAnimationFrame for a slightly better timing than setTimeout(0)\n    requestAnimationFrame(() => {\n      if (this.isInputOrTextAreaElement(this.targetElement)) {\n        // Handle <input> and <textarea> elements\n        this.targetElement.selectionStart = 0;\n        this.targetElement.selectionEnd = 0;\n      } else if (this.targetElement.isContentEditable) {\n        // Handle contenteditable elements using Selection API\n        const selection = window.getSelection();\n        if (selection) {\n          const range = document.createRange();\n          range.selectNodeContents(this.targetElement); // Select all textContent within the element\n          range.collapse(true); // Collapse the range to its start point\n          selection.removeAllRanges(); // Clear any existing selections\n          selection.addRange(range); // Add the new collapsed range\n        }\n      } else {\n        console.warn(`CursorController: Cannot set cursor start on a non-editable element (${this.targetElement.tagName}).`);\n      }\n    });\n  }\n\n  /**\n   * Sets the cursor position to the end of the element's textContent.\n   * Ensures the element is focused before attempting to set the position.\n   */\n  public setToEnd(): void {\n    this.targetElement.focus(); // Element must be focused\n\n    requestAnimationFrame(() => {\n      if (this.isInputOrTextAreaElement(this.targetElement)) {\n        // Handle <input> and <textarea> elements\n        const length = this.targetElement.value.length;\n        this.targetElement.selectionStart = length;\n        this.targetElement.selectionEnd = length;\n      } else if (this.targetElement.isContentEditable) {\n        // Handle contenteditable elements using Selection API\n        const selection = window.getSelection();\n        if (selection) {\n          const range = document.createRange();\n          range.selectNodeContents(this.targetElement); // Select all textContent\n          range.collapse(false); // Collapse the range to its end point\n          selection.removeAllRanges(); // Clear existing selections\n          selection.addRange(range); // Add the new collapsed range\n        }\n      } else {\n        console.warn(`CursorController: Cannot set cursor end on a non-editable element (${this.targetElement.tagName}).`);\n      }\n    });\n  }\n\n  /**\n   * Type guard to check if the element is an HTMLInputElement or HTMLTextAreaElement.\n   * @param element The element to check.\n   * @returns {boolean} True if the element is an input or textarea.\n   */\n  private isInputOrTextAreaElement(element: HTMLElement): element is HTMLInputElement | HTMLTextAreaElement {\n    return element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement;\n  }\n\n  /**\n   * Gets the underlying HTML element being controlled.\n   * @returns {HTMLElement} The target element.\n   */\n  public getElement(): HTMLElement {\n    return this.targetElement;\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { input, signal, Component } from '@angular/core';
+import { Divider } from '@ngstarter-ui/components/divider';
+
+class DividerBlockComponent {
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
+    index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    getData() {
+        return {
+            content: null,
+            settings: this.settings()
+        };
+    }
+    isEmpty() {
+        return true;
+    }
+    focus() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DividerBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: DividerBlockComponent, isStandalone: true, selector: "ngs-divider-block", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ngs-divider/>\n", styles: [""], dependencies: [{ kind: "component", type: Divider, selector: "ngs-divider", inputs: ["vertical", "inset", "fixedHeight"], exportAs: ["ngsDivider"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DividerBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-divider-block', imports: [
+                        Divider
+                    ], template: "<ngs-divider/>\n" }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }] } });
+
+export { DividerBlockComponent };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs","sources":["../../../projects/components/content-editor/src/_builder/divider-block/divider-block.component.ts","../../../projects/components/content-editor/src/_builder/divider-block/divider-block.component.html"],"sourcesContent":["import { Component, input, signal } from '@angular/core';\nimport { Divider } from '@ngstarter-ui/components/divider';\nimport { ContentEditorDataBlock } from '../../types';\nimport { ContentEditorCodeBlockSettings } from '../code-block/code-block.component';\n\n@Component({\n  selector: 'ngs-divider-block',\n  imports: [\n    Divider\n  ],\n  templateUrl: './divider-block.component.html',\n  styleUrl: './divider-block.component.scss'\n})\nexport class DividerBlockComponent implements ContentEditorDataBlock {\n  id = input.required<string>();\n  content = input.required<string>();\n  settings = input.required<ContentEditorCodeBlockSettings>();\n  index = input.required<number>();\n\n  readonly initialized = signal(true);\n\n  getData(): any {\n    return {\n      content: null,\n      settings: this.settings()\n    };\n  }\n\n  isEmpty(): boolean {\n    return true;\n  }\n\n  focus() {\n  }\n}\n","<ngs-divider/>\n"],"names":[],"mappings":";;;;MAaa,qBAAqB,CAAA;AAChC,IAAA,EAAE,GAAG,KAAK,CAAC,QAAQ,wEAAU;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAU;AAClC,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,8EAAkC;AAC3D,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;AAEvB,IAAA,WAAW,GAAG,MAAM,CAAC,IAAI,kFAAC;IAEnC,OAAO,GAAA;QACL,OAAO;AACL,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;IACH;IAEA,OAAO,GAAA;AACL,QAAA,OAAO,IAAI;IACb;IAEA,KAAK,GAAA;IACL;uGApBW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECblC,kBACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOI,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,OAAA,EACpB;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA;;;;;"}