@skyux/text-editor 5.0.2 → 5.5.0-beta.0

package/documentation.json

@@ -29,10 +29,12 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyRichTextDisplayComponent\n  ],\n  declarations: [\n    SkyRichTextDisplayComponent\n  ]\n}"
+              "obj": "{\n  imports: [CommonModule],\n  exports: [SkyRichTextDisplayComponent],\n  declarations: [SkyRichTextDisplayComponent],\n}"
             }
           }
         ],
@@ -71,7 +73,7 @@
         "sources": [
           {
             "fileName": "projects/text-editor/src/modules/rich-text-display/rich-text-display.module.ts",
-            "line": 24,
+            "line": 12,
             "character": 13
           }
         ]
@@ -87,10 +89,12 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyCoreAdapterModule,\n    SkyTextEditorResourcesModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyColorpickerModule,\n    SkyCheckboxModule,\n    SkyDropdownModule,\n    SkyModalModule,\n    SkyTabsModule,\n    SkyThemeModule,\n    SkyToolbarModule\n  ],\n  exports: [\n    SkyTextEditorComponent,\n    SkyTextEditorUrlModalComponent,\n    SkyTextEditorToolbarComponent,\n    SkyTextEditorMenubarComponent\n  ],\n  declarations: [\n    SkyTextEditorComponent,\n    SkyTextEditorUrlModalComponent,\n    SkyTextEditorToolbarComponent,\n    SkyTextEditorMenubarComponent\n  ],\n  entryComponents: [\n    SkyTextEditorUrlModalComponent\n  ]\n}"
+              "obj": "{\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyCoreAdapterModule,\n    SkyTextEditorResourcesModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyColorpickerModule,\n    SkyCheckboxModule,\n    SkyDropdownModule,\n    SkyModalModule,\n    SkyTabsModule,\n    SkyThemeModule,\n    SkyToolbarModule,\n  ],\n  exports: [\n    SkyTextEditorComponent,\n    SkyTextEditorUrlModalComponent,\n    SkyTextEditorToolbarComponent,\n    SkyTextEditorMenubarComponent,\n  ],\n  declarations: [\n    SkyTextEditorComponent,\n    SkyTextEditorUrlModalComponent,\n    SkyTextEditorToolbarComponent,\n    SkyTextEditorMenubarComponent,\n  ],\n  entryComponents: [SkyTextEditorUrlModalComponent],\n}"
             }
           }
         ],
@@ -129,7 +133,7 @@
         "sources": [
           {
             "fileName": "projects/text-editor/src/modules/text-editor/text-editor.module.ts",
-            "line": 111,
+            "line": 70,
             "character": 13
           }
         ]
@@ -145,10 +149,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-rich-text-display',\n  templateUrl: './rich-text-display.component.html'\n}"
+              "obj": "{\n  selector: 'sky-rich-text-display',\n  templateUrl: './rich-text-display.component.html',\n}"
             }
           }
         ],
@@ -162,7 +168,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/rich-text-display/rich-text-display.component.ts",
-                "line": 41,
+                "line": 32,
                 "character": 2
               }
             ],
@@ -182,6 +188,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "DomSanitizer",
+                      "package": "@angular/platform-browser",
                       "name": "DomSanitizer"
                     }
                   },
@@ -216,12 +224,14 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/rich-text-display/rich-text-display.component.ts",
-                "line": 37,
+                "line": 28,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "SafeHtml",
+              "package": "@angular/platform-browser",
               "name": "SafeHtml"
             },
             "defaultValue": "''"
@@ -239,6 +249,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -247,7 +259,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/rich-text-display/rich-text-display.component.ts",
-                "line": 25,
+                "line": 16,
                 "character": 13
               }
             ],
@@ -308,7 +320,7 @@
         "sources": [
           {
             "fileName": "projects/text-editor/src/modules/rich-text-display/rich-text-display.component.ts",
-            "line": 19,
+            "line": 11,
             "character": 13
           }
         ]
@@ -327,10 +339,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-text-editor',\n  templateUrl: './text-editor.component.html',\n  styleUrls: ['./text-editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-text-editor',\n  templateUrl: './text-editor.component.html',\n  styleUrls: ['./text-editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -344,7 +358,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 276,
+                "line": 256,
                 "character": 2
               }
             ],
@@ -364,6 +378,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -419,6 +435,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "NgControl",
+                      "package": "@angular/forms",
                       "name": "NgControl"
                     }
                   },
@@ -430,6 +448,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "NgZone",
+                      "package": "@angular/core",
                       "name": "NgZone"
                     }
                   }
@@ -458,6 +478,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -466,7 +488,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 107,
+                "line": 70,
                 "character": 9
               }
             ],
@@ -487,7 +509,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 142,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -499,6 +521,8 @@
                   "name": "unknown"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -525,6 +549,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -533,7 +559,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 149,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -545,7 +571,7 @@
                 "name": "SkyTextEditorFont"
               }
             },
-            "defaultValue": "..."
+            "defaultValue": "FONT_LIST_DEFAULTS"
           },
           {
             "id": 164,
@@ -569,6 +595,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -577,7 +605,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 156,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -588,7 +616,7 @@
                 "name": "number"
               }
             },
-            "defaultValue": "..."
+            "defaultValue": "FONT_SIZE_LIST_DEFAULTS"
           },
           {
             "id": 165,
@@ -606,6 +634,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -614,7 +644,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 163,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -646,6 +676,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -654,7 +686,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 189,
+                "line": 163,
                 "character": 9
               }
             ],
@@ -666,7 +698,7 @@
                 "name": "SkyTextEditorMenuType"
               }
             },
-            "defaultValue": "..."
+            "defaultValue": "MENU_DEFAULTS"
           },
           {
             "id": 171,
@@ -684,6 +716,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -692,7 +726,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 195,
+                "line": 169,
                 "character": 9
               }
             ],
@@ -728,6 +762,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -736,7 +772,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 220,
+                "line": 194,
                 "character": 9
               }
             ],
@@ -748,7 +784,7 @@
                 "name": "SkyTextEditorToolbarActionType"
               }
             },
-            "defaultValue": "..."
+            "defaultValue": "TOOLBAR_ACTION_DEFAULTS"
           },
           {
             "id": 158,
@@ -763,6 +799,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -771,7 +809,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 114,
+                "line": 77,
                 "character": 13
               }
             ],
@@ -783,7 +821,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the text editor."
+                  "shortText": "Indicates whether to disable the text editor.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -840,6 +884,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -848,7 +894,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 169,
+                "line": 143,
                 "character": 13
               }
             ],
@@ -913,6 +959,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -921,7 +969,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 201,
+                "line": 175,
                 "character": 13
               }
             ],
@@ -982,7 +1030,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 225,
+                "line": 199,
                 "character": 13
               }
             ],
@@ -1043,7 +1091,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 288,
+                "line": 268,
                 "character": 9
               }
             ],
@@ -1080,7 +1128,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 292,
+                "line": 272,
                 "character": 9
               }
             ],
@@ -1117,7 +1165,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 299,
+                "line": 279,
                 "character": 9
               }
             ],
@@ -1146,7 +1194,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 324,
+                "line": 304,
                 "character": 9
               }
             ],
@@ -1223,7 +1271,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 331,
+                "line": 311,
                 "character": 9
               }
             ],
@@ -1287,7 +1335,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 338,
+                "line": 318,
                 "character": 9
               }
             ],
@@ -1332,7 +1380,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-                "line": 311,
+                "line": 291,
                 "character": 9
               }
             ],
@@ -1416,17 +1464,21 @@
         "sources": [
           {
             "fileName": "projects/text-editor/src/modules/text-editor/text-editor.component.ts",
-            "line": 101,
+            "line": 65,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -1450,7 +1502,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/font-state.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -1471,7 +1523,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/font-state.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -1518,7 +1570,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/text-editor-merge-field.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -1539,7 +1591,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/text-editor-merge-field.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -1562,7 +1614,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/text-editor-merge-field.ts",
-                "line": 17,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -1610,7 +1662,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -1631,7 +1683,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 27,
+                "line": 26,
                 "character": 2
               }
             ],
@@ -1652,7 +1704,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 22,
+                "line": 21,
                 "character": 2
               }
             ],
@@ -1673,7 +1725,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -1694,7 +1746,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -1715,7 +1767,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 32,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -1736,7 +1788,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 42,
+                "line": 41,
                 "character": 2
               }
             ],
@@ -1757,7 +1809,7 @@
             "sources": [
               {
                 "fileName": "projects/text-editor/src/modules/text-editor/types/style-state.ts",
-                "line": 37,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -1909,7 +1961,7 @@
     ],
     "sources": [
       {
-        "fileName": "projects/text-editor/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
@@ -1919,32 +1971,32 @@
     {
       "fileName": "rich-text-display-demo.component.html",
       "filePath": "/projects/text-editor/documentation/code-examples/rich-text-display/rich-text-display-demo.component.html",
-      "rawContents": "<sky-rich-text-display\n  [richText]=\"richText\"\n></sky-rich-text-display>\n"
+      "rawContents": "<sky-rich-text-display [richText]=\"richText\"></sky-rich-text-display>\n"
     },
     {
       "fileName": "rich-text-display-demo.component.ts",
       "filePath": "/projects/text-editor/documentation/code-examples/rich-text-display/rich-text-display-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-rich-text-display-demo',\n  templateUrl: './rich-text-display-demo.component.html'\n})\nexport class RichTextDisplayDemoComponent {\n\n  public richText: string = `<font style=\"font-size: 18px\" face=\"Arial\" color=\"#a25353\"><b>Exclusively committed to your impact</b></font><p>Since day one, Blackbaud has been 100% focused on driving impact for social good organizations.</p><p>We equip change agents with <b>cloud software</b>, <i>services</i>, <u>expertise</u>, and <font color=\"#a25353\">data intelligence</font> designed with unmatched insight and supported with unparalleled commitment. Every day, our <b>customers</b> achieve unmatched impact as they advance their missions.</p><ul><li><a href=\"#\">Build a better world</a></li><li><a href=\"#\">Explore our solutions</a></li></ul>`;\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-rich-text-display-demo',\n  templateUrl: './rich-text-display-demo.component.html',\n})\nexport class RichTextDisplayDemoComponent {\n  public richText = `<font style=\"font-size: 18px\" face=\"Arial\" color=\"#a25353\"><b>Exclusively committed to your impact</b></font><p>Since day one, Blackbaud has been 100% focused on driving impact for social good organizations.</p><p>We equip change agents with <b>cloud software</b>, <i>services</i>, <u>expertise</u>, and <font color=\"#a25353\">data intelligence</font> designed with unmatched insight and supported with unparalleled commitment. Every day, our <b>customers</b> achieve unmatched impact as they advance their missions.</p><ul><li><a href=\"#\">Build a better world</a></li><li><a href=\"#\">Explore our solutions</a></li></ul>`;\n}\n"
     },
     {
       "fileName": "rich-text-display-demo.module.ts",
       "filePath": "/projects/text-editor/documentation/code-examples/rich-text-display/rich-text-display-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyRichTextDisplayModule\n} from '@skyux/text-editor';\n\nimport {\n  RichTextDisplayDemoComponent\n} from './rich-text-display-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyRichTextDisplayModule\n  ],\n  declarations: [\n    RichTextDisplayDemoComponent\n  ],\n  exports: [\n    RichTextDisplayDemoComponent\n  ]\n})\nexport class RichTextDisplayDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyRichTextDisplayModule } from '@skyux/text-editor';\n\nimport { RichTextDisplayDemoComponent } from './rich-text-display-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyRichTextDisplayModule],\n  declarations: [RichTextDisplayDemoComponent],\n  exports: [RichTextDisplayDemoComponent],\n})\nexport class RichTextDisplayDemoModule {}\n"
     },
     {
       "fileName": "text-editor-demo.component.html",
       "filePath": "/projects/text-editor/documentation/code-examples/text-editor/text-editor-demo.component.html",
-      "rawContents": "<form\n  novalidate\n  [formGroup]=\"myForm\"\n>\n  <h3\n    skyId\n    #textEditorLabel=\"skyId\"\n  >\n    Text editor demo\n  </h3>\n  <sky-text-editor\n    formControlName=\"myText\"\n    [attr.aria-labelledby]=\"textEditorLabel.id\"\n  >\n  </sky-text-editor>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <h3 skyId #textEditorLabel=\"skyId\">Text editor demo</h3>\n  <sky-text-editor\n    formControlName=\"myText\"\n    [attr.aria-labelledby]=\"textEditorLabel.id\"\n  >\n  </sky-text-editor>\n</form>\n"
     },
     {
       "fileName": "text-editor-demo.component.ts",
       "filePath": "/projects/text-editor/documentation/code-examples/text-editor/text-editor-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-text-editor-demo',\n  templateUrl: './text-editor-demo.component.html'\n})\nexport class TextEditorDemoComponent implements OnInit {\n\n  public myForm: FormGroup;\n\n  private richText: string = `<font style=\"font-size: 18px\" face=\"Arial\" color=\"#a25353\"><b>Exclusively committed to your impact</b></font><p>Since day one, Blackbaud has been 100% focused on driving impact for social good organizations.</p><p>We equip change agents with <b>cloud software</b>, <i>services</i>, <u>expertise</u>, and <font color=\"#a25353\">data intelligence</font> designed with unmatched insight and supported with unparalleled commitment. Every day, our <b>customers</b> achieve unmatched impact as they advance their missions.</p><ul><li><a href=\"#\">Build a better world</a></li><li><a href=\"#\">Explore our solutions</a></li></ul>`;\n\n  constructor(\n    private formBuilder: FormBuilder\n  ) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myText: new FormControl(this.richText)\n    });\n  }\n\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-text-editor-demo',\n  templateUrl: './text-editor-demo.component.html',\n})\nexport class TextEditorDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  private richText = `<font style=\"font-size: 18px\" face=\"Arial\" color=\"#a25353\"><b>Exclusively committed to your impact</b></font><p>Since day one, Blackbaud has been 100% focused on driving impact for social good organizations.</p><p>We equip change agents with <b>cloud software</b>, <i>services</i>, <u>expertise</u>, and <font color=\"#a25353\">data intelligence</font> designed with unmatched insight and supported with unparalleled commitment. Every day, our <b>customers</b> achieve unmatched impact as they advance their missions.</p><ul><li><a href=\"#\">Build a better world</a></li><li><a href=\"#\">Explore our solutions</a></li></ul>`;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myText: new FormControl(this.richText),\n    });\n  }\n}\n"
     },
     {
       "fileName": "text-editor-demo.module.ts",
       "filePath": "/projects/text-editor/documentation/code-examples/text-editor/text-editor-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyTextEditorModule\n} from '@skyux/text-editor';\n\nimport {\n  TextEditorDemoComponent\n} from './text-editor-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyTextEditorModule\n  ],\n  declarations: [\n    TextEditorDemoComponent\n  ],\n  exports: [\n    TextEditorDemoComponent\n  ]\n})\nexport class TextEditorDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyTextEditorModule } from '@skyux/text-editor';\n\nimport { TextEditorDemoComponent } from './text-editor-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyTextEditorModule,\n  ],\n  declarations: [TextEditorDemoComponent],\n  exports: [TextEditorDemoComponent],\n})\nexport class TextEditorDemoModule {}\n"
     }
   ]
-}
+}