@thecodeblogs/blog 0.13.1 → 0.14.0

package/fesm2015/thecodeblogs-blog.mjs

@@ -5,7 +5,7 @@ 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 i3$1 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import 'clipboard';
 import 'prismjs';
@@ -23,43 +23,43 @@ 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 i3 from '@angular/material/divider';
+import * as i6 from '@angular/forms';
+import { UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i6$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i4 from '@angular/material/radio';
+import * as i7 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i5 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i16 from '@angular/forms';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i7 from 'ng2-file-upload';
+import * as i7$1 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 i5$1 from '@angular/material/form-field';
-import * as i7$1 from '@angular/material/card';
+import * as i8 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
-import * as i7$2 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i8 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i9 from '@angular/material/autocomplete';
+import * as i9 from '@angular/cdk/text-field';
+import * as i10 from '@angular/material/form-field';
+import * as i11 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i13 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i10 from '@angular/material/core';
+import * as i14 from '@angular/material/core';
 import { MatNativeDateModule } from '@angular/material/core';
-import * as i13 from '@angular/material/datepicker';
+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 i4$1 from 'ngx-material-timepicker';
+import * as i6$2 from 'ngx-material-timepicker';
 import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
-import * as i17 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i18 from '@angular/cdk/text-field';
 import * as i1$4 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
-import * as i4$2 from '@angular/cdk/drag-drop';
+import * as i3 from '@angular/cdk/drag-drop';
 import { DragDropModule } from '@angular/cdk/drag-drop';
-import * as i4$3 from '@angular/material/list';
+import * as i5 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i2$1 from '@angular/material/sidenav';
+import * as i3$1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import Autolinker from 'autolinker';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -97,7 +97,6 @@ class Content extends Base {
 }
 Content.KEY_MIMETYPE = 'mimeType';
 
-const slugify$1 = require('slugify');
 class Entry extends Base {
     constructor(init) {
         super();
@@ -221,9 +220,9 @@ class CommentService {
         return this.http.patch(this.adminEndpoint + '/' + comment.id + '/', comment);
     }
 }
-CommentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CommentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CommentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CommentService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CommentService, decorators: [{
+CommentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CommentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CommentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CommentService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CommentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -265,9 +264,9 @@ class DjangoRestFrameworkEndpointService {
         return this.http.get(url).pipe(map(this.handleListResponse.bind(this)));
     }
 }
-DjangoRestFrameworkEndpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DjangoRestFrameworkEndpointService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-DjangoRestFrameworkEndpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DjangoRestFrameworkEndpointService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DjangoRestFrameworkEndpointService, decorators: [{
+DjangoRestFrameworkEndpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DjangoRestFrameworkEndpointService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+DjangoRestFrameworkEndpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DjangoRestFrameworkEndpointService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DjangoRestFrameworkEndpointService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -328,10 +327,37 @@ class EntryService extends DjangoRestFrameworkEndpointService {
         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;
+    }
 }
-EntryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-EntryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryService, decorators: [{
+EntryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EntryService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+EntryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EntryService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EntryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -346,9 +372,9 @@ class IdentityService {
         throw new Error('You must provide an implementation for this');
     }
 }
-IdentityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IdentityService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-IdentityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IdentityService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: IdentityService, decorators: [{
+IdentityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IdentityService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+IdentityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IdentityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IdentityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -368,9 +394,9 @@ class PrismService {
         }
     }
 }
-PrismService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PrismService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-PrismService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PrismService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: PrismService, decorators: [{
+PrismService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PrismService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+PrismService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PrismService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PrismService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -392,9 +418,9 @@ class UploadService {
 }
 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: "13.3.0", ngImport: i0, type: UploadService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-UploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UploadService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UploadService, decorators: [{
+UploadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UploadService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+UploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UploadService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -411,9 +437,9 @@ class ViewService extends DjangoRestFrameworkEndpointService {
         this.endpoint = '/blog_api/views/';
     }
 }
-ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-ViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ViewService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ViewService, decorators: [{
+ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ViewService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ViewService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -427,9 +453,9 @@ class InteractionService extends DjangoRestFrameworkEndpointService {
         this.endpoint = '/blog_api/interactions/';
     }
 }
-InteractionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InteractionService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-InteractionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InteractionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InteractionService, decorators: [{
+InteractionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: InteractionService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+InteractionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: InteractionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: InteractionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -462,9 +488,9 @@ class VisitorProfileService extends DjangoRestFrameworkEndpointService {
         return vp;
     }
 }
-VisitorProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VisitorProfileService, deps: [{ token: i1.HttpClient }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
-VisitorProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VisitorProfileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VisitorProfileService, decorators: [{
+VisitorProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: VisitorProfileService, deps: [{ token: i1.HttpClient }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+VisitorProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: VisitorProfileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: VisitorProfileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -481,9 +507,9 @@ class StaticHtmlService {
             this.domSanitizer.sanitize(SecurityContext.HTML, htmlString);
     }
 }
-StaticHtmlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StaticHtmlService, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
-StaticHtmlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StaticHtmlService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StaticHtmlService, decorators: [{
+StaticHtmlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: StaticHtmlService, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
+StaticHtmlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: StaticHtmlService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: StaticHtmlService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -516,9 +542,9 @@ class TagService extends DjangoRestFrameworkEndpointService {
         return response;
     }
 }
-TagService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TagService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TagService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TagService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TagService, decorators: [{
+TagService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TagService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+TagService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TagService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TagService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -552,9 +578,9 @@ class EntrySelectorDialogComponent {
     }
 }
 EntrySelectorDialogComponent.CURRENT_ENTRY = 'current_entry';
-EntrySelectorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntrySelectorDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-EntrySelectorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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    <mat-radio-group [(ngModel)]=\"selectedId\">\n        <mat-radio-button *ngFor=\"let entry of entries\" class=\"option\" [value]=\"entry.id\">{{entry.title}}</mat-radio-button>\n    </mat-radio-group>\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    <button mat-button (click)=\"onYesClick()\" [mat-dialog-close]=\"this.selectedId\" cdkFocusInitial>Edit Selected Entry</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}\n"], components: [{ type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntrySelectorDialogComponent, decorators: [{
+EntrySelectorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", 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: "14.2.12", 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    <mat-radio-group [(ngModel)]=\"selectedId\">\n        <mat-radio-button *ngFor=\"let entry of entries\" class=\"option\" [value]=\"entry.id\">{{entry.title}}</mat-radio-button>\n    </mat-radio-group>\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    <button mat-button (click)=\"onYesClick()\" [mat-dialog-close]=\"this.selectedId\" cdkFocusInitial>Edit Selected Entry</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}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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    <mat-radio-group [(ngModel)]=\"selectedId\">\n        <mat-radio-button *ngFor=\"let entry of entries\" class=\"option\" [value]=\"entry.id\">{{entry.title}}</mat-radio-button>\n    </mat-radio-group>\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    <button mat-button (click)=\"onYesClick()\" [mat-dialog-close]=\"this.selectedId\" cdkFocusInitial>Edit Selected Entry</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}\n"] }]
         }], ctorParameters: function () {
@@ -697,11 +723,11 @@ class MediaUploadModalComponent {
         }
     }
 }
-MediaUploadModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MediaUploadModalComponent, deps: [{ token: i1$2.MatDialogRef }, { token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
-MediaUploadModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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: [""], components: [{ type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MediaUploadModalComponent, decorators: [{
+MediaUploadModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MediaUploadModalComponent, deps: [{ token: i1$2.MatDialogRef }, { token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
+MediaUploadModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$1.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$1.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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", styles: [""] }]
+            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: [{
@@ -713,7 +739,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 args: ['document:paste', ['$event']]
             }] } });
 
-const slugify = require('slugify');
 class EntryCreatorComponent {
     constructor(entryService, tagService, identityService, cdr, dialog) {
         this.entryService = entryService;
@@ -727,8 +752,8 @@ class EntryCreatorComponent {
         this.separatorKeysCodes = [ENTER, COMMA, TAB];
         this.removable = true;
         this.all_tags = ['Angular', 'Bash', 'MacOS', 'Typescript', 'NPM', 'Databases'];
-        this.tagCtrl = new FormControl();
-        this.publishDateControl = new FormControl();
+        this.tagCtrl = new UntypedFormControl();
+        this.publishDateControl = new UntypedFormControl();
         this.selectable = false;
         this.scheduling = false;
         this.customScheduleTime = '';
@@ -907,7 +932,7 @@ class EntryCreatorComponent {
         }
     }
     onChange() {
-        this.entry.slug = slugify(this.entry.title).toLowerCase();
+        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();
@@ -1012,9 +1037,9 @@ class EntryCreatorComponent {
 }
 EntryCreatorComponent.CURRENT_ENTRY = 'current_entry';
 EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE = 'A New Entry';
-EntryCreatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", 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: "12.0.0", version: "13.3.0", 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-list #tagList aria-label=\"Tags\">\n                        <mat-chip\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>\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-list>\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"], components: [{ type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i7$2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i4$1.NgxTimepickerFieldComponent, selector: "ngx-timepicker-field", inputs: ["buttonAlign", "format", "min", "max", "defaultTime", "disabled", "toggleIcon", "clockTheme", "controlOnly", "cancelBtnTmpl", "confirmBtnTmpl"], outputs: ["timeChanged"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i16.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i16.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5$1.MatLabel, selector: "mat-label" }, { type: i17.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"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7$2.MatChipRemove, selector: "[matChipRemove]" }, { type: i9.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7$2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i18.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i5$1.MatSuffix, selector: "[matSuffix]" }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryCreatorComponent, decorators: [{
+EntryCreatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", 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: "14.2.12", 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-list #tagList aria-label=\"Tags\">\n                        <mat-chip\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>\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-list>\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i11.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: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.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: "directive", type: i13.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i15.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i15.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { 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: "14.2.12", 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-list #tagList aria-label=\"Tags\">\n                        <mat-chip\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>\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-list>\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: [{
@@ -1044,11 +1069,11 @@ class StaticHtmlComponent {
         this.refreshContent();
     }
 }
-StaticHtmlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-StaticHtmlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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: "13.3.0", ngImport: i0, type: StaticHtmlComponent, decorators: [{
+StaticHtmlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+StaticHtmlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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: "14.2.12", ngImport: i0, type: StaticHtmlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n", styles: [""] }]
+            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
             }] } });
@@ -1141,9 +1166,9 @@ class TimeAgoPipe {
         }
     }
 }
-TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TimeAgoPipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Pipe });
-TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TimeAgoPipe, name: "timeAgo", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TimeAgoPipe, decorators: [{
+TimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TimeAgoPipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Pipe });
+TimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TimeAgoPipe, name: "timeAgo", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TimeAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeAgo',
@@ -1230,9 +1255,9 @@ class EntryRendererComponent {
         });
     }
 }
-EntryRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", 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: "12.0.0", version: "13.3.0", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: { entry: "entry", editMode: "editMode" }, ngImport: i0, template: "<div>\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"], components: [{ type: StaticHtmlComponent, selector: "app-static-html", inputs: ["value"] }, { type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i7$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i7$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i5$1.MatLabel, selector: "mat-label" }, { type: i17.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"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "timeAgo": TimeAgoPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryRendererComponent, decorators: [{
+EntryRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", 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: "14.2.12", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: { entry: "entry", editMode: "editMode" }, ngImport: i0, template: "<div>\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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i8.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.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: StaticHtmlComponent, selector: "app-static-html", inputs: ["value"] }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EntryRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entry-renderer', template: "<div>\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: [{
@@ -1253,9 +1278,9 @@ class EntrySummaryComponent {
         });
     }
 }
-EntrySummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntrySummaryComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
-EntrySummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: StaticHtmlComponent, selector: "app-static-html", inputs: ["value"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "timeAgo": TimeAgoPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntrySummaryComponent, decorators: [{
+EntrySummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EntrySummaryComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
+EntrySummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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: "14.2.12", 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: [{
@@ -1274,9 +1299,9 @@ class JsonRendererComponent {
         });
     }
 }
-JsonRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: JsonRendererComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-JsonRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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>{{JSON.stringify(entry)}}</pre>\n</div>\n", styles: [".json pre{white-space:pre-wrap;word-wrap:anywhere}.json-render{padding:0 20px}\n"], components: [{ type: EntryRendererComponent, selector: "app-entry-renderer", inputs: ["entry", "editMode"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: JsonRendererComponent, decorators: [{
+JsonRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: JsonRendererComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
+JsonRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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>{{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: "component", type: EntryRendererComponent, selector: "app-entry-renderer", inputs: ["entry", "editMode"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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>{{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: [{
@@ -1303,9 +1328,9 @@ class LandingPageComponent {
         }
     }
 }
-LandingPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LandingPageComponent, deps: [{ token: i1$4.Router }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-LandingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: EntrySummaryComponent, selector: "app-entry-summary", inputs: ["entry"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LandingPageComponent, decorators: [{
+LandingPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LandingPageComponent, deps: [{ token: i1$4.Router }, { token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
+LandingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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: "14.2.12", 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 }]; } });
@@ -1336,9 +1361,9 @@ class OutlineViewComponent {
         this.entryService.currentlyEditedEntry.next(this.entry);
     }
 }
-OutlineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: OutlineViewComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
-OutlineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: OutlineViewComponent, selector: "app-outline-view", ngImport: i0, template: "<div 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"], components: [{ type: i7$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.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"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i4$2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: OutlineViewComponent, decorators: [{
+OutlineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: OutlineViewComponent, deps: [{ token: EntryService }], target: i0.ɵɵFactoryTarget.Component });
+OutlineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: OutlineViewComponent, selector: "app-outline-view", ngImport: i0, template: "<div 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", exportAs: ["matCard"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: OutlineViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-outline-view', template: "<div 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 }]; } });
@@ -1477,9 +1502,9 @@ class SideNavigationComponent {
         }
     }
 }
-SideNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SideNavigationComponent, deps: [{ token: EntryService }, { token: i1$4.Router }, { token: IdentityService }], target: i0.ɵɵFactoryTarget.Component });
-SideNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SideNavigationComponent, selector: "app-side-navigation", ngImport: i0, template: "<div class=\"sidenav no-scrollbar\">\n    <mat-nav-list *ngFor=\"let container of entriesByMonthAndYear\">\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    <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: [".sidenav{max-height:calc(100vh - 100px)}@media screen and (max-height: 560px){.sidenav{max-height:100vh}}h2,h3{margin-left:10px;justify-content:right}\n"], components: [{ type: i4$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i4$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SideNavigationComponent, decorators: [{
+SideNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SideNavigationComponent, deps: [{ token: EntryService }, { token: i1$4.Router }, { token: IdentityService }], target: i0.ɵɵFactoryTarget.Component });
+SideNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SideNavigationComponent, selector: "app-side-navigation", ngImport: i0, template: "<div class=\"sidenav no-scrollbar\">\n    <mat-nav-list *ngFor=\"let container of entriesByMonthAndYear\">\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    <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: [".sidenav{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: "component", type: i5.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SideNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-side-navigation', template: "<div class=\"sidenav no-scrollbar\">\n    <mat-nav-list *ngFor=\"let container of entriesByMonthAndYear\">\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    <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: [".sidenav{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 }]; } });
@@ -1521,9 +1546,9 @@ class MainComponent {
         this.subs.unsubscribe();
     }
 }
-MainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MainComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
-MainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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"], components: [{ type: i2$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MainComponent, decorators: [{
+MainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MainComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
+MainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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", 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.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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: [{
@@ -1588,9 +1613,9 @@ class EntryRendererWrapperComponent {
         }
     }
 }
-EntryRendererWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", 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: "12.0.0", version: "13.3.0", 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"], components: [{ type: EntryRendererComponent, selector: "app-entry-renderer", inputs: ["entry", "editMode"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: EntryRendererWrapperComponent, decorators: [{
+EntryRendererWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", 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: "14.2.12", 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: "14.2.12", 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 }]; } });
@@ -1600,9 +1625,9 @@ class LinkyPipe {
         return Autolinker.link(value, Object.assign({}, options, { newWindow: true, stripPrefix: false }));
     }
 }
-LinkyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-LinkyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkyPipe, name: "linky" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkyPipe, decorators: [{
+LinkyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+LinkyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: LinkyPipe, name: "linky" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkyPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'linky' }]
         }] });
@@ -1642,11 +1667,11 @@ class SchedulePublishDialogComponent {
         this.dialogRef.close('test');
     }
 }
-SchedulePublishDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SchedulePublishDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-SchedulePublishDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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: [""], components: [{ type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i4$1.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"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i5$1.MatLabel, selector: "mat-label" }, { type: i17.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"] }, { type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i5$1.MatSuffix, selector: "[matSuffix]" }, { type: i4$1.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "value", "min", "max", "ngxTimepicker", "disabled", "disableClick"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SchedulePublishDialogComponent, decorators: [{
+SchedulePublishDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", 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: "14.2.12", 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-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i11.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: "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: "14.2.12", 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", styles: [""] }]
+            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,
@@ -1660,8 +1685,8 @@ class CoreModule {
         this.library.addIcons(faSpinner);
     }
 }
-CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CoreModule, deps: [{ token: i1$3.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CoreModule, declarations: [EntryRendererComponent,
+CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CoreModule, deps: [{ token: i1$3.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
+CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: CoreModule, declarations: [EntryRendererComponent,
         EntryCreatorComponent,
         LandingPageComponent,
         SideNavigationComponent,
@@ -1710,7 +1735,7 @@ CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         StaticHtmlComponent,
         MainComponent,
         EntryRendererWrapperComponent] });
-CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CoreModule, providers: [
+CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CoreModule, providers: [
         CommentService,
         EntryService,
         UploadService,
@@ -1718,31 +1743,29 @@ CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13
         IdentityService,
         DjangoRestFrameworkEndpointService,
         TagService,
-    ], imports: [[
-            CommonModule,
-            RouterModule,
-            FormsModule,
-            ReactiveFormsModule,
-            DragDropModule,
-            MatCardModule,
-            MatSidenavModule,
-            MatButtonModule,
-            MatInputModule,
-            MatListModule,
-            MatRadioModule,
-            MatDialogModule,
-            MatCheckboxModule,
-            MatDividerModule,
-            MatAutocompleteModule,
-            MatChipsModule,
-            MatIconModule,
-            MatDatepickerModule,
-            MatNativeDateModule,
-            FontAwesomeModule,
-            FileUploadModule,
-            NgxMaterialTimepickerModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CoreModule, decorators: [{
+    ], imports: [CommonModule,
+        RouterModule,
+        FormsModule,
+        ReactiveFormsModule,
+        DragDropModule,
+        MatCardModule,
+        MatSidenavModule,
+        MatButtonModule,
+        MatInputModule,
+        MatListModule,
+        MatRadioModule,
+        MatDialogModule,
+        MatCheckboxModule,
+        MatDividerModule,
+        MatAutocompleteModule,
+        MatChipsModule,
+        MatIconModule,
+        MatDatepickerModule,
+        MatNativeDateModule,
+        FontAwesomeModule,
+        FileUploadModule,
+        NgxMaterialTimepickerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [