@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs

@@ -0,0 +1,146 @@
+import * as i0 from '@angular/core';
+import { inject, input, signal, model, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { UploadArea, UploadTriggerDirective } from '@ngstarter-ui/components/upload';
+import { ProgressBar } from '@ngstarter-ui/components/progress-bar';
+import { Button } from '@ngstarter-ui/components/button';
+import { Icon } from '@ngstarter-ui/components/icon';
+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 { ImageResizer, ImageResizerImageDirective } from '@ngstarter-ui/components/image-resizer';
+import { FormField, Label } from '@ngstarter-ui/components/form-field';
+import { Input } from '@ngstarter-ui/components/input';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class ImageBlockComponent {
+    _store = inject(ContentBuilderStore);
+    _contentBuilder = inject(CONTENT_BUILDER);
+    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 */ []));
+    uploading = signal(false, ...(ngDevMode ? [{ debugName: "uploading" }] : /* istanbul ignore next */ []));
+    selectedImage = signal('', ...(ngDevMode ? [{ debugName: "selectedImage" }] : /* istanbul ignore next */ []));
+    _src = signal('', ...(ngDevMode ? [{ debugName: "_src" }] : /* istanbul ignore next */ []));
+    _alt = model('', ...(ngDevMode ? [{ debugName: "_alt" }] : /* istanbul ignore next */ []));
+    _settings = model({}, ...(ngDevMode ? [{ debugName: "_settings" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this._src.set(this.content().src);
+        this._alt.set(this.content().alt);
+        this._settings.set(this.settings() || {});
+        this.initialized.set(true);
+    }
+    focus() {
+        if (this._src()) {
+            this._contentBuilder.focusBlock(this.id());
+        }
+    }
+    getData() {
+        return {
+            content: {
+                src: this._src(),
+                alt: this._alt()
+            },
+            settings: {
+                ...this._settings(),
+            }
+        };
+    }
+    isEmpty() {
+        const src = this.getData().content.src;
+        return typeof src === 'string' ? src.trim().length === 0 : !src;
+    }
+    cancelUploading() {
+        this.uploading.set(false);
+    }
+    onFileSelected(event) {
+        this.uploading.set(true);
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+            this.selectedImage.set(reader.result);
+            const img = new Image();
+            img.onload = () => {
+                let width = img.width;
+                let height = img.height;
+                const aspectRatio = width / height;
+                if (width > 704) {
+                    width = 704;
+                    height = Math.round(width / aspectRatio);
+                }
+                this._settings.update(s => ({
+                    ...s,
+                    width,
+                    height
+                }));
+            };
+            img.src = reader.result;
+            const uploadFn = this._contentBuilder.getBlockDefOption('image', 'uploadFn');
+            uploadFn(event.files[0], reader.result)
+                .then((url) => {
+                if (!this.uploading()) {
+                    this.selectedImage.set('');
+                    return;
+                }
+                this._src.set(url);
+                this.selectedImage.set('');
+                this.uploading.set(false);
+                this.update();
+                this.focus();
+            });
+        }, false);
+        reader.readAsDataURL(event.files[0]);
+    }
+    _onAltChange() {
+        this.update();
+    }
+    _onImageResized(options) {
+        this._settings.set(options);
+        this.update();
+    }
+    handleKeyPress(event) {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            this._contentBuilder.insertEmptyBlock(this.index());
+        }
+    }
+    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: ImageBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: ImageBlockComponent, isStandalone: true, selector: "ngs-image-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 }, _alt: { classPropertyName: "_alt", publicName: "_alt", isSignal: true, isRequired: false, transformFunction: null }, _settings: { classPropertyName: "_settings", publicName: "_settings", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { _alt: "_altChange", _settings: "_settingsChange" }, host: { listeners: { "keypress": "handleKeyPress($event)" } }, providers: [
+            {
+                provide: CONTENT_EDITOR_BLOCK,
+                useExisting: forwardRef(() => ImageBlockComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "@if (uploading()) {\n  <div class=\"upload-container\">\n    <div class=\"upload-overlay\">\n      <ngs-progress-bar mode=\"indeterminate\" class=\"progress-bar\"/>\n      <div class=\"remove-button\">\n        <button ngsButton (click)=\"cancelUploading()\">\n          <ngs-icon name=\"fluent:delete-24-regular\"/>\n        </button>\n      </div>\n      <div class=\"upload-overlay-text\">Loading...</div>\n    </div>\n    <img [src]=\"selectedImage()\" [alt]=\"_alt()\">\n  </div>\n} @else if (_src()) {\n  <div class=\"uploaded-image\">\n    <ngs-image-resizer (imageResized)=\"_onImageResized($event)\" [imageMaxWidth]=\"704\">\n      <img [src]=\"_src()\" [alt]=\"_alt()\" ngsImageResizerImage [style.width.px]=\"_settings().width || null\">\n    </ngs-image-resizer>\n  </div>\n  <ngs-form-field class=\"w-full mt-5\">\n    <ngs-label>Alt text</ngs-label>\n    <input ngsInput [(ngModel)]=\"_alt\" (ngModelChange)=\"_onAltChange()\">\n  </ngs-form-field>\n} @else {\n  <ngs-upload-area #uploadArea=\"ngsUploadArea\"\n                   ngsUploadTrigger accept=\"image/*\"\n                   (fileSelected)=\"onFileSelected($event)\"\n                   multiple=\"false\" class=\"upload-area\">\n    @if (!uploadArea.api.isDropActive) {\n      Drag & drop image here or click to upload\n    } @else {\n      <div class=\"font-medium\">Drop image here</div>\n    }\n  </ngs-upload-area>\n}\n", styles: ["@layer properties;:host{display:block}:host ngs-upload-area{--ngs-upload-area-padding: calc(var(--spacing, .25rem) * 6) calc(var(--spacing, .25rem) * 10)}:host img{max-width:100%}:host .upload-container{position:relative}:host .upload-overlay{position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:center;justify-content:center;background:#fffc}:host .progress-bar{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);inset-inline-end:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0)}:host .uploaded-image{display:flex;width:704px;align-items:center;justify-content:center}:host .upload-overlay-text{background:#fff;border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:host .remove-button{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 2);top:calc(var(--spacing, .25rem) * 4);z-index:1;width:max-content}:host .upload-area{cursor:pointer}:host .upload-area:hover{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-primary)}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid}}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: UploadArea, selector: "ngs-upload-area", inputs: ["accept", "allowHover", "multiple"], outputs: ["fileSelected"], exportAs: ["ngsUploadArea"] }, { kind: "directive", type: UploadTriggerDirective, selector: "[ngsUploadTrigger]", inputs: ["accept", "multiple"], outputs: ["fileSelected"], exportAs: ["ngsUploadTrigger"] }, { kind: "component", type: ProgressBar, selector: "ngs-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["ngsProgressBar"] }, { 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"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: ImageResizer, selector: "ngs-image-resizer", inputs: ["imageMaxWidth", "imageMinWidth"], outputs: ["imageResized"], exportAs: ["ngsImageResizer"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ImageResizerImageDirective, selector: "[ngsImageResizerImage]", exportAs: ["ngsImageResizerImage"] }, { kind: "component", type: Label, selector: "ngs-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ImageBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-image-block', imports: [
+                        UploadArea,
+                        UploadTriggerDirective,
+                        ProgressBar,
+                        Button,
+                        Icon,
+                        ImageResizer,
+                        FormField,
+                        Input,
+                        FormsModule,
+                        ImageResizerImageDirective,
+                        Label
+                    ], providers: [
+                        {
+                            provide: CONTENT_EDITOR_BLOCK,
+                            useExisting: forwardRef(() => ImageBlockComponent),
+                            multi: true
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(keypress)': 'handleKeyPress($event)',
+                    }, template: "@if (uploading()) {\n  <div class=\"upload-container\">\n    <div class=\"upload-overlay\">\n      <ngs-progress-bar mode=\"indeterminate\" class=\"progress-bar\"/>\n      <div class=\"remove-button\">\n        <button ngsButton (click)=\"cancelUploading()\">\n          <ngs-icon name=\"fluent:delete-24-regular\"/>\n        </button>\n      </div>\n      <div class=\"upload-overlay-text\">Loading...</div>\n    </div>\n    <img [src]=\"selectedImage()\" [alt]=\"_alt()\">\n  </div>\n} @else if (_src()) {\n  <div class=\"uploaded-image\">\n    <ngs-image-resizer (imageResized)=\"_onImageResized($event)\" [imageMaxWidth]=\"704\">\n      <img [src]=\"_src()\" [alt]=\"_alt()\" ngsImageResizerImage [style.width.px]=\"_settings().width || null\">\n    </ngs-image-resizer>\n  </div>\n  <ngs-form-field class=\"w-full mt-5\">\n    <ngs-label>Alt text</ngs-label>\n    <input ngsInput [(ngModel)]=\"_alt\" (ngModelChange)=\"_onAltChange()\">\n  </ngs-form-field>\n} @else {\n  <ngs-upload-area #uploadArea=\"ngsUploadArea\"\n                   ngsUploadTrigger accept=\"image/*\"\n                   (fileSelected)=\"onFileSelected($event)\"\n                   multiple=\"false\" class=\"upload-area\">\n    @if (!uploadArea.api.isDropActive) {\n      Drag & drop image here or click to upload\n    } @else {\n      <div class=\"font-medium\">Drop image here</div>\n    }\n  </ngs-upload-area>\n}\n", styles: ["@layer properties;:host{display:block}:host ngs-upload-area{--ngs-upload-area-padding: calc(var(--spacing, .25rem) * 6) calc(var(--spacing, .25rem) * 10)}:host img{max-width:100%}:host .upload-container{position:relative}:host .upload-overlay{position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:center;justify-content:center;background:#fffc}:host .progress-bar{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);inset-inline-end:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0)}:host .uploaded-image{display:flex;width:704px;align-items:center;justify-content:center}:host .upload-overlay-text{background:#fff;border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:host .remove-button{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 2);top:calc(var(--spacing, .25rem) * 4);z-index:1;width:max-content}:host .upload-area{cursor:pointer}:host .upload-area:hover{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-primary)}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid}}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\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 }] }], _alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "_alt", required: false }] }, { type: i0.Output, args: ["_altChange"] }], _settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "_settings", required: false }] }, { type: i0.Output, args: ["_settingsChange"] }] } });
+
+export { ImageBlockComponent };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs","sources":["../../../projects/components/content-editor/src/_builder/image-block/image-block.component.ts","../../../projects/components/content-editor/src/_builder/image-block/image-block.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input, model, OnInit, signal } from '@angular/core';\nimport { UploadArea, UploadFileSelectedEvent, UploadTriggerDirective } from '@ngstarter-ui/components/upload';\nimport { ProgressBar } from '@ngstarter-ui/components/progress-bar';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport {\n  CONTENT_BUILDER,\n  CONTENT_EDITOR_BLOCK, ContentEditorDataBlock,\n  ContentEditorImageBlockSettings,\n  ContentEditorImageContent\n} from '../../types';\nimport { ImageResizer, ImageResizerImageDirective } from '@ngstarter-ui/components/image-resizer';\nimport { FormField, Label } from '@ngstarter-ui/components/form-field';\nimport { Input } from '@ngstarter-ui/components/input';\nimport { FormsModule } from '@angular/forms';\nimport { ContentBuilderStore } from '../../content-builder.store';\nimport { ContentBuilderComponent } from '../../content-builder/content-builder.component';\n\n@Component({\n  selector: 'ngs-image-block',\n  imports: [\n    UploadArea,\n    UploadTriggerDirective,\n    ProgressBar,\n    Button,\n    Icon,\n    ImageResizer,\n    FormField,\n    Input,\n    FormsModule,\n    ImageResizerImageDirective,\n    Label\n  ],\n  providers: [\n    {\n      provide: CONTENT_EDITOR_BLOCK,\n      useExisting: forwardRef(() => ImageBlockComponent),\n      multi: true\n    }\n  ],\n  templateUrl: './image-block.component.html',\n  styleUrl: './image-block.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(keypress)': 'handleKeyPress($event)',\n  }\n})\nexport class ImageBlockComponent implements OnInit, ContentEditorDataBlock {\n  private _store = inject(ContentBuilderStore);\n  private _contentBuilder = inject<ContentBuilderComponent>(CONTENT_BUILDER);\n\n  id = input.required<string>();\n  content = input.required<ContentEditorImageContent>();\n  settings = input.required<ContentEditorImageBlockSettings>();\n  index = input.required<number>();\n\n  uploading = signal(false);\n  selectedImage = signal<string>('');\n\n  protected _src = signal<string>('');\n  protected _alt = model<string>('');\n  protected _settings = model<ContentEditorImageBlockSettings>({});\n  readonly initialized = signal(false);\n\n  ngOnInit() {\n    this._src.set(this.content().src);\n    this._alt.set(this.content().alt);\n    this._settings.set(this.settings() || {});\n    this.initialized.set(true);\n  }\n\n  focus() {\n    if (this._src()) {\n      this._contentBuilder.focusBlock(this.id());\n    }\n  }\n\n  getData(): any {\n    return {\n      content: {\n        src: this._src(),\n        alt: this._alt()\n      },\n      settings: {\n        ...this._settings(),\n      }\n    };\n  }\n\n  isEmpty(): boolean {\n    const src = this.getData().content.src;\n    return typeof src === 'string' ? src.trim().length === 0 : !src;\n  }\n\n  protected cancelUploading() {\n    this.uploading.set(false);\n  }\n\n  protected onFileSelected(event: UploadFileSelectedEvent): void {\n    this.uploading.set(true);\n    const reader  = new FileReader();\n    reader.addEventListener('load', () => {\n      this.selectedImage.set(reader.result as string);\n\n      const img = new Image();\n      img.onload = () => {\n        let width = img.width;\n        let height = img.height;\n        const aspectRatio = width / height;\n\n        if (width > 704) {\n          width = 704;\n          height = Math.round(width / aspectRatio);\n        }\n\n        this._settings.update(s => ({\n          ...s,\n          width,\n          height\n        }));\n      };\n      img.src = reader.result as string;\n\n      const uploadFn = this._contentBuilder.getBlockDefOption('image', 'uploadFn');\n      uploadFn(event.files[0], reader.result)\n        .then((url: string) => {\n          if (!this.uploading()) {\n            this.selectedImage.set('');\n            return;\n          }\n\n          this._src.set(url);\n          this.selectedImage.set('');\n          this.uploading.set(false);\n          this.update();\n          this.focus();\n        });\n    }, false);\n    reader.readAsDataURL(event.files[0]);\n  }\n\n  protected _onAltChange() {\n    this.update();\n  }\n\n  protected _onImageResized(options: any) {\n    this._settings.set(options);\n    this.update();\n  }\n\n  protected handleKeyPress(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      this._contentBuilder.insertEmptyBlock(this.index());\n    }\n  }\n\n  private update() {\n    this._store.updateBlock(this.id(), {...this.getData(), isEmpty: this.isEmpty()});\n    this._contentBuilder.emitContentChangeEvent();\n  }\n}\n","@if (uploading()) {\n  <div class=\"upload-container\">\n    <div class=\"upload-overlay\">\n      <ngs-progress-bar mode=\"indeterminate\" class=\"progress-bar\"/>\n      <div class=\"remove-button\">\n        <button ngsButton (click)=\"cancelUploading()\">\n          <ngs-icon name=\"fluent:delete-24-regular\"/>\n        </button>\n      </div>\n      <div class=\"upload-overlay-text\">Loading...</div>\n    </div>\n    <img [src]=\"selectedImage()\" [alt]=\"_alt()\">\n  </div>\n} @else if (_src()) {\n  <div class=\"uploaded-image\">\n    <ngs-image-resizer (imageResized)=\"_onImageResized($event)\" [imageMaxWidth]=\"704\">\n      <img [src]=\"_src()\" [alt]=\"_alt()\" ngsImageResizerImage [style.width.px]=\"_settings().width || null\">\n    </ngs-image-resizer>\n  </div>\n  <ngs-form-field class=\"w-full mt-5\">\n    <ngs-label>Alt text</ngs-label>\n    <input ngsInput [(ngModel)]=\"_alt\" (ngModelChange)=\"_onAltChange()\">\n  </ngs-form-field>\n} @else {\n  <ngs-upload-area #uploadArea=\"ngsUploadArea\"\n                   ngsUploadTrigger accept=\"image/*\"\n                   (fileSelected)=\"onFileSelected($event)\"\n                   multiple=\"false\" class=\"upload-area\">\n    @if (!uploadArea.api.isDropActive) {\n      Drag & drop image here or click to upload\n    } @else {\n      <div class=\"font-medium\">Drop image here</div>\n    }\n  </ngs-upload-area>\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MA+Ca,mBAAmB,CAAA;AACtB,IAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACpC,IAAA,eAAe,GAAG,MAAM,CAA0B,eAAe,CAAC;AAE1E,IAAA,EAAE,GAAG,KAAK,CAAC,QAAQ,wEAAU;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAA6B;AACrD,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,8EAAmC;AAC5D,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;AAEhC,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;AACzB,IAAA,aAAa,GAAG,MAAM,CAAS,EAAE,oFAAC;AAExB,IAAA,IAAI,GAAG,MAAM,CAAS,EAAE,2EAAC;AACzB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;AACxB,IAAA,SAAS,GAAG,KAAK,CAAkC,EAAE,gFAAC;AACvD,IAAA,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC;IAEpC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACjC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;AACzC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;YACf,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC5C;IACF;IAEA,OAAO,GAAA;QACL,OAAO;AACL,YAAA,OAAO,EAAE;AACP,gBAAA,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE;AAChB,gBAAA,GAAG,EAAE,IAAI,CAAC,IAAI;AACf,aAAA;AACD,YAAA,QAAQ,EAAE;gBACR,GAAG,IAAI,CAAC,SAAS,EAAE;AACpB;SACF;IACH;IAEA,OAAO,GAAA;QACL,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG;QACtC,OAAO,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG;IACjE;IAEU,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;IAC3B;AAEU,IAAA,cAAc,CAAC,KAA8B,EAAA;AACrD,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,MAAM,MAAM,GAAI,IAAI,UAAU,EAAE;AAChC,QAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;YACnC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,MAAgB,CAAC;AAE/C,YAAA,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,GAAG,CAAC,MAAM,GAAG,MAAK;AAChB,gBAAA,IAAI,KAAK,GAAG,GAAG,CAAC,KAAK;AACrB,gBAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM;AACvB,gBAAA,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM;AAElC,gBAAA,IAAI,KAAK,GAAG,GAAG,EAAE;oBACf,KAAK,GAAG,GAAG;oBACX,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC;gBAC1C;gBAEA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK;AAC1B,oBAAA,GAAG,CAAC;oBACJ,KAAK;oBACL;AACD,iBAAA,CAAC,CAAC;AACL,YAAA,CAAC;AACD,YAAA,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,MAAgB;AAEjC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;YAC5E,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM;AACnC,iBAAA,IAAI,CAAC,CAAC,GAAW,KAAI;AACpB,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;AACrB,oBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC1B;gBACF;AAEA,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAClB,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;gBACzB,IAAI,CAAC,MAAM,EAAE;gBACb,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,CAAC,CAAC;QACN,CAAC,EAAE,KAAK,CAAC;QACT,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACtC;IAEU,YAAY,GAAA;QACpB,IAAI,CAAC,MAAM,EAAE;IACf;AAEU,IAAA,eAAe,CAAC,OAAY,EAAA;AACpC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,MAAM,EAAE;IACf;AAEU,IAAA,cAAc,CAAC,KAAoB,EAAA;AAC3C,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACrD;IACF;IAEQ,MAAM,GAAA;QACZ,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAC,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAC,CAAC;AAChF,QAAA,IAAI,CAAC,eAAe,CAAC,sBAAsB,EAAE;IAC/C;uGAlHW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,SAAA,EAdnB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,mBAAmB,CAAC;AAClD,gBAAA,KAAK,EAAE;AACR;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvCH,y3CAmCA,2nDDdI,UAAU,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,sBAAsB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,WAAW,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,MAAM,EAAA,QAAA,EAAA,mFAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACN,IAAI,8FACJ,YAAY,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,SAAS,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,KAAK,+LACL,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,0BAA0B,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,KAAK,EAAA,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAgBI,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA7B/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB;wBACP,UAAU;wBACV,sBAAsB;wBACtB,WAAW;wBACX,MAAM;wBACN,IAAI;wBACJ,YAAY;wBACZ,SAAS;wBACT,KAAK;wBACL,WAAW;wBACX,0BAA0B;wBAC1B;qBACD,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAE,UAAU,CAAC,yBAAyB,CAAC;AAClD,4BAAA,KAAK,EAAE;AACR;qBACF,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,YAAY,EAAE,wBAAwB;AACvC,qBAAA,EAAA,QAAA,EAAA,y3CAAA,EAAA,MAAA,EAAA,CAAA,mkDAAA,CAAA,EAAA;;;;;"}

package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs

@@ -0,0 +1,215 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, ElementRef, input, output, Directive, signal, 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 { C as ContentEditorContentEditableDirective } from './ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs';
+import { isPlatformServer, NgTemplateOutlet } from '@angular/common';
+import { C as CursorController } from './ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs';
+
+class ContentObserverDirective {
+    _platformId = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    _observer;
+    detectAddedNode = input.required(...(ngDevMode ? [{ debugName: "detectAddedNode" }] : /* istanbul ignore next */ []));
+    nodeAdded = output();
+    ngOnInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        const config = { attributes: false, childList: true, subtree: false };
+        const callback = (mutationList, observer) => {
+            for (const mutation of mutationList) {
+                if (mutation.type === 'childList') {
+                    const addedNode = mutation.addedNodes[0];
+                    if (addedNode && addedNode.tagName && addedNode.classList.contains(this.detectAddedNode())) {
+                        this.nodeAdded.emit(addedNode);
+                    }
+                }
+            }
+        };
+        this._observer = new MutationObserver(callback);
+        this._observer.observe(this._elementRef.nativeElement, config);
+    }
+    ngOnDestroy() {
+        this._observer?.disconnect();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ContentObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: ContentObserverDirective, isStandalone: true, selector: "[ngsContentObserver]", inputs: { detectAddedNode: { classPropertyName: "detectAddedNode", publicName: "detectAddedNode", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { nodeAdded: "nodeAdded" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ContentObserverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsContentObserver]'
+                }]
+        }], propDecorators: { detectAddedNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "detectAddedNode", required: true }] }], nodeAdded: [{ type: i0.Output, args: ["nodeAdded"] }] } });
+
+class ListBlockComponent {
+    _store = inject(ContentBuilderStore);
+    _contentBuilder = inject(CONTENT_BUILDER);
+    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 = signal('List item', ...(ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []));
+    _content = signal([
+        {
+            content: '',
+            props: [],
+            children: []
+        }
+    ], ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
+    _listStyle = signal('', ...(ngDevMode ? [{ debugName: "_listStyle" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this._listStyle.set(this.settings().listStyle);
+        if (this.content().length !== 0) {
+            this._content.set(this.content());
+        }
+    }
+    ngAfterViewInit() {
+        this.initialized.set(true);
+    }
+    focus() {
+    }
+    onContentChanged(content, list, index) {
+        if (!list[index]) {
+            return;
+        }
+        list[index].content = content;
+        this.update();
+    }
+    onPressedEnter(event, contentEditable, list, index, level, parentItem, parentList) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (level === 0) {
+            const content = contentEditable.getContent();
+            if (content) {
+                list.splice(index + 1, 0, {
+                    content: '',
+                    props: [],
+                    styles: {},
+                    children: []
+                });
+            }
+            else {
+                list.splice(index, 1);
+                if (list.length === 0) {
+                    this._contentBuilder.deleteBlock(this.id());
+                }
+                this._contentBuilder.insertEmptyBlock(this.index());
+            }
+        }
+        else {
+            if (list[index] && !list[index].content) {
+                list.splice(index, 1);
+                const parentIndex = parentList.findIndex(item => item === parentItem);
+                parentList.splice(parentIndex + 1, 0, {
+                    content: '',
+                    props: [],
+                    children: []
+                });
+            }
+            else {
+                list.splice(index + 1, 0, {
+                    content: '',
+                    props: [],
+                    styles: {},
+                    children: []
+                });
+            }
+        }
+        this.update();
+    }
+    getId(level, index) {
+        return 'item-level-' + (level + index + 2).toString();
+    }
+    getData() {
+        return {
+            content: this._content(),
+            settings: {
+                ...this.settings(),
+            }
+        };
+    }
+    isEmpty() {
+        return this.getData().content.find((item) => item.content.trim().length > 0);
+    }
+    _onNodeAdded(node) {
+        this._focusItem(node.querySelector('.list-item-content'));
+    }
+    _focusItem(element) {
+        const cursorController = new CursorController(element);
+        cursorController.setToEnd();
+    }
+    _onKeyDown(event, contentEditable, list, index, level, parentItem, parentList, listItem) {
+        if (event.key === 'Backspace' && !contentEditable.getContent()) {
+            const latestElementInParentList = listItem.closest('.list')?.parentNode;
+            list.splice(index, 1);
+            const prevElement = listItem.previousSibling;
+            if (prevElement) {
+                this._focusItem(prevElement.querySelector('.list-item-content'));
+            }
+            else {
+                if (latestElementInParentList) {
+                    this._focusItem(latestElementInParentList.querySelector('.list-item-content'));
+                }
+            }
+        }
+        else if (event.key === 'Tab') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (event.shiftKey && parentItem) {
+                const cached = JSON.parse(JSON.stringify(list[index]));
+                list.splice(index, 1);
+                const parentIndex = parentList.findIndex(item => item === parentItem);
+                parentList.splice(parentIndex + 1, 0, cached);
+            }
+            else {
+                if (list[index - 1]) {
+                    const cached = JSON.parse(JSON.stringify(list[index]));
+                    list.splice(index, 1);
+                    list[index - 1].children.push(cached);
+                }
+            }
+        }
+        if (level === 0 && list.length === 0) {
+            this._contentBuilder.deleteBlock(this.id());
+        }
+        this.update();
+    }
+    onPropsChanged(props, item) {
+        item.props = props;
+        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: ListBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: ListBlockComponent, isStandalone: true, selector: "ngs-list-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 } }, host: { properties: { "class.list-bullet": "_listStyle() === 'bullet'", "class.list-ordered": "_listStyle() === 'ordered'" } }, providers: [
+            {
+                provide: CONTENT_EDITOR_BLOCK,
+                useExisting: ListBlockComponent,
+                multi: true
+            }
+        ], exportAs: ["ngsListBlock"], ngImport: i0, template: "<ul class=\"list\"\n    ngsContentObserver\n    detectAddedNode=\"list-item\"\n    (nodeAdded)=\"_onNodeAdded($event)\">\n  <ng-container [ngTemplateOutlet]=\"listTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: _content(), level: 0, parentItem: null, parentList: [] }\"/>\n</ul>\n\n<ng-template #listTpl let-list let-level=\"level\" let-parentItem=\"parentItem\" let-parentList=\"parentList\">\n  @for (item of list; track $index; let index = $index) {\n    <li #listItem class=\"list-item\" [attr.id]=\"getId(level, index)\">\n      <div [ngsContentEditorContentEditable]=\"item.content\"\n           [props]=\"item.props\"\n           (propsChanged)=\"onPropsChanged($event, item)\"\n           #contentEditable=\"ngsContentEditorContentEditable\"\n           class=\"list-item-content\"\n           (contentChanged)=\"onContentChanged($event, list, index)\"\n           (pressedEnter)=\"onPressedEnter($event, contentEditable, list, index, level, parentItem, parentList)\"\n           (keydown)=\"_onKeyDown($event, contentEditable, list, index, level, parentItem, parentList, listItem)\"\n           [attr.data-empty-placeholder]=\"_placeholder()\"></div>\n      @if (item.children.length > 0) {\n        <ol class=\"list\"\n            ngsContentObserver\n            detectAddedNode=\"list-item\"\n            (nodeAdded)=\"_onNodeAdded($event)\">\n          <ng-container [ngTemplateOutlet]=\"listTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item.children, level: level + 1, parentItem: item, parentList: list }\"/>\n        </ol>\n      }\n    </li>\n  }\n</ng-template>\n", styles: [":host .list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 4);--tw-outline-style: none;outline-style:none}:host .list .list{margin-top:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 4)}:host.list-ordered .list{list-style-type:decimal}:host.list-bullet .list{list-style-type:disc}:host .list-item-content{--tw-outline-style: none;outline-style:none}:host .list-item-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: "directive", type: ContentEditorContentEditableDirective, selector: "[ngsContentEditorContentEditable]", inputs: ["ngsContentEditorContentEditable", "settings", "props"], outputs: ["contentChanged", "pressedEnter", "initialized", "propsChanged"], exportAs: ["ngsContentEditorContentEditable"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ContentObserverDirective, selector: "[ngsContentObserver]", inputs: ["detectAddedNode"], outputs: ["nodeAdded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-list-block', exportAs: 'ngsListBlock', imports: [
+                        ContentEditorContentEditableDirective,
+                        NgTemplateOutlet,
+                        ContentObserverDirective
+                    ], providers: [
+                        {
+                            provide: CONTENT_EDITOR_BLOCK,
+                            useExisting: ListBlockComponent,
+                            multi: true
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.list-bullet]': "_listStyle() === 'bullet'",
+                        '[class.list-ordered]': "_listStyle() === 'ordered'",
+                    }, template: "<ul class=\"list\"\n    ngsContentObserver\n    detectAddedNode=\"list-item\"\n    (nodeAdded)=\"_onNodeAdded($event)\">\n  <ng-container [ngTemplateOutlet]=\"listTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: _content(), level: 0, parentItem: null, parentList: [] }\"/>\n</ul>\n\n<ng-template #listTpl let-list let-level=\"level\" let-parentItem=\"parentItem\" let-parentList=\"parentList\">\n  @for (item of list; track $index; let index = $index) {\n    <li #listItem class=\"list-item\" [attr.id]=\"getId(level, index)\">\n      <div [ngsContentEditorContentEditable]=\"item.content\"\n           [props]=\"item.props\"\n           (propsChanged)=\"onPropsChanged($event, item)\"\n           #contentEditable=\"ngsContentEditorContentEditable\"\n           class=\"list-item-content\"\n           (contentChanged)=\"onContentChanged($event, list, index)\"\n           (pressedEnter)=\"onPressedEnter($event, contentEditable, list, index, level, parentItem, parentList)\"\n           (keydown)=\"_onKeyDown($event, contentEditable, list, index, level, parentItem, parentList, listItem)\"\n           [attr.data-empty-placeholder]=\"_placeholder()\"></div>\n      @if (item.children.length > 0) {\n        <ol class=\"list\"\n            ngsContentObserver\n            detectAddedNode=\"list-item\"\n            (nodeAdded)=\"_onNodeAdded($event)\">\n          <ng-container [ngTemplateOutlet]=\"listTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item.children, level: level + 1, parentItem: item, parentList: list }\"/>\n        </ol>\n      }\n    </li>\n  }\n</ng-template>\n", styles: [":host .list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 4);--tw-outline-style: none;outline-style:none}:host .list .list{margin-top:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 4)}:host.list-ordered .list{list-style-type:decimal}:host.list-bullet .list{list-style-type:disc}:host .list-item-content{--tw-outline-style: none;outline-style:none}:host .list-item-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: { 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 { ListBlockComponent };
+//# sourceMappingURL=ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs.map

package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs","sources":["../../../projects/components/content-editor/src/content-observer.directive.ts","../../../projects/components/content-editor/src/_builder/list-block/list-block.component.ts","../../../projects/components/content-editor/src/_builder/list-block/list-block.component.html"],"sourcesContent":["import { Directive, ElementRef, inject, input, OnDestroy, OnInit, output, PLATFORM_ID } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\n\n@Directive({\n  selector: '[ngsContentObserver]'\n})\nexport class ContentObserverDirective implements OnInit, OnDestroy {\n  private _platformId = inject(PLATFORM_ID);\n  private _elementRef = inject(ElementRef);\n  private _observer!: MutationObserver;\n\n  detectAddedNode = input.required();\n\n  readonly nodeAdded = output<HTMLElement>();\n\n  ngOnInit() {\n    if (isPlatformServer(this._platformId)) {\n      return;\n    }\n\n    const config = { attributes: false, childList: true, subtree: false };\n    const callback = (mutationList: any, observer: any) => {\n      for (const mutation of mutationList) {\n        if (mutation.type === 'childList') {\n          const addedNode = mutation.addedNodes[0];\n\n          if (addedNode && addedNode.tagName && addedNode.classList.contains(this.detectAddedNode())) {\n            this.nodeAdded.emit(addedNode);\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","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal\n} from '@angular/core';\nimport { ContentBuilderStore } from '../../content-builder.store';\nimport {\n  CONTENT_BUILDER, CONTENT_EDITOR_BLOCK,\n  ContentEditorDataBlock,\n  ContentEditorItemProperty,\n  ContentEditorListItem,\n  ContentEditorListSettings\n} from '../../types';\nimport { ContentEditorContentEditableDirective } from '../../content-editor-content-editable.directive';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ContentObserverDirective } from '../../content-observer.directive';\nimport { CursorController } from '../../utils/cursor-controller';\nimport { ContentBuilderComponent } from '../../content-builder/content-builder.component';\n\n@Component({\n  selector: 'ngs-list-block',\n  exportAs: 'ngsListBlock',\n  imports: [\n    ContentEditorContentEditableDirective,\n    NgTemplateOutlet,\n    ContentObserverDirective\n  ],\n  templateUrl: './list-block.component.html',\n  styleUrl: './list-block.component.scss',\n  providers: [\n    {\n      provide: CONTENT_EDITOR_BLOCK,\n      useExisting: ListBlockComponent,\n      multi: true\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.list-bullet]': \"_listStyle() === 'bullet'\",\n    '[class.list-ordered]': \"_listStyle() === 'ordered'\",\n  }\n})\nexport class ListBlockComponent implements OnInit, ContentEditorDataBlock, AfterViewInit {\n  private _store = inject(ContentBuilderStore);\n  private _contentBuilder = inject<ContentBuilderComponent>(CONTENT_BUILDER);\n\n  id = input.required<string>();\n  content = input.required<ContentEditorListItem[]>();\n  settings = input.required<ContentEditorListSettings>();\n  index = input.required<number>();\n\n  protected _placeholder = signal<string>('List item');\n  protected _content = signal<ContentEditorListItem[]>([\n    {\n      content: '',\n      props: [],\n      children: []\n    }\n  ]);\n  protected _listStyle = signal('');\n  readonly initialized = signal(false);\n\n  ngOnInit() {\n    this._listStyle.set(this.settings().listStyle);\n\n    if (this.content().length !== 0) {\n      this._content.set(this.content());\n    }\n  }\n\n  ngAfterViewInit() {\n    this.initialized.set(true);\n  }\n\n  focus() {\n  }\n\n  protected onContentChanged(content: string, list: ContentEditorListItem[], index: number) {\n    if (!list[index]) {\n      return;\n    }\n\n    list[index].content = content;\n    this.update();\n  }\n\n  protected onPressedEnter(\n    event: KeyboardEvent,\n    contentEditable: ContentEditorContentEditableDirective,\n    list: ContentEditorListItem[],\n    index: number,\n    level: number,\n    parentItem: ContentEditorListItem | null,\n    parentList: ContentEditorListItem[]\n  ) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (level === 0) {\n      const content = contentEditable.getContent();\n\n      if (content) {\n        list.splice(index + 1, 0, {\n          content: '',\n          props: [],\n          styles: {},\n          children: []\n        });\n      } else {\n        list.splice(index, 1);\n\n        if (list.length === 0) {\n          this._contentBuilder.deleteBlock(this.id());\n        }\n\n        this._contentBuilder.insertEmptyBlock(this.index());\n      }\n    } else {\n      if (list[index] && !list[index].content) {\n        list.splice(index, 1);\n        const parentIndex = parentList.findIndex(item => item === parentItem);\n        parentList.splice(parentIndex + 1, 0, {\n          content: '',\n          props: [],\n          children: []\n        });\n      } else {\n        list.splice(index + 1, 0, {\n          content: '',\n          props: [],\n          styles: {},\n          children: []\n        });\n      }\n    }\n\n    this.update();\n  }\n\n  getId(level: number, index: number): string {\n    return 'item-level-' + (level + index + 2).toString();\n  }\n\n  getData(): any {\n    return {\n      content: this._content(),\n      settings: {\n        ...this.settings(),\n      }\n    };\n  }\n\n  isEmpty(): boolean {\n    return this.getData().content.find((item: any) => item.content.trim().length > 0);\n  }\n\n  protected _onNodeAdded(node: HTMLElement) {\n    this._focusItem(node.querySelector('.list-item-content') as HTMLElement);\n  }\n\n  protected _focusItem(element: HTMLElement) {\n    const cursorController = new CursorController(element);\n    cursorController.setToEnd();\n  }\n\n  protected _onKeyDown(\n    event: KeyboardEvent,\n    contentEditable: ContentEditorContentEditableDirective,\n    list: ContentEditorListItem[],\n    index: number,\n    level: number,\n    parentItem: ContentEditorListItem | null,\n    parentList: ContentEditorListItem[],\n    listItem: HTMLElement\n  ) {\n    if (event.key === 'Backspace' && !contentEditable.getContent()) {\n      const latestElementInParentList = (listItem.closest('.list') as HTMLElement)?.parentNode;\n      list.splice(index, 1);\n      const prevElement = listItem.previousSibling as HTMLElement;\n\n      if (prevElement) {\n        this._focusItem(prevElement.querySelector('.list-item-content') as HTMLElement);\n      } else {\n        if (latestElementInParentList) {\n          this._focusItem(latestElementInParentList.querySelector('.list-item-content') as HTMLElement);\n        }\n      }\n    } else if (event.key === 'Tab') {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (event.shiftKey && parentItem) {\n        const cached = JSON.parse(JSON.stringify(list[index]));\n        list.splice(index, 1);\n        const parentIndex = parentList.findIndex(item => item === parentItem);\n        parentList.splice(parentIndex + 1, 0, cached);\n      } else {\n        if (list[index - 1]) {\n          const cached = JSON.parse(JSON.stringify(list[index]));\n          list.splice(index, 1);\n          list[index - 1].children.push(cached);\n        }\n      }\n    }\n\n    if (level === 0 && list.length === 0) {\n      this._contentBuilder.deleteBlock(this.id());\n    }\n\n    this.update();\n  }\n\n  onPropsChanged(props: ContentEditorItemProperty[], item: any) {\n    item.props = props;\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","<ul class=\"list\"\n    ngsContentObserver\n    detectAddedNode=\"list-item\"\n    (nodeAdded)=\"_onNodeAdded($event)\">\n  <ng-container [ngTemplateOutlet]=\"listTpl\"\n                [ngTemplateOutletContext]=\"{ $implicit: _content(), level: 0, parentItem: null, parentList: [] }\"/>\n</ul>\n\n<ng-template #listTpl let-list let-level=\"level\" let-parentItem=\"parentItem\" let-parentList=\"parentList\">\n  @for (item of list; track $index; let index = $index) {\n    <li #listItem class=\"list-item\" [attr.id]=\"getId(level, index)\">\n      <div [ngsContentEditorContentEditable]=\"item.content\"\n           [props]=\"item.props\"\n           (propsChanged)=\"onPropsChanged($event, item)\"\n           #contentEditable=\"ngsContentEditorContentEditable\"\n           class=\"list-item-content\"\n           (contentChanged)=\"onContentChanged($event, list, index)\"\n           (pressedEnter)=\"onPressedEnter($event, contentEditable, list, index, level, parentItem, parentList)\"\n           (keydown)=\"_onKeyDown($event, contentEditable, list, index, level, parentItem, parentList, listItem)\"\n           [attr.data-empty-placeholder]=\"_placeholder()\"></div>\n      @if (item.children.length > 0) {\n        <ol class=\"list\"\n            ngsContentObserver\n            detectAddedNode=\"list-item\"\n            (nodeAdded)=\"_onNodeAdded($event)\">\n          <ng-container [ngTemplateOutlet]=\"listTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item.children, level: level + 1, parentItem: item, parentList: list }\"/>\n        </ol>\n      }\n    </li>\n  }\n</ng-template>\n"],"names":[],"mappings":"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"}