@covalent/core 3.1.0 → 3.1.2-beta.6

package/bundles/covalent-core-json-formatter.umd.js

@@ -1,14 +1,19 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/cdk/bidi'), require('@covalent/core/common')) :
     typeof define === 'function' && define.amd ? define('@covalent/core/json-formatter', ['exports', '@angular/core', '@angular/common', '@angular/material/tooltip', '@angular/material/icon', '@angular/cdk/bidi', '@covalent/core/common'], factory) :
-    (global = global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core['json-formatter'] = {}), global.ng.core, global.ng.common, global.ng.material.tooltip, global.ng.material.icon, global.ng.cdk.bidi, global.covalent.core.common));
-}(this, (function (exports, core, common, tooltip, icon, bidi, common$1) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core['json-formatter'] = {}), global.ng.core, global.ng.common, global.ng.material.tooltip, global.ng.material.icon, global.ng.cdk.bidi, global.covalent.core.common));
+}(this, (function (exports, core, common$1, tooltip, icon, bidi, common) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: json-formatter.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdJsonFormatterComponent = /** @class */ (function () {
+        /**
+         * @param {?} _changeDetectorRef
+         * @param {?} _dir
+         */
         function TdJsonFormatterComponent(_changeDetectorRef, _dir) {
             this._changeDetectorRef = _changeDetectorRef;
             this._dir = _dir;
@@ -16,183 +21,140 @@
             this._levelsOpen = 0;
         }
         Object.defineProperty(TdJsonFormatterComponent.prototype, "levelsOpen", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._levelsOpen;
             },
             /**
-             * levelsOpen?: number
-             * Levels opened by default when JS object is formatted and rendered.
-             */
-            set: /**
              * levelsOpen?: number
              * Levels opened by default when JS object is formatted and rendered.
              * @param {?} levelsOpen
              * @return {?}
              */
-            function (levelsOpen) {
+            set: function (levelsOpen) {
                 if (!Number.isInteger(levelsOpen)) {
                     throw new Error('[levelsOpen] needs to be an integer.');
                 }
                 this._levelsOpen = levelsOpen;
                 this._open = levelsOpen > 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdJsonFormatterComponent.prototype, "open", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._open;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdJsonFormatterComponent.prototype, "key", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 /** @type {?} */
                 var elipsis = this._key && this._key.length > TdJsonFormatterComponent.KEY_MAX_LENGTH ? '…' : '';
                 return this._key ? this._key.substring(0, TdJsonFormatterComponent.KEY_MAX_LENGTH) + elipsis : this._key;
             },
             /**
-             * key?: string
-             * Tag to be displayed next to formatted object.
-             */
-            set: /**
              * key?: string
              * Tag to be displayed next to formatted object.
              * @param {?} key
              * @return {?}
              */
-            function (key) {
+            set: function (key) {
                 this._key = key;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdJsonFormatterComponent.prototype, "data", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._data;
             },
             /**
-             * data: any
-             * JS object to be formatted.
-             */
-            set: /**
              * data: any
              * JS object to be formatted.
              * @param {?} data
              * @return {?}
              */
-            function (data) {
+            set: function (data) {
                 this._data = data;
                 this.parseChildren();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdJsonFormatterComponent.prototype, "children", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._children;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdJsonFormatterComponent.prototype, "isRTL", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 if (this._dir) {
                     return this._dir.dir === 'rtl';
                 }
                 return false;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
-         * Refreshes json-formatter and rerenders [data]
-         */
-        /**
-         * Refreshes json-formatter and rerenders [data]
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.refresh = /**
          * Refreshes json-formatter and rerenders [data]
          * @return {?}
          */
-        function () {
+        TdJsonFormatterComponent.prototype.refresh = function () {
             this._changeDetectorRef.markForCheck();
         };
         /**
-         * Toggles collapse/expanded state of component.
-         */
-        /**
-         * Toggles collapse/expanded state of component.
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.toggle = /**
          * Toggles collapse/expanded state of component.
          * @return {?}
          */
-        function () {
+        TdJsonFormatterComponent.prototype.toggle = function () {
             this._open = !this._open;
         };
         /**
          * @return {?}
          */
-        TdJsonFormatterComponent.prototype.isObject = /**
-         * @return {?}
-         */
-        function () {
+        TdJsonFormatterComponent.prototype.isObject = function () {
             return this.getType(this._data) === 'object';
         };
         /**
          * @return {?}
          */
-        TdJsonFormatterComponent.prototype.isArray = /**
-         * @return {?}
-         */
-        function () {
+        TdJsonFormatterComponent.prototype.isArray = function () {
             return Array.isArray(this._data);
         };
         /**
          * @return {?}
          */
-        TdJsonFormatterComponent.prototype.hasChildren = /**
-         * @return {?}
-         */
-        function () {
+        TdJsonFormatterComponent.prototype.hasChildren = function () {
             return this._children && this._children.length > 0;
         };
         /**
-         * Gets parsed value depending on value type.
-         */
-        /**
-         * Gets parsed value depending on value type.
-         * @param {?} value
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.getValue = /**
          * Gets parsed value depending on value type.
          * @param {?} value
          * @return {?}
          */
-        function (value) {
+        TdJsonFormatterComponent.prototype.getValue = function (value) {
             /** @type {?} */
             var type = this.getType(value);
             if (type === 'undefined' || type === 'null') {
@@ -217,22 +179,12 @@
             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.
-         */
-        /**
-         * Gets type of object.
-         * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.
-         * @param {?} object
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.getType = /**
          * Gets type of object.
          * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.
          * @param {?} object
          * @return {?}
          */
-        function (object) {
+        TdJsonFormatterComponent.prototype.getType = function (object) {
             if (typeof object === 'object') {
                 if (!object) {
                     return 'null';
@@ -249,20 +201,11 @@
             return typeof object;
         };
         /**
-         * Generates string representation depending if its an object or function.
-         * see: http://stackoverflow.com/a/332429
-         */
-        /**
-         * Generates string representation depending if its an object or function.
-         * see: http://stackoverflow.com/a/332429
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.getObjectName = /**
          * Generates string representation depending if its an object or function.
          * see: http://stackoverflow.com/a/332429
          * @return {?}
          */
-        function () {
+        TdJsonFormatterComponent.prototype.getObjectName = function () {
             /** @type {?} */
             var object = this._data;
             if (this.isObject() && !object.constructor) {
@@ -280,17 +223,10 @@
             }
         };
         /**
-         * Creates preview of nodes children to render in tooltip depending if its an array or an object.
-         */
-        /**
-         * Creates preview of nodes children to render in tooltip depending if its an array or an object.
-         * @return {?}
-         */
-        TdJsonFormatterComponent.prototype.getPreview = /**
          * Creates preview of nodes children to render in tooltip depending if its an array or an object.
          * @return {?}
          */
-        function () {
+        TdJsonFormatterComponent.prototype.getPreview = function () {
             var _this = this;
             /** @type {?} */
             var previewData;
@@ -301,11 +237,10 @@
             if (this.isArray()) {
                 /** @type {?} */
                 var previewArray = this._data.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);
-                previewData = previewArray.map((/**
+                previewData = previewArray.map(( /**
                  * @param {?} obj
                  * @return {?}
-                 */
-                function (obj) {
+                 */function (obj) {
                     return _this.getValue(obj);
                 }));
                 startChar = '[';
@@ -314,11 +249,10 @@
             else {
                 /** @type {?} */
                 var previewKeys = this._children.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);
-                previewData = previewKeys.map((/**
+                previewData = previewKeys.map(( /**
                  * @param {?} key
                  * @return {?}
-                 */
-                function (key) {
+                 */function (key) {
                     return key + ': ' + _this.getValue(_this._data[key]);
                 }));
             }
@@ -335,48 +269,44 @@
          * @private
          * @return {?}
          */
-        TdJsonFormatterComponent.prototype.parseChildren = /**
-         * @private
-         * @return {?}
-         */
-        function () {
+        TdJsonFormatterComponent.prototype.parseChildren = function () {
             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;
-        TdJsonFormatterComponent.decorators = [
-            { type: core.Component, args: [{
-                        changeDetection: core.ChangeDetectionStrategy.OnPush,
-                        selector: 'td-json-formatter',
-                        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",
-                        animations: [common$1.tdCollapseAnimation],
-                        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 .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdJsonFormatterComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: bidi.Dir, decorators: [{ type: core.Optional }] }
-        ]; };
-        TdJsonFormatterComponent.propDecorators = {
-            levelsOpen: [{ type: core.Input, args: ['levelsOpen',] }],
-            key: [{ type: core.Input, args: ['key',] }],
-            data: [{ type: core.Input, args: ['data',] }]
-        };
         return TdJsonFormatterComponent;
     }());
+    /**
+     * 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;
+    TdJsonFormatterComponent.decorators = [
+        { type: core.Component, args: [{
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    selector: 'td-json-formatter',
+                    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",
+                    animations: [common.tdCollapseAnimation],
+                    styles: [":host{display:block}.td-json-formatter-wrapper{padding-bottom:2px;padding-top:2px}.td-json-formatter-wrapper .td-key{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}.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-left:0;padding-right:24px}.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-left:0;padding-right:48px}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-left:0;padding-right:5px}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdJsonFormatterComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef },
+        { type: bidi.Dir, decorators: [{ type: core.Optional }] }
+    ]; };
+    TdJsonFormatterComponent.propDecorators = {
+        levelsOpen: [{ type: core.Input, args: ['levelsOpen',] }],
+        key: [{ type: core.Input, args: ['key',] }],
+        data: [{ type: core.Input, args: ['data',] }]
+    };
     if (false) {
         /**
          * Max length for property names. Any names bigger than this get trunctated.
@@ -435,20 +365,39 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: json-formatter.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var CovalentJsonFormatterModule = /** @class */ (function () {
         function CovalentJsonFormatterModule() {
         }
-        CovalentJsonFormatterModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [common.CommonModule, tooltip.MatTooltipModule, icon.MatIconModule],
-                        declarations: [TdJsonFormatterComponent],
-                        exports: [TdJsonFormatterComponent],
-                    },] }
-        ];
         return CovalentJsonFormatterModule;
     }());
+    CovalentJsonFormatterModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common$1.CommonModule, tooltip.MatTooltipModule, icon.MatIconModule],
+                    declarations: [TdJsonFormatterComponent],
+                    exports: [TdJsonFormatterComponent],
+                },] }
+    ];
+
+    /**
+     * @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-core-json-formatter.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
 
     exports.CovalentJsonFormatterModule = CovalentJsonFormatterModule;
     exports.TdJsonFormatterComponent = TdJsonFormatterComponent;

package/bundles/covalent-core-json-formatter.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"covalent-core-json-formatter.umd.js","sources":["ng://@covalent/core/json-formatter/json-formatter.component.ts","ng://@covalent/core/json-formatter/json-formatter.module.ts"],"sourcesContent":["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"],"names":["Component","ChangeDetectionStrategy","tdCollapseAnimation","ChangeDetectorRef","Dir","Optional","Input","NgModule","CommonModule","MatTooltipModule","MatIconModule"],"mappings":"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"}
+{"version":3,"file":"covalent-core-json-formatter.umd.js","sources":["../../../../src/platform/core/json-formatter/json-formatter.component.ts","../../../../src/platform/core/json-formatter/json-formatter.module.ts"],"sourcesContent":["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"],"names":["Component","ChangeDetectionStrategy","tdCollapseAnimation","ChangeDetectorRef","Dir","Optional","Input","NgModule","CommonModule","MatTooltipModule","MatIconModule"],"mappings":"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"}

package/bundles/covalent-core-json-formatter.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/tooltip"),require("@angular/material/icon"),require("@angular/cdk/bidi"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/json-formatter",["exports","@angular/core","@angular/common","@angular/material/tooltip","@angular/material/icon","@angular/cdk/bidi","@covalent/core/common"],t):t(((e=e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["json-formatter"]={}),e.ng.core,e.ng.common,e.ng.material.tooltip,e.ng.material.icon,e.ng.cdk.bidi,e.covalent.core.common)}(this,(function(e,t,r,n,o,a,i){"use strict";var d=function(){function e(e,t){this._changeDetectorRef=e,this._dir=t,this._open=!1,this._levelsOpen=0}return Object.defineProperty(e.prototype,"levelsOpen",{get:function(){return this._levelsOpen},set:function(e){if(!Number.isInteger(e))throw new Error("[levelsOpen] needs to be an integer.");this._levelsOpen=e,this._open=e>0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"open",{get:function(){return this._open},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"key",{get:function(){var t=this._key&&this._key.length>e.KEY_MAX_LENGTH?"…":"";return this._key?this._key.substring(0,e.KEY_MAX_LENGTH)+t:this._key},set:function(e){this._key=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.parseChildren()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"children",{get:function(){return this._children},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!0,configurable:!0}),e.prototype.refresh=function(){this._changeDetectorRef.markForCheck()},e.prototype.toggle=function(){this._open=!this._open},e.prototype.isObject=function(){return"object"===this.getType(this._data)},e.prototype.isArray=function(){return Array.isArray(this._data)},e.prototype.hasChildren=function(){return this._children&&this._children.length>0},e.prototype.getValue=function(e){var t=this.getType(e);if("undefined"===t||"null"===t)return t;if("date"===t)e=new Date(e).toString();else if("string"===t)e='"'+e+'"';else{if("function"===t)return e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}";if(Array.isArray(e))return this.getObjectName()+" ["+e.length+"]"}return e},e.prototype.getType=function(e){if("object"==typeof e){if(!e)return"null";if(Array.isArray(e))return"object";var t=new Date(e);if("[object Date]"===Object.prototype.toString.call(t)&&!Number.isNaN(t.getTime()))return"date"}return typeof e},e.prototype.getObjectName=function(){var e=this._data;if(this.isObject()&&!e.constructor)return"Object";var t=/function (.{1,})\(/.exec(e.constructor.toString());return t&&t.length>1?t[1]:""},e.prototype.getPreview=function(){var t,r=this,n="{ ",o=" }";this.isArray()?(t=this._data.slice(0,e.PREVIEW_LIMIT).map((function(e){return r.getValue(e)})),n="[",o="]"):t=this._children.slice(0,e.PREVIEW_LIMIT).map((function(e){return e+": "+r.getValue(r._data[e])}));var a=t.join(", "),i=t.length>=e.PREVIEW_LIMIT||a.length>e.PREVIEW_STRING_MAX_LENGTH?"…":"";return n+a.substring(0,e.PREVIEW_STRING_MAX_LENGTH)+i+o},e.prototype.parseChildren=function(){this.isObject()&&(this._children=Object.keys(this._data))},e.KEY_MAX_LENGTH=30,e.PREVIEW_STRING_MAX_LENGTH=80,e.PREVIEW_LIMIT=5,e.decorators=[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,selector:"td-json-formatter",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',animations:[i.tdCollapseAnimation],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 .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:a.Dir,decorators:[{type:t.Optional}]}]},e.propDecorators={levelsOpen:[{type:t.Input,args:["levelsOpen"]}],key:[{type:t.Input,args:["key"]}],data:[{type:t.Input,args:["data"]}]},e}();var s=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,n.MatTooltipModule,o.MatIconModule],declarations:[d],exports:[d]}]}],e}();e.CovalentJsonFormatterModule=s,e.TdJsonFormatterComponent=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/tooltip"),require("@angular/material/icon"),require("@angular/cdk/bidi"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/json-formatter",["exports","@angular/core","@angular/common","@angular/material/tooltip","@angular/material/icon","@angular/cdk/bidi","@covalent/core/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["json-formatter"]={}),e.ng.core,e.ng.common,e.ng.material.tooltip,e.ng.material.icon,e.ng.cdk.bidi,e.covalent.core.common)}(this,(function(e,t,r,n,o,a,i){"use strict";var d=function(){function e(e,t){this._changeDetectorRef=e,this._dir=t,this._open=!1,this._levelsOpen=0}return Object.defineProperty(e.prototype,"levelsOpen",{get:function(){return this._levelsOpen},set:function(e){if(!Number.isInteger(e))throw new Error("[levelsOpen] needs to be an integer.");this._levelsOpen=e,this._open=e>0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"open",{get:function(){return this._open},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"key",{get:function(){var t=this._key&&this._key.length>e.KEY_MAX_LENGTH?"…":"";return this._key?this._key.substring(0,e.KEY_MAX_LENGTH)+t:this._key},set:function(e){this._key=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.parseChildren()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"children",{get:function(){return this._children},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!1,configurable:!0}),e.prototype.refresh=function(){this._changeDetectorRef.markForCheck()},e.prototype.toggle=function(){this._open=!this._open},e.prototype.isObject=function(){return"object"===this.getType(this._data)},e.prototype.isArray=function(){return Array.isArray(this._data)},e.prototype.hasChildren=function(){return this._children&&this._children.length>0},e.prototype.getValue=function(e){var t=this.getType(e);if("undefined"===t||"null"===t)return t;if("date"===t)e=new Date(e).toString();else if("string"===t)e='"'+e+'"';else{if("function"===t)return e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}";if(Array.isArray(e))return this.getObjectName()+" ["+e.length+"]"}return e},e.prototype.getType=function(e){if("object"==typeof e){if(!e)return"null";if(Array.isArray(e))return"object";var t=new Date(e);if("[object Date]"===Object.prototype.toString.call(t)&&!Number.isNaN(t.getTime()))return"date"}return typeof e},e.prototype.getObjectName=function(){var e=this._data;if(this.isObject()&&!e.constructor)return"Object";var t=/function (.{1,})\(/.exec(e.constructor.toString());return t&&t.length>1?t[1]:""},e.prototype.getPreview=function(){var t,r=this,n="{ ",o=" }";this.isArray()?(t=this._data.slice(0,e.PREVIEW_LIMIT).map((function(e){return r.getValue(e)})),n="[",o="]"):t=this._children.slice(0,e.PREVIEW_LIMIT).map((function(e){return e+": "+r.getValue(r._data[e])}));var a=t.join(", "),i=t.length>=e.PREVIEW_LIMIT||a.length>e.PREVIEW_STRING_MAX_LENGTH?"…":"";return n+a.substring(0,e.PREVIEW_STRING_MAX_LENGTH)+i+o},e.prototype.parseChildren=function(){this.isObject()&&(this._children=Object.keys(this._data))},e}();d.KEY_MAX_LENGTH=30,d.PREVIEW_STRING_MAX_LENGTH=80,d.PREVIEW_LIMIT=5,d.decorators=[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,selector:"td-json-formatter",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',animations:[i.tdCollapseAnimation],styles:[":host{display:block}.td-json-formatter-wrapper{padding-bottom:2px;padding-top:2px}.td-json-formatter-wrapper .td-key{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}.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-left:0;padding-right:24px}.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-left:0;padding-right:48px}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-left:0;padding-right:5px}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],d.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:a.Dir,decorators:[{type:t.Optional}]}]},d.propDecorators={levelsOpen:[{type:t.Input,args:["levelsOpen"]}],key:[{type:t.Input,args:["key"]}],data:[{type:t.Input,args:["data"]}]};var l=function(){};l.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,n.MatTooltipModule,o.MatIconModule],declarations:[d],exports:[d]}]}],e.CovalentJsonFormatterModule=l,e.TdJsonFormatterComponent=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=covalent-core-json-formatter.umd.min.js.map

package/bundles/covalent-core-json-formatter.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ng://@covalent/core/json-formatter/json-formatter.component.ts","ng://@covalent/core/json-formatter/json-formatter.module.ts"],"names":["TdJsonFormatterComponent","_changeDetectorRef","_dir","this","_open","_levelsOpen","Object","defineProperty","prototype","levelsOpen","Number","isInteger","Error","elipsis","_key","length","KEY_MAX_LENGTH","substring","key","_data","data","parseChildren","_children","dir","refresh","markForCheck","toggle","isObject","getType","isArray","Array","hasChildren","getValue","value","type","Date","toString","replace","getObjectName","object","date","call","isNaN","getTime","constructor","results","exec","getPreview","previewData","_this","startChar","endChar","slice","PREVIEW_LIMIT","map","obj","previewString","join","ellipsis","PREVIEW_STRING_MAX_LENGTH","keys","Component","args","changeDetection","ChangeDetectionStrategy","OnPush","selector","template","animations","tdCollapseAnimation","ChangeDetectorRef","Dir","decorators","Optional","Input","CovalentJsonFormatterModule","NgModule","imports","CommonModule","MatTooltipModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["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"]}
+{"version":3,"sources":["../../../../src/platform/core/json-formatter/json-formatter.component.ts","../../../../src/platform/core/json-formatter/json-formatter.module.ts"],"names":["TdJsonFormatterComponent","_changeDetectorRef","_dir","this","_open","_levelsOpen","Object","defineProperty","prototype","levelsOpen","Number","isInteger","Error","elipsis","_key","length","KEY_MAX_LENGTH","substring","key","_data","data","parseChildren","_children","dir","refresh","markForCheck","toggle","isObject","getType","isArray","Array","hasChildren","getValue","value","type","Date","toString","replace","getObjectName","object","date","call","isNaN","getTime","constructor","results","exec","getPreview","previewData","_this","startChar","endChar","slice","PREVIEW_LIMIT","map","obj","previewString","join","ellipsis","PREVIEW_STRING_MAX_LENGTH","keys","Component","args","changeDetection","ChangeDetectionStrategy","OnPush","selector","template","animations","tdCollapseAnimation","ChangeDetectorRef","Dir","decorators","Optional","Input","NgModule","imports","CommonModule","MatTooltipModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["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"]}