@covalent/highlight 3.1.0 → 3.1.2-beta.6

package/README.md

@@ -16,6 +16,9 @@ By default, `--dev` build will log the following message in the console to let y
 
 + lang: string
   + Language of the code content to be parsed as highlighted html.
+   > **DEPRECATION WARNING: lang attribute is deprecated and it will be removed in v4.0.0**
++ codeLang: string
+  + Language of the code content to be parsed as highlighted html.
 + content: string
   + Code content to be parsed as highlighted html. Used to load data dynamically. e.g. `.ts` content.
 + copyCodeToClipboard?: boolean
@@ -98,14 +101,14 @@ Example for **HTML** usage:
 ```typescript
 @Component({
   template: `
-    <td-highlight lang="html">
+    <td-highlight codeLang="html">
       {{ code }}
     </td-highlight>
   `,
 })
 class ExampleComponent {
   code: string = `
-    <td-highlight lang="html">
+    <td-highlight codeLang="html">
       <h1>hello world!</h1>
       <span>{ {property} }</span>
     </td-highlight>
@@ -116,7 +119,7 @@ Example for **CSS** usage:
 ```typescript
 @Component({
   template: `
-    <td-highlight lang="css">
+    <td-highlight codeLang="css">
       {{ code }}
     </td-highlight>
   `,
@@ -145,7 +148,7 @@ Example for **Typescript**:
 ```typescript
 @Component({
   template: `
-    <td-highlight lang="typescript">
+    <td-highlight codeLang="typescript">
       {{ code }}
     </td-highlight>
   `,

package/bundles/covalent-highlight.umd.js

@@ -1,15 +1,24 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('highlight.js/lib'), require('@angular/core'), require('@angular/platform-browser'), require('@angular/material/tooltip'), require('@angular/common'), require('@angular/cdk/clipboard'), require('@angular/material/icon'), require('@angular/material/button')) :
-    typeof define === 'function' && define.amd ? define('@covalent/highlight', ['exports', 'highlight.js/lib', '@angular/core', '@angular/platform-browser', '@angular/material/tooltip', '@angular/common', '@angular/cdk/clipboard', '@angular/material/icon', '@angular/material/button'], factory) :
-    (global = global || self, factory((global.covalent = global.covalent || {}, global.covalent.highlight = {}), global.lib, global.ng.core, global.ng.platformBrowser, global.ng.material.tooltip, global.ng.common, global.ng.cdk.clipboard, global.ng.material.icon, global.ng.material.button));
-}(this, (function (exports, lib, core, platformBrowser, tooltip, common, clipboard, icon, button) { 'use strict';
-
-    lib = lib && Object.prototype.hasOwnProperty.call(lib, 'default') ? lib['default'] : lib;
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/platform-browser'), require('@angular/common'), require('@angular/cdk/clipboard'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/material/button')) :
+    typeof define === 'function' && define.amd ? define('@covalent/highlight', ['exports', '@angular/core', '@angular/platform-browser', '@angular/common', '@angular/cdk/clipboard', '@angular/material/icon', '@angular/material/tooltip', '@angular/material/button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.highlight = {}), global.ng.core, global.ng.platformBrowser, global.ng.common, global.ng.cdk.clipboard, global.ng.material.icon, global.ng.material.tooltip, global.ng.material.button));
+}(this, (function (exports, core, platformBrowser, common, clipboard, icon, tooltip, button) { 'use strict';
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: highlight.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
     /* tslint:disable-next-line */
     /** @type {?} */
-
+    var hljs = require('highlight.js/lib');
     var TdHighlightComponent = /** @class */ (function () {
+        /**
+         * @param {?} _renderer
+         * @param {?} _elementRef
+         * @param {?} _domSanitizer
+         * @param {?} cdr
+         */
         function TdHighlightComponent(_renderer, _elementRef, _domSanitizer, cdr) {
             this._renderer = _renderer;
             this._elementRef = _elementRef;
@@ -37,14 +46,6 @@
         }
         Object.defineProperty(TdHighlightComponent.prototype, "content", {
             /**
-             * content?: string
-             *
-             * Code content to be parsed as highlighted html.
-             * Used to load data dynamically.
-             *
-             * e.g. `.html`, `.ts` , etc.
-             */
-            set: /**
              * content?: string
              *
              * Code content to be parsed as highlighted html.
@@ -54,16 +55,16 @@
              * @param {?} content
              * @return {?}
              */
-            function (content) {
+            set: function (content) {
                 this._content = content;
                 if (this._initialized) {
                     this._loadContent(this._content);
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TdHighlightComponent.prototype, "lang", {
+        Object.defineProperty(TdHighlightComponent.prototype, "codeLang", {
             /**
              * lang?: string
              *
@@ -71,47 +72,41 @@
              * Defaults to `typescript`
              *
              * e.g. `typescript`, `html` , etc.
+             * @param {?} lang
+             * @return {?}
              */
-            set: /**
-             * lang?: string
-             *
-             * Language of the code content to be parsed as highlighted html.
-             * Defaults to `typescript`
-             *
-             * e.g. `typescript`, `html` , etc.
+            set: function (lang) {
+                this.setLanguage(lang);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TdHighlightComponent.prototype, "lang", {
+            /**
+             * @deprecated - removed completely \@4.0.0
              * @param {?} lang
              * @return {?}
              */
-            function (lang) {
-                if (!lang) {
-                    throw new Error('Error: language attribute must be defined in TdHighlightComponent.');
-                }
-                this._lang = lang;
-                if (this._initialized) {
-                    this._loadContent(this._content);
-                }
+            set: function (lang) {
+                // tslint:disable-next-line: no-console
+                console.warn('DEPRECATION WARNING: switch to codeLang attribute as lang attribute is deprecated.');
+                this.setLanguage(lang);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
          * @return {?}
          */
-        TdHighlightComponent.prototype.ngAfterViewChecked = /**
-         * @return {?}
-         */
-        function () {
+        TdHighlightComponent.prototype.ngAfterViewChecked = function () {
             this.cdr.detectChanges();
         };
         /**
          * @return {?}
          */
-        TdHighlightComponent.prototype.ngAfterViewInit = /**
-         * @return {?}
-         */
-        function () {
+        TdHighlightComponent.prototype.ngAfterViewInit = function () {
             if (!this._content) {
-                this._loadContent(((/** @type {?} */ (this.highlightComp.nativeElement))).textContent);
+                this._loadContent((( /** @type {?} */(this.highlightComp.nativeElement))).textContent);
             }
             else {
                 this._loadContent(this._content);
@@ -119,21 +114,25 @@
             this._initialized = true;
         };
         /**
-         * General method to parse a string of code into HTML Elements and load them into the container
-         */
-        /**
-         * General method to parse a string of code into HTML Elements and load them into the container
-         * @private
-         * @param {?} code
+         * @param {?} lang
          * @return {?}
          */
-        TdHighlightComponent.prototype._loadContent = /**
+        TdHighlightComponent.prototype.setLanguage = function (lang) {
+            if (!lang) {
+                throw new Error('Error: language attribute must be defined in TdHighlightComponent.');
+            }
+            this._lang = lang;
+            if (this._initialized) {
+                this._loadContent(this._content);
+            }
+        };
+        /**
          * General method to parse a string of code into HTML Elements and load them into the container
          * @private
          * @param {?} code
          * @return {?}
          */
-        function (code) {
+        TdHighlightComponent.prototype._loadContent = function (code) {
             if (code && code.trim().length > 0) {
                 // Clean container
                 this._renderer.setProperty(this._elementRef.nativeElement, 'innerHTML', '');
@@ -150,12 +149,7 @@
          * @param {?} codeStr
          * @return {?}
          */
-        TdHighlightComponent.prototype._elementFromString = /**
-         * @private
-         * @param {?} codeStr
-         * @return {?}
-         */
-        function (codeStr) {
+        TdHighlightComponent.prototype._elementFromString = function (codeStr) {
             // Renderer2 doesnt have a parsing method, so we have to sanitize and use [innerHTML]
             // to parse the string into DOM element for now.
             /** @type {?} */
@@ -174,12 +168,7 @@
          * @param {?} contents
          * @return {?}
          */
-        TdHighlightComponent.prototype._render = /**
-         * @private
-         * @param {?} contents
-         * @return {?}
-         */
-        function (contents) {
+        TdHighlightComponent.prototype._render = function (contents) {
             // Trim leading and trailing newlines
             contents = contents.replace(/^(\s|\t)*\n+/g, '').replace(/(\s|\t)*\n+(\s|\t)*$/g, '');
             // Split markup by line characters
@@ -191,11 +180,10 @@
             // Remove all indentation spaces so code can be parsed correctly
             /** @type {?} */
             var startingWhitespaceRegex = new RegExp('^' + firstLineWhitespace);
-            lines = lines.map((/**
+            lines = lines.map(( /**
              * @param {?} line
              * @return {?}
-             */
-            function (line) {
+             */function (line) {
                 return line
                     .replace('=""', '') // remove empty values
                     .replace(startingWhitespaceRegex, '')
@@ -211,39 +199,40 @@
             this.copyContent = codeToParse;
             // Parse code with highlight.js depending on language
             /** @type {?} */
-            var highlightedCode = lib.highlight(this._lang, codeToParse, true);
+            var highlightedCode = hljs.highlight(this._lang, codeToParse, true);
             highlightedCode.value = highlightedCode.value
                 .replace(/=<span class="hljs-value">""<\/span>/gi, '')
                 .replace('<head>', '')
                 .replace('<head/>', '');
             return highlightedCode.value;
         };
-        TdHighlightComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'td-highlight',
-                        template: "<div>\n  <div #highlightComponent>\n    <ng-content></ng-content>\n  </div>\n\n  <div #copyComponent *ngIf=\"copyCodeToClipboard\">\n    <td-copy-code-button\n      [copiedContent]=\"copyContent\"\n      [copyCodeToClipboard]=\"copyCodeToClipboard\"\n      [copyCodeTooltips]=\"copyCodeTooltips\"\n    ></td-copy-code-button>\n  </div>\n</div>\n",
-                        styles: [":host ::ng-deep{overflow-x:auto;padding:16px;display:-ms-flexbox;display:flex}:host ::ng-deep .highlight,:host ::ng-deep code,:host ::ng-deep pre{font-family:Menlo,Monaco,\"Andale Mono\",\"lucida console\",\"Courier New\",monospace}:host ::ng-deep pre{display:block;overflow-x:auto;padding:0;margin:0;background:0 0;font-family:Menlo,Monaco,\"Andale Mono\",\"lucida console\",\"Courier New\",monospace;line-height:1.45;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-smoothing:auto;-webkit-text-size-adjust:none;position:relative;border-radius:2px;font-size:.8rem;width:100%}:host ::ng-deep code{margin:0;padding:0;overflow-wrap:break-word;white-space:pre-wrap}:host ::ng-deep .highlight{display:block;overflow-wrap:break-word;line-height:1.5;margin:0}:host ::ng-deep .copy-button{border:none;background:inherit;margin-top:-8px;margin-right:-8px}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdHighlightComponent.ctorParameters = function () { return [
-            { type: core.Renderer2 },
-            { type: core.ElementRef },
-            { type: platformBrowser.DomSanitizer },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        TdHighlightComponent.propDecorators = {
-            content: [{ type: core.Input, args: ['content',] }],
-            copyCodeToClipboard: [{ type: core.Input }],
-            copyCodeTooltips: [{ type: core.Input }],
-            lang: [{ type: core.Input, args: ['lang',] }],
-            contentReady: [{ type: core.Output }],
-            highlightComp: [{ type: core.ViewChild, args: ['highlightComponent',] }],
-            copyComp: [{ type: core.ViewChild, args: ['copyComponent',] }],
-            tooltip: [{ type: core.ViewChild, args: ['tooltip',] }]
-        };
         return TdHighlightComponent;
     }());
+    TdHighlightComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'td-highlight',
+                    template: "<div>\n  <div #highlightComponent>\n    <ng-content></ng-content>\n  </div>\n\n  <div #copyComponent *ngIf=\"copyCodeToClipboard\">\n    <td-copy-code-button\n      [copiedContent]=\"copyContent\"\n      [copyCodeToClipboard]=\"copyCodeToClipboard\"\n      [copyCodeTooltips]=\"copyCodeTooltips\"\n    ></td-copy-code-button>\n  </div>\n</div>\n",
+                    styles: [":host ::ng-deep{display:-ms-flexbox;display:flex;overflow-x:auto;padding:16px}:host ::ng-deep .highlight,:host ::ng-deep code,:host ::ng-deep pre{font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace}:host ::ng-deep pre{-moz-tab-size:2;-o-tab-size:2;-webkit-font-smoothing:auto;-webkit-text-size-adjust:none;background:rgba(0,0,0,0);border-radius:2px;display:block;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;font-size:.8rem;line-height:1.45;margin:0;overflow-x:auto;padding:0;position:relative;tab-size:2;width:100%}:host ::ng-deep code{margin:0;overflow-wrap:break-word;padding:0;white-space:pre-wrap}:host ::ng-deep .highlight{display:block;line-height:1.5;margin:0;overflow-wrap:break-word}:host ::ng-deep .copy-button{background:inherit;border:none;margin-right:-8px;margin-top:-8px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdHighlightComponent.ctorParameters = function () { return [
+        { type: core.Renderer2 },
+        { type: core.ElementRef },
+        { type: platformBrowser.DomSanitizer },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    TdHighlightComponent.propDecorators = {
+        content: [{ type: core.Input, args: ['content',] }],
+        copyCodeToClipboard: [{ type: core.Input }],
+        copyCodeTooltips: [{ type: core.Input }],
+        codeLang: [{ type: core.Input, args: ['codeLang',] }],
+        lang: [{ type: core.Input }],
+        contentReady: [{ type: core.Output }],
+        highlightComp: [{ type: core.ViewChild, args: ['highlightComponent',] }],
+        copyComp: [{ type: core.ViewChild, args: ['copyComponent',] }],
+        tooltip: [{ type: core.ViewChild, args: ['tooltip',] }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -312,7 +301,8 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: copy-code-button/copy-code-button.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @record
@@ -335,34 +325,30 @@
             this.copyCodeTooltips = {};
         }
         Object.defineProperty(TdCopyCodeButtonComponent.prototype, "copyTooltip", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return (this.copyCodeTooltips && this.copyCodeTooltips.copy) || 'Copy';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdCopyCodeButtonComponent.prototype, "copiedTooltip", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return (this.copyCodeTooltips && this.copyCodeTooltips.copied) || 'Copied';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
          * @param {?} event
          * @return {?}
          */
-        TdCopyCodeButtonComponent.prototype.textCopied = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
+        TdCopyCodeButtonComponent.prototype.textCopied = function (event) {
             if (event) {
                 this.tooltip.hide();
                 this.tooltip.message = this.copiedTooltip;
@@ -372,34 +358,30 @@
         /**
          * @return {?}
          */
-        TdCopyCodeButtonComponent.prototype.initializeTooltip = /**
-         * @return {?}
-         */
-        function () {
+        TdCopyCodeButtonComponent.prototype.initializeTooltip = function () {
             var _this = this;
-            setTimeout((/**
+            setTimeout(( /**
              * @return {?}
-             */
-            function () {
+             */function () {
                 _this.tooltip.message = _this.copyTooltip;
             }), 200);
         };
-        TdCopyCodeButtonComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'td-copy-code-button',
-                        template: "<button\n  mat-icon-button\n  [cdkCopyToClipboard]=\"copiedContent\"\n  class=\"copy-button\"\n  [matTooltip]=\"copyTooltip\"\n  #tooltip=\"matTooltip\"\n  (cdkCopyToClipboardCopied)=\"textCopied($event)\"\n>\n  <mat-icon role=\"img\">content_copy</mat-icon>\n</button>\n",
-                        styles: [""]
-                    }] }
-        ];
-        TdCopyCodeButtonComponent.propDecorators = {
-            copiedContent: [{ type: core.Input }],
-            copyCodeToClipboard: [{ type: core.Input }],
-            copyCodeTooltips: [{ type: core.Input }],
-            tooltip: [{ type: core.ViewChild, args: ['tooltip',] }],
-            initializeTooltip: [{ type: core.HostListener, args: ['mouseleave',] }]
-        };
         return TdCopyCodeButtonComponent;
     }());
+    TdCopyCodeButtonComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'td-copy-code-button',
+                    template: "<button\n  mat-icon-button\n  [cdkCopyToClipboard]=\"copiedContent\"\n  class=\"copy-button\"\n  [matTooltip]=\"copyTooltip\"\n  #tooltip=\"matTooltip\"\n  (cdkCopyToClipboardCopied)=\"textCopied($event)\"\n>\n  <mat-icon role=\"img\">content_copy</mat-icon>\n</button>\n",
+                    styles: [""]
+                }] }
+    ];
+    TdCopyCodeButtonComponent.propDecorators = {
+        copiedContent: [{ type: core.Input }],
+        copyCodeToClipboard: [{ type: core.Input }],
+        copyCodeTooltips: [{ type: core.Input }],
+        tooltip: [{ type: core.ViewChild, args: ['tooltip',] }],
+        initializeTooltip: [{ type: core.HostListener, args: ['mouseleave',] }]
+    };
     if (false) {
         /** @type {?} */
         TdCopyCodeButtonComponent.prototype.copiedContent;
@@ -418,20 +400,39 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: highlight.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var CovalentHighlightModule = /** @class */ (function () {
         function CovalentHighlightModule() {
         }
-        CovalentHighlightModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [common.CommonModule, clipboard.ClipboardModule, icon.MatIconModule, tooltip.MatTooltipModule, button.MatButtonModule],
-                        declarations: [TdHighlightComponent, TdCopyCodeButtonComponent],
-                        exports: [TdHighlightComponent],
-                    },] }
-        ];
         return CovalentHighlightModule;
     }());
+    CovalentHighlightModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common.CommonModule, clipboard.ClipboardModule, icon.MatIconModule, tooltip.MatTooltipModule, button.MatButtonModule],
+                    declarations: [TdHighlightComponent, TdCopyCodeButtonComponent],
+                    exports: [TdHighlightComponent],
+                },] }
+    ];
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: public_api.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: index.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: covalent-highlight.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
 
     exports.CovalentHighlightModule = CovalentHighlightModule;
     exports.TdCopyCodeButtonComponent = TdCopyCodeButtonComponent;

package/bundles/covalent-highlight.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"covalent-highlight.umd.js","sources":["ng://@covalent/highlight/highlight.component.ts","ng://@covalent/highlight/copy-code-button/copy-code-button.component.ts","ng://@covalent/highlight/highlight.module.ts"],"sourcesContent":["import {\n  Component,\n  AfterViewInit,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  Renderer2,\n  SecurityContext,\n  ViewChild,\n  ChangeDetectorRef,\n  AfterViewChecked,\n  TemplateRef,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { ICopyCodeTooltips } from '.';\n\ndeclare const require: any;\n/* tslint:disable-next-line */\nlet hljs: any = require('highlight.js/lib');\n\n@Component({\n  selector: 'td-highlight',\n  styleUrls: ['./highlight.component.scss'],\n  templateUrl: './highlight.component.html',\n})\nexport class TdHighlightComponent implements AfterViewInit, AfterViewChecked {\n  private _initialized: boolean = false;\n\n  private _content: string;\n  private _lang: string = 'typescript';\n\n  /**\n   * content?: string\n   *\n   * Code content to be parsed as highlighted html.\n   * Used to load data dynamically.\n   *\n   * e.g. `.html`, `.ts` , etc.\n   */\n  @Input('content')\n  set content(content: string) {\n    this._content = content;\n    if (this._initialized) {\n      this._loadContent(this._content);\n    }\n  }\n\n  /**\n   * copyCodeToClipboard?: boolean\n   *\n   * Display copy button on code snippets to copy code to clipboard.\n   */\n  @Input() copyCodeToClipboard: boolean = false;\n\n  /**\n   * copyCodeTooltips?: ICopyCodeTooltips\n   *\n   * Tooltips for copy button to copy and upon copying.\n   */\n  @Input() copyCodeTooltips: ICopyCodeTooltips = {};\n\n  /**\n   * lang?: string\n   *\n   * Language of the code content to be parsed as highlighted html.\n   * Defaults to `typescript`\n   *\n   * e.g. `typescript`, `html` , etc.\n   */\n  @Input('lang')\n  set lang(lang: string) {\n    if (!lang) {\n      throw new Error('Error: language attribute must be defined in TdHighlightComponent.');\n    }\n    this._lang = lang;\n    if (this._initialized) {\n      this._loadContent(this._content);\n    }\n  }\n\n  copyContent: string;\n\n  /**\n   * contentReady?: function\n   * Event emitted after the highlight content rendering is finished.\n   */\n  @Output() contentReady: EventEmitter<void> = new EventEmitter<void>();\n  @ViewChild('highlightComponent') highlightComp: ElementRef;\n  @ViewChild('copyComponent') copyComp: ElementRef;\n\n  @ViewChild('tooltip') tooltip: MatTooltip;\n\n  constructor(\n    private _renderer: Renderer2,\n    private _elementRef: ElementRef,\n    private _domSanitizer: DomSanitizer,\n    private cdr: ChangeDetectorRef,\n  ) {}\n\n  ngAfterViewChecked(): void {\n    this.cdr.detectChanges();\n  }\n\n  ngAfterViewInit(): void {\n    if (!this._content) {\n      this._loadContent((<HTMLElement>this.highlightComp.nativeElement).textContent);\n    } else {\n      this._loadContent(this._content);\n    }\n    this._initialized = true;\n  }\n\n  /**\n   * General method to parse a string of code into HTML Elements and load them into the container\n   */\n  private _loadContent(code: string): void {\n    if (code && code.trim().length > 0) {\n      // Clean container\n      this._renderer.setProperty(this._elementRef.nativeElement, 'innerHTML', '');\n      // Parse html string into actual HTML elements.\n      this._elementFromString(this._render(code));\n      if (this.copyCodeToClipboard) {\n        this._renderer.appendChild(this._elementRef.nativeElement, this.copyComp.nativeElement);\n      }\n    }\n    this.contentReady.emit();\n  }\n\n  private _elementFromString(codeStr: string): HTMLPreElement {\n    // Renderer2 doesnt have a parsing method, so we have to sanitize and use [innerHTML]\n    // to parse the string into DOM element for now.\n    const preElement: HTMLPreElement = this._renderer.createElement('pre');\n    this._renderer.appendChild(this._elementRef.nativeElement, preElement);\n    const codeElement: HTMLElement = this._renderer.createElement('code');\n    this._renderer.appendChild(preElement, codeElement);\n    // Set .highlight class into <code> element\n    this._renderer.addClass(codeElement, 'highlight');\n    codeElement.innerHTML = this._domSanitizer.sanitize(SecurityContext.HTML, codeStr);\n    return preElement;\n  }\n\n  private _render(contents: string): string {\n    // Trim leading and trailing newlines\n    contents = contents.replace(/^(\\s|\\t)*\\n+/g, '').replace(/(\\s|\\t)*\\n+(\\s|\\t)*$/g, '');\n    // Split markup by line characters\n    let lines: string[] = contents.split('\\n');\n\n    // check how much indentation is used by the first actual code line\n    const firstLineWhitespace: string = lines[0].match(/^(\\s|\\t)*/)[0];\n\n    // Remove all indentation spaces so code can be parsed correctly\n    const startingWhitespaceRegex: RegExp = new RegExp('^' + firstLineWhitespace);\n    lines = lines.map(function (line: string): string {\n      return line\n        .replace('=\"\"', '') // remove empty values\n        .replace(startingWhitespaceRegex, '')\n        .replace(/\\s+$/, ''); // remove trailing white spaces\n    });\n\n    const codeToParse: string = lines\n      .join('\\n')\n      .replace(/\\{ \\{/gi, '{{')\n      .replace(/\\} \\}/gi, '}}')\n      .replace(/&lt;/gi, '<')\n      .replace(/&gt;/gi, '>'); // replace with < and > to render HTML in Angular\n    this.copyContent = codeToParse;\n    // Parse code with highlight.js depending on language\n    const highlightedCode: any = hljs.highlight(this._lang, codeToParse, true);\n    highlightedCode.value = highlightedCode.value\n      .replace(/=<span class=\"hljs-value\">\"\"<\\/span>/gi, '')\n      .replace('<head>', '')\n      .replace('<head/>', '');\n    return highlightedCode.value;\n  }\n}\n","import { Component, OnInit, Input, ViewChild, HostListener } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nexport interface ICopyCodeTooltips {\n  copy?: string;\n  copied?: string;\n}\n\n@Component({\n  selector: 'td-copy-code-button',\n  templateUrl: './copy-code-button.component.html',\n  styleUrls: ['./copy-code-button.component.scss'],\n})\nexport class TdCopyCodeButtonComponent {\n  // private _copyCodeTooltips: ICopyCodeTooltips = {};\n  @Input() copiedContent: string;\n  @Input() copyCodeToClipboard: boolean = false;\n  /**\n   * copyCodeTooltips?: ICopyCodeTooltips\n   *\n   * Tooltips for copy button to copy and upon copying.\n   */\n  @Input() copyCodeTooltips: ICopyCodeTooltips = {};\n\n  get copyTooltip(): string {\n    return (this.copyCodeTooltips && this.copyCodeTooltips.copy) || 'Copy';\n  }\n\n  get copiedTooltip(): string {\n    return (this.copyCodeTooltips && this.copyCodeTooltips.copied) || 'Copied';\n  }\n\n  @ViewChild('tooltip') tooltip: MatTooltip;\n\n  textCopied(event: boolean): void {\n    if (event) {\n      this.tooltip.hide();\n      this.tooltip.message = this.copiedTooltip;\n      this.tooltip.show();\n    }\n  }\n  @HostListener('mouseleave')\n  initializeTooltip(): void {\n    setTimeout(() => {\n      this.tooltip.message = this.copyTooltip;\n    }, 200);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { TdHighlightComponent } from './highlight.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatButtonModule } from '@angular/material/button';\nimport { TdCopyCodeButtonComponent } from './copy-code-button/copy-code-button.component';\n\n@NgModule({\n  imports: [CommonModule, ClipboardModule, MatIconModule, MatTooltipModule, MatButtonModule],\n  declarations: [TdHighlightComponent, TdCopyCodeButtonComponent],\n  exports: [TdHighlightComponent],\n})\nexport class CovalentHighlightModule {}\n"],"names":["EventEmitter","SecurityContext","hljs","Component","Renderer2","ElementRef","DomSanitizer","ChangeDetectorRef","Input","Output","ViewChild","HostListener","NgModule","CommonModule","ClipboardModule","MatIconModule","MatTooltipModule","MatButtonModule"],"mappings":"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"}
+{"version":3,"file":"covalent-highlight.umd.js","sources":["../../../../src/platform/highlight/highlight.component.ts","../../../src/platform/highlight/copy-code-button/copy-code-button.component.ts","../../../../src/platform/highlight/highlight.module.ts"],"sourcesContent":["import {\n  Component,\n  AfterViewInit,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  Renderer2,\n  SecurityContext,\n  ViewChild,\n  ChangeDetectorRef,\n  AfterViewChecked,\n  TemplateRef,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { ICopyCodeTooltips } from '.';\n\ndeclare const require: any;\n/* tslint:disable-next-line */\nlet hljs: any = require('highlight.js/lib');\n\n@Component({\n  selector: 'td-highlight',\n  styleUrls: ['./highlight.component.scss'],\n  templateUrl: './highlight.component.html',\n})\nexport class TdHighlightComponent implements AfterViewInit, AfterViewChecked {\n  private _initialized: boolean = false;\n\n  private _content: string;\n  private _lang: string = 'typescript';\n\n  /**\n   * content?: string\n   *\n   * Code content to be parsed as highlighted html.\n   * Used to load data dynamically.\n   *\n   * e.g. `.html`, `.ts` , etc.\n   */\n  @Input('content')\n  set content(content: string) {\n    this._content = content;\n    if (this._initialized) {\n      this._loadContent(this._content);\n    }\n  }\n\n  /**\n   * copyCodeToClipboard?: boolean\n   *\n   * Display copy button on code snippets to copy code to clipboard.\n   */\n  @Input() copyCodeToClipboard: boolean = false;\n\n  /**\n   * copyCodeTooltips?: ICopyCodeTooltips\n   *\n   * Tooltips for copy button to copy and upon copying.\n   */\n  @Input() copyCodeTooltips: ICopyCodeTooltips = {};\n\n  /**\n   * lang?: string\n   *\n   * Language of the code content to be parsed as highlighted html.\n   * Defaults to `typescript`\n   *\n   * e.g. `typescript`, `html` , etc.\n   */\n\n  @Input('codeLang')\n  set codeLang(lang: string) {\n    this.setLanguage(lang);\n  }\n  /** @deprecated - removed completely @4.0.0 */\n  @Input()\n  set lang(lang: string) {\n    // tslint:disable-next-line: no-console\n    console.warn('DEPRECATION WARNING: switch to codeLang attribute as lang attribute is deprecated.');\n    this.setLanguage(lang);\n  }\n\n  copyContent: string;\n\n  /**\n   * contentReady?: function\n   * Event emitted after the highlight content rendering is finished.\n   */\n  @Output() contentReady: EventEmitter<void> = new EventEmitter<void>();\n  @ViewChild('highlightComponent') highlightComp: ElementRef;\n  @ViewChild('copyComponent') copyComp: ElementRef;\n\n  @ViewChild('tooltip') tooltip: MatTooltip;\n\n  constructor(\n    private _renderer: Renderer2,\n    private _elementRef: ElementRef,\n    private _domSanitizer: DomSanitizer,\n    private cdr: ChangeDetectorRef,\n  ) {}\n\n  ngAfterViewChecked(): void {\n    this.cdr.detectChanges();\n  }\n\n  ngAfterViewInit(): void {\n    if (!this._content) {\n      this._loadContent((<HTMLElement>this.highlightComp.nativeElement).textContent);\n    } else {\n      this._loadContent(this._content);\n    }\n    this._initialized = true;\n  }\n\n  setLanguage(lang: string): void {\n    if (!lang) {\n      throw new Error('Error: language attribute must be defined in TdHighlightComponent.');\n    }\n    this._lang = lang;\n    if (this._initialized) {\n      this._loadContent(this._content);\n    }\n  }\n\n  /**\n   * General method to parse a string of code into HTML Elements and load them into the container\n   */\n  private _loadContent(code: string): void {\n    if (code && code.trim().length > 0) {\n      // Clean container\n      this._renderer.setProperty(this._elementRef.nativeElement, 'innerHTML', '');\n      // Parse html string into actual HTML elements.\n      this._elementFromString(this._render(code));\n      if (this.copyCodeToClipboard) {\n        this._renderer.appendChild(this._elementRef.nativeElement, this.copyComp.nativeElement);\n      }\n    }\n    this.contentReady.emit();\n  }\n\n  private _elementFromString(codeStr: string): HTMLPreElement {\n    // Renderer2 doesnt have a parsing method, so we have to sanitize and use [innerHTML]\n    // to parse the string into DOM element for now.\n    const preElement: HTMLPreElement = this._renderer.createElement('pre');\n    this._renderer.appendChild(this._elementRef.nativeElement, preElement);\n    const codeElement: HTMLElement = this._renderer.createElement('code');\n    this._renderer.appendChild(preElement, codeElement);\n    // Set .highlight class into <code> element\n    this._renderer.addClass(codeElement, 'highlight');\n    codeElement.innerHTML = this._domSanitizer.sanitize(SecurityContext.HTML, codeStr);\n    return preElement;\n  }\n\n  private _render(contents: string): string {\n    // Trim leading and trailing newlines\n    contents = contents.replace(/^(\\s|\\t)*\\n+/g, '').replace(/(\\s|\\t)*\\n+(\\s|\\t)*$/g, '');\n    // Split markup by line characters\n    let lines: string[] = contents.split('\\n');\n\n    // check how much indentation is used by the first actual code line\n    const firstLineWhitespace: string = lines[0].match(/^(\\s|\\t)*/)[0];\n\n    // Remove all indentation spaces so code can be parsed correctly\n    const startingWhitespaceRegex: RegExp = new RegExp('^' + firstLineWhitespace);\n    lines = lines.map(function (line: string): string {\n      return line\n        .replace('=\"\"', '') // remove empty values\n        .replace(startingWhitespaceRegex, '')\n        .replace(/\\s+$/, ''); // remove trailing white spaces\n    });\n\n    const codeToParse: string = lines\n      .join('\\n')\n      .replace(/\\{ \\{/gi, '{{')\n      .replace(/\\} \\}/gi, '}}')\n      .replace(/&lt;/gi, '<')\n      .replace(/&gt;/gi, '>'); // replace with < and > to render HTML in Angular\n    this.copyContent = codeToParse;\n    // Parse code with highlight.js depending on language\n    const highlightedCode: any = hljs.highlight(this._lang, codeToParse, true);\n    highlightedCode.value = highlightedCode.value\n      .replace(/=<span class=\"hljs-value\">\"\"<\\/span>/gi, '')\n      .replace('<head>', '')\n      .replace('<head/>', '');\n    return highlightedCode.value;\n  }\n}\n","import { Component, OnInit, Input, ViewChild, HostListener } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nexport interface ICopyCodeTooltips {\n  copy?: string;\n  copied?: string;\n}\n\n@Component({\n  selector: 'td-copy-code-button',\n  templateUrl: './copy-code-button.component.html',\n  styleUrls: ['./copy-code-button.component.scss'],\n})\nexport class TdCopyCodeButtonComponent {\n  // private _copyCodeTooltips: ICopyCodeTooltips = {};\n  @Input() copiedContent: string;\n  @Input() copyCodeToClipboard: boolean = false;\n  /**\n   * copyCodeTooltips?: ICopyCodeTooltips\n   *\n   * Tooltips for copy button to copy and upon copying.\n   */\n  @Input() copyCodeTooltips: ICopyCodeTooltips = {};\n\n  get copyTooltip(): string {\n    return (this.copyCodeTooltips && this.copyCodeTooltips.copy) || 'Copy';\n  }\n\n  get copiedTooltip(): string {\n    return (this.copyCodeTooltips && this.copyCodeTooltips.copied) || 'Copied';\n  }\n\n  @ViewChild('tooltip') tooltip: MatTooltip;\n\n  textCopied(event: boolean): void {\n    if (event) {\n      this.tooltip.hide();\n      this.tooltip.message = this.copiedTooltip;\n      this.tooltip.show();\n    }\n  }\n  @HostListener('mouseleave')\n  initializeTooltip(): void {\n    setTimeout(() => {\n      this.tooltip.message = this.copyTooltip;\n    }, 200);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { TdHighlightComponent } from './highlight.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatButtonModule } from '@angular/material/button';\nimport { TdCopyCodeButtonComponent } from './copy-code-button/copy-code-button.component';\n\n@NgModule({\n  imports: [CommonModule, ClipboardModule, MatIconModule, MatTooltipModule, MatButtonModule],\n  declarations: [TdHighlightComponent, TdCopyCodeButtonComponent],\n  exports: [TdHighlightComponent],\n})\nexport class CovalentHighlightModule {}\n"],"names":["EventEmitter","SecurityContext","Component","Renderer2","ElementRef","DomSanitizer","ChangeDetectorRef","Input","Output","ViewChild","HostListener","NgModule","CommonModule","ClipboardModule","MatIconModule","MatTooltipModule","MatButtonModule"],"mappings":";;;;;;;;;;;;;QAoBI,IAAI,GAAQ,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;QA4EzC,8BACU,SAAoB,EACpB,WAAuB,EACvB,aAA2B,EAC3B,GAAsB;YAHtB,cAAS,GAAT,SAAS,CAAW;YACpB,gBAAW,GAAX,WAAW,CAAY;YACvB,kBAAa,GAAb,aAAa,CAAc;YAC3B,QAAG,GAAH,GAAG,CAAmB;YAxExB,iBAAY,GAAY,KAAK,CAAC;YAG9B,UAAK,GAAW,YAAY,CAAC;;;;;;YAuB5B,wBAAmB,GAAY,KAAK,CAAC;;;;;;YAOrC,qBAAgB,GAAsB,EAAE,CAAC;;;;;YA6BxC,iBAAY,GAAuB,IAAIA,iBAAY,EAAQ,CAAC;SAWlE;QA5DJ,sBACI,yCAAO;;;;;;;;;;;iBADX,UACY,OAAe;gBACzB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,IAAI,IAAI,CAAC,YAAY,EAAE;oBACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBAClC;aACF;;;WAAA;QAyBD,sBACI,0CAAQ;;;;;;;;;;;iBADZ,UACa,IAAY;gBACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aACxB;;;WAAA;QAED,sBACI,sCAAI;;;;;;iBADR,UACS,IAAY;;gBAEnB,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAC;gBACnG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aACxB;;;WAAA;;;;QAqBD,iDAAkB,GAAlB;YACE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;SAC1B;;;;QAED,8CAAe,GAAf;YACE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,YAAY,CAAC,oBAAc,IAAI,CAAC,aAAa,CAAC,aAAa,IAAE,WAAW,CAAC,CAAC;aAChF;iBAAM;gBACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAClC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;;;;;QAED,0CAAW,GAAX,UAAY,IAAY;YACtB,IAAI,CAAC,IAAI,EAAE;gBACT,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;aACvF;YACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAClC;SACF;;;;;;;QAKO,2CAAY,GAAZ,UAAa,IAAY;YAC/B,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAElC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;;gBAE5E,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC5C,IAAI,IAAI,CAAC,mBAAmB,EAAE;oBAC5B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;iBACzF;aACF;YACD,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;SAC1B;;;;;;QAEO,iDAAkB,GAAlB,UAAmB,OAAe;;;;gBAGlC,UAAU,GAAmB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC;YACtE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;;gBACjE,WAAW,GAAgB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC;YACrE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;;YAEpD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAClD,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAACC,oBAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACnF,OAAO,UAAU,CAAC;SACnB;;;;;;QAEO,sCAAO,GAAP,UAAQ,QAAgB;;YAE9B,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;;;gBAElF,KAAK,GAAa,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;;;gBAGpC,mBAAmB,GAAW,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;;gBAG5D,uBAAuB,GAAW,IAAI,MAAM,CAAC,GAAG,GAAG,mBAAmB,CAAC;YAC7E,KAAK,GAAG,KAAK,CAAC,GAAG;;;eAAC,UAAU,IAAY;gBACtC,OAAO,IAAI;qBACR,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;qBAClB,OAAO,CAAC,uBAAuB,EAAE,EAAE,CAAC;qBACpC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;aACxB,EAAC,CAAC;;gBAEG,WAAW,GAAW,KAAK;iBAC9B,IAAI,CAAC,IAAI,CAAC;iBACV,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;iBACxB,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;iBACxB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;iBACtB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;YACzB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;;;gBAEzB,eAAe,GAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC;YAC1E,eAAe,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK;iBAC1C,OAAO,CAAC,wCAAwC,EAAE,EAAE,CAAC;iBACrD,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;iBACrB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YAC1B,OAAO,eAAe,CAAC,KAAK,CAAC;SAC9B;;;;gBArKFC,cAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBAExB,qWAAyC;;iBAC1C;;;;gBAnBCC,cAAS;gBAJTC,eAAU;gBAWHC,4BAAY;gBAJnBC,sBAAiB;;;0BA+BhBC,UAAK,SAAC,SAAS;sCAafA,UAAK;mCAOLA,UAAK;2BAWLA,UAAK,SAAC,UAAU;uBAKhBA,UAAK;+BAaLC,WAAM;gCACNC,cAAS,SAAC,oBAAoB;2BAC9BA,cAAS,SAAC,eAAe;0BAEzBA,cAAS,SAAC,SAAS;;;;;;;QAlEpB,4CAAsC;;;;;QAEtC,wCAAyB;;;;;QACzB,qCAAqC;;;;;;;QAuBrC,mDAA8C;;;;;;;QAO9C,gDAAkD;;QAuBlD,2CAAoB;;;;;;QAMpB,4CAAsE;;QACtE,6CAA2D;;QAC3D,wCAAiD;;QAEjD,uCAA0C;;;;;QAGxC,yCAA4B;;;;;QAC5B,2CAA+B;;;;;QAC/B,6CAAmC;;;;;QACnC,mCAA8B;;;;;;;;;;;oCC9FjC;;;QAFC,iCAAc;;QACd,mCAAgB;;;QAGlB;YAQW,wBAAmB,GAAY,KAAK,CAAC;;;;;;YAMrC,qBAAgB,GAAsB,EAAE,CAAC;SAyBnD;QAvBC,sBAAI,kDAAW;;;;iBAAf;gBACE,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,KAAK,MAAM,CAAC;aACxE;;;WAAA;QAED,sBAAI,oDAAa;;;;iBAAjB;gBACE,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,QAAQ,CAAC;aAC5E;;;WAAA;;;;;QAID,8CAAU,GAAV,UAAW,KAAc;YACvB,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACpB,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;gBAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACrB;SACF;;;;QAED,qDAAiB,GAAjB;YAAA,iBAIC;YAHC,UAAU;;eAAC;gBACT,KAAI,CAAC,OAAO,CAAC,OAAO,GAAG,KAAI,CAAC,WAAW,CAAC;aACzC,GAAE,GAAG,CAAC,CAAC;SACT;;;;gBAtCFP,cAAS,SAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,2RAAgD;;iBAEjD;;;gCAGEK,UAAK;sCACLA,UAAK;mCAMLA,UAAK;0BAULE,cAAS,SAAC,SAAS;oCASnBC,iBAAY,SAAC,YAAY;;;;QA1B1B,kDAA+B;;QAC/B,wDAA8C;;;;;;;QAM9C,qDAAkD;;QAUlD,4CAA0C;;;;;;;;;QClB5C;;;;;gBALCC,aAAQ,SAAC;oBACR,OAAO,EAAE,CAACC,mBAAY,EAAEC,yBAAe,EAAEC,kBAAa,EAAEC,wBAAgB,EAAEC,sBAAe,CAAC;oBAC1F,YAAY,EAAE,CAAC,oBAAoB,EAAE,yBAAyB,CAAC;oBAC/D,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/bundles/covalent-highlight.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("highlight.js/lib"),require("@angular/core"),require("@angular/platform-browser"),require("@angular/material/tooltip"),require("@angular/common"),require("@angular/cdk/clipboard"),require("@angular/material/icon"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@covalent/highlight",["exports","highlight.js/lib","@angular/core","@angular/platform-browser","@angular/material/tooltip","@angular/common","@angular/cdk/clipboard","@angular/material/icon","@angular/material/button"],t):t(((e=e||self).covalent=e.covalent||{},e.covalent.highlight={}),e.lib,e.ng.core,e.ng.platformBrowser,e.ng.material.tooltip,e.ng.common,e.ng.cdk.clipboard,e.ng.material.icon,e.ng.material.button)}(this,(function(e,t,o,n,i,r,p,a,l){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var d=function(){function e(e,t,n,i){this._renderer=e,this._elementRef=t,this._domSanitizer=n,this.cdr=i,this._initialized=!1,this._lang="typescript",this.copyCodeToClipboard=!1,this.copyCodeTooltips={},this.contentReady=new o.EventEmitter}return Object.defineProperty(e.prototype,"content",{set:function(e){this._content=e,this._initialized&&this._loadContent(this._content)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"lang",{set:function(e){if(!e)throw new Error("Error: language attribute must be defined in TdHighlightComponent.");this._lang=e,this._initialized&&this._loadContent(this._content)},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){this.cdr.detectChanges()},e.prototype.ngAfterViewInit=function(){this._content?this._loadContent(this._content):this._loadContent(this.highlightComp.nativeElement.textContent),this._initialized=!0},e.prototype._loadContent=function(e){e&&e.trim().length>0&&(this._renderer.setProperty(this._elementRef.nativeElement,"innerHTML",""),this._elementFromString(this._render(e)),this.copyCodeToClipboard&&this._renderer.appendChild(this._elementRef.nativeElement,this.copyComp.nativeElement)),this.contentReady.emit()},e.prototype._elementFromString=function(e){var t=this._renderer.createElement("pre");this._renderer.appendChild(this._elementRef.nativeElement,t);var n=this._renderer.createElement("code");return this._renderer.appendChild(t,n),this._renderer.addClass(n,"highlight"),n.innerHTML=this._domSanitizer.sanitize(o.SecurityContext.HTML,e),t},e.prototype._render=function(e){var o=(e=e.replace(/^(\s|\t)*\n+/g,"").replace(/(\s|\t)*\n+(\s|\t)*$/g,"")).split("\n"),n=o[0].match(/^(\s|\t)*/)[0],i=new RegExp("^"+n),r=(o=o.map((function(e){return e.replace('=""',"").replace(i,"").replace(/\s+$/,"")}))).join("\n").replace(/\{ \{/gi,"{{").replace(/\} \}/gi,"}}").replace(/&lt;/gi,"<").replace(/&gt;/gi,">");this.copyContent=r;var p=t.highlight(this._lang,r,!0);return p.value=p.value.replace(/=<span class="hljs-value">""<\/span>/gi,"").replace("<head>","").replace("<head/>",""),p.value},e.decorators=[{type:o.Component,args:[{selector:"td-highlight",template:'<div>\n  <div #highlightComponent>\n    <ng-content></ng-content>\n  </div>\n\n  <div #copyComponent *ngIf="copyCodeToClipboard">\n    <td-copy-code-button\n      [copiedContent]="copyContent"\n      [copyCodeToClipboard]="copyCodeToClipboard"\n      [copyCodeTooltips]="copyCodeTooltips"\n    ></td-copy-code-button>\n  </div>\n</div>\n',styles:[':host ::ng-deep{overflow-x:auto;padding:16px;display:-ms-flexbox;display:flex}:host ::ng-deep .highlight,:host ::ng-deep code,:host ::ng-deep pre{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace}:host ::ng-deep pre{display:block;overflow-x:auto;padding:0;margin:0;background:0 0;font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;line-height:1.45;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-font-smoothing:auto;-webkit-text-size-adjust:none;position:relative;border-radius:2px;font-size:.8rem;width:100%}:host ::ng-deep code{margin:0;padding:0;overflow-wrap:break-word;white-space:pre-wrap}:host ::ng-deep .highlight{display:block;overflow-wrap:break-word;line-height:1.5;margin:0}:host ::ng-deep .copy-button{border:none;background:inherit;margin-top:-8px;margin-right:-8px}']}]}],e.ctorParameters=function(){return[{type:o.Renderer2},{type:o.ElementRef},{type:n.DomSanitizer},{type:o.ChangeDetectorRef}]},e.propDecorators={content:[{type:o.Input,args:["content"]}],copyCodeToClipboard:[{type:o.Input}],copyCodeTooltips:[{type:o.Input}],lang:[{type:o.Input,args:["lang"]}],contentReady:[{type:o.Output}],highlightComp:[{type:o.ViewChild,args:["highlightComponent"]}],copyComp:[{type:o.ViewChild,args:["copyComponent"]}],tooltip:[{type:o.ViewChild,args:["tooltip"]}]},e}();var c=function(){function e(){this.copyCodeToClipboard=!1,this.copyCodeTooltips={}}return Object.defineProperty(e.prototype,"copyTooltip",{get:function(){return this.copyCodeTooltips&&this.copyCodeTooltips.copy||"Copy"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"copiedTooltip",{get:function(){return this.copyCodeTooltips&&this.copyCodeTooltips.copied||"Copied"},enumerable:!0,configurable:!0}),e.prototype.textCopied=function(e){e&&(this.tooltip.hide(),this.tooltip.message=this.copiedTooltip,this.tooltip.show())},e.prototype.initializeTooltip=function(){var e=this;setTimeout((function(){e.tooltip.message=e.copyTooltip}),200)},e.decorators=[{type:o.Component,args:[{selector:"td-copy-code-button",template:'<button\n  mat-icon-button\n  [cdkCopyToClipboard]="copiedContent"\n  class="copy-button"\n  [matTooltip]="copyTooltip"\n  #tooltip="matTooltip"\n  (cdkCopyToClipboardCopied)="textCopied($event)"\n>\n  <mat-icon role="img">content_copy</mat-icon>\n</button>\n',styles:[""]}]}],e.propDecorators={copiedContent:[{type:o.Input}],copyCodeToClipboard:[{type:o.Input}],copyCodeTooltips:[{type:o.Input}],tooltip:[{type:o.ViewChild,args:["tooltip"]}],initializeTooltip:[{type:o.HostListener,args:["mouseleave"]}]},e}();var s=function(){function e(){}return e.decorators=[{type:o.NgModule,args:[{imports:[r.CommonModule,p.ClipboardModule,a.MatIconModule,i.MatTooltipModule,l.MatButtonModule],declarations:[d,c],exports:[d]}]}],e}();e.CovalentHighlightModule=s,e.TdCopyCodeButtonComponent=c,e.TdHighlightComponent=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/platform-browser"),require("@angular/common"),require("@angular/cdk/clipboard"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@covalent/highlight",["exports","@angular/core","@angular/platform-browser","@angular/common","@angular/cdk/clipboard","@angular/material/icon","@angular/material/tooltip","@angular/material/button"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).covalent=e.covalent||{},e.covalent.highlight={}),e.ng.core,e.ng.platformBrowser,e.ng.common,e.ng.cdk.clipboard,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.button)}(this,(function(e,t,o,n,i,r,p,a){"use strict";var l=require("highlight.js/lib"),d=function(){function e(e,o,n,i){this._renderer=e,this._elementRef=o,this._domSanitizer=n,this.cdr=i,this._initialized=!1,this._lang="typescript",this.copyCodeToClipboard=!1,this.copyCodeTooltips={},this.contentReady=new t.EventEmitter}return Object.defineProperty(e.prototype,"content",{set:function(e){this._content=e,this._initialized&&this._loadContent(this._content)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"codeLang",{set:function(e){this.setLanguage(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"lang",{set:function(e){console.warn("DEPRECATION WARNING: switch to codeLang attribute as lang attribute is deprecated."),this.setLanguage(e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewChecked=function(){this.cdr.detectChanges()},e.prototype.ngAfterViewInit=function(){this._content?this._loadContent(this._content):this._loadContent(this.highlightComp.nativeElement.textContent),this._initialized=!0},e.prototype.setLanguage=function(e){if(!e)throw new Error("Error: language attribute must be defined in TdHighlightComponent.");this._lang=e,this._initialized&&this._loadContent(this._content)},e.prototype._loadContent=function(e){e&&e.trim().length>0&&(this._renderer.setProperty(this._elementRef.nativeElement,"innerHTML",""),this._elementFromString(this._render(e)),this.copyCodeToClipboard&&this._renderer.appendChild(this._elementRef.nativeElement,this.copyComp.nativeElement)),this.contentReady.emit()},e.prototype._elementFromString=function(e){var o=this._renderer.createElement("pre");this._renderer.appendChild(this._elementRef.nativeElement,o);var n=this._renderer.createElement("code");return this._renderer.appendChild(o,n),this._renderer.addClass(n,"highlight"),n.innerHTML=this._domSanitizer.sanitize(t.SecurityContext.HTML,e),o},e.prototype._render=function(e){var t=(e=e.replace(/^(\s|\t)*\n+/g,"").replace(/(\s|\t)*\n+(\s|\t)*$/g,"")).split("\n"),o=t[0].match(/^(\s|\t)*/)[0],n=new RegExp("^"+o),i=(t=t.map((function(e){return e.replace('=""',"").replace(n,"").replace(/\s+$/,"")}))).join("\n").replace(/\{ \{/gi,"{{").replace(/\} \}/gi,"}}").replace(/&lt;/gi,"<").replace(/&gt;/gi,">");this.copyContent=i;var r=l.highlight(this._lang,i,!0);return r.value=r.value.replace(/=<span class="hljs-value">""<\/span>/gi,"").replace("<head>","").replace("<head/>",""),r.value},e}();d.decorators=[{type:t.Component,args:[{selector:"td-highlight",template:'<div>\n  <div #highlightComponent>\n    <ng-content></ng-content>\n  </div>\n\n  <div #copyComponent *ngIf="copyCodeToClipboard">\n    <td-copy-code-button\n      [copiedContent]="copyContent"\n      [copyCodeToClipboard]="copyCodeToClipboard"\n      [copyCodeTooltips]="copyCodeTooltips"\n    ></td-copy-code-button>\n  </div>\n</div>\n',styles:[":host ::ng-deep{display:-ms-flexbox;display:flex;overflow-x:auto;padding:16px}:host ::ng-deep .highlight,:host ::ng-deep code,:host ::ng-deep pre{font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace}:host ::ng-deep pre{-moz-tab-size:2;-o-tab-size:2;-webkit-font-smoothing:auto;-webkit-text-size-adjust:none;background:rgba(0,0,0,0);border-radius:2px;display:block;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;font-size:.8rem;line-height:1.45;margin:0;overflow-x:auto;padding:0;position:relative;tab-size:2;width:100%}:host ::ng-deep code{margin:0;overflow-wrap:break-word;padding:0;white-space:pre-wrap}:host ::ng-deep .highlight{display:block;line-height:1.5;margin:0;overflow-wrap:break-word}:host ::ng-deep .copy-button{background:inherit;border:none;margin-right:-8px;margin-top:-8px}"]}]}],d.ctorParameters=function(){return[{type:t.Renderer2},{type:t.ElementRef},{type:o.DomSanitizer},{type:t.ChangeDetectorRef}]},d.propDecorators={content:[{type:t.Input,args:["content"]}],copyCodeToClipboard:[{type:t.Input}],copyCodeTooltips:[{type:t.Input}],codeLang:[{type:t.Input,args:["codeLang"]}],lang:[{type:t.Input}],contentReady:[{type:t.Output}],highlightComp:[{type:t.ViewChild,args:["highlightComponent"]}],copyComp:[{type:t.ViewChild,args:["copyComponent"]}],tooltip:[{type:t.ViewChild,args:["tooltip"]}]};var c=function(){function e(){this.copyCodeToClipboard=!1,this.copyCodeTooltips={}}return Object.defineProperty(e.prototype,"copyTooltip",{get:function(){return this.copyCodeTooltips&&this.copyCodeTooltips.copy||"Copy"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"copiedTooltip",{get:function(){return this.copyCodeTooltips&&this.copyCodeTooltips.copied||"Copied"},enumerable:!1,configurable:!0}),e.prototype.textCopied=function(e){e&&(this.tooltip.hide(),this.tooltip.message=this.copiedTooltip,this.tooltip.show())},e.prototype.initializeTooltip=function(){var e=this;setTimeout((function(){e.tooltip.message=e.copyTooltip}),200)},e}();c.decorators=[{type:t.Component,args:[{selector:"td-copy-code-button",template:'<button\n  mat-icon-button\n  [cdkCopyToClipboard]="copiedContent"\n  class="copy-button"\n  [matTooltip]="copyTooltip"\n  #tooltip="matTooltip"\n  (cdkCopyToClipboardCopied)="textCopied($event)"\n>\n  <mat-icon role="img">content_copy</mat-icon>\n</button>\n',styles:[""]}]}],c.propDecorators={copiedContent:[{type:t.Input}],copyCodeToClipboard:[{type:t.Input}],copyCodeTooltips:[{type:t.Input}],tooltip:[{type:t.ViewChild,args:["tooltip"]}],initializeTooltip:[{type:t.HostListener,args:["mouseleave"]}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.ClipboardModule,r.MatIconModule,p.MatTooltipModule,a.MatButtonModule],declarations:[d,c],exports:[d]}]}],e.CovalentHighlightModule=s,e.TdCopyCodeButtonComponent=c,e.TdHighlightComponent=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=covalent-highlight.umd.min.js.map