Merge pull request #655 from avelow/master

add types/katex, import options from katex and optimize import

package.json

@@ -63,6 +63,7 @@
     "@angular/platform-browser": "8.2.14",
     "@angular/platform-browser-dynamic": "8.2.14",
     "@angular/router": "8.2.14",
+    "@types/katex": "^0.11.0",
     "clean-css": "4.2.2",
     "ng-packagr": "9.1.5",
     "node-sass": "4.14.1",

projects/demo/src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { KatexOptions } from 'ng-katex';
+import { KatexOptions } from 'katex';
 
 @Component({
   selector: 'app-root',

projects/ng-katex/src/lib/ng-katex.component.ts

@@ -3,9 +3,8 @@ import {
   EventEmitter,
   Input,
   Output,
-  ViewEncapsulation,
 } from '@angular/core';
-import * as ko from './ng-katex.options';
+import { KatexOptions } from 'katex';
 
 @Component({
   selector: 'ng-katex',
@@ -19,7 +18,7 @@ import * as ko from './ng-katex.options';
 export class KatexComponent {
 
   @Input() equation: string;
-  @Input() options?: ko.KatexOptions;
+  @Input() options?: KatexOptions;
   @Output() onError = new EventEmitter<any>();
 
   hasError(error) {

projects/ng-katex/src/lib/ng-katex.directive.ts

@@ -6,15 +6,15 @@ import {
   Output,
 } from '@angular/core';
 import { KatexService } from './ng-katex.service';
-import * as ko from './ng-katex.options';
+import { KatexOptions } from 'katex';
 
 @Directive({
   selector: '[katex]',
 })
 export class KatexDirective {
 
   @Input('katex') equation: string;
-  @Input('katex-options') options: ko.KatexOptions;
+  @Input('katex-options') options: KatexOptions;
 
   @Output() onError = new EventEmitter<any>();
 

projects/ng-katex/src/lib/ng-katex.service.ts

@@ -1,16 +1,14 @@
 import { ElementRef, Injectable } from '@angular/core';
-import * as ko from './ng-katex.options';
-
-import * as katex from 'katex';
+import { render, renderToString, KatexOptions } from 'katex';
 
 @Injectable()
 export class KatexService {
 
-  render(equation: string, element: ElementRef, options?: ko.KatexOptions) {
-    return katex.render(equation, element.nativeElement, options);
+  render(equation: string, element: ElementRef, options?: KatexOptions) {
+    return render(equation, element.nativeElement, options);
   }
 
-  renderToString(equation: string, options?: ko.KatexOptions): string {
-    return katex.renderToString(equation, options);
+  renderToString(equation: string, options?: KatexOptions): string {
+    return renderToString(equation, options);
   }
 }

projects/ng-katex/src/lib/ng-katex.ts

@@ -1,4 +1,3 @@
-export * from './ng-katex.options';
 export * from './ng-katex.component';
 export * from './ng-katex-paragraph.component';
 export * from './ng-katex.module';

projects/ng-katex/src/public-api.ts

@@ -1,7 +1,6 @@
 /*
  * Public API Surface of ng-katex
  */
-export * from './lib/ng-katex.options';
 export * from './lib/ng-katex.component';
 export * from './lib/ng-katex-paragraph.component';
 export * from './lib/ng-katex.module';