refactor(roundness): fix lint errors + add live-editing sample

Author: adrianptrv

live-editing/configs/ThemingConfigGenerator.ts

@@ -1,3 +1,11 @@
+import {
+    IgxCardComponent,
+    IgxCardContentDirective,
+    IgxCardHeaderComponent,
+    IgxChipComponent,
+    IgxIconComponent,
+    IgxPrefixDirective,
+} from "igniteui-angular";
 import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
 import { BaseAppConfig } from './BaseConfig';;
 export class ThemingConfigGenerator implements IConfigGenerator {
@@ -36,6 +44,12 @@ export class ThemingConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: '/theming/'
         }));
 
+        configs.push(new Config({
+            component: 'RoundnessComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: '/theming/roundness/'
+        }));
+
         configs.push(new Config({
             component: 'AnimationsSampleComponent',
             appConfig: BaseAppConfig,

src/app/theming/roundness/roundness-sample.component.html

@@ -13,7 +13,7 @@
 
     <igx-card>
         <igx-card-header>
-            <pre>--ig-radius-factor: 0;</pre>
+            <pre>--ig-radius-factor: 1;</pre>
         </igx-card-header>
         <igx-card-content>
             <igx-chip class="round-chip">

src/app/theming/roundness/roundness-sample.component.ts

@@ -5,7 +5,7 @@ import {
     IgxCardHeaderComponent,
     IgxChipComponent,
     IgxIconComponent,
-    IgxPrefixDirective,
+    IgxPrefixDirective
 } from "igniteui-angular";
 
 @Component({
@@ -18,7 +18,7 @@ import {
         IgxCardContentDirective,
         IgxChipComponent,
         IgxIconComponent,
-        IgxPrefixDirective,
-    ],
+        IgxPrefixDirective
+    ]
 })
 export class RoundnessComponent {}