1 | "use strict";
|
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
|
7 | };
|
8 | var __metadata = (this && this.__metadata) || function (k, v) {
|
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
10 | };
|
11 | var core_1 = require('@angular/core');
|
12 | var hljs = require('highlight.js');
|
13 | var ApiExampleCodeHighlightDirective = (function () {
|
14 | function ApiExampleCodeHighlightDirective(element, renderer) {
|
15 | this.element = element;
|
16 | this.renderer = renderer;
|
17 | }
|
18 | ApiExampleCodeHighlightDirective.prototype.ngOnInit = function () {
|
19 | var _this = this;
|
20 | if ((this.element.nativeElement.className || '').indexOf('lang-') > -1) {
|
21 | var lang_1 = this.element.nativeElement.className.replace('lang-', '');
|
22 | if (lang_1 === 'js') {
|
23 | lang_1 = 'javascript';
|
24 | }
|
25 | else if (lang_1 === 'ts') {
|
26 | lang_1 = 'typescript';
|
27 | }
|
28 |
|
29 | lang_1 = 'typescript';
|
30 | this.element.nativeElement.children.forEach(function (line) {
|
31 | if (line.type === 'text') {
|
32 | var highlighted = hljs.highlight(lang_1, line.data, true).value;
|
33 | var a = _this.renderer.createElement(null, 'span');
|
34 | _this.renderer.setElementProperty(a, 'innerHTML', highlighted);
|
35 | _this.renderer.attachViewAfter(line, [a]);
|
36 | _this.renderer.setText(line, '');
|
37 | }
|
38 | });
|
39 | }
|
40 | };
|
41 | ApiExampleCodeHighlightDirective = __decorate([
|
42 | core_1.Directive({
|
43 | selector: 'code'
|
44 | }),
|
45 | core_1.Injectable(),
|
46 | __metadata('design:paramtypes', [core_1.ElementRef, core_1.Renderer])
|
47 | ], ApiExampleCodeHighlightDirective);
|
48 | return ApiExampleCodeHighlightDirective;
|
49 | }());
|
50 | exports.ApiExampleCodeHighlightDirective = ApiExampleCodeHighlightDirective;
|
51 |
|
\ | No newline at end of file |