@covalent/core 4.0.0-alpha.0 → 4.0.0-beta.1

package/fesm2015/covalent-core-file.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-file.mjs","sources":["../../../../src/platform/core/file/directives/file-select.directive.ts","../../../../src/platform/core/file/directives/file-drop.directive.ts","../../../../src/platform/core/file/file-input/file-input.component.ts","../../../../src/platform/core/file/file-input/file-input.component.html","../../../../src/platform/core/file/file-upload/file-upload.component.html","../../../../src/platform/core/file/file-upload/file-upload.component.ts","../../../../src/platform/core/file/services/file.service.ts","../../../../src/platform/core/file/file.module.ts","../../../../src/platform/core/file/covalent-core-file.ts"],"sourcesContent":["import { Directive, Input, Output, EventEmitter } from '@angular/core';\nimport { HostListener, HostBinding, Host, Optional } from '@angular/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { NgModel } from '@angular/forms';\n\n@Directive({\n  selector: '[tdFileSelect]',\n})\nexport class TdFileSelectDirective {\n  private _multiple: boolean = false;\n\n  /**\n   * multiple?: boolean\n   * Sets whether multiple files can be selected at once in host element, or just a single file.\n   * Can also be 'multiple' native attribute.\n   */\n  @Input('multiple')\n  set multiple(multiple: boolean) {\n    this._multiple = coerceBooleanProperty(multiple);\n  }\n\n  /**\n   * fileSelect?: function\n   * Event emitted when a file or files are selected in host [HTMLInputElement].\n   * Emits a [FileList | File] object.\n   * Alternative to not use [(ngModel)].\n   */\n  @Output() fileSelect: EventEmitter<FileList | File> = new EventEmitter<FileList | File>();\n\n  /**\n   * Binds native 'multiple' attribute if [multiple] property is 'true'.\n   */\n  @HostBinding('attr.multiple')\n  get multipleBinding(): string {\n    return this._multiple ? '' : undefined;\n  }\n\n  constructor(@Optional() @Host() private model: NgModel) {}\n\n  /**\n   * Listens to 'change' host event to get [HTMLInputElement] files.\n   * Emits the 'fileSelect' event with a [FileList] or [File] depending if 'multiple' attr exists in host.\n   * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.\n   */\n  @HostListener('change', ['$event'])\n  onChange(event: Event): void {\n    if (event.target instanceof HTMLInputElement) {\n      const fileInputEl: HTMLInputElement = event.target;\n      const files: FileList = fileInputEl.files;\n      if (files.length) {\n        const value: FileList | File = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];\n        this.model ? this.model.update.emit(value) : this.fileSelect.emit(value);\n      }\n    }\n  }\n}\n","import { Directive, Input, Output, EventEmitter } from '@angular/core';\nimport { HostListener, HostBinding, ElementRef, Renderer2 } from '@angular/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { ICanDisable, mixinDisabled } from '@covalent/core/common';\n\nexport class TdFileDropBase {}\n\n/* tslint:disable-next-line */\nexport const _TdFileDropMixinBase = mixinDisabled(TdFileDropBase);\n\n@Directive({\n  selector: '[tdFileDrop]',\n  inputs: ['disabled'],\n})\nexport class TdFileDropDirective extends _TdFileDropMixinBase implements ICanDisable {\n  private _multiple: boolean = false;\n\n  /**\n   * multiple?: boolean\n   * Sets whether multiple files can be dropped at once in host element, or just a single file.\n   * Can also be 'multiple' native attribute.\n   */\n  @Input('multiple')\n  set multiple(multiple: boolean) {\n    this._multiple = coerceBooleanProperty(multiple);\n  }\n\n  /**\n   * fileDrop?: function\n   * Event emitted when a file or files are dropped in host element after being validated.\n   * Emits a [FileList | File] object.\n   */\n  @Output() fileDrop: EventEmitter<FileList | File> = new EventEmitter<FileList | File>();\n\n  /**\n   * Binds native 'multiple' attribute if [multiple] property is 'true'.\n   */\n  @HostBinding('attr.multiple')\n  get multipleBinding(): string {\n    return this._multiple ? '' : undefined;\n  }\n\n  /**\n   * Binds native 'disabled' attribute if [disabled] property is 'true'.\n   */\n  @HostBinding('attr.disabled')\n  get disabledBinding(): string {\n    return this.disabled ? '' : undefined;\n  }\n\n  constructor(private _renderer: Renderer2, private _element: ElementRef) {\n    super();\n  }\n\n  /**\n   * Listens to 'drop' host event to get validated transfer items.\n   * Emits the 'fileDrop' event with a [FileList] or [File] depending if 'multiple' attr exists in host.\n   * Stops event propagation and default action from browser for 'drop' event.\n   */\n  @HostListener('drop', ['$event'])\n  onDrop(event: Event): void {\n    if (!this.disabled) {\n      const transfer: DataTransfer = (<DragEvent>event).dataTransfer;\n      const files: FileList = transfer.files;\n      if (files.length) {\n        const value: FileList | File = this._multiple ? (files.length > 1 ? files : files[0]) : files[0];\n        this.fileDrop.emit(value);\n      }\n    }\n    this._renderer.removeClass(this._element.nativeElement, 'drop-zone');\n    this._stopEvent(event);\n  }\n\n  /**\n   * Listens to 'dragover' host event to validate transfer items.\n   * Checks if 'multiple' attr exists in host to allow multiple file drops.\n   * Stops event propagation and default action from browser for 'dragover' event.\n   */\n  @HostListener('dragover', ['$event'])\n  onDragOver(event: Event): void {\n    const transfer: DataTransfer = (<DragEvent>event).dataTransfer;\n    transfer.dropEffect = this._typeCheck(transfer.types);\n    if (\n      this.disabled ||\n      (!this._multiple && ((transfer.items && transfer.items.length > 1) || (<any>transfer).mozItemCount > 1))\n    ) {\n      transfer.dropEffect = 'none';\n    } else {\n      transfer.dropEffect = 'copy';\n    }\n    this._stopEvent(event);\n  }\n\n  /**\n   * Listens to 'dragenter' host event to add animation class 'drop-zone' which can be overriden in host.\n   * Stops event propagation and default action from browser for 'dragenter' event.\n   */\n  @HostListener('dragenter', ['$event'])\n  onDragEnter(event: Event): void {\n    if (!this.disabled) {\n      this._renderer.addClass(this._element.nativeElement, 'drop-zone');\n    }\n    this._stopEvent(event);\n  }\n\n  /**\n   * Listens to 'dragleave' host event to remove animation class 'drop-zone'.\n   * Stops event propagation and default action from browser for 'dragleave' event.\n   */\n  @HostListener('dragleave', ['$event'])\n  onDragLeave(event: Event): void {\n    this._renderer.removeClass(this._element.nativeElement, 'drop-zone');\n    this._stopEvent(event);\n  }\n\n  /**\n   * Validates if the transfer item types are 'Files'.\n   */\n  private _typeCheck(types: ReadonlyArray<string> | DOMStringList): 'none' | 'copy' | 'link' | 'move' {\n    let dropEffect: 'none' | 'copy' | 'link' | 'move' = 'none';\n    if (\n      types &&\n      (((<any>types).contains && (<any>types).contains('Files')) ||\n        ((<any>types).indexOf && (<any>types).indexOf('Files') !== -1))\n    ) {\n      dropEffect = 'copy';\n    }\n\n    return dropEffect;\n  }\n\n  private _stopEvent(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n}\n","import {\n  Component,\n  Directive,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ViewChild,\n  ElementRef,\n  Renderer2,\n  TemplateRef,\n  ViewContainerRef,\n  ChangeDetectorRef,\n  forwardRef,\n} from '@angular/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { TemplatePortalDirective } from '@angular/cdk/portal';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\n\nimport { ICanDisable, mixinDisabled, IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\n@Directive({\n  selector: '[td-file-input-label]ng-template',\n})\nexport class TdFileInputLabelDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\nexport class TdFileInputBase {\n  constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdFileInputMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileInputBase));\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TdFileInputComponent),\n      multi: true,\n    },\n  ],\n  selector: 'td-file-input',\n  inputs: ['disabled', 'value'],\n  styleUrls: ['./file-input.component.scss'],\n  templateUrl: './file-input.component.html',\n})\nexport class TdFileInputComponent extends _TdFileInputMixinBase implements IControlValueAccessor, ICanDisable {\n  private _multiple: boolean = false;\n\n  /** The native `<input type=\"file\"> element */\n  @ViewChild('fileInput', { static: true }) _inputElement: ElementRef;\n  get inputElement(): HTMLInputElement {\n    return this._inputElement.nativeElement;\n  }\n\n  /**\n   * color?: 'accent' | 'primary' | 'warn'\n   * Sets button color. Uses same color palette accepted as [MatButton].\n   */\n  @Input() color: 'accent' | 'primary' | 'warn';\n\n  /**\n   * multiple?: boolean\n   * Sets if multiple files can be dropped/selected at once in [TdFileInputComponent].\n   */\n  @Input('multiple')\n  set multiple(multiple: boolean) {\n    this._multiple = coerceBooleanProperty(multiple);\n  }\n  get multiple(): boolean {\n    return this._multiple;\n  }\n\n  /**\n   * accept?: string\n   * Sets files accepted when opening the file browser dialog.\n   * Same as 'accept' attribute in <input/> element.\n   */\n  @Input() accept: string;\n\n  /**\n   * select?: function\n   * Event emitted a file is selected\n   * Emits a [File | FileList] object.\n   */\n  @Output() select: EventEmitter<File | FileList> = new EventEmitter<File | FileList>();\n\n  constructor(private _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef) {\n    super(_changeDetectorRef);\n  }\n\n  /**\n   * Method executed when a file is selected.\n   */\n  handleSelect(files: File | FileList): void {\n    this.writeValue(files);\n    this.select.emit(files);\n  }\n\n  /**\n   * Used to clear the selected files from the [TdFileInputComponent].\n   */\n  clear(): void {\n    this.writeValue(undefined);\n    this._renderer.setProperty(this.inputElement, 'value', '');\n  }\n\n  /** Method executed when the disabled value changes */\n  onDisabledChange(v: boolean): void {\n    if (v) {\n      this.clear();\n    }\n  }\n  /**\n   * Sets disable to the component. Implemented as part of ControlValueAccessor.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","<div>\n  <button\n    mat-raised-button\n    class=\"td-file-input\"\n    type=\"button\"\n    [color]=\"color\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (keyup.enter)=\"fileInput.click()\"\n    (click)=\"fileInput.click()\"\n    (fileDrop)=\"handleSelect($event)\"\n    tdFileDrop\n  >\n    <ng-content></ng-content>\n  </button>\n  <input\n    #fileInput\n    class=\"td-file-input-hidden\"\n    type=\"file\"\n    [attr.accept]=\"accept\"\n    (fileSelect)=\"handleSelect($event)\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    tdFileSelect\n  />\n</div>\n","<td-file-input\n  *ngIf=\"!value\"\n  [(ngModel)]=\"value\"\n  [multiple]=\"multiple\"\n  [disabled]=\"disabled\"\n  [accept]=\"accept\"\n  [color]=\"defaultColor\"\n  (select)=\"handleSelect($event)\"\n>\n  <ng-template [cdkPortalOutlet]=\"inputLabel\" [ngIf]=\"true\"></ng-template>\n</td-file-input>\n<div *ngIf=\"value\">\n  <button\n    #fileUpload\n    class=\"td-file-upload\"\n    mat-raised-button\n    type=\"button\"\n    [color]=\"activeColor\"\n    (keyup.delete)=\"_cancel()\"\n    (keyup.backspace)=\"_cancel()\"\n    (keyup.escape)=\"_cancel()\"\n    (click)=\"uploadPressed()\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button mat-icon-button type=\"button\" class=\"td-file-upload-cancel\" [color]=\"cancelColor\" (click)=\"_cancel()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ViewChild,\n  ContentChild,\n  ChangeDetectorRef,\n  forwardRef,\n} from '@angular/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ICanDisable, mixinDisabled, IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\nimport { TdFileInputComponent, TdFileInputLabelDirective } from '../file-input/file-input.component';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\n\nexport class TdFileUploadBase {\n  constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdFileUploadMixinBase = mixinControlValueAccessor(mixinDisabled(TdFileUploadBase));\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TdFileUploadComponent),\n      multi: true,\n    },\n  ],\n  selector: 'td-file-upload',\n  inputs: ['disabled', 'value'],\n  styleUrls: ['./file-upload.component.scss'],\n  templateUrl: './file-upload.component.html',\n})\nexport class TdFileUploadComponent extends _TdFileUploadMixinBase implements IControlValueAccessor, ICanDisable {\n  private _multiple: boolean = false;\n  private _required: boolean = false;\n\n  @ViewChild(TdFileInputComponent) fileInput: TdFileInputComponent;\n\n  @ContentChild(TdFileInputLabelDirective) inputLabel: TdFileInputLabelDirective;\n\n  /**\n   * defaultColor?: 'accent' | 'primary' | 'warn'\n   * Sets browse button color. Uses same color palette accepted as [MatButton] and defaults to 'primary'.\n   */\n  @Input() defaultColor: 'accent' | 'primary' | 'warn' = 'primary';\n\n  /**\n   * activeColor?: 'accent' | 'primary' | 'warn'\n   * Sets upload button color. Uses same color palette accepted as [MatButton] and defaults to 'accent'.\n   */\n  @Input() activeColor: 'accent' | 'primary' | 'warn' = 'accent';\n\n  /**\n   * cancelColor?: 'accent' | 'primary' | 'warn'\n   * Sets cancel button color. Uses same color palette accepted as [MatButton] and defaults to 'warn'.\n   */\n  @Input() cancelColor: 'accent' | 'primary' | 'warn' = 'warn';\n\n  /**\n   * multiple?: boolean\n   * Sets if multiple files can be dropped/selected at once in [TdFileUploadComponent].\n   */\n  @Input('multiple')\n  set multiple(multiple: boolean) {\n    this._multiple = coerceBooleanProperty(multiple);\n  }\n  get multiple(): boolean {\n    return this._multiple;\n  }\n\n  /**\n   * required?: boolean\n   * Forces at least one file upload.\n   * Defaults to 'false'\n   */\n  @Input('required')\n  set required(required: boolean) {\n    this._required = coerceBooleanProperty(required);\n  }\n  get required(): boolean {\n    return this._required;\n  }\n\n  /**\n   * accept?: string\n   * Sets files accepted when opening the file browser dialog.\n   * Same as 'accept' attribute in <input/> element.\n   */\n  @Input() accept: string;\n\n  /**\n   * select?: function\n   * Event emitted when a file is selected.\n   * Emits a [File | FileList] object.\n   */\n  @Output() select: EventEmitter<File | FileList> = new EventEmitter<File | FileList>();\n\n  /**\n   * upload?: function\n   * Event emitted when upload button is clicked.\n   * Emits a [File | FileList] object.\n   */\n  @Output() upload: EventEmitter<File | FileList> = new EventEmitter<File | FileList>();\n\n  /**\n   * cancel?: function\n   * Event emitted when cancel button is clicked.\n   */\n  @Output() cancel: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor(_changeDetectorRef: ChangeDetectorRef) {\n    super(_changeDetectorRef);\n  }\n\n  /**\n   * Method executed when upload button is clicked.\n   */\n  uploadPressed(): void {\n    if (this.value) {\n      this.upload.emit(this.value);\n    }\n  }\n\n  /**\n   * Method executed when a file is selected.\n   */\n  handleSelect(value: File | FileList): void {\n    this.value = value;\n    this.select.emit(value);\n  }\n\n  /**\n   * Methods executed when cancel button is clicked.\n   * Clears files.\n   */\n  _cancel(): void {\n    this.value = undefined;\n    this.cancel.emit();\n    // check if the file input is rendered before clearing it\n    if (this.fileInput) {\n      this.fileInput.clear();\n    }\n  }\n\n  /** Method executed when the disabled value changes */\n  onDisabledChange(v: boolean): void {\n    if (v) {\n      this._cancel();\n    }\n  }\n}\n","import { Injectable, Optional } from '@angular/core';\nimport { HttpClient, HttpRequest, HttpEvent, HttpEventType, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { Observable, Subject, Subscriber } from 'rxjs';\nimport { tap } from 'rxjs/operators';\n\nexport interface IUploadExtras {\n  headers?: { [name: string]: string | string[] };\n  params?: { [param: string]: string | string[] };\n}\n\n@Injectable()\nexport class TdFileService {\n  private _progressSubject: Subject<number> = new Subject<number>();\n  private _progressObservable: Observable<number>;\n\n  /**\n   * Gets progress observable to keep track of the files being uploaded.\n   * Needs to be supported by backend.\n   */\n  get progress(): Observable<number> {\n    return this._progressObservable;\n  }\n\n  /**\n   * Creates a new instance\n   * @param _http the http client instance\n   * @breaking-change 3.0.0 remove 'Optional' decorator once the legay upload method is removed\n   */\n  constructor(@Optional() private readonly _http: HttpClient) {\n    this._progressObservable = this._progressSubject.asObservable();\n  }\n\n  /**\n   * Uploads a file to a URL.\n   */\n  send(\n    url: string,\n    method: string,\n    body: File | FormData,\n    { headers, params }: IUploadExtras = {},\n  ): Observable<HttpEvent<any>> {\n    if (!this._http) {\n      throw new Error('The HttpClient module needs to be imported at root module level');\n    }\n    const req: HttpRequest<File | FormData> = new HttpRequest(method.toUpperCase(), url, body, {\n      reportProgress: true,\n      headers: new HttpHeaders(headers || {}),\n      params: new HttpParams({ fromObject: params || {} }),\n    });\n    return this._http.request(req).pipe(tap((event: HttpEvent<any>) => this.handleEvent(event)));\n  }\n\n  private handleEvent<T = any>(event: HttpEvent<T>): void {\n    switch (event.type) {\n      case HttpEventType.Sent:\n        this._progressSubject.next(0);\n        break;\n      case HttpEventType.UploadProgress:\n        this._progressSubject.next(Math.round((100 * event.loaded) / event.total));\n        break;\n      case HttpEventType.Response:\n        this._progressSubject.next(100);\n        break;\n      default:\n        break;\n    }\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdFileSelectDirective } from './directives/file-select.directive';\nimport { TdFileDropDirective } from './directives/file-drop.directive';\nimport { TdFileUploadComponent } from './file-upload/file-upload.component';\nimport { TdFileInputComponent, TdFileInputLabelDirective } from './file-input/file-input.component';\nimport { TdFileService } from './services/file.service';\n\nconst TD_FILE: Type<any>[] = [\n  TdFileSelectDirective,\n  TdFileDropDirective,\n  TdFileUploadComponent,\n  TdFileInputComponent,\n  TdFileInputLabelDirective,\n];\n\n@NgModule({\n  imports: [FormsModule, CommonModule, MatIconModule, MatButtonModule, PortalModule],\n  declarations: [TD_FILE],\n  exports: [TD_FILE],\n  providers: [TdFileService],\n})\nexport class CovalentFileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/covalent-core-json-formatter.mjs

@@ -0,0 +1,353 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Optional, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { tdCollapseAnimation } from '@covalent/core/common';
+import * as i1 from '@angular/cdk/bidi';
+
+function TdJsonFormatterComponent_mat_icon_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-icon", 9);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx_r0.open ? "keyboard_arrow_down" : ctx_r0.isRTL ? "keyboard_arrow_left" : "keyboard_arrow_right", " ");
+    }
+}
+function TdJsonFormatterComponent_span_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 10);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1("", ctx_r1.key, ":");
+    }
+}
+function TdJsonFormatterComponent_span_5_span_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 14);
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r5 = i0.ɵɵnextContext(2);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1("[", ctx_r5.data.length, "]");
+    }
+}
+function TdJsonFormatterComponent_span_5_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 11);
+        i0.ɵɵelementStart(1, "span", 12);
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(3, TdJsonFormatterComponent_span_5_span_3_Template, 2, 1, "span", 13);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵclassProp("td-empty", !ctx_r2.hasChildren());
+        i0.ɵɵproperty("matTooltip", ctx_r2.getPreview());
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx_r2.getObjectName());
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r2.isArray());
+    }
+}
+function TdJsonFormatterComponent_span_6_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r3 = i0.ɵɵnextContext();
+        i0.ɵɵclassMap(ctx_r3.getType(ctx_r3.data));
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r3.getValue(ctx_r3.data));
+    }
+}
+function TdJsonFormatterComponent_ng_template_8_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "td-json-formatter", 15);
+    }
+    if (rf & 2) {
+        const key_r6 = ctx.$implicit;
+        const ctx_r4 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("key", key_r6)("data", ctx_r4.data[key_r6])("levelsOpen", ctx_r4.levelsOpen - 1);
+    }
+}
+class TdJsonFormatterComponent {
+    constructor(_changeDetectorRef, _dir) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._dir = _dir;
+        this._open = false;
+        this._levelsOpen = 0;
+    }
+    /**
+     * levelsOpen?: number
+     * Levels opened by default when JS object is formatted and rendered.
+     */
+    set levelsOpen(levelsOpen) {
+        if (!Number.isInteger(levelsOpen)) {
+            throw new Error('[levelsOpen] needs to be an integer.');
+        }
+        this._levelsOpen = levelsOpen;
+        this._open = levelsOpen > 0;
+    }
+    get levelsOpen() {
+        return this._levelsOpen;
+    }
+    get open() {
+        return this._open;
+    }
+    /**
+     * key?: string
+     * Tag to be displayed next to formatted object.
+     */
+    set key(key) {
+        this._key = key;
+    }
+    get key() {
+        const elipsis = this._key && this._key.length > TdJsonFormatterComponent.KEY_MAX_LENGTH ? '…' : '';
+        return this._key ? this._key.substring(0, TdJsonFormatterComponent.KEY_MAX_LENGTH) + elipsis : this._key;
+    }
+    /**
+     * data: any
+     * JS object to be formatted.
+     */
+    set data(data) {
+        this._data = data;
+        this.parseChildren();
+    }
+    get data() {
+        return this._data;
+    }
+    get children() {
+        return this._children;
+    }
+    get isRTL() {
+        if (this._dir) {
+            return this._dir.dir === 'rtl';
+        }
+        return false;
+    }
+    /**
+     * Refreshes json-formatter and rerenders [data]
+     */
+    refresh() {
+        this._changeDetectorRef.markForCheck();
+    }
+    /**
+     * Toggles collapse/expanded state of component.
+     */
+    toggle() {
+        this._open = !this._open;
+    }
+    isObject() {
+        return this.getType(this._data) === 'object';
+    }
+    isArray() {
+        return Array.isArray(this._data);
+    }
+    hasChildren() {
+        return this._children && this._children.length > 0;
+    }
+    /**
+     * Gets parsed value depending on value type.
+     */
+    getValue(value) {
+        const type = this.getType(value);
+        if (type === 'undefined' || type === 'null') {
+            return type;
+        }
+        else if (type === 'date') {
+            value = new Date(value).toString();
+        }
+        else if (type === 'string') {
+            value = '"' + value + '"';
+        }
+        else if (type === 'function') {
+            // Remove content of the function
+            return (value
+                .toString()
+                .replace(/[\r\n]/g, '')
+                .replace(/\{.*\}/, '') + '{…}');
+        }
+        else if (Array.isArray(value)) {
+            return this.getObjectName() + ' [' + value.length + ']';
+        }
+        return value;
+    }
+    /**
+     * Gets type of object.
+     * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.
+     */
+    getType(object) {
+        if (typeof object === 'object') {
+            if (!object) {
+                return 'null';
+            }
+            if (Array.isArray(object)) {
+                return 'object';
+            }
+            const date = new Date(object);
+            if (Object.prototype.toString.call(date) === '[object Date]' && !Number.isNaN(date.getTime())) {
+                return 'date';
+            }
+        }
+        return typeof object;
+    }
+    /**
+     * Generates string representation depending if its an object or function.
+     * see: http://stackoverflow.com/a/332429
+     */
+    getObjectName() {
+        const object = this._data;
+        if (this.isObject() && !object.constructor) {
+            return 'Object';
+        }
+        const funcNameRegex = /function (.{1,})\(/;
+        const results = funcNameRegex.exec(object.constructor.toString());
+        if (results && results.length > 1) {
+            return results[1];
+        }
+        else {
+            return '';
+        }
+    }
+    /**
+     * Creates preview of nodes children to render in tooltip depending if its an array or an object.
+     */
+    getPreview() {
+        let previewData;
+        let startChar = '{ ';
+        let endChar = ' }';
+        if (this.isArray()) {
+            const previewArray = this._data.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);
+            previewData = previewArray.map((obj) => {
+                return this.getValue(obj);
+            });
+            startChar = '[';
+            endChar = ']';
+        }
+        else {
+            const previewKeys = this._children.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);
+            previewData = previewKeys.map((key) => {
+                return key + ': ' + this.getValue(this._data[key]);
+            });
+        }
+        const previewString = previewData.join(', ');
+        const ellipsis = previewData.length >= TdJsonFormatterComponent.PREVIEW_LIMIT ||
+            previewString.length > TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH
+            ? '…'
+            : '';
+        return (startChar + previewString.substring(0, TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH) + ellipsis + endChar);
+    }
+    parseChildren() {
+        if (this.isObject()) {
+            this._children = Object.keys(this._data);
+        }
+    }
+}
+/**
+ * Max length for property names. Any names bigger than this get trunctated.
+ */
+TdJsonFormatterComponent.KEY_MAX_LENGTH = 30;
+/**
+ * Max length for preview string. Any names bigger than this get trunctated.
+ */
+TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH = 80;
+/**
+ * Max tooltip preview elements.
+ */
+TdJsonFormatterComponent.PREVIEW_LIMIT = 5;
+/** @nocollapse */ /** @nocollapse */ TdJsonFormatterComponent.ɵfac = function TdJsonFormatterComponent_Factory(t) { return new (t || TdJsonFormatterComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.Dir, 8)); };
+/** @nocollapse */ /** @nocollapse */ TdJsonFormatterComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdJsonFormatterComponent, selectors: [["td-json-formatter"]], inputs: { levelsOpen: "levelsOpen", key: "key", data: "data" }, decls: 9, vars: 11, consts: [[1, "td-json-formatter-wrapper"], [1, "td-key", 3, "tabIndex", "keydown.enter", "click"], ["class", "td-node-icon", 4, "ngIf"], ["class", "key", 4, "ngIf"], [1, "value"], ["matTooltipPosition", "after", 3, "td-empty", "matTooltip", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "td-object-children"], ["ngFor", "", 3, "ngForOf"], [1, "td-node-icon"], [1, "key"], ["matTooltipPosition", "after", 3, "matTooltip"], [1, "td-object-name"], ["class", "td-array-length", 4, "ngIf"], [1, "td-array-length"], [3, "key", "data", "levelsOpen"]], template: function TdJsonFormatterComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelementStart(1, "a", 1);
+            i0.ɵɵlistener("keydown.enter", function TdJsonFormatterComponent_Template_a_keydown_enter_1_listener() { return ctx.toggle(); })("click", function TdJsonFormatterComponent_Template_a_click_1_listener() { return ctx.toggle(); });
+            i0.ɵɵtemplate(2, TdJsonFormatterComponent_mat_icon_2_Template, 2, 1, "mat-icon", 2);
+            i0.ɵɵtemplate(3, TdJsonFormatterComponent_span_3_Template, 2, 1, "span", 3);
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtemplate(5, TdJsonFormatterComponent_span_5_Template, 4, 5, "span", 5);
+            i0.ɵɵtemplate(6, TdJsonFormatterComponent_span_6_Template, 2, 3, "span", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 7);
+            i0.ɵɵtemplate(8, TdJsonFormatterComponent_ng_template_8_Template, 1, 3, "ng-template", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassProp("td-key-node", ctx.hasChildren())("td-key-leaf", !ctx.hasChildren());
+            i0.ɵɵproperty("tabIndex", ctx.isObject() ? 0 : -1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.hasChildren());
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.key);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.isObject());
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !ctx.isObject());
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("@tdCollapse", !(ctx.hasChildren() && ctx.open));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.children);
+        }
+    }, directives: [i2.NgIf, i3.MatIcon, i4.MatTooltip, i2.NgForOf, TdJsonFormatterComponent], styles: ["[_nghost-%COMP%]{display:block}.td-json-formatter-wrapper[_ngcontent-%COMP%]{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-key[_ngcontent-%COMP%]{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-key.td-key-node[_ngcontent-%COMP%]:hover{cursor:pointer}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-object-children.ng-animating[_ngcontent-%COMP%]{overflow:hidden}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-object-children[_ngcontent-%COMP%]   .td-key[_ngcontent-%COMP%], .td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-object-children[_ngcontent-%COMP%]   .td-object-children[_ngcontent-%COMP%]{padding-left:24px}  [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,   [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-object-children[_ngcontent-%COMP%]   .td-key.td-key-leaf[_ngcontent-%COMP%], .td-json-formatter-wrapper[_ngcontent-%COMP%]   .td-object-children[_ngcontent-%COMP%]   .td-object-children.td-key-leaf[_ngcontent-%COMP%]{padding-left:48px}  [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,   [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%]{margin-left:5px}  [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%]   .td-empty[_ngcontent-%COMP%]{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%]   .string[_ngcontent-%COMP%], .td-json-formatter-wrapper[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{word-break:break-word}"], data: { animation: [tdCollapseAnimation] }, changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdJsonFormatterComponent, [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'td-json-formatter', animations: [tdCollapseAnimation], template: "<div class=\"td-json-formatter-wrapper\">\n  <a\n    class=\"td-key\"\n    [class.td-key-node]=\"hasChildren()\"\n    [class.td-key-leaf]=\"!hasChildren()\"\n    [tabIndex]=\"isObject() ? 0 : -1\"\n    (keydown.enter)=\"toggle()\"\n    (click)=\"toggle()\"\n  >\n    <mat-icon class=\"td-node-icon\" *ngIf=\"hasChildren()\">\n      {{ open ? 'keyboard_arrow_down' : isRTL ? 'keyboard_arrow_left' : 'keyboard_arrow_right' }}\n    </mat-icon>\n    <span *ngIf=\"key\" class=\"key\">{{ key }}:</span>\n    <span class=\"value\">\n      <span [class.td-empty]=\"!hasChildren()\" *ngIf=\"isObject()\" [matTooltip]=\"getPreview()\" matTooltipPosition=\"after\">\n        <span class=\"td-object-name\">{{ getObjectName() }}</span>\n        <span class=\"td-array-length\" *ngIf=\"isArray()\">[{{ data.length }}]</span>\n      </span>\n      <span *ngIf=\"!isObject()\" [class]=\"getType(data)\">{{ getValue(data) }}</span>\n    </span>\n  </a>\n  <div class=\"td-object-children\" [@tdCollapse]=\"!(hasChildren() && open)\">\n    <ng-template let-key ngFor [ngForOf]=\"children\">\n      <td-json-formatter [key]=\"key\" [data]=\"data[key]\" [levelsOpen]=\"levelsOpen - 1\"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>\n", styles: [":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .string,.td-json-formatter-wrapper .value .date{word-break:break-word}\n"] }]
+        }], function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: i1.Dir, decorators: [{
+                        type: Optional
+                    }] }];
+    }, { levelsOpen: [{
+                type: Input,
+                args: ['levelsOpen']
+            }], key: [{
+                type: Input,
+                args: ['key']
+            }], data: [{
+                type: Input,
+                args: ['data']
+            }] });
+})();
+
+class CovalentJsonFormatterModule {
+}
+/** @nocollapse */ /** @nocollapse */ CovalentJsonFormatterModule.ɵfac = function CovalentJsonFormatterModule_Factory(t) { return new (t || CovalentJsonFormatterModule)(); };
+/** @nocollapse */ /** @nocollapse */ CovalentJsonFormatterModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentJsonFormatterModule });
+/** @nocollapse */ /** @nocollapse */ CovalentJsonFormatterModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule, MatTooltipModule, MatIconModule]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentJsonFormatterModule, [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatTooltipModule, MatIconModule],
+                    declarations: [TdJsonFormatterComponent],
+                    exports: [TdJsonFormatterComponent],
+                }]
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentJsonFormatterModule, { declarations: [TdJsonFormatterComponent], imports: [CommonModule, MatTooltipModule, MatIconModule], exports: [TdJsonFormatterComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentJsonFormatterModule, TdJsonFormatterComponent };
+//# sourceMappingURL=covalent-core-json-formatter.mjs.map

package/fesm2015/covalent-core-json-formatter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-json-formatter.mjs","sources":["../../../../src/platform/core/json-formatter/json-formatter.component.html","../../../../src/platform/core/json-formatter/json-formatter.component.ts","../../../../src/platform/core/json-formatter/json-formatter.module.ts","../../../../src/platform/core/json-formatter/covalent-core-json-formatter.ts"],"sourcesContent":["<div class=\"td-json-formatter-wrapper\">\n  <a\n    class=\"td-key\"\n    [class.td-key-node]=\"hasChildren()\"\n    [class.td-key-leaf]=\"!hasChildren()\"\n    [tabIndex]=\"isObject() ? 0 : -1\"\n    (keydown.enter)=\"toggle()\"\n    (click)=\"toggle()\"\n  >\n    <mat-icon class=\"td-node-icon\" *ngIf=\"hasChildren()\">\n      {{ open ? 'keyboard_arrow_down' : isRTL ? 'keyboard_arrow_left' : 'keyboard_arrow_right' }}\n    </mat-icon>\n    <span *ngIf=\"key\" class=\"key\">{{ key }}:</span>\n    <span class=\"value\">\n      <span [class.td-empty]=\"!hasChildren()\" *ngIf=\"isObject()\" [matTooltip]=\"getPreview()\" matTooltipPosition=\"after\">\n        <span class=\"td-object-name\">{{ getObjectName() }}</span>\n        <span class=\"td-array-length\" *ngIf=\"isArray()\">[{{ data.length }}]</span>\n      </span>\n      <span *ngIf=\"!isObject()\" [class]=\"getType(data)\">{{ getValue(data) }}</span>\n    </span>\n  </a>\n  <div class=\"td-object-children\" [@tdCollapse]=\"!(hasChildren() && open)\">\n    <ng-template let-key ngFor [ngForOf]=\"children\">\n      <td-json-formatter [key]=\"key\" [data]=\"data[key]\" [levelsOpen]=\"levelsOpen - 1\"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>\n","import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, Optional } from '@angular/core';\nimport { Dir } from '@angular/cdk/bidi';\nimport { tdCollapseAnimation } from '@covalent/core/common';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'td-json-formatter',\n  styleUrls: ['./json-formatter.component.scss'],\n  templateUrl: './json-formatter.component.html',\n  animations: [tdCollapseAnimation],\n})\nexport class TdJsonFormatterComponent {\n  /**\n   * Max length for property names. Any names bigger than this get trunctated.\n   */\n  private static KEY_MAX_LENGTH: number = 30;\n\n  /**\n   * Max length for preview string. Any names bigger than this get trunctated.\n   */\n  private static PREVIEW_STRING_MAX_LENGTH: number = 80;\n\n  /**\n   * Max tooltip preview elements.\n   */\n  private static PREVIEW_LIMIT: number = 5;\n\n  private _key: string;\n  private _data: any;\n  private _children: string[];\n  private _open: boolean = false;\n  private _levelsOpen: number = 0;\n\n  /**\n   * levelsOpen?: number\n   * Levels opened by default when JS object is formatted and rendered.\n   */\n  @Input('levelsOpen')\n  set levelsOpen(levelsOpen: number) {\n    if (!Number.isInteger(levelsOpen)) {\n      throw new Error('[levelsOpen] needs to be an integer.');\n    }\n    this._levelsOpen = levelsOpen;\n    this._open = levelsOpen > 0;\n  }\n  get levelsOpen(): number {\n    return this._levelsOpen;\n  }\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  /**\n   * key?: string\n   * Tag to be displayed next to formatted object.\n   */\n  @Input('key')\n  set key(key: string) {\n    this._key = key;\n  }\n  get key(): string {\n    const elipsis: string = this._key && this._key.length > TdJsonFormatterComponent.KEY_MAX_LENGTH ? '…' : '';\n    return this._key ? this._key.substring(0, TdJsonFormatterComponent.KEY_MAX_LENGTH) + elipsis : this._key;\n  }\n\n  /**\n   * data: any\n   * JS object to be formatted.\n   */\n  @Input('data')\n  set data(data: any) {\n    this._data = data;\n    this.parseChildren();\n  }\n  get data(): any {\n    return this._data;\n  }\n\n  get children(): string[] {\n    return this._children;\n  }\n\n  get isRTL(): boolean {\n    if (this._dir) {\n      return this._dir.dir === 'rtl';\n    }\n    return false;\n  }\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef, @Optional() private _dir: Dir) {}\n\n  /**\n   * Refreshes json-formatter and rerenders [data]\n   */\n  refresh(): void {\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Toggles collapse/expanded state of component.\n   */\n  toggle(): void {\n    this._open = !this._open;\n  }\n\n  isObject(): boolean {\n    return this.getType(this._data) === 'object';\n  }\n\n  isArray(): boolean {\n    return Array.isArray(this._data);\n  }\n\n  hasChildren(): boolean {\n    return this._children && this._children.length > 0;\n  }\n\n  /**\n   * Gets parsed value depending on value type.\n   */\n  getValue(value: any): string {\n    const type: string = this.getType(value);\n    if (type === 'undefined' || type === 'null') {\n      return type;\n    } else if (type === 'date') {\n      value = new Date(value).toString();\n    } else if (type === 'string') {\n      value = '\"' + value + '\"';\n    } else if (type === 'function') {\n      // Remove content of the function\n      return (\n        value\n          .toString()\n          .replace(/[\\r\\n]/g, '')\n          .replace(/\\{.*\\}/, '') + '{…}'\n      );\n    } else if (Array.isArray(value)) {\n      return this.getObjectName() + ' [' + value.length + ']';\n    }\n    return value;\n  }\n\n  /**\n   * Gets type of object.\n   * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.\n   */\n  getType(object: any): string {\n    if (typeof object === 'object') {\n      if (!object) {\n        return 'null';\n      }\n      if (Array.isArray(object)) {\n        return 'object';\n      }\n      const date: Date = new Date(object);\n      if (Object.prototype.toString.call(date) === '[object Date]' && !Number.isNaN(date.getTime())) {\n        return 'date';\n      }\n    }\n    return typeof object;\n  }\n\n  /**\n   * Generates string representation depending if its an object or function.\n   * see: http://stackoverflow.com/a/332429\n   */\n  getObjectName(): string {\n    const object: any = this._data;\n    if (this.isObject() && !object.constructor) {\n      return 'Object';\n    }\n    const funcNameRegex: RegExp = /function (.{1,})\\(/;\n    const results: RegExpExecArray = funcNameRegex.exec(object.constructor.toString());\n    if (results && results.length > 1) {\n      return results[1];\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Creates preview of nodes children to render in tooltip depending if its an array or an object.\n   */\n  getPreview(): string {\n    let previewData: string[];\n    let startChar: string = '{ ';\n    let endChar: string = ' }';\n    if (this.isArray()) {\n      const previewArray: any[] = this._data.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewArray.map((obj: any) => {\n        return this.getValue(obj);\n      });\n      startChar = '[';\n      endChar = ']';\n    } else {\n      const previewKeys: string[] = this._children.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewKeys.map((key: string) => {\n        return key + ': ' + this.getValue(this._data[key]);\n      });\n    }\n    const previewString: string = previewData.join(', ');\n    const ellipsis: string =\n      previewData.length >= TdJsonFormatterComponent.PREVIEW_LIMIT ||\n      previewString.length > TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH\n        ? '…'\n        : '';\n    return (\n      startChar + previewString.substring(0, TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH) + ellipsis + endChar\n    );\n  }\n\n  private parseChildren(): void {\n    if (this.isObject()) {\n      this._children = Object.keys(this._data);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdJsonFormatterComponent } from './json-formatter.component';\n\n@NgModule({\n  imports: [CommonModule, MatTooltipModule, MatIconModule],\n  declarations: [TdJsonFormatterComponent],\n  exports: [TdJsonFormatterComponent],\n})\nexport class CovalentJsonFormatterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}