@thecodeblogs/blog 0.20.1 → 0.20.3

package/fesm2022/thecodeblogs-blog.mjs

@@ -4,16 +4,11 @@ import { Injectable, EventEmitter, PLATFORM_ID, Inject, SecurityContext, Compone
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { map, debounceTime } from 'rxjs/operators';
-import { Subject, of, Subscription } from 'rxjs';
-import { Utility as Utility$1 } from '@blog/services/utility';
+import { Subject, of, debounceTime as debounceTime$1, Subscription } from 'rxjs';
 import * as i6 from '@angular/common';
 import { isPlatformBrowser, NgIf, CommonModule } from '@angular/common';
 import * as i2 from 'ngx-device-detector';
 import * as i1$1 from '@angular/platform-browser';
-import { Entry as Entry$1 } from '@blog/data/entry';
-import { Section as Section$1 } from '@blog/data/section';
-import { Content as Content$1 } from '@blog/data/content';
-import { ContentType as ContentType$1 } from '@blog/data/content-type';
 import { ENTER, COMMA, TAB } from '@angular/cdk/keycodes';
 import * as i1$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
@@ -50,11 +45,12 @@ import { provideNativeDateAdapter, MatNativeDateModule } from '@angular/material
 import * as i1$3 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i12 from '@angular/cdk/text-field';
+import * as i6$2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { QuillEditorComponent } from 'ngx-quill';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i4$1 from '@angular/cdk/drag-drop';
 import { DragDropModule } from '@angular/cdk/drag-drop';
-import * as i6$2 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i2$1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i9$1 from '@angular/material/list';
@@ -270,6 +266,167 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
+class Utility {
+    static replaceNbsps(str) {
+        var re = new RegExp(String.fromCharCode(160), "g");
+        return str.replace(re, " ");
+    }
+    static convertHTMLToType(el) {
+        var value = "";
+        var contentType = "";
+        // First test for custom objects
+        var testValue = el.innerText;
+        try {
+            var obj = JSON.parse(testValue);
+            return obj;
+        }
+        catch (error) {
+            //console.error(error);
+        }
+        //console.log(el.tagName);
+        switch (el.tagName.toLowerCase()) {
+            case "p":
+                if (el.children.length > 0) {
+                    var child = el.children[0];
+                    if (child.tagName.toLowerCase() === "a") {
+                        var c = new Content();
+                        value = child.href;
+                        c.value = value;
+                        c.title = Utility.replaceNbsps(child.innerText);
+                        c.type = ContentType.URL;
+                        return c;
+                    }
+                    else if (child.tagName.toLowerCase() === 'img') {
+                        var c = new Content();
+                        value = child.src;
+                        c.value = value;
+                        c.type = ContentType.IMAGE;
+                        return c;
+                    }
+                }
+                else {
+                    var c = new Content();
+                    value = Utility.replaceNbsps(el.innerText);
+                    c.value = value;
+                    c.type = ContentType.TEXT;
+                    return c;
+                }
+                break;
+            case "a":
+                var c = new Content();
+                value = el.href;
+                c.value = value;
+                c.title = Utility.replaceNbsps(el.innerText);
+                c.type = ContentType.URL;
+                return c;
+                break;
+            case "h4":
+                var s = new Section();
+                value = Utility.replaceNbsps(el.innerText);
+                s.subheading = Utility.replaceNbsps(value);
+                return s;
+                break;
+            case "blockquote":
+                var c = new Content();
+                value = el.innerHTML;
+                c.value = "<blockquote>" + value + "</blockquote>";
+                c.type = ContentType.HTML;
+                return c;
+                break;
+            default:
+                var c = new Content();
+                value = el.innerHTML;
+                c.value = value;
+                c.type = ContentType.HTML;
+                return c;
+                break;
+        }
+    }
+    static convertHtmlToBlogFormat(entry, html) {
+        entry.sections = [];
+        var newEntry = new Entry(entry);
+        var el = document.createElement('html');
+        el.innerHTML = html;
+        // Creating the HTML element adds a head and body
+        // We hardcode to 1 to reference the body, and its
+        // child elements
+        var children = el.children[1].children;
+        ;
+        var section = new Section();
+        section.subheading = "";
+        for (let i = 0; i < children.length; i++) {
+            var child = children[i];
+            var thing = Utility.convertHTMLToType(child);
+            //console.log('Thing: ' + JSON.stringify(thing));
+            //console.log('Typeof: ' + JSON.stringify(typeof(thing)));
+            if (thing instanceof Section) {
+                section = thing;
+                section.order = i * 10;
+                entry.sections.push(section);
+            }
+            else if (thing instanceof Content) {
+                if (entry.sections.length === 0) {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                    entry.sections.push(section);
+                    section.order = i * 10;
+                }
+                else {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                }
+            }
+            else {
+                if (thing !== null && typeof (thing) !== 'undefined') {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                }
+            }
+        }
+        //console.log('E: ' + JSON.stringify(entry));
+        return entry;
+    }
+    static convertTypeToHTML(content) {
+        switch (content.type) {
+            case ContentType.CODE:
+                return '<pre><code class="language-ts">' + content?.value + '</code></pre>';
+                break;
+            case ContentType.IMAGE:
+                return '<img src="' + content?.value + '"/>';
+                break;
+            case ContentType.MEDIA:
+                return '<pre>' + JSON.stringify(content) + '</pre>';
+                break;
+            case ContentType.HTML:
+                return content.value;
+                break;
+            case ContentType.URL:
+                return '<a target="_blank" href="' + content.value + '">' + content.title + '</a><br>';
+                break;
+            case ContentType.TEXT:
+                return '<p>' + content.value + '</p>';
+                break;
+            default:
+                return '<pre>' + JSON.stringify(content) + '</pre>';
+                break;
+        }
+    }
+    static convertBlogToHtml(blog) {
+        var html = "";
+        var sections = blog.sections;
+        for (var i = 0; i < sections.length; i++) {
+            var section = sections[i];
+            html = html + '<h4>' + section.subheading + '</h4>';
+            var contents = section.contents;
+            for (var j = 0; j < contents.length; j++) {
+                var content = contents[j];
+                html = html + Utility.convertTypeToHTML(content);
+            }
+        }
+        return html;
+    }
+}
+
 class EntryService extends DjangoRestFrameworkEndpointService {
     handleResponse(obj) {
         return new Entry(obj);
@@ -358,10 +515,10 @@ class EntryService extends DjangoRestFrameworkEndpointService {
         return this.http.delete(this.adminEndpoint + entity.id + '/').pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.DELETE)), map(this.handleResponse.bind(this)));
     }
     convertHtmlToBlogFormat(entry, html) {
-        return Utility$1.convertHtmlToBlogFormat(entry, html);
+        return Utility.convertHtmlToBlogFormat(entry, html);
     }
     convertBlogToHtmlFormat(entry) {
-        return Utility$1.convertBlogToHtml(entry);
+        return Utility.convertBlogToHtml(entry);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryService, providedIn: 'root' }); }
@@ -577,167 +734,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
-class Utility {
-    static replaceNbsps(str) {
-        var re = new RegExp(String.fromCharCode(160), "g");
-        return str.replace(re, " ");
-    }
-    static convertHTMLToType(el) {
-        var value = "";
-        var contentType = "";
-        // First test for custom objects
-        var testValue = el.innerText;
-        try {
-            var obj = JSON.parse(testValue);
-            return obj;
-        }
-        catch (error) {
-            //console.error(error);
-        }
-        //console.log(el.tagName);
-        switch (el.tagName.toLowerCase()) {
-            case "p":
-                if (el.children.length > 0) {
-                    var child = el.children[0];
-                    if (child.tagName.toLowerCase() === "a") {
-                        var c = new Content$1();
-                        value = child.href;
-                        c.value = value;
-                        c.title = Utility.replaceNbsps(child.innerText);
-                        c.type = ContentType$1.URL;
-                        return c;
-                    }
-                    else if (child.tagName.toLowerCase() === 'img') {
-                        var c = new Content$1();
-                        value = child.src;
-                        c.value = value;
-                        c.type = ContentType$1.IMAGE;
-                        return c;
-                    }
-                }
-                else {
-                    var c = new Content$1();
-                    value = Utility.replaceNbsps(el.innerText);
-                    c.value = value;
-                    c.type = ContentType$1.TEXT;
-                    return c;
-                }
-                break;
-            case "a":
-                var c = new Content$1();
-                value = el.href;
-                c.value = value;
-                c.title = Utility.replaceNbsps(el.innerText);
-                c.type = ContentType$1.URL;
-                return c;
-                break;
-            case "h4":
-                var s = new Section$1();
-                value = Utility.replaceNbsps(el.innerText);
-                s.subheading = Utility.replaceNbsps(value);
-                return s;
-                break;
-            case "blockquote":
-                var c = new Content$1();
-                value = el.innerHTML;
-                c.value = "<blockquote>" + value + "</blockquote>";
-                c.type = ContentType$1.HTML;
-                return c;
-                break;
-            default:
-                var c = new Content$1();
-                value = el.innerHTML;
-                c.value = value;
-                c.type = ContentType$1.HTML;
-                return c;
-                break;
-        }
-    }
-    static convertHtmlToBlogFormat(entry, html) {
-        entry.sections = [];
-        var newEntry = new Entry$1(entry);
-        var el = document.createElement('html');
-        el.innerHTML = html;
-        // Creating the HTML element adds a head and body
-        // We hardcode to 1 to reference the body, and its
-        // child elements
-        var children = el.children[1].children;
-        ;
-        var section = new Section$1();
-        section.subheading = "";
-        for (let i = 0; i < children.length; i++) {
-            var child = children[i];
-            var thing = Utility.convertHTMLToType(child);
-            //console.log('Thing: ' + JSON.stringify(thing));
-            //console.log('Typeof: ' + JSON.stringify(typeof(thing)));
-            if (thing instanceof Section$1) {
-                section = thing;
-                section.order = i * 10;
-                entry.sections.push(section);
-            }
-            else if (thing instanceof Content$1) {
-                if (entry.sections.length === 0) {
-                    thing.order = i * 10;
-                    section.contents.push(thing);
-                    entry.sections.push(section);
-                    section.order = i * 10;
-                }
-                else {
-                    thing.order = i * 10;
-                    section.contents.push(thing);
-                }
-            }
-            else {
-                if (thing !== null && typeof (thing) !== 'undefined') {
-                    thing.order = i * 10;
-                    section.contents.push(thing);
-                }
-            }
-        }
-        //console.log('E: ' + JSON.stringify(entry));
-        return entry;
-    }
-    static convertTypeToHTML(content) {
-        switch (content.type) {
-            case ContentType$1.CODE:
-                return '<pre><code class="language-ts">' + content?.value + '</code></pre>';
-                break;
-            case ContentType$1.IMAGE:
-                return '<img src="' + content?.value + '"/>';
-                break;
-            case ContentType$1.MEDIA:
-                return '<pre>' + JSON.stringify(content) + '</pre>';
-                break;
-            case ContentType$1.HTML:
-                return content.value;
-                break;
-            case ContentType$1.URL:
-                return '<a target="_blank" href="' + content.value + '">' + content.title + '</a><br>';
-                break;
-            case ContentType$1.TEXT:
-                return '<p>' + content.value + '</p>';
-                break;
-            default:
-                return '<pre>' + JSON.stringify(content) + '</pre>';
-                break;
-        }
-    }
-    static convertBlogToHtml(blog) {
-        var html = "";
-        var sections = blog.sections;
-        for (var i = 0; i < sections.length; i++) {
-            var section = sections[i];
-            html = html + '<h4>' + section.subheading + '</h4>';
-            var contents = section.contents;
-            for (var j = 0; j < contents.length; j++) {
-                var content = contents[j];
-                html = html + Utility.convertTypeToHTML(content);
-            }
-        }
-        return html;
-    }
-}
-
 class EntrySelectorDialogData {
 }
 
@@ -1283,30 +1279,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 type: Input
             }] } });
 
-class StaticHtmlComponent {
-    constructor(staticHtmlService, domSanitizer) {
-        this.staticHtmlService = staticHtmlService;
-        this.domSanitizer = domSanitizer;
-    }
-    refreshContent() {
-        this.innerHtml = this.domSanitizer.bypassSecurityTrustHtml(this.staticHtmlService.mapStaticHtml(this.value, false));
-    }
-    ngOnChanges(changes) {
-        this.refreshContent();
-    }
-    ngOnInit() {
-        this.refreshContent();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: StaticHtmlComponent, isStandalone: true, selector: "app-static-html", inputs: { value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div [innerHtml]=\"innerHtml\">\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n" }]
-        }], ctorParameters: () => [{ type: StaticHtmlService }, { type: i1$1.DomSanitizer }], propDecorators: { value: [{
-                type: Input
-            }] } });
-
 class TimeAgoPipe {
     constructor(changeDetectorRef, ngZone) {
         this.changeDetectorRef = changeDetectorRef;
@@ -1405,6 +1377,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }] });
 
+class EntryWysiwygComponent {
+    static { this.CURRENT_ENTRY_KEY = EntryCreatorComponent.CURRENT_ENTRY_KEY; }
+    static { this.DEFAULT_NEW_ENTRY_TITLE = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE; }
+    constructor(router, entryService, tagService, identityService, dialog, sanitizer, fb) {
+        this.router = router;
+        this.entryService = entryService;
+        this.tagService = tagService;
+        this.identityService = identityService;
+        this.dialog = dialog;
+        this.sanitizer = sanitizer;
+        this.fb = fb;
+        this.CURRENT_ENTRY_KEY = EntryWysiwygComponent.CURRENT_ENTRY_KEY;
+        this.DEFAULT_NEW_ENTRY_TITLE = EntryWysiwygComponent.DEFAULT_NEW_ENTRY_TITLE;
+        this.all_tags = ['Angular', 'Bash', 'MacOS', 'Typescript', 'NPM', 'Databases'];
+        this.format = 'html';
+        this.entry = null;
+        this.customScheduleTime = '';
+        this.today = new Date();
+        this.form = this.fb.group({
+            html: new FormControl(''),
+        });
+        const scheduledDate = new Date();
+        this.customScheduleTime = scheduledDate.getHours() + ':' + scheduledDate.getMinutes() + ' AM';
+    }
+    refreshTags() {
+        this.tagService.get().subscribe((response) => {
+            this.all_tags = map$1(response.results, (t) => t.label);
+            /*
+            this.filtered_tags = this.tagCtrl.valueChanges.pipe(
+              startWith(null),
+              map((tag: string | null) => tag ? this._filter(tag) : this.all_tags.slice()));
+          */
+        });
+    }
+    ngOnInit() {
+        this.refreshTags();
+        this.identityService.getMe().subscribe((me) => {
+            this.me = me;
+        });
+        const savedEntry = localStorage.getItem(EntryCreatorComponent.CURRENT_ENTRY_KEY);
+        if (savedEntry) {
+            this.entry = new Entry(JSON.parse(savedEntry));
+            const newValue = {
+                'html': this.entryService.convertBlogToHtmlFormat(this.entry)
+            };
+            this.form.patchValue(newValue);
+        }
+        else {
+            this.seeEntries();
+        }
+        this.form.get('html').valueChanges
+            .pipe(debounceTime$1(500))
+            .subscribe(value => {
+            var blogPost = value;
+            this.entry = this.entryService.convertHtmlToBlogFormat(this.entry, blogPost);
+            this.entryService.currentlyEditedEntry.next(this.entry);
+            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(this.entry));
+        });
+    }
+    seeEntries() {
+        const dialogRef = this.dialog.open(EntrySelectorDialogComponent, {
+            width: '800px',
+            data: { name: 'test', animal: 'test' }
+        });
+        dialogRef.afterClosed().subscribe((id) => {
+            if (id) {
+                this.entryService.getUnpublishedById(id).subscribe((result) => {
+                    const entry = result;
+                    this.entryService.currentlyEditedEntry.next(entry);
+                    localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(entry));
+                    this.entry = entry;
+                    const newValue = {
+                        'html': this.entryService.convertBlogToHtmlFormat(this.entry)
+                    };
+                    this.form.patchValue(newValue);
+                });
+            }
+        });
+    }
+    startNew() {
+        const finish = confirm('Are you sure your finished? The JSON and entry displayed will be removed. Make sure you have already copied it.');
+        if (finish) {
+            this.entry = new Entry();
+            this.entry.title = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE;
+            this.entry.published = false;
+            this.entry.version = 1;
+            this.entryService.currentlyEditedEntry.next(this.entry);
+            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(this.entry));
+            this.entryService.create(this.entry).subscribe((next) => {
+                const newValue = {
+                    'html': this.entryService.convertBlogToHtmlFormat(next)
+                };
+                this.form.patchValue(newValue);
+            });
+        }
+    }
+    postPublishCallback() {
+        this.entryService.currentlyEditedEntry.next(null);
+        this.entry = null;
+        this.seeEntries();
+        localStorage.removeItem(EntryCreatorComponent.CURRENT_ENTRY_KEY);
+        this.form.patchValue({ 'html': '' });
+    }
+    publish() {
+        const publish = confirm('Are you sure you want to publish? Once an article is published it is available to everyone.');
+        if (publish) {
+            this.entry.published = true;
+            this.entry.publish_date = new Date();
+            this.entry.edit_date = new Date();
+            this.entryService.updateUnpublishedEntry(this.entry).subscribe(this.postPublishCallback.bind(this));
+        }
+    }
+    routeTo(path) {
+        this.router.navigateByUrl(path).then(() => {
+        });
+    }
+    displayAlert(something) {
+        alert(something);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryWysiwygComponent, deps: [{ token: i1$3.Router }, { token: EntryService }, { token: TagService }, { token: IdentityService }, { token: i1$2.MatDialog }, { token: i1$1.DomSanitizer }, { token: i7.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: EntryWysiwygComponent, isStandalone: true, selector: "lib-entry-wysiwyg", providers: [provideNativeDateAdapter()], ngImport: i0, template: "<div class=\"container\" style=\"padding: 20px;\">\n  <div style=\"padding: 10px;\">\n    <button\n      style=\"width: 100%;\"\n      mat-raised-button\n      (click)=\"routeTo('create(left-col:create//right-col:create)')\">V1</button>\n  </div>\n  <div>\n    <div *ngIf=\"entry\">\n      <h2>{{entry?.title}}</h2>\n\n      <h3>Posted {{entry?.create_date.toString() | timeAgo}} on {{entry?.create_date?.getMonth() + 1}}/{{entry?.create_date?.getDate()}}/{{entry?.create_date?.getFullYear()}}</h3>\n      <h5 *ngIf=\"entry?.showEditInformation()\">Article was last edited {{entry?.edit_date.toString() | timeAgo}}</h5>\n      <br>\n      <p *ngIf=\"entry?.tags?.length > 0\">Tags: <span *ngFor=\"let tag of entry?.tags; let last = last\">{{tag}}<ng-container *ngIf=\"!last\"> |\n      </ng-container></span><span *ngIf=\"entry?.views\">, {{entry._friendly_views}} views</span></p>\n    </div>\n\n    <div style=\"width: 100%; padding: 10px;\">\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"publish()\"\n      >Publish</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"seeEntries()\"\n      >Entries</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"displayAlert('One day...')\"\n      >Advanced</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"startNew()\"\n      >New</button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <quill-editor\n      style=\"width: 100%;\"\n      format=\"{{format}}\"\n      formControlName=\"html\"\n      theme=\"bubble\"\n    ></quill-editor>\n  </form>\n</div>\n", styles: [".create-container{margin-left:auto;margin-right:auto;width:80%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryWysiwygComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-entry-wysiwyg', providers: [provideNativeDateAdapter()], imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        QuillEditorComponent,
+                        TimeAgoPipe,
+                    ], template: "<div class=\"container\" style=\"padding: 20px;\">\n  <div style=\"padding: 10px;\">\n    <button\n      style=\"width: 100%;\"\n      mat-raised-button\n      (click)=\"routeTo('create(left-col:create//right-col:create)')\">V1</button>\n  </div>\n  <div>\n    <div *ngIf=\"entry\">\n      <h2>{{entry?.title}}</h2>\n\n      <h3>Posted {{entry?.create_date.toString() | timeAgo}} on {{entry?.create_date?.getMonth() + 1}}/{{entry?.create_date?.getDate()}}/{{entry?.create_date?.getFullYear()}}</h3>\n      <h5 *ngIf=\"entry?.showEditInformation()\">Article was last edited {{entry?.edit_date.toString() | timeAgo}}</h5>\n      <br>\n      <p *ngIf=\"entry?.tags?.length > 0\">Tags: <span *ngFor=\"let tag of entry?.tags; let last = last\">{{tag}}<ng-container *ngIf=\"!last\"> |\n      </ng-container></span><span *ngIf=\"entry?.views\">, {{entry._friendly_views}} views</span></p>\n    </div>\n\n    <div style=\"width: 100%; padding: 10px;\">\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"publish()\"\n      >Publish</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"seeEntries()\"\n      >Entries</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"displayAlert('One day...')\"\n      >Advanced</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"startNew()\"\n      >New</button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <quill-editor\n      style=\"width: 100%;\"\n      format=\"{{format}}\"\n      formControlName=\"html\"\n      theme=\"bubble\"\n    ></quill-editor>\n  </form>\n</div>\n", styles: [".create-container{margin-left:auto;margin-right:auto;width:80%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.Router }, { type: EntryService }, { type: TagService }, { type: IdentityService }, { type: i1$2.MatDialog }, { type: i1$1.DomSanitizer }, { type: i7.FormBuilder }] });
+
+class StaticHtmlComponent {
+    constructor(staticHtmlService, domSanitizer) {
+        this.staticHtmlService = staticHtmlService;
+        this.domSanitizer = domSanitizer;
+    }
+    refreshContent() {
+        this.innerHtml = this.domSanitizer.bypassSecurityTrustHtml(this.staticHtmlService.mapStaticHtml(this.value, false));
+    }
+    ngOnChanges(changes) {
+        this.refreshContent();
+    }
+    ngOnInit() {
+        this.refreshContent();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: StaticHtmlComponent, isStandalone: true, selector: "app-static-html", inputs: { value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div [innerHtml]=\"innerHtml\">\n</div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n" }]
+        }], ctorParameters: () => [{ type: StaticHtmlService }, { type: i1$1.DomSanitizer }], propDecorators: { value: [{
+                type: Input
+            }] } });
+
 class EntryRendererComponent {
     constructor(prismService, ngZone, identityService, commentService, router, entryService) {
         this.prismService = prismService;
@@ -2237,5 +2368,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, Utility, View, ViewService, VisitorProfile, VisitorProfileService };
+export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, EntryWysiwygComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, Utility, View, ViewService, VisitorProfile, VisitorProfileService };
 //# sourceMappingURL=thecodeblogs-blog.mjs.map