@thecodeblogs/blog 0.15.5 → 0.19.1

package/fesm2020/thecodeblogs-blog.mjs

@@ -1,1936 +0,0 @@
-import { orderBy, map as map$1, filter } from 'lodash';
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, PLATFORM_ID, Inject, SecurityContext, Component, Input, HostListener, ViewChild, Pipe, NgModule } from '@angular/core';
-import * as i1 from '@angular/common/http';
-import { HttpParams } from '@angular/common/http';
-import { map, debounceTime, startWith } from 'rxjs/operators';
-import { Subject, Subscription } from 'rxjs';
-import * as i2$1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import 'clipboard';
-import 'prismjs';
-import 'prismjs/plugins/toolbar/prism-toolbar';
-import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard';
-import 'prismjs/components/prism-css';
-import 'prismjs/components/prism-javascript';
-import 'prismjs/components/prism-java';
-import 'prismjs/components/prism-markup';
-import 'prismjs/components/prism-typescript';
-import 'prismjs/components/prism-sass';
-import 'prismjs/components/prism-scss';
-import * as i2 from 'ngx-device-detector';
-import * as i1$1 from '@angular/platform-browser';
-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';
-import * as i4 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i5 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i6 from '@angular/material/table';
-import { MatTableModule } from '@angular/material/table';
-import * as i7 from 'ng2-file-upload';
-import { FileUploader, FileUploadModule } from 'ng2-file-upload';
-import * as i1$3 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i6$1 from '@angular/forms';
-import { UntypedFormControl, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i8 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i9 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i10 from '@angular/material/form-field';
-import * as i11 from '@angular/cdk/text-field';
-import * as i12 from '@angular/material/radio';
-import { MatRadioModule } from '@angular/material/radio';
-import * as i13 from '@angular/material/autocomplete';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i14 from '@angular/material/core';
-import { MatNativeDateModule } from '@angular/material/core';
-import * as i15 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i16 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i17 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i6$2 from 'ngx-material-timepicker';
-import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
-import * as i1$4 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
-import * as i3 from '@angular/cdk/drag-drop';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i8$1 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i9$1 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i3$1 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import Autolinker from 'autolinker';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { faSpinner } from '@fortawesome/free-solid-svg-icons';
-
-class Guid {
-    newGuid() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            // tslint:disable-next-line:no-bitwise
-            const r = Math.random() * 16 | 0, 
-            // tslint:disable-next-line:triple-equals no-bitwise
-            v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-}
-
-class Base {
-    constructor() {
-        this.id = new Guid().newGuid();
-    }
-}
-
-var ContentType;
-(function (ContentType) {
-    ContentType["TEXT"] = "text";
-    ContentType["URL"] = "url";
-    ContentType["CODE"] = "code";
-    ContentType["IMAGE"] = "image";
-    ContentType["MEDIA"] = "media";
-    ContentType["HTML"] = "html";
-})(ContentType || (ContentType = {}));
-
-class Content extends Base {
-}
-Content.KEY_MIMETYPE = 'mimeType';
-
-class Entry extends Base {
-    constructor(init) {
-        super();
-        this.should_publish_in_future = false;
-        Object.assign(this, init);
-        if (!this.create_date) {
-            this.create_date = new Date();
-        }
-        else {
-            this.create_date = new Date(this.create_date);
-        }
-        if (!this.edit_date) {
-            this.edit_date = new Date();
-        }
-        else {
-            this.edit_date = new Date(this.edit_date);
-        }
-        if (this.publish_date) {
-            this.publish_date = new Date(this.publish_date);
-        }
-        if (this.future_publish_date) {
-            this.future_publish_date = new Date(this.future_publish_date);
-        }
-        if (!this.version) {
-            this.version = 1;
-        }
-        if (!this.tags) {
-            this.tags = [];
-        }
-        if (this.views) {
-            if (this.views < 10) {
-                this._friendly_views = 'Less than ten';
-            }
-            else if (10 < this.views && this.views < 100) {
-                this._friendly_views = 'Around one hundred';
-            }
-            else {
-                this._friendly_views = this.views.toString();
-            }
-        }
-        if (!this.sections) {
-            this.sections = [];
-        }
-        // For entries that existed before this variable was introduced, the server will return undefined. If this
-        // stays undefined, it will violate the null constraints on the DB, so this code checks for both null
-        // and undefined and then populates the value accordingly
-        if (typeof (this.should_publish_in_future) === 'undefined' || this.should_publish_in_future === null) {
-            this.should_publish_in_future = false;
-        }
-    }
-    sort() {
-        this.sections = orderBy(this.sections, ({ order }) => Number(order), ['asc']);
-        for (let i = 0; i < this.sections.length; i++) {
-            this.sections[i].order = i * 10;
-        }
-        for (const section of this.sections) {
-            section.contents = orderBy(section.contents, ({ order }) => Number(order), ['asc']);
-            for (let i = 0; i < section.contents.length; i++) {
-                section.contents[i].order = i * 10;
-            }
-        }
-    }
-    showEditInformation() {
-        // @ts-ignore
-        const difference = Math.floor((this.create_date - this.edit_date) / (1000 * 60 * 60 * 24));
-        return (difference > 1 || difference < -1);
-    }
-    getProp(prop) {
-        if (this.__server_generated_properties) {
-            return this.__server_generated_properties[prop];
-        }
-        else {
-            return '';
-        }
-    }
-}
-
-class ListResponse {
-}
-
-class Section extends Base {
-    constructor() {
-        super();
-        if (!this.order) {
-            this.order = -1;
-        }
-        this.contents = [];
-    }
-}
-
-class CoreEvent {
-    constructor(data, type) {
-        this.data = data;
-        this.type = type;
-    }
-}
-
-var CoreEventType;
-(function (CoreEventType) {
-    CoreEventType["UPDATE"] = "update";
-    CoreEventType["CREATE"] = "create";
-    CoreEventType["DELETE"] = "delete";
-})(CoreEventType || (CoreEventType = {}));
-
-class VisitorProfile {
-}
-
-class CommentService {
-    constructor(http) {
-        this.http = http;
-        this.endpoint = '/blog_api/comments/';
-        this.adminEndpoint = '/blog_api/admin/comments/';
-    }
-    getComments(entry) {
-        return this.http.get(this.endpoint, { params: { entry } });
-    }
-    postComment(comment) {
-        return this.http.post(this.endpoint, comment, { params: { entry: comment.entry } });
-    }
-    patchComment(comment) {
-        return this.http.patch(this.adminEndpoint + '/' + comment.id + '/', comment);
-    }
-}
-CommentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CommentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CommentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CommentService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CommentService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        this.http = http;
-        this.events = new EventEmitter();
-        this.endpoint = '';
-    }
-    triggerCoreEvent(obj, type) {
-        this.events.next(new CoreEvent(obj, type));
-        return obj;
-    }
-    handleResponse(obj) {
-        return obj;
-    }
-    handleListResponse(obj) {
-        return obj;
-    }
-    get() {
-        return this.http.get(this.endpoint).pipe(map(this.handleListResponse.bind(this)));
-    }
-    getById(id) {
-        return this.http.get(this.endpoint + id + '/').pipe(map(this.handleResponse.bind(this)));
-    }
-    create(entity) {
-        return this.http.post(this.endpoint + '/', entity).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.CREATE)), map(this.handleResponse.bind(this)));
-    }
-    delete(entity) {
-        return this.http.delete(this.endpoint + entity.id + '/').pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.DELETE)), map(this.handleResponse.bind(this)));
-    }
-    update(entity) {
-        return this.http.patch(this.endpoint + entity.id + '/', entity).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.UPDATE)), map(this.handleResponse.bind(this)));
-    }
-    getListByUrl(url) {
-        return this.http.get(url).pipe(map(this.handleListResponse.bind(this)));
-    }
-}
-DjangoRestFrameworkEndpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DjangoRestFrameworkEndpointService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-DjangoRestFrameworkEndpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DjangoRestFrameworkEndpointService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DjangoRestFrameworkEndpointService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class EntryService extends DjangoRestFrameworkEndpointService {
-    handleResponse(obj) {
-        return new Entry(obj);
-    }
-    handleListResponse(obj) {
-        const response = obj;
-        const results = [];
-        for (const result of response.results) {
-            results.push(new Entry(result));
-        }
-        response.results = results;
-        return response;
-    }
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/entries/';
-        this.adminEndpoint = '/blog_api/admin/entries/';
-        this.currentlyEditedEntry = new Subject();
-        this.sub = this.currentlyEditedEntry.pipe(debounceTime(3000)).subscribe((e) => {
-            e.edit_date = new Date();
-            const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-            this.http.patch(this.adminEndpoint + e.id + '/', e, { params }).pipe(map(this.handleResponse.bind(this))).subscribe((response) => {
-                this.triggerCoreEvent(response, CoreEventType.UPDATE);
-                console.log('Synced ' + e.id + '...');
-            }, (err) => {
-                console.log('Error encountered syncing ' + e.id + ', trying to create...');
-                this.http.post(this.adminEndpoint, e).pipe(map(this.handleResponse)).subscribe((response) => {
-                    this.triggerCoreEvent(response, CoreEventType.CREATE);
-                    console.log('Created ' + e.id + '...');
-                }, (createErr) => {
-                    console.log('Error creating ' + e.id);
-                });
-            });
-        });
-    }
-    get() {
-        return this.http.get(this.endpoint).pipe(map(this.handleListResponse.bind(this)));
-    }
-    search(searchTerm) {
-        return this.http.get(this.endpoint + "?search=" + searchTerm).pipe(map(this.handleListResponse.bind(this)));
-    }
-    getUnpublishedEntries() {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.get(this.adminEndpoint, { params });
-    }
-    getBySlug(slug) {
-        return this.http.get(this.endpoint + slug + '/by_slug/').pipe(map(this.handleResponse.bind(this)));
-    }
-    getUnpublishedById(id) {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.get(this.adminEndpoint + id, { params }).pipe(map(this.handleResponse.bind(this)));
-    }
-    updateUnpublishedEntry(entry) {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.patch(this.adminEndpoint + entry.id + '/', entry, { params }).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.UPDATE)), map(this.handleResponse.bind(this)));
-    }
-    slugify(s) {
-        const charMap = JSON.parse('{"$":"dollar","%":"percent","&":"and","<":"less",">":"greater","|":"or","¢":"cent","£":"pound","¤":"currency","¥":"yen","©":"(c)","ª":"a","®":"(r)","º":"o","À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Æ":"AE","Ç":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","Þ":"TH","ß":"ss","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","æ":"ae","ç":"c","è":"e","é":"e","ê":"e","ë":"e","ì":"i","í":"i","î":"i","ï":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","þ":"th","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Č":"C","č":"c","Ď":"D","ď":"d","Đ":"DJ","đ":"dj","Ē":"E","ē":"e","Ė":"E","ė":"e","Ę":"e","ę":"e","Ě":"E","ě":"e","Ğ":"G","ğ":"g","Ģ":"G","ģ":"g","Ĩ":"I","ĩ":"i","Ī":"i","ī":"i","Į":"I","į":"i","İ":"I","ı":"i","Ķ":"k","ķ":"k","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ł":"L","ł":"l","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","Ō":"O","ō":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","Ŕ":"R","ŕ":"r","Ř":"R","ř":"r","Ś":"S","ś":"s","Ş":"S","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","Ť":"T","ť":"t","Ũ":"U","ũ":"u","Ū":"u","ū":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","Ə":"E","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Lj":"LJ","lj":"lj","Nj":"NJ","nj":"nj","Ș":"S","ș":"s","Ț":"T","ț":"t","ə":"e","˚":"o","Ά":"A","Έ":"E","Ή":"H","Ί":"I","Ό":"O","Ύ":"Y","Ώ":"W","ΐ":"i","Α":"A","Β":"B","Γ":"G","Δ":"D","Ε":"E","Ζ":"Z","Η":"H","Θ":"8","Ι":"I","Κ":"K","Λ":"L","Μ":"M","Ν":"N","Ξ":"3","Ο":"O","Π":"P","Ρ":"R","Σ":"S","Τ":"T","Υ":"Y","Φ":"F","Χ":"X","Ψ":"PS","Ω":"W","Ϊ":"I","Ϋ":"Y","ά":"a","έ":"e","ή":"h","ί":"i","ΰ":"y","α":"a","β":"b","γ":"g","δ":"d","ε":"e","ζ":"z","η":"h","θ":"8","ι":"i","κ":"k","λ":"l","μ":"m","ν":"n","ξ":"3","ο":"o","π":"p","ρ":"r","ς":"s","σ":"s","τ":"t","υ":"y","φ":"f","χ":"x","ψ":"ps","ω":"w","ϊ":"i","ϋ":"y","ό":"o","ύ":"y","ώ":"w","Ё":"Yo","Ђ":"DJ","Є":"Ye","І":"I","Ї":"Yi","Ј":"J","Љ":"LJ","Њ":"NJ","Ћ":"C","Џ":"DZ","А":"A","Б":"B","В":"V","Г":"G","Д":"D","Е":"E","Ж":"Zh","З":"Z","И":"I","Й":"J","К":"K","Л":"L","М":"M","Н":"N","О":"O","П":"P","Р":"R","С":"S","Т":"T","У":"U","Ф":"F","Х":"H","Ц":"C","Ч":"Ch","Ш":"Sh","Щ":"Sh","Ъ":"U","Ы":"Y","Ь":"","Э":"E","Ю":"Yu","Я":"Ya","а":"a","б":"b","в":"v","г":"g","д":"d","е":"e","ж":"zh","з":"z","и":"i","й":"j","к":"k","л":"l","м":"m","н":"n","о":"o","п":"p","р":"r","с":"s","т":"t","у":"u","ф":"f","х":"h","ц":"c","ч":"ch","ш":"sh","щ":"sh","ъ":"u","ы":"y","ь":"","э":"e","ю":"yu","я":"ya","ё":"yo","ђ":"dj","є":"ye","і":"i","ї":"yi","ј":"j","љ":"lj","њ":"nj","ћ":"c","ѝ":"u","џ":"dz","Ґ":"G","ґ":"g","Ғ":"GH","ғ":"gh","Қ":"KH","қ":"kh","Ң":"NG","ң":"ng","Ү":"UE","ү":"ue","Ұ":"U","ұ":"u","Һ":"H","һ":"h","Ә":"AE","ә":"ae","Ө":"OE","ө":"oe","Ա":"A","Բ":"B","Գ":"G","Դ":"D","Ե":"E","Զ":"Z","Է":"E\'","Ը":"Y\'","Թ":"T\'","Ժ":"JH","Ի":"I","Լ":"L","Խ":"X","Ծ":"C\'","Կ":"K","Հ":"H","Ձ":"D\'","Ղ":"GH","Ճ":"TW","Մ":"M","Յ":"Y","Ն":"N","Շ":"SH","Չ":"CH","Պ":"P","Ջ":"J","Ռ":"R\'","Ս":"S","Վ":"V","Տ":"T","Ր":"R","Ց":"C","Փ":"P\'","Ք":"Q\'","Օ":"O\'\'","Ֆ":"F","և":"EV","ء":"a","آ":"aa","أ":"a","ؤ":"u","إ":"i","ئ":"e","ا":"a","ب":"b","ة":"h","ت":"t","ث":"th","ج":"j","ح":"h","خ":"kh","د":"d","ذ":"th","ر":"r","ز":"z","س":"s","ش":"sh","ص":"s","ض":"dh","ط":"t","ظ":"z","ع":"a","غ":"gh","ف":"f","ق":"q","ك":"k","ل":"l","م":"m","ن":"n","ه":"h","و":"w","ى":"a","ي":"y","ً":"an","ٌ":"on","ٍ":"en","َ":"a","ُ":"u","ِ":"e","ْ":"","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","پ":"p","چ":"ch","ژ":"zh","ک":"k","گ":"g","ی":"y","۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","฿":"baht","ა":"a","ბ":"b","გ":"g","დ":"d","ე":"e","ვ":"v","ზ":"z","თ":"t","ი":"i","კ":"k","ლ":"l","მ":"m","ნ":"n","ო":"o","პ":"p","ჟ":"zh","რ":"r","ს":"s","ტ":"t","უ":"u","ფ":"f","ქ":"k","ღ":"gh","ყ":"q","შ":"sh","ჩ":"ch","ც":"ts","ძ":"dz","წ":"ts","ჭ":"ch","ხ":"kh","ჯ":"j","ჰ":"h","Ṣ":"S","ṣ":"s","Ẁ":"W","ẁ":"w","Ẃ":"W","ẃ":"w","Ẅ":"W","ẅ":"w","ẞ":"SS","Ạ":"A","ạ":"a","Ả":"A","ả":"a","Ấ":"A","ấ":"a","Ầ":"A","ầ":"a","Ẩ":"A","ẩ":"a","Ẫ":"A","ẫ":"a","Ậ":"A","ậ":"a","Ắ":"A","ắ":"a","Ằ":"A","ằ":"a","Ẳ":"A","ẳ":"a","Ẵ":"A","ẵ":"a","Ặ":"A","ặ":"a","Ẹ":"E","ẹ":"e","Ẻ":"E","ẻ":"e","Ẽ":"E","ẽ":"e","Ế":"E","ế":"e","Ề":"E","ề":"e","Ể":"E","ể":"e","Ễ":"E","ễ":"e","Ệ":"E","ệ":"e","Ỉ":"I","ỉ":"i","Ị":"I","ị":"i","Ọ":"O","ọ":"o","Ỏ":"O","ỏ":"o","Ố":"O","ố":"o","Ồ":"O","ồ":"o","Ổ":"O","ổ":"o","Ỗ":"O","ỗ":"o","Ộ":"O","ộ":"o","Ớ":"O","ớ":"o","Ờ":"O","ờ":"o","Ở":"O","ở":"o","Ỡ":"O","ỡ":"o","Ợ":"O","ợ":"o","Ụ":"U","ụ":"u","Ủ":"U","ủ":"u","Ứ":"U","ứ":"u","Ừ":"U","ừ":"u","Ử":"U","ử":"u","Ữ":"U","ữ":"u","Ự":"U","ự":"u","Ỳ":"Y","ỳ":"y","Ỵ":"Y","ỵ":"y","Ỷ":"Y","ỷ":"y","Ỹ":"Y","ỹ":"y","–":"-","‘":"\'","’":"\'","“":"\\\"","”":"\\\"","„":"\\\"","†":"+","•":"*","…":"...","₠":"ecu","₢":"cruzeiro","₣":"french franc","₤":"lira","₥":"mill","₦":"naira","₧":"peseta","₨":"rupee","₩":"won","₪":"new shequel","₫":"dong","€":"euro","₭":"kip","₮":"tugrik","₯":"drachma","₰":"penny","₱":"peso","₲":"guarani","₳":"austral","₴":"hryvnia","₵":"cedi","₸":"kazakhstani tenge","₹":"indian rupee","₺":"turkish lira","₽":"russian ruble","₿":"bitcoin","℠":"sm","™":"tm","∂":"d","∆":"delta","∑":"sum","∞":"infinity","♥":"love","元":"yuan","円":"yen","﷼":"rial","ﻵ":"laa","ﻷ":"laa","ﻹ":"lai","ﻻ":"la"}');
-        const locales = JSON.parse('{"bg":{"Й":"Y","Ц":"Ts","Щ":"Sht","Ъ":"A","Ь":"Y","й":"y","ц":"ts","щ":"sht","ъ":"a","ь":"y"},"de":{"Ä":"AE","ä":"ae","Ö":"OE","ö":"oe","Ü":"UE","ü":"ue","ß":"ss","%":"prozent","&":"und","|":"oder","∑":"summe","∞":"unendlich","♥":"liebe"},"es":{"%":"por ciento","&":"y","<":"menor que",">":"mayor que","|":"o","¢":"centavos","£":"libras","¤":"moneda","₣":"francos","∑":"suma","∞":"infinito","♥":"amor"},"fr":{"%":"pourcent","&":"et","<":"plus petit",">":"plus grand","|":"ou","¢":"centime","£":"livre","¤":"devise","₣":"franc","∑":"somme","∞":"infini","♥":"amour"},"pt":{"%":"porcento","&":"e","<":"menor",">":"maior","|":"ou","¢":"centavo","∑":"soma","£":"libra","∞":"infinito","♥":"amor"},"uk":{"И":"Y","и":"y","Й":"Y","й":"y","Ц":"Ts","ц":"ts","Х":"Kh","х":"kh","Щ":"Shch","щ":"shch","Г":"H","г":"h"},"vi":{"Đ":"D","đ":"d"},"da":{"Ø":"OE","ø":"oe","Å":"AA","å":"aa","%":"procent","&":"og","|":"eller","$":"dollar","<":"mindre end",">":"større end"},"nb":{"&":"og","Å":"AA","Æ":"AE","Ø":"OE","å":"aa","æ":"ae","ø":"oe"},"it":{"&":"e"},"nl":{"&":"en"},"sv":{"&":"och","Å":"AA","Ä":"AE","Ö":"OE","å":"aa","ä":"ae","ö":"oe"}}');
-        if (typeof s !== 'string') {
-            throw new Error('slugify: string argument expected');
-        }
-        const replacement = '-';
-        const trim = true;
-        const locale = 'en';
-        let slug = s.normalize().split('')
-            // replace characters based on charMap
-            .reduce((result, ch) => {
-            let appendChar = locale[ch] || charMap[ch] || ch;
-            if (appendChar === replacement) {
-                appendChar = ' ';
-            }
-            return result + appendChar
-                // remove not allowed characters
-                .replace(/[^\w\s$*_+~.()'"!\-:@]+/g, '');
-        }, '');
-        slug = slug.trim();
-        // Replace spaces with replacement character, treating multiple consecutive
-        // spaces as a single space.
-        slug = slug.replace(/\s+/g, replacement);
-        slug = slug.toLowerCase();
-        return slug;
-    }
-    delete(entity) {
-        return this.http.delete(this.adminEndpoint + entity.id + '/').pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.DELETE)), map(this.handleResponse.bind(this)));
-    }
-}
-EntryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-EntryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class IdentityService {
-    constructor(http) {
-        this.http = http;
-    }
-    getMe() {
-        throw new Error('You must provide an implementation for this');
-    }
-}
-IdentityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdentityService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-IdentityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdentityService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdentityService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class PrismService {
-    constructor(platformId) {
-        this.platformId = platformId;
-        if (Prism) {
-            Prism.manual = true;
-        }
-    }
-    highlightAll() {
-        if (isPlatformBrowser(this.platformId)) {
-            Prism.highlightAll();
-        }
-    }
-}
-PrismService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PrismService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-PrismService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PrismService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PrismService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }]; } });
-
-class UploadService {
-    constructor(http) {
-        this.http = http;
-    }
-    get(id) {
-        return this.http.get(UploadService.status_endpoint.replace('{pk}', id) + '/');
-    }
-}
-UploadService.upload_endpoint = '/file_api/uploads/create_image/';
-UploadService.status_endpoint = '/file_api/uploads/{pk}/status';
-UploadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UploadService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-UploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UploadService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UploadService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class Upload {
-}
-
-class ViewService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/views/';
-    }
-}
-ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-ViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ViewService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ViewService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class InteractionService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/interactions/';
-    }
-}
-InteractionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: InteractionService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-InteractionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: InteractionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: InteractionService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class View {
-}
-
-class Interaction {
-}
-
-class VisitorProfileService extends DjangoRestFrameworkEndpointService {
-    constructor(http, deviceDetectorService) {
-        super(http);
-        this.http = http;
-        this.deviceDetectorService = deviceDetectorService;
-        this.endpoint = '/blog_api/visitor_profiles/';
-    }
-    getVisitorProfile() {
-        const deviceInfo = this.deviceDetectorService.getDeviceInfo();
-        const vp = new VisitorProfile();
-        vp.telemetry = deviceInfo;
-        vp.name = deviceInfo.os;
-        vp.family = deviceInfo.browser;
-        vp.version = deviceInfo.browser_version;
-        vp.device = deviceInfo.device;
-        vp.os_version = deviceInfo.os_version;
-        vp.language = navigator.language;
-        return vp;
-    }
-}
-VisitorProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: VisitorProfileService, deps: [{ token: i1.HttpClient }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
-VisitorProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: VisitorProfileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: VisitorProfileService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.DeviceDetectorService }]; } });
-
-class StaticHtmlService {
-    constructor(domSanitizer) {
-        this.domSanitizer = domSanitizer;
-    }
-    mapStaticHtml(htmlString, isTrusted) {
-        return isTrusted ?
-            htmlString :
-            this.domSanitizer.sanitize(SecurityContext.HTML, htmlString);
-    }
-}
-StaticHtmlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StaticHtmlService, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
-StaticHtmlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StaticHtmlService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StaticHtmlService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-
-class Tag {
-    constructor(obj) {
-        this.id = obj.id;
-        this.label = obj.label;
-    }
-}
-
-class TagService extends DjangoRestFrameworkEndpointService {
-    handleResponse(obj) {
-        return new Tag(obj);
-    }
-    handleListResponse(obj) {
-        const response = obj;
-        const results = [];
-        for (let i = 0; i < response.results.length; i++) {
-            results.push(new Tag(response.results[i]));
-        }
-        response.results = results;
-        return response;
-    }
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/tags/';
-    }
-}
-TagService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: TagService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TagService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: TagService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: TagService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class EntrySelectorDialogData {
-}
-
-class EntrySelectorDialogComponent {
-    constructor(dialogRef, data, entryService) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.entryService = entryService;
-        this.columnsToDisplay = ['title', 'create_date', 'actions'];
-    }
-    ngOnInit() {
-        this.entryService.getUnpublishedEntries().subscribe((next) => {
-            this.entries = next.results;
-        });
-    }
-    onNoClick() {
-        this.dialogRef.close();
-    }
-    select(entry) {
-        this.entryService.getUnpublishedById(entry.id).subscribe((entry_new) => {
-            localStorage.setItem(EntrySelectorDialogComponent.CURRENT_ENTRY, JSON.stringify(entry_new));
-            entry_new.sort();
-            this.entryService.currentlyEditedEntry.next(entry_new);
-            this.dialogRef.close(entry_new.id);
-        });
-    }
-    delete(entry) {
-        this.entryService.delete(entry).subscribe((response) => {
-            this.entryService.getUnpublishedEntries().subscribe((next) => {
-                this.entries = next.results;
-            });
-        }, (error) => {
-            alert('NOT DELETED: ' + error);
-        });
-    }
-}
-EntrySelectorDialogComponent.CURRENT_ENTRY = 'current_entry';
-EntrySelectorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntrySelectorDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-EntrySelectorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: EntrySelectorDialogComponent, selector: "app-entry-selector-dialog", ngImport: i0, template: "<h1 mat-dialog-title>Select an Entry to Edit</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n\n  <table mat-table [dataSource]=entries>\n    <ng-container matColumnDef=\"id\">\n      <th mat-header-cell *matHeaderCellDef> Id </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.id}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"title\">\n      <th mat-header-cell *matHeaderCellDef> Title </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.title}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"create_date\">\n      <th mat-header-cell *matHeaderCellDef> Created </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.create_date}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef> Actions </th>\n      <td mat-cell *matCellDef=\"let entry\">\n        <button mat-button color=\"primary\" (click)=\"select(entry)\">Edit</button> | <button mat-button color=\"warn\" (click)=\"delete(entry)\">Delete</button>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n    <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n  </table>\n  <div *ngIf=\"!entries?.length\">There are no unpublished entries</div>\n</div>\n<div mat-dialog-actions>\n  <button mat-button (click)=\"onNoClick()\">Cancel</button>\n</div>\n", styles: [".entry-checkbox-container{display:inline-block;width:100%;margin:5px 0}.option-list-divider{margin:10px 0}.option{margin-right:5px}.mat-column-actions{min-width:175px}.mat-column-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:365px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntrySelectorDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-entry-selector-dialog', template: "<h1 mat-dialog-title>Select an Entry to Edit</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n\n  <table mat-table [dataSource]=entries>\n    <ng-container matColumnDef=\"id\">\n      <th mat-header-cell *matHeaderCellDef> Id </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.id}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"title\">\n      <th mat-header-cell *matHeaderCellDef> Title </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.title}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"create_date\">\n      <th mat-header-cell *matHeaderCellDef> Created </th>\n      <td mat-cell *matCellDef=\"let entry\"> {{entry.create_date}} </td>\n    </ng-container>\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef> Actions </th>\n      <td mat-cell *matCellDef=\"let entry\">\n        <button mat-button color=\"primary\" (click)=\"select(entry)\">Edit</button> | <button mat-button color=\"warn\" (click)=\"delete(entry)\">Delete</button>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n    <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n  </table>\n  <div *ngIf=\"!entries?.length\">There are no unpublished entries</div>\n</div>\n<div mat-dialog-actions>\n  <button mat-button (click)=\"onNoClick()\">Cancel</button>\n</div>\n", styles: [".entry-checkbox-container{display:inline-block;width:100%;margin:5px 0}.option-list-divider{margin:10px 0}.option{margin-right:5px}.mat-column-actions{min-width:175px}.mat-column-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:365px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: EntrySelectorDialogData, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: EntryService }]; } });
-
-class MediaUploadModalComponent {
-    static getCookie(name) {
-        const ca = document.cookie.split(';');
-        const caLen = ca.length;
-        const cookieName = `${name}=`;
-        let c;
-        for (let i = 0; i < caLen; i += 1) {
-            c = ca[i].replace(/^\s+/g, '');
-            if (c.indexOf(cookieName) === 0) {
-                return c.substring(cookieName.length, c.length);
-            }
-        }
-        return '';
-    }
-    constructor(dialogRef, uploadService) {
-        this.dialogRef = dialogRef;
-        this.uploadService = uploadService;
-        this.allowedMimeTypes = [
-            'image/jpeg',
-            'image/gif',
-            'image/png',
-            'image/jpg',
-            'video/mp4',
-            'video/webm',
-            'video/ogg',
-        ];
-        this.uploadUrlKey = 'path_to_file';
-        this.uploading = false;
-    }
-    pollForCompletion() {
-        this.uploadService.get(this.uploadId).subscribe((response) => {
-            if (response.processed) {
-                this.imgLink = response[this.uploadUrlKey];
-                this.mimeType = response.mime_type;
-                clearInterval(this.poller);
-                this.poller = null;
-                this.uploading = false;
-            }
-        });
-    }
-    ngOnInit() {
-        this.uploader = new FileUploader({
-            url: UploadService.upload_endpoint,
-            itemAlias: 'file',
-            authToken: '',
-            headers: [
-                { name: 'X-CSRFToken', value: MediaUploadModalComponent.getCookie('csrftoken') },
-            ],
-            additionalParameter: { csrf_token: MediaUploadModalComponent.getCookie('csrftoken') },
-            removeAfterUpload: true,
-            allowedMimeType: this.allowedMimeTypes,
-        });
-        this.uploader.onCompleteItem = (item, response) => {
-            const responseObj = JSON.parse(response);
-            this.uploadId = responseObj.id;
-            this.poller = setInterval(this.pollForCompletion.bind(this), 2000);
-        };
-        this.uploader.onWhenAddingFileFailed = (item, filter, options) => {
-            this.error = 'This file is not a supported mimetype.';
-            this.uploading = false;
-        };
-        if (this.file) {
-            this.uploader.addToQueue([this.file]);
-            this.uploader.uploadAll();
-            this.uploading = true;
-        }
-    }
-    onFileSelected(e) {
-        this.uploader.uploadAll();
-        this.uploading = true;
-    }
-    buildHost(url) {
-        return location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '') + url;
-    }
-    close() {
-        this.dialogRef.close();
-    }
-    ngOnDestroy() {
-        if (this.socketSub) {
-            this.socketSub.complete();
-            this.socketSub = null;
-        }
-    }
-    blobToFile(theBlob, fileName) {
-        // A Blob() is almost a File() - it's just missing the two properties below which we will add
-        theBlob.lastModifiedDate = new Date();
-        theBlob.name = fileName;
-        return theBlob;
-    }
-    onPaste(e) {
-        if (e instanceof ClipboardEvent) {
-            const files = e.clipboardData.files;
-            if (files) {
-                if (files.length < 1) {
-                    // const items = e.clipboardData.items;
-                    // for(let i = 0; i < items.length; i++) {
-                    //     const item = items[i];
-                    //     item.getAsString((text) => {
-                    //         try {
-                    //             const url = new URL(text);
-                    //             if(url) {
-                    //                 fetch(text)
-                    //                     .then(res => res.blob()) // Gets the response and returns it as a blob
-                    //                     .then(blob => {
-                    //                         const file = this.blobToFile(blob, 'web-created')
-                    //                         this.uploader.addToQueue([file])
-                    //                         this.uploader.uploadAll();
-                    //                         this.uploading = true;
-                    //                     });
-                    //             }
-                    //         } catch(e) {
-                    //
-                    //         }
-                    //     });
-                    // }
-                }
-                else if (files.length > 1) {
-                    console.log('Multiple files detected');
-                }
-                else {
-                    for (let i = 0; i < files.length; i++) {
-                        this.uploader.addToQueue([files[i]]);
-                    }
-                    this.uploader.uploadAll();
-                    this.uploading = true;
-                }
-            }
-            else {
-                console.log('Stuff not working');
-            }
-        }
-    }
-}
-MediaUploadModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MediaUploadModalComponent, deps: [{ token: i1$2.MatDialogRef }, { token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
-MediaUploadModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: MediaUploadModalComponent, selector: "app-media-upload-modal", inputs: { allowedMimeTypes: "allowedMimeTypes", uploadUrlKey: "uploadUrlKey", file: "file" }, host: { listeners: { "document:paste": "onPaste($event)" } }, ngImport: i0, template: "<h1 mat-dialog-title>Upload an Image</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n    <div *ngIf=\"uploading\">\n        <fa-icon [icon]=\"'spinner'\" [spin]=\"true\"></fa-icon>\n    </div>\n    <ng-container *ngIf=\"!imgLink && !uploading\">\n        <h4>Select a File</h4>\n        <div class=\"input-group\">\n            <div class=\"form-group\">\n                <!--                <label for=\"import_file\">Choose File</label>-->\n                <input type=\"file\" id=\"import_file\"\n                       *ngIf=\"uploader.queue.length==0 && !uploading\"\n                       ng2FileSelect\n                       [uploader]=\"uploader\"\n                       (onFileSelected)=\"onFileSelected($event)\"\n                >\n            </div>\n        </div>\n        <br>\n        <h3>Paste a File</h3>\n        <p>You can use the paste command to paste any image here</p>\n    </ng-container>\n    <div *ngIf=\"imgLink\">\n        <img *ngIf=\"imgLink\" [src]=\"imgLink\"/>\n    </div>\n    <div *ngIf=\"error\">\n        <div class=\"alert alert-danger\">\n            {{error}}\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions>\n    <button mat-button [disabled]=\"!imgLink || uploading\" (click)=\"close()\">Attach</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1$3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i7.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MediaUploadModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-media-upload-modal', template: "<h1 mat-dialog-title>Upload an Image</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n    <div *ngIf=\"uploading\">\n        <fa-icon [icon]=\"'spinner'\" [spin]=\"true\"></fa-icon>\n    </div>\n    <ng-container *ngIf=\"!imgLink && !uploading\">\n        <h4>Select a File</h4>\n        <div class=\"input-group\">\n            <div class=\"form-group\">\n                <!--                <label for=\"import_file\">Choose File</label>-->\n                <input type=\"file\" id=\"import_file\"\n                       *ngIf=\"uploader.queue.length==0 && !uploading\"\n                       ng2FileSelect\n                       [uploader]=\"uploader\"\n                       (onFileSelected)=\"onFileSelected($event)\"\n                >\n            </div>\n        </div>\n        <br>\n        <h3>Paste a File</h3>\n        <p>You can use the paste command to paste any image here</p>\n    </ng-container>\n    <div *ngIf=\"imgLink\">\n        <img *ngIf=\"imgLink\" [src]=\"imgLink\"/>\n    </div>\n    <div *ngIf=\"error\">\n        <div class=\"alert alert-danger\">\n            {{error}}\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions>\n    <button mat-button [disabled]=\"!imgLink || uploading\" (click)=\"close()\">Attach</button>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: UploadService }]; }, propDecorators: { allowedMimeTypes: [{
-                type: Input
-            }], uploadUrlKey: [{
-                type: Input
-            }], file: [{
-                type: Input
-            }], onPaste: [{
-                type: HostListener,
-                args: ['document:paste', ['$event']]
-            }] } });
-
-class EntryCreatorComponent {
-    static getCookie(name) {
-        const ca = document.cookie.split(';');
-        const caLen = ca.length;
-        const cookieName = `${name}=`;
-        let c;
-        for (let i = 0; i < caLen; i += 1) {
-            c = ca[i].replace(/^\s+/g, '');
-            if (c.indexOf(cookieName) === 0) {
-                return c.substring(cookieName.length, c.length);
-            }
-        }
-        return '';
-    }
-    constructor(entryService, tagService, identityService, cdr, dialog) {
-        this.entryService = entryService;
-        this.tagService = tagService;
-        this.identityService = identityService;
-        this.cdr = cdr;
-        this.dialog = dialog;
-        this.ContentType = ContentType;
-        this.Object = Object;
-        this.entry = null;
-        this.separatorKeysCodes = [ENTER, COMMA, TAB];
-        this.removable = true;
-        this.all_tags = ['Angular', 'Bash', 'MacOS', 'Typescript', 'NPM', 'Databases'];
-        this.tagCtrl = new UntypedFormControl();
-        this.publishDateControl = new UntypedFormControl();
-        this.selectable = false;
-        this.scheduling = false;
-        this.customScheduleTime = '';
-        this.today = new Date();
-        this.allowedMimeTypes = [
-            'image/jpeg',
-            'image/gif',
-            'image/png',
-            'image/jpg',
-            'video/mp4',
-            'video/webm',
-            'video/ogg',
-        ];
-        this.uploadUrlKey = 'path_to_file';
-        this.uploader = new FileUploader({
-            url: '/file_api/uploads/create_image/',
-            itemAlias: 'file',
-            authToken: '',
-            headers: [
-                {
-                    name: 'X-CSRFToken',
-                    value: EntryCreatorComponent.getCookie('csrftoken')
-                },
-            ],
-            additionalParameter: {
-                'csrf_token': EntryCreatorComponent.getCookie('csrftoken')
-            },
-            removeAfterUpload: true,
-            allowedMimeType: this.allowedMimeTypes,
-        });
-        const scheduledDate = new Date();
-        this.customScheduleTime = scheduledDate.getHours() + ':' + scheduledDate.getMinutes() + ' AM';
-    }
-    _filter(value) {
-        const filterValue = value.toLowerCase();
-        return this.all_tags.filter(tag => tag.toLowerCase().indexOf(filterValue) === 0);
-    }
-    add(event) {
-        const input = event.input;
-        const value = event.value;
-        // Add our tag
-        if ((value || '').trim()) {
-            this.tags.push(value.trim());
-        }
-        // Reset the input value
-        if (input) {
-            input.value = '';
-        }
-        this.tagCtrl.setValue(null);
-        this.onChange();
-    }
-    remove(fruit) {
-        const index = this.tags.indexOf(fruit);
-        if (index >= 0) {
-            this.tags.splice(index, 1);
-        }
-        this.onChange();
-    }
-    selected(event) {
-        this.tags.push(event.option.viewValue);
-        this.tagInput.nativeElement.value = '';
-        this.tagCtrl.setValue(null);
-        this.onChange();
-    }
-    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) => tag ? this._filter(tag) : this.all_tags.slice()));
-        });
-    }
-    createNewEntry() {
-        this.entry = new Entry();
-        this.entry.title = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE;
-        this.entry.published = false;
-        this.entry.version = 1;
-        this.entryService.create(this.entry).subscribe((response) => {
-            this.entry = response;
-            this.entry.sort();
-            setTimeout(() => {
-                this.entryService.currentlyEditedEntry.next(this.entry);
-            }, 10);
-        });
-    }
-    ngOnInit() {
-        this.refreshTags();
-        this.identityService.getMe().subscribe((me) => {
-            this.me = me;
-        });
-        const savedEntry = localStorage.getItem(EntryCreatorComponent.CURRENT_ENTRY);
-        if (savedEntry) {
-            this.entry = new Entry(JSON.parse(savedEntry));
-            if (this.entry.should_publish_in_future && this.entry.future_publish_date < new Date()) {
-                this.createNewEntry();
-            }
-            this.entry.sort();
-            if (this.entry.should_publish_in_future) {
-                // Restore scheduling settings
-                this.scheduling = true;
-                let hours = this.entry.future_publish_date.getHours();
-                let minutes = this.entry.future_publish_date.getMinutes();
-                const ampm = hours >= 12 ? 'PM' : 'AM';
-                if (hours >= 12) {
-                    hours = hours % 12;
-                    hours = hours ? hours : 12;
-                }
-                minutes = minutes < 10 ? '0' + minutes : minutes;
-                this.customScheduleTime = hours + ':' + minutes + ' ' + ampm;
-            }
-            setTimeout(() => {
-                this.entryService.currentlyEditedEntry.next(this.entry);
-            }, 10);
-        }
-        else {
-            this.seeEntries();
-        }
-        this.uploader.onCompleteItem = (item, response) => {
-            // const responseObj = JSON.parse(response)
-            // this.uploadId = responseObj.id;
-        };
-        this.uploader.onWhenAddingFileFailed = (item, uploadFilter, options) => {
-            // this.error = 'This file is not a supported mimetype.'
-            // this.uploading = false;
-        };
-        this.tags = this.entry.tags;
-    }
-    onFileSelected(e) {
-        this.uploader.uploadAll();
-    }
-    startUploader(content) {
-        const dialogRef = this.dialog.open(MediaUploadModalComponent, {});
-        dialogRef.componentInstance.allowedMimeTypes = this.allowedMimeTypes;
-        dialogRef.componentInstance.uploadUrlKey = this.uploadUrlKey;
-        dialogRef.afterClosed().subscribe(() => {
-            content.value = dialogRef.componentInstance.imgLink;
-            content.additional = [];
-            content.additional.push({ key: Content.KEY_MIMETYPE, value: dialogRef.componentInstance.mimeType });
-            this.onChange();
-        });
-    }
-    addSection() {
-        this.entry.sections.push(new Section());
-        this.onChange();
-    }
-    removeSection(section) {
-        const remove = confirm('Are you sure you want to remove this section?');
-        if (remove) {
-            this.entry.sections =
-                filter(this.entry.sections, (sct) => sct.id !== section.id);
-            this.onChange();
-        }
-    }
-    addContent(section) {
-        section.contents.push(new Content());
-        this.onChange();
-    }
-    removeContent(content) {
-        const remove = confirm('Are you sure you want to remove this content?');
-        if (remove) {
-            for (const section of this.entry.sections) {
-                section.contents = filter(section.contents, (ct) => ct.id !== content.id);
-            }
-            this.onChange();
-        }
-    }
-    onChange() {
-        this.entry.slug = this.entryService.slugify(this.entry.title).toLowerCase();
-        localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY, JSON.stringify(this.entry));
-        this.entry.sort();
-        this.cdr.detectChanges();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-        this.entryService._currentlyEditedEntry = this.entry;
-    }
-    resetDate() {
-        this.entry.create_date = new Date();
-        this.entry.edit_date = new Date();
-        this.onChange();
-    }
-    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, JSON.stringify(this.entry));
-            this.entryService.create(this.entry).subscribe((next) => {
-            });
-        }
-    }
-    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, JSON.stringify(entry));
-                    this.entry = entry;
-                });
-            }
-        });
-    }
-    postPublishCallback() {
-        this.entryService.currentlyEditedEntry.next(null);
-        this.entry = null;
-        this.seeEntries();
-    }
-    cancelScheduling() {
-        this.entry.future_publish_date = null;
-        this.entry.should_publish_in_future = false;
-        this.scheduling = false;
-        this.onChange();
-    }
-    exposeScheduling() {
-        const scheduledDate = new Date();
-        scheduledDate.setDate(scheduledDate.getDate() + 1);
-        this.entry.future_publish_date = scheduledDate;
-        this.setTime(this.customScheduleTime);
-        this.entry.should_publish_in_future = true;
-        this.scheduling = true;
-        this.onChange();
-    }
-    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));
-        }
-    }
-    delete() {
-        const confirmDelete = confirm('Are you sure you want to delete this draft? Once it is deleted it cannot be recovered.');
-        if (confirmDelete) {
-            this.entryService.delete(this.entry).subscribe(() => {
-                this.entry = null;
-                this.entryService.currentlyEditedEntry.next(null);
-                localStorage.removeItem(EntryCreatorComponent.CURRENT_ENTRY);
-            });
-        }
-    }
-    onDateChange() {
-        this.entry.future_publish_date.setHours(this.hours);
-        this.entry.future_publish_date.setMinutes(this.minutes);
-        this.onChange();
-    }
-    setTime(e) {
-        const firstTimeSplit = e.split(' ');
-        const secondTimeSplit = firstTimeSplit[0].split(':');
-        this.hours = Number(secondTimeSplit[0]);
-        this.minutes = Number(secondTimeSplit[1]);
-        if (firstTimeSplit[1] === 'PM') {
-            this.hours = Number(this.hours) + 12;
-        }
-        this.entry.future_publish_date.setHours(this.hours);
-        this.entry.future_publish_date.setMinutes(this.minutes);
-        this.onChange();
-    }
-}
-EntryCreatorComponent.CURRENT_ENTRY = 'current_entry';
-EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE = 'A New Entry';
-EntryCreatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryCreatorComponent, deps: [{ token: EntryService }, { token: TagService }, { token: IdentityService }, { token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-EntryCreatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: EntryCreatorComponent, selector: "app-entry-creator", inputs: { allowedMimeTypes: "allowedMimeTypes", uploadUrlKey: "uploadUrlKey" }, viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }, { propertyName: "matAutocomplete", first: true, predicate: ["tagauto"], descendants: true }], ngImport: i0, template: "<div class=\"section creator fields\">\n  <form #createForm=\"ngForm\" (change)=\"onChange()\" *ngIf=\"this.entry\">\n    <div class=\"form-group\">\n      <mat-form-field class=\"full-width\">\n        <mat-label>Title</mat-label>\n        <input matInput\n               [(ngModel)]=\"entry.title\"\n               name=\"title\">\n      </mat-form-field>\n    </div>\n    <mat-card class=\"form-section tags\">\n      <div>\n        <mat-form-field class=\"full-width\" hintLabel=\"Use a comma to seperate different tags\">\n          <mat-chip-listbox #tagList aria-label=\"Tags\">\n            <mat-chip-option\n                *ngFor=\"let tag of tags\"\n                [selectable]=\"selectable\"\n                [removable]=\"removable\"\n                (removed)=\"remove(tag)\">\n              {{tag}}\n              <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n            </mat-chip-option>\n            <input\n                matInput\n                placeholder=\"Tags...\"\n                #tagInput\n                [formControl]=\"tagCtrl\"\n                [matAutocomplete]=\"tagauto\"\n                [matChipInputFor]=\"tagList\"\n                [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                (matChipInputTokenEnd)=\"add($event)\">\n          </mat-chip-listbox>\n          <mat-autocomplete #tagauto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n            <mat-option *ngFor=\"let tag of filtered_tags | async\" [value]=\"tag\">\n              {{tag}}\n            </mat-option>\n          </mat-autocomplete>\n        </mat-form-field>\n      </div>\n    </mat-card>\n    <mat-card class=\"form-section\" *ngFor=\"let section of entry.sections\">\n      <div>\n        <mat-form-field class=\"full-width\">\n          <mat-label>Subheading</mat-label>\n          <input matInput\n                 [(ngModel)]=\"section.subheading\"\n                 name=\"{{section.id}}-subheading\">\n        </mat-form-field>\n        <div class=\"form-content\" *ngFor=\"let content of section.contents\">\n          <div class=\"form-group\">\n            <mat-radio-group\n                aria-label=\"Select the Content Type\"\n                name=\"{{content.id}}-content-type\"\n                class=\"radio-group\"\n                [(ngModel)]=\"content.type\">\n              <mat-radio-button\n                  *ngFor=\"let value of Object.values(ContentType)\"\n                  class=\"radio-button\"\n                  [value]=\"value\">{{value}}\n              </mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <ng-container [ngSwitch]=\"content.type\">\n            <ng-container *ngSwitchCase=\"ContentType.URL\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-value\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Title</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-title\"\n                    [(ngModel)]=\"content.title\">\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.TEXT\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"3\"\n                          cdkAutosizeMaxRows=\"20\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.HTML\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"3\"\n                          cdkAutosizeMaxRows=\"20\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.CODE\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"10\"\n                          cdkAutosizeMaxRows=\"100\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-value\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-source\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Description</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-description\"\n                    [(ngModel)]=\"content.description\">\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n              <div class=\"full-width\">\n                <ng-container *ngIf=\"content.value\">\n                  <mat-form-field class=\"full-width\">\n                    <mat-label>Value</mat-label>\n                    <input\n                        matInput\n                        name=\"{{content.id}}-content-value\"\n                        [(ngModel)]=\"content.value\">\n                  </mat-form-field>\n                  <mat-form-field class=\"full-width\">\n                    <mat-label>Description</mat-label>\n                    <input\n                        matInput\n                        name=\"{{content.id}}-content-description\"\n                        [(ngModel)]=\"content.description\">\n                  </mat-form-field>\n                </ng-container>\n                <ng-container *ngIf=\"content.additional\">\n                  <ng-container *ngFor=\"let add of content.additional\">\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>{{add.key}}</mat-label>\n                      <input\n                          matInput\n                          name=\"{{content.id}}-content-{{add.key}}\"\n                          [(ngModel)]=\"add.value\"\n                          [disabled]=\"true\"\n                          >\n                    </mat-form-field>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"!content.value\">\n                  <button mat-raised-button (click)=startUploader(content)>Upload</button>\n                </ng-container>\n              </div>\n            </ng-container>\n          </ng-container>\n          <button mat-raised-button (click)=removeContent(content)>Remove Content</button>\n          <button mat-raised-button (click)=\"addContent(section)\">+ Add Content</button>\n        </div>\n        <button mat-raised-button (click)=\"removeSection(section)\">Remove Section</button>\n        <button mat-raised-button (click)=\"addContent(section)\" *ngIf=\"section.contents.length === 0\">+ Add\n          Content\n        </button>\n        <button mat-raised-button (click)=\"addSection()\">+ Add Section</button>\n      </div>\n\n    </mat-card>\n    <button mat-raised-button (click)=\"addSection()\" *ngIf=\"entry.sections?.length === 0\">+ Add Section</button>\n    <button mat-raised-button (click)=\"addSection()\" *ngIf=\"!entry.sections\">+ Add Section</button>\n\n    <div class=\"controls\">\n      <button mat-raised-button (click)=\"resetDate()\">Reset the Date</button>\n      <button mat-raised-button (click)=\"delete()\">Delete</button>\n      <button mat-raised-button [disabled]=\"scheduling\" (click)=\"publish()\">Publish</button>\n      <button mat-raised-button [disabled]=\"scheduling\" (click)=\"exposeScheduling()\">Schedule</button>\n      <button mat-raised-button (click)=\"startNew()\">New</button>\n    </div>\n    <p *ngIf=\"scheduling\">Publishing is disabled while scheduling is being used.</p>\n\n    <mat-card [hidden]=\"!scheduling\">\n      <h4>\n        Scheduling Options\n      </h4>\n\n      <div class=\"form-group\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>Date</mat-label>\n          <input\n              #futurePublishDate\n              matInput\n              [matDatepicker]=\"picker\"\n              [min]=\"today\"\n              (dateInput)=\"onDateChange()\"\n              (dateChange)=\"onDateChange()\"\n              [(ngModel)]=\"entry.future_publish_date\"\n              name=\"future-publish-date\"\n              >\n              <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n              <mat-datepicker\n                  #picker></mat-datepicker>\n        </mat-form-field>\n\n        <mat-label>Time</mat-label>\n        <ngx-timepicker-field\n            [defaultTime]=\"customScheduleTime\"\n            [format]=\"12\"\n            [buttonAlign]=\"'left'\"\n            (timeChanged)=\"setTime($event)\"\n            ></ngx-timepicker-field>\n        <p>Times are represented in your local time zone</p>\n      </div>\n\n      <div mat-dialog-actions>\n        <div class=\"controls\">\n          <button mat-raised-button (click)=\"cancelScheduling()\">Cancel Scheduling</button>\n        </div>\n      </div>\n      <p>This post will be published as soon as its scheduled date and time arrive. No further action is needed by you. If you do not\n      want to use scheduling, you can cancel scheduling and manually publish.</p>\n    </mat-card>\n  </form>\n  <div class=\"controls\">\n    <button mat-raised-button (click)=\"seeEntries()\">See Entries</button>\n    <button *ngIf=\"!this.entry\" mat-raised-button (click)=\"startNew()\">New</button>\n  </div>\n</div>\n", styles: [".creator{min-height:calc(100vh - 100px)}form{padding:20px}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{margin:4px}.radio-group{display:flex;flex-direction:column;margin:15px 0}.radio-button{margin:4px}.full-width{width:100%}.content-card{margin:0 0 10px}.form-section{margin-bottom:10px}.form-content:not(:last-child){border-bottom:1px dotted #aaa;padding-bottom:10px}.controls{display:inline-block;width:100%;padding:10px}[hidden]{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i11.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i12.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i12.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i13.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i13.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i15.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "component", type: i15.MatChipListbox, selector: "mat-chip-listbox", inputs: ["tabIndex", "multiple", "aria-orientation", "selectable", "compareWith", "required", "value"], outputs: ["change"] }, { kind: "component", type: i15.MatChipOption, selector: "mat-basic-chip-option, mat-chip-option", inputs: ["color", "disabled", "disableRipple", "tabIndex", "selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i15.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i16.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i17.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i17.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i17.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6$2.NgxTimepickerFieldComponent, selector: "ngx-timepicker-field", inputs: ["buttonAlign", "format", "min", "max", "defaultTime", "disabled", "toggleIcon", "clockTheme", "controlOnly", "cancelBtnTmpl", "confirmBtnTmpl"], outputs: ["timeChanged"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryCreatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-entry-creator', template: "<div class=\"section creator fields\">\n  <form #createForm=\"ngForm\" (change)=\"onChange()\" *ngIf=\"this.entry\">\n    <div class=\"form-group\">\n      <mat-form-field class=\"full-width\">\n        <mat-label>Title</mat-label>\n        <input matInput\n               [(ngModel)]=\"entry.title\"\n               name=\"title\">\n      </mat-form-field>\n    </div>\n    <mat-card class=\"form-section tags\">\n      <div>\n        <mat-form-field class=\"full-width\" hintLabel=\"Use a comma to seperate different tags\">\n          <mat-chip-listbox #tagList aria-label=\"Tags\">\n            <mat-chip-option\n                *ngFor=\"let tag of tags\"\n                [selectable]=\"selectable\"\n                [removable]=\"removable\"\n                (removed)=\"remove(tag)\">\n              {{tag}}\n              <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n            </mat-chip-option>\n            <input\n                matInput\n                placeholder=\"Tags...\"\n                #tagInput\n                [formControl]=\"tagCtrl\"\n                [matAutocomplete]=\"tagauto\"\n                [matChipInputFor]=\"tagList\"\n                [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                (matChipInputTokenEnd)=\"add($event)\">\n          </mat-chip-listbox>\n          <mat-autocomplete #tagauto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n            <mat-option *ngFor=\"let tag of filtered_tags | async\" [value]=\"tag\">\n              {{tag}}\n            </mat-option>\n          </mat-autocomplete>\n        </mat-form-field>\n      </div>\n    </mat-card>\n    <mat-card class=\"form-section\" *ngFor=\"let section of entry.sections\">\n      <div>\n        <mat-form-field class=\"full-width\">\n          <mat-label>Subheading</mat-label>\n          <input matInput\n                 [(ngModel)]=\"section.subheading\"\n                 name=\"{{section.id}}-subheading\">\n        </mat-form-field>\n        <div class=\"form-content\" *ngFor=\"let content of section.contents\">\n          <div class=\"form-group\">\n            <mat-radio-group\n                aria-label=\"Select the Content Type\"\n                name=\"{{content.id}}-content-type\"\n                class=\"radio-group\"\n                [(ngModel)]=\"content.type\">\n              <mat-radio-button\n                  *ngFor=\"let value of Object.values(ContentType)\"\n                  class=\"radio-button\"\n                  [value]=\"value\">{{value}}\n              </mat-radio-button>\n            </mat-radio-group>\n          </div>\n          <ng-container [ngSwitch]=\"content.type\">\n            <ng-container *ngSwitchCase=\"ContentType.URL\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-value\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Title</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-title\"\n                    [(ngModel)]=\"content.title\">\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.TEXT\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"3\"\n                          cdkAutosizeMaxRows=\"20\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.HTML\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"3\"\n                          cdkAutosizeMaxRows=\"20\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.CODE\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <textarea matInput\n                          cdkTextareaAutosize\n                          #autosize=\"cdkTextareaAutosize\"\n                          cdkAutosizeMinRows=\"10\"\n                          cdkAutosizeMaxRows=\"100\"\n                          name=\"{{content.id}}-content-value\"\n                          [(ngModel)]=\"content.value\"\n                          ></textarea>\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-value\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Value</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-source\"\n                    [(ngModel)]=\"content.value\">\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>Description</mat-label>\n                <input\n                    matInput\n                    name=\"{{content.id}}-content-description\"\n                    [(ngModel)]=\"content.description\">\n              </mat-form-field>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n              <div class=\"full-width\">\n                <ng-container *ngIf=\"content.value\">\n                  <mat-form-field class=\"full-width\">\n                    <mat-label>Value</mat-label>\n                    <input\n                        matInput\n                        name=\"{{content.id}}-content-value\"\n                        [(ngModel)]=\"content.value\">\n                  </mat-form-field>\n                  <mat-form-field class=\"full-width\">\n                    <mat-label>Description</mat-label>\n                    <input\n                        matInput\n                        name=\"{{content.id}}-content-description\"\n                        [(ngModel)]=\"content.description\">\n                  </mat-form-field>\n                </ng-container>\n                <ng-container *ngIf=\"content.additional\">\n                  <ng-container *ngFor=\"let add of content.additional\">\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>{{add.key}}</mat-label>\n                      <input\n                          matInput\n                          name=\"{{content.id}}-content-{{add.key}}\"\n                          [(ngModel)]=\"add.value\"\n                          [disabled]=\"true\"\n                          >\n                    </mat-form-field>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"!content.value\">\n                  <button mat-raised-button (click)=startUploader(content)>Upload</button>\n                </ng-container>\n              </div>\n            </ng-container>\n          </ng-container>\n          <button mat-raised-button (click)=removeContent(content)>Remove Content</button>\n          <button mat-raised-button (click)=\"addContent(section)\">+ Add Content</button>\n        </div>\n        <button mat-raised-button (click)=\"removeSection(section)\">Remove Section</button>\n        <button mat-raised-button (click)=\"addContent(section)\" *ngIf=\"section.contents.length === 0\">+ Add\n          Content\n        </button>\n        <button mat-raised-button (click)=\"addSection()\">+ Add Section</button>\n      </div>\n\n    </mat-card>\n    <button mat-raised-button (click)=\"addSection()\" *ngIf=\"entry.sections?.length === 0\">+ Add Section</button>\n    <button mat-raised-button (click)=\"addSection()\" *ngIf=\"!entry.sections\">+ Add Section</button>\n\n    <div class=\"controls\">\n      <button mat-raised-button (click)=\"resetDate()\">Reset the Date</button>\n      <button mat-raised-button (click)=\"delete()\">Delete</button>\n      <button mat-raised-button [disabled]=\"scheduling\" (click)=\"publish()\">Publish</button>\n      <button mat-raised-button [disabled]=\"scheduling\" (click)=\"exposeScheduling()\">Schedule</button>\n      <button mat-raised-button (click)=\"startNew()\">New</button>\n    </div>\n    <p *ngIf=\"scheduling\">Publishing is disabled while scheduling is being used.</p>\n\n    <mat-card [hidden]=\"!scheduling\">\n      <h4>\n        Scheduling Options\n      </h4>\n\n      <div class=\"form-group\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>Date</mat-label>\n          <input\n              #futurePublishDate\n              matInput\n              [matDatepicker]=\"picker\"\n              [min]=\"today\"\n              (dateInput)=\"onDateChange()\"\n              (dateChange)=\"onDateChange()\"\n              [(ngModel)]=\"entry.future_publish_date\"\n              name=\"future-publish-date\"\n              >\n              <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n              <mat-datepicker\n                  #picker></mat-datepicker>\n        </mat-form-field>\n\n        <mat-label>Time</mat-label>\n        <ngx-timepicker-field\n            [defaultTime]=\"customScheduleTime\"\n            [format]=\"12\"\n            [buttonAlign]=\"'left'\"\n            (timeChanged)=\"setTime($event)\"\n            ></ngx-timepicker-field>\n        <p>Times are represented in your local time zone</p>\n      </div>\n\n      <div mat-dialog-actions>\n        <div class=\"controls\">\n          <button mat-raised-button (click)=\"cancelScheduling()\">Cancel Scheduling</button>\n        </div>\n      </div>\n      <p>This post will be published as soon as its scheduled date and time arrive. No further action is needed by you. If you do not\n      want to use scheduling, you can cancel scheduling and manually publish.</p>\n    </mat-card>\n  </form>\n  <div class=\"controls\">\n    <button mat-raised-button (click)=\"seeEntries()\">See Entries</button>\n    <button *ngIf=\"!this.entry\" mat-raised-button (click)=\"startNew()\">New</button>\n  </div>\n</div>\n", styles: [".creator{min-height:calc(100vh - 100px)}form{padding:20px}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{margin:4px}.radio-group{display:flex;flex-direction:column;margin:15px 0}.radio-button{margin:4px}.full-width{width:100%}.content-card{margin:0 0 10px}.form-section{margin-bottom:10px}.form-content:not(:last-child){border-bottom:1px dotted #aaa;padding-bottom:10px}.controls{display:inline-block;width:100%;padding:10px}[hidden]{display:none!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: EntryService }, { type: TagService }, { type: IdentityService }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }]; }, propDecorators: { tagInput: [{
-                type: ViewChild,
-                args: ['tagInput']
-            }], matAutocomplete: [{
-                type: ViewChild,
-                args: ['tagauto']
-            }], allowedMimeTypes: [{
-                type: Input
-            }], uploadUrlKey: [{
-                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();
-    }
-}
-StaticHtmlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-StaticHtmlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: StaticHtmlComponent, 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: "15.1.4", ngImport: i0, type: StaticHtmlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: StaticHtmlService }, { type: i1$1.DomSanitizer }]; }, propDecorators: { value: [{
-                type: Input
-            }] } });
-
-class TimeAgoPipe {
-    constructor(changeDetectorRef, ngZone) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.ngZone = ngZone;
-    }
-    transform(value) {
-        this.removeTimer();
-        let d = new Date(value);
-        let now = new Date();
-        let seconds = Math.round(Math.abs((now.getTime() - d.getTime()) / 1000));
-        let timeToUpdate = (Number.isNaN(seconds)) ? 1000 : this.getSecondsUntilUpdate(seconds) * 1000;
-        this.timer = this.ngZone.runOutsideAngular(() => {
-            if (typeof window !== 'undefined') {
-                return window.setTimeout(() => {
-                    this.ngZone.run(() => this.changeDetectorRef.markForCheck());
-                }, timeToUpdate);
-            }
-            return null;
-        });
-        let minutes = Math.round(Math.abs(seconds / 60));
-        let hours = Math.round(Math.abs(minutes / 60));
-        let days = Math.round(Math.abs(hours / 24));
-        let months = Math.round(Math.abs(days / 30.416));
-        let years = Math.round(Math.abs(days / 365));
-        if (Number.isNaN(seconds)) {
-            return '';
-        }
-        else if (seconds <= 45) {
-            return 'a few seconds ago';
-        }
-        else if (seconds <= 90) {
-            return 'a minute ago';
-        }
-        else if (minutes <= 45) {
-            return minutes + ' minutes ago';
-        }
-        else if (minutes <= 90) {
-            return 'an hour ago';
-        }
-        else if (hours <= 22) {
-            return hours + ' hours ago';
-        }
-        else if (hours <= 36) {
-            return 'a day ago';
-        }
-        else if (days <= 25) {
-            return days + ' days ago';
-        }
-        else if (days <= 45) {
-            return 'a month ago';
-        }
-        else if (days <= 345) {
-            return months + ' months ago';
-        }
-        else if (days <= 545) {
-            return 'a year ago';
-        }
-        else { // (days > 545)
-            return years + ' years ago';
-        }
-    }
-    ngOnDestroy() {
-        this.removeTimer();
-    }
-    removeTimer() {
-        if (this.timer) {
-            window.clearTimeout(this.timer);
-            this.timer = null;
-        }
-    }
-    getSecondsUntilUpdate(seconds) {
-        let min = 60;
-        let hr = min * 60;
-        let day = hr * 24;
-        if (seconds < min) { // less than 1 min, update every 2 secs
-            return 2;
-        }
-        else if (seconds < hr) { // less than an hour, update every 30 secs
-            return 30;
-        }
-        else if (seconds < day) { // less then a day, update every 5 mins
-            return 300;
-        }
-        else { // update every hour
-            return 3600;
-        }
-    }
-}
-TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: TimeAgoPipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Pipe });
-TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: TimeAgoPipe, name: "timeAgo", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: TimeAgoPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'timeAgo',
-                    pure: false
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
-
-class EntryRendererComponent {
-    constructor(prismService, ngZone, identityService, commentService, router, entryService) {
-        this.prismService = prismService;
-        this.ngZone = ngZone;
-        this.identityService = identityService;
-        this.commentService = commentService;
-        this.router = router;
-        this.entryService = entryService;
-        this.ContentType = ContentType;
-        this.comments = [];
-        this.commentText = '';
-        this.alert = alert;
-        this.editMode = false;
-    }
-    ngOnInit() {
-        this.identityService.getMe().subscribe((me) => {
-            this.me = me;
-        });
-        this.commentService.getComments(this.entry.id).subscribe((response) => {
-            this.comments = response.results;
-            for (const comment of this.comments) {
-                comment.date_obj = new Date(comment.created_on);
-            }
-        });
-    }
-    ngAfterViewChecked() {
-        if (!this.editMode) {
-            this.ngZone.runOutsideAngular(() => {
-                try {
-                    this.prismService.highlightAll();
-                }
-                catch (e) {
-                }
-            });
-        }
-    }
-    edit(entry) {
-        entry.version++;
-        entry.published = false;
-        delete entry.publish_date;
-        this.entryService.create(entry).subscribe((response) => {
-            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY, JSON.stringify(response));
-            this.router.navigateByUrl('create(left-col:create//right-col:create)').then(() => {
-            });
-        });
-    }
-    postComment(e) {
-        e.preventDefault();
-        if (this.commentText !== '') {
-            this.commentService.postComment({ entry: this.entry.id, content: this.commentText }).subscribe((comment) => {
-                this.comments.push(comment);
-            });
-            this.commentText = '';
-        }
-    }
-    mediaIsZip(content) {
-        let mediaIsZip = false;
-        if (content.additional) {
-            for (const add of content.additional) {
-                if (add.key === Content.KEY_MIMETYPE) {
-                    if (add.value === 'application/zip') {
-                        mediaIsZip = true;
-                    }
-                }
-            }
-        }
-        return mediaIsZip;
-    }
-    approve(comment) {
-        comment.approved = !comment.approved;
-        this.commentService.patchComment(Object.assign({}, { approved: true }, comment)).subscribe((rComment) => {
-        });
-    }
-    unapprove(comment) {
-        comment.approved = !comment.approved;
-        this.commentService.patchComment(Object.assign({}, { approved: false }, comment)).subscribe((rComment) => {
-        });
-    }
-}
-EntryRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryRendererComponent, deps: [{ token: PrismService }, { token: i0.NgZone }, { token: IdentityService }, { token: CommentService }, { token: i1$4.Router }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-EntryRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: { entry: "entry", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"entry\">\n    <h2>{{entry?.title}}</h2>\n    <a *ngIf=\"me?.id === entry?.getProp('author_id')\" href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h4>[Edit]</h4></a>\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    <br>\n\n    <ng-container *ngFor=\"let section of entry?.sections\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a><br>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <ng-container *ngIf=\"mediaIsZip(content)\">\n                        <div class=\"download\">\n                            <a href=\"content?.value\">{{content?.description}}</a>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"!mediaIsZip(content)\">\n                        <div class=\"restrict\">\n                            <div class=\"image\">\n                                <img [src]=\"content?.value\"/>\n                            </div>\n                            <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                            <div class=\"source\" *ngIf=\"content?.source\">\n                                <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-container>\n        <h2>Comments</h2>\n        <p *ngIf=\"comments?.length == 0\">There are no comments yet.</p>\n        <ng-container *ngIf=\"comments?.length > 0\">\n            <div *ngFor=\"let comment of comments\">\n                <mat-card style=\"margin-bottom: 20px;\" class=\"restrict\">\n                    <mat-card-title><img class=\"gravatar\" src=\"{{comment.gravatar_url}} + ?s=30\"> {{comment.user_display_name}}</mat-card-title>\n                    <mat-card-subtitle>{{comment.date_obj | timeAgo}}</mat-card-subtitle>\n                    <mat-card-content>\n                        <p>{{comment.content}}</p>\n                        <ng-container *ngIf=\"me?.id === entry?.__server_generated_properties?.author_id\">\n                            <a href=\"javascript:void(0);\" *ngIf=\"!comment?.approved\" (click)=\"approve(comment)\">Approve</a>\n                            <a href=\"javascript:void(0);\" *ngIf=\"comment?.approved\" (click)=\"unapprove(comment)\">Unapprove</a>\n                        </ng-container>\n                    </mat-card-content>\n                </mat-card>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!me\">\n        <a href=\"/signup\">Signup</a> or <a href=\"/login\">login</a> to join the conversation!\n    </ng-container>\n    <ng-container *ngIf=\"me && !me?.comments_public\">\n        <p>Note, your comments will not be public be default. It is possible I will make your comments public, but for now comments are just between you and me.</p>\n    </ng-container>\n    <ng-container *ngIf=\"me\">\n        <h2 style=\"width: 100%;\">Leave a Comment</h2>\n        <br>\n        <mat-form-field class=\"restrict\" style=\"width: 100%;\" appearance=\"outline\">\n            <mat-label>Comment</mat-label>\n            <textarea [(ngModel)]=\"commentText\" (keydown.enter)=\"postComment($event)\" matInput></textarea>\n        </mat-form-field>\n        <br>\n        <button (click)=\"postComment($event)\" style=\"text-align: right;\" mat-button>Submit</button>\n    </ng-container>\n    <div style=\"margin-bottom: 30px;\"></div>\n</div>\n\n", styles: [".image{width:100%;text-align:center;justify-content:center}.source,.description{text-align:center;font-size:12px}.gravatar{margin-right:20px}.smaller{text-size:12px;text-color:gray}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i6$1.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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i8.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i8.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: StaticHtmlComponent, selector: "app-static-html", inputs: ["value"] }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryRendererComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-entry-renderer', template: "<div *ngIf=\"entry\">\n    <h2>{{entry?.title}}</h2>\n    <a *ngIf=\"me?.id === entry?.getProp('author_id')\" href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h4>[Edit]</h4></a>\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    <br>\n\n    <ng-container *ngFor=\"let section of entry?.sections\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a><br>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <ng-container *ngIf=\"mediaIsZip(content)\">\n                        <div class=\"download\">\n                            <a href=\"content?.value\">{{content?.description}}</a>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"!mediaIsZip(content)\">\n                        <div class=\"restrict\">\n                            <div class=\"image\">\n                                <img [src]=\"content?.value\"/>\n                            </div>\n                            <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                            <div class=\"source\" *ngIf=\"content?.source\">\n                                <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-container>\n        <h2>Comments</h2>\n        <p *ngIf=\"comments?.length == 0\">There are no comments yet.</p>\n        <ng-container *ngIf=\"comments?.length > 0\">\n            <div *ngFor=\"let comment of comments\">\n                <mat-card style=\"margin-bottom: 20px;\" class=\"restrict\">\n                    <mat-card-title><img class=\"gravatar\" src=\"{{comment.gravatar_url}} + ?s=30\"> {{comment.user_display_name}}</mat-card-title>\n                    <mat-card-subtitle>{{comment.date_obj | timeAgo}}</mat-card-subtitle>\n                    <mat-card-content>\n                        <p>{{comment.content}}</p>\n                        <ng-container *ngIf=\"me?.id === entry?.__server_generated_properties?.author_id\">\n                            <a href=\"javascript:void(0);\" *ngIf=\"!comment?.approved\" (click)=\"approve(comment)\">Approve</a>\n                            <a href=\"javascript:void(0);\" *ngIf=\"comment?.approved\" (click)=\"unapprove(comment)\">Unapprove</a>\n                        </ng-container>\n                    </mat-card-content>\n                </mat-card>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!me\">\n        <a href=\"/signup\">Signup</a> or <a href=\"/login\">login</a> to join the conversation!\n    </ng-container>\n    <ng-container *ngIf=\"me && !me?.comments_public\">\n        <p>Note, your comments will not be public be default. It is possible I will make your comments public, but for now comments are just between you and me.</p>\n    </ng-container>\n    <ng-container *ngIf=\"me\">\n        <h2 style=\"width: 100%;\">Leave a Comment</h2>\n        <br>\n        <mat-form-field class=\"restrict\" style=\"width: 100%;\" appearance=\"outline\">\n            <mat-label>Comment</mat-label>\n            <textarea [(ngModel)]=\"commentText\" (keydown.enter)=\"postComment($event)\" matInput></textarea>\n        </mat-form-field>\n        <br>\n        <button (click)=\"postComment($event)\" style=\"text-align: right;\" mat-button>Submit</button>\n    </ng-container>\n    <div style=\"margin-bottom: 30px;\"></div>\n</div>\n\n", styles: [".image{width:100%;text-align:center;justify-content:center}.source,.description{text-align:center;font-size:12px}.gravatar{margin-right:20px}.smaller{text-size:12px;text-color:gray}\n"] }]
-        }], ctorParameters: function () { return [{ type: PrismService }, { type: i0.NgZone }, { type: IdentityService }, { type: CommentService }, { type: i1$4.Router }, { type: EntryService }]; }, propDecorators: { entry: [{
-                type: Input
-            }], editMode: [{
-                type: Input
-            }] } });
-
-class EntrySummaryComponent {
-    constructor(router) {
-        this.router = router;
-        this.ContentType = ContentType;
-    }
-    ngOnInit() {
-    }
-    routeTo(entry) {
-        this.router.navigate(['/', 'blog', entry.slug]).then(() => {
-        });
-    }
-}
-EntrySummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntrySummaryComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
-EntrySummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: EntrySummaryComponent, selector: "app-entry-summary", inputs: { entry: "entry" }, ngImport: i0, template: "\n<div class=\"entry section restrict\">\n    <h2>{{entry?.title}}</h2>\n    <!--    <a href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h6>[Edit]</h6></a>-->\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\n    <ng-container *ngFor=\"let section of entry?.sections.slice(0, 1)\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents.slice(0, 1)\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n\n    <a href=\"javascript:void(0);\" (click)=\"routeTo(entry)\">Read more...</a>\n</div>\n", styles: [".entry{padding:20px;border-bottom:solid 1px rgba(0,0,0,.12)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: StaticHtmlComponent, selector: "app-static-html", inputs: ["value"] }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntrySummaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-entry-summary', template: "\n<div class=\"entry section restrict\">\n    <h2>{{entry?.title}}</h2>\n    <!--    <a href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h6>[Edit]</h6></a>-->\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\n    <ng-container *ngFor=\"let section of entry?.sections.slice(0, 1)\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents.slice(0, 1)\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n\n    <a href=\"javascript:void(0);\" (click)=\"routeTo(entry)\">Read more...</a>\n</div>\n", styles: [".entry{padding:20px;border-bottom:solid 1px rgba(0,0,0,.12)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$4.Router }]; }, propDecorators: { entry: [{
-                type: Input
-            }] } });
-
-class JsonRendererComponent {
-    constructor(entryService) {
-        this.entryService = entryService;
-        this.JSON = JSON;
-    }
-    ngOnInit() {
-        this.entryService.currentlyEditedEntry.subscribe((entry) => {
-            console.log(entry);
-            this.entry = entry;
-        });
-    }
-}
-JsonRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: JsonRendererComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-JsonRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: JsonRendererComponent, selector: "app-json-renderer", inputs: { entry: "entry" }, ngImport: i0, template: "<div class=\"section json-render json\">\n    <app-entry-renderer [editMode]=\"true\" [entry]=\"entry\"></app-entry-renderer>\n    <pre *ngIf=\"entry\">{{JSON.stringify(entry)}}</pre>\n</div>\n", styles: [".json pre{white-space:pre-wrap;word-wrap:anywhere}.json-render{padding:0 20px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: ["entry", "editMode"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: JsonRendererComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-json-renderer', template: "<div class=\"section json-render json\">\n    <app-entry-renderer [editMode]=\"true\" [entry]=\"entry\"></app-entry-renderer>\n    <pre *ngIf=\"entry\">{{JSON.stringify(entry)}}</pre>\n</div>\n", styles: [".json pre{white-space:pre-wrap;word-wrap:anywhere}.json-render{padding:0 20px}\n"] }]
-        }], ctorParameters: function () { return [{ type: EntryService }]; }, propDecorators: { entry: [{
-                type: Input
-            }] } });
-
-class LandingPageComponent {
-    constructor(router, entryService) {
-        this.router = router;
-        this.entryService = entryService;
-        this.JSON = JSON;
-    }
-    ngOnInit() {
-        this.entryService.get().subscribe((response) => {
-            this.entries = map$1(response.results.slice(0, 3), (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            });
-        });
-    }
-    ngOnDestroy() {
-        if (this.sourceSub) {
-            this.sourceSub.unsubscribe();
-            this.sourceSub = null;
-        }
-    }
-}
-LandingPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LandingPageComponent, deps: [{ token: i1$4.Router }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-LandingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: LandingPageComponent, selector: "app-landing-page", ngImport: i0, template: "<div class=\"landing-page\">\n    <ng-container *ngFor=\"let entry of entries\">\n        <app-entry-summary [entry]=\"entry.entry\"></app-entry-summary>\n    </ng-container>\n</div>\n", styles: [".landing-page{min-height:calc(100vh - 100px);max-height:calc(100vh - 100px)}@media screen and (max-height: 560px){.landing-page{max-height:100vh}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EntrySummaryComponent, selector: "app-entry-summary", inputs: ["entry"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LandingPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-landing-page', template: "<div class=\"landing-page\">\n    <ng-container *ngFor=\"let entry of entries\">\n        <app-entry-summary [entry]=\"entry.entry\"></app-entry-summary>\n    </ng-container>\n</div>\n", styles: [".landing-page{min-height:calc(100vh - 100px);max-height:calc(100vh - 100px)}@media screen and (max-height: 560px){.landing-page{max-height:100vh}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$4.Router }, { type: EntryService }]; } });
-
-class OutlineViewComponent {
-    constructor(entryService) {
-        this.entryService = entryService;
-        this.Math = Math;
-    }
-    ngOnInit() {
-        this.entryService.currentlyEditedEntry.subscribe((entry) => {
-            this.entry = entry;
-        });
-    }
-    sectionDrop(e) {
-        const entry = this.entry;
-        const diff = e.currentIndex - e.previousIndex;
-        entry.sections[e.previousIndex].order = e.currentIndex * 10 + (diff > 0 ? 1 : -1);
-        entry.sort();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-    }
-    contentDrop(e, section) {
-        const entry = this.entry;
-        const diff = e.currentIndex - e.previousIndex;
-        section.contents[e.previousIndex].order = e.currentIndex * 10 + (diff > 0 ? 1 : -1);
-        entry.sort();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-    }
-}
-OutlineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: OutlineViewComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-OutlineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: OutlineViewComponent, selector: "app-outline-view", ngImport: i0, template: "<div *ngIf=\"entry\" class=\"section outline\">\n    <h1 *ngIf=\"entry?.sections?.length === 0\">Outline View</h1>\n    <div cdkDropList class=\"sections\" (cdkDropListDropped)=\"sectionDrop($event)\">\n        <mat-card class=\"card\" cdkDrag *ngFor=\"let section of entry.sections\">\n            <h3>Section {{Math.ceil(section.order / 10) + 1}}</h3>\n            {{section.subheading}}\n            <div cdkDropList class=\"contents\" (cdkDropListDropped)=\"contentDrop($event, section)\">\n                <h3>Contents for {{section.subheading}}</h3>\n                <div class=\"content-card\" *ngFor=\"let content of section.contents\" cdkDrag>\n                    <div class=\"content\">{{content.value}}</div>\n                    <div class=\"content-placeholder\" *cdkDragPlaceholder></div>\n                </div>\n            </div>\n        </mat-card>\n        <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\n    </div>\n</div>\n", styles: [".outline{padding:0 20px}.content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card,.content-card{margin:4px;cursor:pointer}.content-card:not(:last-child){border-bottom:1px dotted #aaa}.custom-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1);min-height:60px}.content-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1);min-height:30px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: OutlineViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-outline-view', template: "<div *ngIf=\"entry\" class=\"section outline\">\n    <h1 *ngIf=\"entry?.sections?.length === 0\">Outline View</h1>\n    <div cdkDropList class=\"sections\" (cdkDropListDropped)=\"sectionDrop($event)\">\n        <mat-card class=\"card\" cdkDrag *ngFor=\"let section of entry.sections\">\n            <h3>Section {{Math.ceil(section.order / 10) + 1}}</h3>\n            {{section.subheading}}\n            <div cdkDropList class=\"contents\" (cdkDropListDropped)=\"contentDrop($event, section)\">\n                <h3>Contents for {{section.subheading}}</h3>\n                <div class=\"content-card\" *ngFor=\"let content of section.contents\" cdkDrag>\n                    <div class=\"content\">{{content.value}}</div>\n                    <div class=\"content-placeholder\" *cdkDragPlaceholder></div>\n                </div>\n            </div>\n        </mat-card>\n        <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\n    </div>\n</div>\n", styles: [".outline{padding:0 20px}.content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card,.content-card{margin:4px;cursor:pointer}.content-card:not(:last-child){border-bottom:1px dotted #aaa}.custom-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1);min-height:60px}.content-placeholder{background:#ccc;border:dotted 3px #999;transition:transform .25s cubic-bezier(0,0,.2,1);min-height:30px}\n"] }]
-        }], ctorParameters: function () { return [{ type: EntryService }]; } });
-
-class SideNavigationComponent {
-    constructor(entryService, router, identityService, renderer) {
-        this.entryService = entryService;
-        this.router = router;
-        this.identityService = identityService;
-        this.renderer = renderer;
-        this.state = 'out';
-        this.response = null;
-        this.debounceTimeout = 200;
-        this.loading = true;
-        this.entries = [];
-        this.entriesByMonthAndYear = [];
-        this.searchTerm = "";
-        this.doSearch = new EventEmitter();
-        this.searchControl = new FormControl('');
-    }
-    ngOnInit() {
-        this.doSearch.pipe(debounceTime(this.debounceTimeout)).subscribe((result) => {
-            this.searchEntries(result);
-        });
-        this.identityService.getMe().subscribe((identity) => {
-            this.identity = identity;
-        }, (err) => {
-            this.identity = null;
-        });
-        this.getEntries();
-    }
-    getMore() {
-        this.getEntriesWithUrl(this.response.next, false);
-    }
-    getEntriesWithUrl(url, wipe = true) {
-        this.loading = true;
-        this.entryService.getListByUrl(url).subscribe((response) => {
-            this.response = response;
-            this.entries = this.entries.concat(map$1(response.results, (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            }));
-            this.organizeEntries(wipe);
-        });
-    }
-    organizeEntries(wipe = true) {
-        if (wipe) {
-            this.state = 'out';
-        }
-        let organizeEntriesFn = () => {
-            if (wipe) {
-                this.entriesByMonthAndYear = [];
-            }
-            let newEntries = JSON.parse(JSON.stringify(this.entriesByMonthAndYear));
-            for (const entryWrapper of this.entries) {
-                const entry = entryWrapper.entry;
-                const create_date = new Date(entry.create_date);
-                const month = create_date.getMonth();
-                const year = create_date.getFullYear();
-                const key = month + '/' + year;
-                const sort_index = (year * 100) + month;
-                const containers = filter(newEntries, (entryContainer) => entryContainer.month_year === key);
-                if (containers.length > 0) {
-                    const container = containers[0];
-                    const entriesWithId = filter(container.entries, (e) => e.id === entryWrapper.entry.id);
-                    if (entriesWithId.length === 0) {
-                        container.entries.push(entry);
-                    }
-                }
-                else {
-                    const newContainer = { month_year: key, month_year_number: sort_index, entries: [entry] };
-                    newEntries.push(newContainer);
-                }
-            }
-            newEntries.sort((entry_a, entry_b) => {
-                return entry_a.month_year_number - entry_b.month_year_number;
-            });
-            newEntries.reverse();
-            let setEntriesFn = () => {
-                this.entriesByMonthAndYear = newEntries;
-                this.loading = false;
-                if (wipe) {
-                    this.state = 'in';
-                }
-            };
-            setTimeout(setEntriesFn.bind(this), 400);
-        };
-        setTimeout(organizeEntriesFn.bind(this), 400);
-    }
-    getEntries() {
-        this.loading = true;
-        this.entryService.get().subscribe((response) => {
-            this.response = response;
-            this.entries = map$1(response.results, (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            });
-            this.organizeEntries();
-        });
-    }
-    searchEntries(searchTerm) {
-        let turnOnLoading = () => {
-            this.loading = true;
-        };
-        setTimeout(turnOnLoading.bind(this), this.debounceTimeout + 100);
-        if (searchTerm !== "") {
-            this.entryService.search(searchTerm).subscribe((response) => {
-                this.response = response;
-                this.entries = map$1(response.results, (result) => {
-                    return { id: result.id, entry: new Entry(result) };
-                });
-                this.organizeEntries();
-            });
-        }
-        else {
-            this.getEntries();
-        }
-    }
-    render() {
-    }
-    routeTo(entry) {
-        if (!entry) {
-            this.router.navigateByUrl('create(left-col:create//right-col:create)').then(() => {
-            });
-        }
-        else {
-            this.router.navigate(['/', 'blog', entry.slug]).then(() => {
-                // Noop
-            });
-        }
-    }
-    getMonthAndYearFromKey(key) {
-        let subheading = '';
-        const parts = key.split('/');
-        switch (Number(parts[0])) {
-            case 0:
-                subheading += 'January ';
-                break;
-            case 1:
-                subheading += 'February ';
-                break;
-            case 2:
-                subheading += 'March ';
-                break;
-            case 3:
-                subheading += 'April ';
-                break;
-            case 4:
-                subheading += 'May ';
-                break;
-            case 5:
-                subheading += 'June ';
-                break;
-            case 6:
-                subheading += 'July ';
-                break;
-            case 7:
-                subheading += 'August ';
-                break;
-            case 8:
-                subheading += 'September ';
-                break;
-            case 9:
-                subheading += 'October ';
-                break;
-            case 10:
-                subheading += 'November ';
-                break;
-            case 11:
-                subheading += 'December ';
-                break;
-            default:
-                subheading += 'January ';
-        }
-        subheading += parts[1];
-        return subheading;
-    }
-    ngOnDestroy() {
-        if (this.sourceSub) {
-            this.sourceSub.unsubscribe();
-            this.sourceSub = null;
-        }
-    }
-    onSearchChange(searchValue) {
-        this.doSearch.emit(searchValue);
-    }
-}
-SideNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SideNavigationComponent, deps: [{ token: EntryService }, { token: i1$4.Router }, { token: IdentityService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SideNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SideNavigationComponent, selector: "app-side-navigation", viewQueries: [{ propertyName: "divNav", first: true, predicate: ["navcontainer"], descendants: true }], ngImport: i0, template: "<div class=\"sidenav no-scrollbar\">\n  <div style=\"margin-top: 20px;\">\n    <mat-form-field style=\"width: 100%\">\n      <mat-label>Search</mat-label>\n      <input matInput [formControl]=\"searchControl\" (ngModelChange)=\"onSearchChange($event)\">\n    </mat-form-field>\n  </div>\n\n  <div\n    class=\"progress\"\n    [hidden]=\"!loading\"\n  >\n    <mat-progress-spinner\n      style=\"margin-left: 16px;\"\n      [diameter]=20\n      mode=\"indeterminate\"\n    >\n    </mat-progress-spinner>\n  </div>\n\n  <div #navcontainer class=\"navcontainer\"\n    [@sideNavAnimation]=\"state\"\n  >\n    <mat-nav-list\n      *ngFor=\"let container of entriesByMonthAndYear\"\n    >\n      <h3>{{getMonthAndYearFromKey(container.month_year)}}</h3>\n      <a mat-list-item *ngFor=\"let entry of container.entries\" href=\"javascript:void(0)\" (click)=\"routeTo(entry)\">{{entry.title}}</a>\n    </mat-nav-list>\n\n    <a\n      class=\"sidelink\"\n      *ngIf=\"this?.response?.next && !loading\"\n      (click)=\"getMore()\"\n      href=\"javascript:void(0);\">More...</a>\n  </div>\n  <ng-container *ngIf=\"identity?.id === 1\">\n    <h2>Misc</h2>\n\n    <mat-nav-list>\n      <a mat-list-item href=\"javascript:void(0);\" (click)=\"routeTo(null)\">Create</a>\n    </mat-nav-list>\n  </ng-container>\n  <h3 *ngIf=\"identity\">Logged in as {{identity?.email}}</h3>\n</div>\n\n", styles: [".progress{position:absolute;top:100px;left:0}.sidelink{padding-left:16px}.sidenav{position:relative;max-height:calc(100vh - 100px)}@media screen and (max-height: 560px){.sidenav{max-height:100vh}}h2,h3{margin-left:10px;justify-content:right}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i8$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i8$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i9$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], animations: [
-        trigger('sideNavAnimation', [
-            state('in', style({ transform: 'translateX(0%)' })),
-            state('out', style({ transform: 'translateX(110%)' })),
-            transition('in => out', [
-                animate('100ms ease-out', style({ transform: 'translateX(110%)' }))
-            ]),
-            transition('out => in', [
-                animate('100ms ease-in', style({ transform: 'translateX(0%)' }))
-            ])
-        ]),
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SideNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-side-navigation', animations: [
-                        trigger('sideNavAnimation', [
-                            state('in', style({ transform: 'translateX(0%)' })),
-                            state('out', style({ transform: 'translateX(110%)' })),
-                            transition('in => out', [
-                                animate('100ms ease-out', style({ transform: 'translateX(110%)' }))
-                            ]),
-                            transition('out => in', [
-                                animate('100ms ease-in', style({ transform: 'translateX(0%)' }))
-                            ])
-                        ]),
-                    ], template: "<div class=\"sidenav no-scrollbar\">\n  <div style=\"margin-top: 20px;\">\n    <mat-form-field style=\"width: 100%\">\n      <mat-label>Search</mat-label>\n      <input matInput [formControl]=\"searchControl\" (ngModelChange)=\"onSearchChange($event)\">\n    </mat-form-field>\n  </div>\n\n  <div\n    class=\"progress\"\n    [hidden]=\"!loading\"\n  >\n    <mat-progress-spinner\n      style=\"margin-left: 16px;\"\n      [diameter]=20\n      mode=\"indeterminate\"\n    >\n    </mat-progress-spinner>\n  </div>\n\n  <div #navcontainer class=\"navcontainer\"\n    [@sideNavAnimation]=\"state\"\n  >\n    <mat-nav-list\n      *ngFor=\"let container of entriesByMonthAndYear\"\n    >\n      <h3>{{getMonthAndYearFromKey(container.month_year)}}</h3>\n      <a mat-list-item *ngFor=\"let entry of container.entries\" href=\"javascript:void(0)\" (click)=\"routeTo(entry)\">{{entry.title}}</a>\n    </mat-nav-list>\n\n    <a\n      class=\"sidelink\"\n      *ngIf=\"this?.response?.next && !loading\"\n      (click)=\"getMore()\"\n      href=\"javascript:void(0);\">More...</a>\n  </div>\n  <ng-container *ngIf=\"identity?.id === 1\">\n    <h2>Misc</h2>\n\n    <mat-nav-list>\n      <a mat-list-item href=\"javascript:void(0);\" (click)=\"routeTo(null)\">Create</a>\n    </mat-nav-list>\n  </ng-container>\n  <h3 *ngIf=\"identity\">Logged in as {{identity?.email}}</h3>\n</div>\n\n", styles: [".progress{position:absolute;top:100px;left:0}.sidelink{padding-left:16px}.sidenav{position:relative;max-height:calc(100vh - 100px)}@media screen and (max-height: 560px){.sidenav{max-height:100vh}}h2,h3{margin-left:10px;justify-content:right}\n"] }]
-        }], ctorParameters: function () { return [{ type: EntryService }, { type: i1$4.Router }, { type: IdentityService }, { type: i0.Renderer2 }]; }, propDecorators: { divNav: [{
-                type: ViewChild,
-                args: ['navcontainer', { static: false }]
-            }] } });
-
-class MainComponent {
-    constructor(router) {
-        this.router = router;
-        this.loaded = true;
-        this.subs = new Subscription();
-        this.resizeSubject = new Subject();
-    }
-    ngOnInit() {
-        this.subs.add(this.router.events.subscribe((e) => {
-            if (e instanceof NavigationEnd) {
-                if (e.urlAfterRedirects.includes('create')) {
-                    this.showLeftCol = true;
-                    this.showRightCol = true;
-                }
-                else {
-                    this.showLeftCol = true;
-                    this.showRightCol = false;
-                    this.innerWidth = window.innerWidth;
-                    this.collapseLeftColIfTooNarrow();
-                }
-            }
-        }));
-        this.subs.add(this.resizeSubject.pipe(debounceTime(100)).subscribe((width) => {
-            this.innerWidth = width;
-            this.collapseLeftColIfTooNarrow();
-        }));
-    }
-    collapseLeftColIfTooNarrow() {
-        this.showLeftCol = this.innerWidth >= 800;
-    }
-    onResize(event) {
-        this.resizeSubject.next(window.innerWidth);
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-}
-MainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MainComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
-MainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: MainComponent, selector: "lib-main", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<ng-container *ngIf=\"loaded\">\n    <div class=\"container\">\n        <div class=\"body\">\n            <div class=\"container-row\">\n                <mat-sidenav-container [autosize]=\"true\">\n                    <mat-sidenav [(opened)]=\"showLeftCol\" #leftcol opened mode=\"side\" class=\"left no-scrollbar\">\n                        <router-outlet name=\"left-col\"></router-outlet>\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"showLeftCol\" (click)=\"leftcol.toggle()\"> << </button>\n                    </mat-sidenav>\n                    <mat-sidenav [(opened)]=\"showRightCol\" #rightcol mode=\"side\" position=\"end\" class=\"right\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"showRightCol\" (click)=\"rightcol.toggle()\"> >> </button>\n                        <router-outlet name=\"right-col\"></router-outlet>\n                    </mat-sidenav>\n                    <div class=\"middle\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"!showLeftCol\" (click)=\"leftcol.toggle()\"> >> </button>\n                        <button  mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"!showRightCol\" (click)=\"rightcol.toggle()\"> << </button>\n                        <router-outlet></router-outlet>\n                    </div>\n                </mat-sidenav-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: ["a{text-decoration:none}.body{flex-grow:1;max-height:calc(100vh - 100px);overflow:scroll}@media screen and (max-height: 560px){.body{max-height:100vh}}.left,.right{min-width:400px;max-width:33vw}.left-toggle{position:fixed;top:50%;left:5px;z-index:100}.right-toggle{position:fixed;top:50%;right:5px;z-index:100}a{margin-right:10px}a:not(:last-child):after{margin-left:10px;content:\"|\"}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i3$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4.MatMiniFabButton, selector: "button[mat-mini-fab]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MainComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-main', template: "<ng-container *ngIf=\"loaded\">\n    <div class=\"container\">\n        <div class=\"body\">\n            <div class=\"container-row\">\n                <mat-sidenav-container [autosize]=\"true\">\n                    <mat-sidenav [(opened)]=\"showLeftCol\" #leftcol opened mode=\"side\" class=\"left no-scrollbar\">\n                        <router-outlet name=\"left-col\"></router-outlet>\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"showLeftCol\" (click)=\"leftcol.toggle()\"> << </button>\n                    </mat-sidenav>\n                    <mat-sidenav [(opened)]=\"showRightCol\" #rightcol mode=\"side\" position=\"end\" class=\"right\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"showRightCol\" (click)=\"rightcol.toggle()\"> >> </button>\n                        <router-outlet name=\"right-col\"></router-outlet>\n                    </mat-sidenav>\n                    <div class=\"middle\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"!showLeftCol\" (click)=\"leftcol.toggle()\"> >> </button>\n                        <button  mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"!showRightCol\" (click)=\"rightcol.toggle()\"> << </button>\n                        <router-outlet></router-outlet>\n                    </div>\n                </mat-sidenav-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n", styles: ["a{text-decoration:none}.body{flex-grow:1;max-height:calc(100vh - 100px);overflow:scroll}@media screen and (max-height: 560px){.body{max-height:100vh}}.left,.right{min-width:400px;max-width:33vw}.left-toggle{position:fixed;top:50%;left:5px;z-index:100}.right-toggle{position:fixed;top:50%;right:5px;z-index:100}a{margin-right:10px}a:not(:last-child):after{margin-left:10px;content:\"|\"}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$4.Router }]; }, propDecorators: { onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
-
-class EntryRendererWrapperComponent {
-    seeAll(toggle) {
-        this.seeAllEntries = toggle;
-    }
-    constructor(entryService, router, route, viewService, interactionService) {
-        this.entryService = entryService;
-        this.router = router;
-        this.route = route;
-        this.viewService = viewService;
-        this.interactionService = interactionService;
-        this.seeAllEntries = false;
-    }
-    getEntry() {
-        const slug = this.route.snapshot.paramMap.get('slug');
-        if (slug) {
-            this.entryService.getBySlug(slug).subscribe((response) => {
-                this.currentEntry = response;
-                const view = new View();
-                view.entry = this.currentEntry.id;
-                this.viewService.create(view).subscribe((viewResponse) => {
-                    // Noop
-                });
-            });
-        }
-        this.route.queryParams.subscribe(params => {
-            const campaign = params['campaign'];
-            if (campaign && campaign !== '') {
-                const interaction = new Interaction();
-                interaction.content = { 'campaign': campaign, slug };
-                this.interactionService.create(interaction).subscribe((response) => {
-                });
-                setTimeout(() => {
-                    const urlMinsCampaign = this.router.url.replace(new RegExp('.campaign=' + campaign), '');
-                    this.router.navigateByUrl(urlMinsCampaign);
-                }, 0);
-            }
-        });
-    }
-    ngOnInit() {
-        this.routerSub = this.router.events.subscribe((e) => {
-            if (e instanceof NavigationEnd) {
-                this.currentEntry = null;
-                this.seeAll(false);
-                setTimeout(() => {
-                    this.getEntry();
-                }, 10);
-            }
-        });
-        this.getEntry();
-    }
-    ngOnDestroy() {
-        if (this.routerSub) {
-            this.routerSub.complete();
-            this.routerSub = null;
-        }
-    }
-}
-EntryRendererWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryRendererWrapperComponent, deps: [{ token: EntryService }, { token: i1$4.Router }, { token: i1$4.ActivatedRoute }, { token: ViewService }, { token: InteractionService }], target: i0.ɵɵFactoryTarget.Component });
-EntryRendererWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: EntryRendererWrapperComponent, selector: "lib-entry-renderer-wrapper", ngImport: i0, template: "<div class=\"rendered-entry section\">\n    <app-entry-renderer *ngIf=\"currentEntry\" [entry]=\"currentEntry\"></app-entry-renderer>\n</div>\n", styles: [".rendered-entry{padding:0 20px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: ["entry", "editMode"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: EntryRendererWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-entry-renderer-wrapper', template: "<div class=\"rendered-entry section\">\n    <app-entry-renderer *ngIf=\"currentEntry\" [entry]=\"currentEntry\"></app-entry-renderer>\n</div>\n", styles: [".rendered-entry{padding:0 20px}\n"] }]
-        }], ctorParameters: function () { return [{ type: EntryService }, { type: i1$4.Router }, { type: i1$4.ActivatedRoute }, { type: ViewService }, { type: InteractionService }]; } });
-
-class LinkyPipe {
-    transform(value, options) {
-        return Autolinker.link(value, Object.assign({}, options, { newWindow: true, stripPrefix: false }));
-    }
-}
-LinkyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LinkyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-LinkyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: LinkyPipe, name: "linky" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LinkyPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'linky' }]
-        }] });
-
-const routes = [
-    { path: '', component: SideNavigationComponent, outlet: 'left-col' },
-    {
-        path: 'landing',
-        component: MainComponent
-    },
-    { path: 'blog/:slug', component: EntryRendererWrapperComponent },
-    { path: 'create', component: EntryCreatorComponent },
-    { path: 'create', component: OutlineViewComponent, outlet: 'left-col' },
-    { path: 'create', component: JsonRendererComponent, outlet: 'right-col' },
-    { path: '', redirectTo: '/landing', pathMatch: 'full' },
-    { path: '**', redirectTo: '/404error' }
-];
-class Routes {
-    constructor() {
-        this.routes = routes;
-    }
-}
-
-class SchedulePublishDialogData {
-}
-
-class SchedulePublishDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    ngOnInit() {
-    }
-    onNoClick() {
-    }
-    onYesClick() {
-        this.dialogRef.close('test');
-    }
-}
-SchedulePublishDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SchedulePublishDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-SchedulePublishDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: SchedulePublishDialogComponent, selector: "lib-schedule-publish-dialog", ngImport: i0, template: "<h1 mat-dialog-title>Select a Date and Time to Schedule This Post</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<p>Date</p>\n<mat-form-field appearance=\"fill\">\n  <mat-label>Choose a date</mat-label>\n  <input matInput [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n<p>Time</p>\n<input [ngxTimepicker]=\"timepicker\" readonly>\n<ngx-material-timepicker #timepicker></ngx-material-timepicker>\n<div mat-dialog-actions>\n    <button mat-button (click)=\"onNoClick()\">Cancel</button>\n    <button mat-button (click)=\"onYesClick()\" cdkFocusInitial>Schedule Publish</button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i17.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i17.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i17.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6$2.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["ESC", "hoursOnly", "ngxMaterialTimepickerTheme", "format", "minutesGap", "cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "defaultTime", "timepickerClass", "theme", "min", "max"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "directive", type: i6$2.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SchedulePublishDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-schedule-publish-dialog', template: "<h1 mat-dialog-title>Select a Date and Time to Schedule This Post</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<p>Date</p>\n<mat-form-field appearance=\"fill\">\n  <mat-label>Choose a date</mat-label>\n  <input matInput [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n<p>Time</p>\n<input [ngxTimepicker]=\"timepicker\" readonly>\n<ngx-material-timepicker #timepicker></ngx-material-timepicker>\n<div mat-dialog-actions>\n    <button mat-button (click)=\"onNoClick()\">Cancel</button>\n    <button mat-button (click)=\"onYesClick()\" cdkFocusInitial>Schedule Publish</button>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: SchedulePublishDialogData, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-
-class CoreModule {
-    constructor(library) {
-        this.library = library;
-        this.library.addIcons(faSpinner);
-    }
-}
-CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CoreModule, deps: [{ token: i1$3.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: CoreModule, declarations: [EntryRendererComponent,
-        EntryCreatorComponent,
-        LandingPageComponent,
-        SideNavigationComponent,
-        OutlineViewComponent,
-        JsonRendererComponent,
-        EntrySummaryComponent,
-        EntrySelectorDialogComponent,
-        MediaUploadModalComponent,
-        TimeAgoPipe,
-        LinkyPipe,
-        StaticHtmlComponent,
-        MainComponent,
-        EntryRendererWrapperComponent,
-        SchedulePublishDialogComponent], imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        MatCardModule,
-        MatSidenavModule,
-        MatButtonModule,
-        MatInputModule,
-        MatListModule,
-        MatRadioModule,
-        MatDialogModule,
-        MatCheckboxModule,
-        MatDividerModule,
-        MatAutocompleteModule,
-        MatChipsModule,
-        MatIconModule,
-        MatDatepickerModule,
-        MatNativeDateModule,
-        MatTableModule,
-        MatProgressSpinnerModule,
-        FontAwesomeModule,
-        FileUploadModule,
-        NgxMaterialTimepickerModule], exports: [EntryRendererComponent,
-        EntryCreatorComponent,
-        LandingPageComponent,
-        SideNavigationComponent,
-        OutlineViewComponent,
-        JsonRendererComponent,
-        EntrySummaryComponent,
-        EntrySelectorDialogComponent,
-        MediaUploadModalComponent,
-        TimeAgoPipe,
-        LinkyPipe,
-        StaticHtmlComponent,
-        MainComponent,
-        EntryRendererWrapperComponent] });
-CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CoreModule, providers: [
-        CommentService,
-        EntryService,
-        UploadService,
-        PrismService,
-        IdentityService,
-        DjangoRestFrameworkEndpointService,
-        TagService,
-    ], imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        MatCardModule,
-        MatSidenavModule,
-        MatButtonModule,
-        MatInputModule,
-        MatListModule,
-        MatRadioModule,
-        MatDialogModule,
-        MatCheckboxModule,
-        MatDividerModule,
-        MatAutocompleteModule,
-        MatChipsModule,
-        MatIconModule,
-        MatDatepickerModule,
-        MatNativeDateModule,
-        MatTableModule,
-        MatProgressSpinnerModule,
-        FontAwesomeModule,
-        FileUploadModule,
-        NgxMaterialTimepickerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        EntryRendererComponent,
-                        EntryCreatorComponent,
-                        LandingPageComponent,
-                        SideNavigationComponent,
-                        OutlineViewComponent,
-                        JsonRendererComponent,
-                        EntrySummaryComponent,
-                        EntrySelectorDialogComponent,
-                        MediaUploadModalComponent,
-                        TimeAgoPipe,
-                        LinkyPipe,
-                        StaticHtmlComponent,
-                        MainComponent,
-                        EntryRendererWrapperComponent,
-                        SchedulePublishDialogComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        DragDropModule,
-                        MatCardModule,
-                        MatSidenavModule,
-                        MatButtonModule,
-                        MatInputModule,
-                        MatListModule,
-                        MatRadioModule,
-                        MatDialogModule,
-                        MatCheckboxModule,
-                        MatDividerModule,
-                        MatAutocompleteModule,
-                        MatChipsModule,
-                        MatIconModule,
-                        MatDatepickerModule,
-                        MatNativeDateModule,
-                        MatTableModule,
-                        MatProgressSpinnerModule,
-                        FontAwesomeModule,
-                        FileUploadModule,
-                        NgxMaterialTimepickerModule,
-                    ],
-                    providers: [
-                        CommentService,
-                        EntryService,
-                        UploadService,
-                        PrismService,
-                        IdentityService,
-                        DjangoRestFrameworkEndpointService,
-                        TagService,
-                    ],
-                    exports: [
-                        EntryRendererComponent,
-                        EntryCreatorComponent,
-                        LandingPageComponent,
-                        SideNavigationComponent,
-                        OutlineViewComponent,
-                        JsonRendererComponent,
-                        EntrySummaryComponent,
-                        EntrySelectorDialogComponent,
-                        MediaUploadModalComponent,
-                        TimeAgoPipe,
-                        LinkyPipe,
-                        StaticHtmlComponent,
-                        MainComponent,
-                        EntryRendererWrapperComponent,
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.FaIconLibrary }]; } });
-
-/*
- * Public API Surface of core
- */
-
-/**
- * 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, View, ViewService, VisitorProfile, VisitorProfileService };
-//# sourceMappingURL=thecodeblogs-blog.mjs.map