ngx-object-diff
Version:
An Angular 2+ library to compare and show object differences.
76 lines • 4.3 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/ngx-object-diff.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class NgxObjectDiffComponent {
}
NgxObjectDiffComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-object-diff',
template: `
<pre [innerHTML]="obj"></pre>
`,
styles: [`
pre{
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
:host >>> .diff {
display: inline-block;
}
:host >>> .diff-level {
margin-left: 1.6em;
}
:host >>> .diff-holder {
color: #666;
margin: 0;
}
:host >>> .diff-holder span {
color: #AAA;
}
:host >>> del.diff {
text-decoration: none;
color: #b30000;
background: #fadad7;
}
:host >>> ins.diff {
background: #eaf2c2;
color: #406619;
text-decoration: none;
}
:host >>> del.diff-key {
border: 1px solid #f8a4a4;
}
:host >>> ins.diff-key {
border: 1px solid #a3ce4c;
margin-top: -1px;
position: relative;
}
:host >>> ins.diff span {
color: #AABF40;
}
:host >>> del.diff span {
color: #EE8177;
}
`]
}] }
];
NgxObjectDiffComponent.propDecorators = {
obj: [{ type: Input }]
};
if (false) {
/** @type {?} */
NgxObjectDiffComponent.prototype.obj;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW9iamVjdC1kaWZmLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vYmplY3QtZGlmZi8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtb2JqZWN0LWRpZmYuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUE0RHZELE1BQU0sT0FBTyxzQkFBc0I7OztZQTFEbEMsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLFFBQVEsRUFBRTs7R0FFVDt5QkFDUTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbURSO2FBQ0Y7OztrQkFFRSxLQUFLOzs7O0lBQU4scUNBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtb2JqZWN0LWRpZmYnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwcmUgW2lubmVySFRNTF09XCJvYmpcIj48L3ByZT5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIHByZXtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcGFkZGluZzogOS41cHg7XG4gICAgICBtYXJnaW46IDAgMCAxMHB4O1xuICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgbGluZS1oZWlnaHQ6IDEuNDI4NTcxNDI5O1xuICAgICAgY29sb3I6ICMzMzM7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYztcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICB9XG4gICAgOmhvc3QgPj4+IC5kaWZmIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIH1cbiAgICA6aG9zdCA+Pj4gLmRpZmYtbGV2ZWwge1xuICAgICAgICBtYXJnaW4tbGVmdDogMS42ZW07XG4gICAgfVxuICAgIDpob3N0ID4+PiAuZGlmZi1ob2xkZXIge1xuICAgICAgICBjb2xvcjogIzY2NjtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbiAgICA6aG9zdCA+Pj4gLmRpZmYtaG9sZGVyIHNwYW4ge1xuICAgICAgICBjb2xvcjogI0FBQTtcbiAgICB9XG4gICAgOmhvc3QgPj4+IGRlbC5kaWZmIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBjb2xvcjogI2IzMDAwMDtcbiAgICAgICAgYmFja2dyb3VuZDogI2ZhZGFkNztcbiAgICB9XG4gICAgOmhvc3QgPj4+IGlucy5kaWZmIHtcbiAgICAgICAgYmFja2dyb3VuZDogI2VhZjJjMjtcbiAgICAgICAgY29sb3I6ICM0MDY2MTk7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gICAgOmhvc3QgPj4+IGRlbC5kaWZmLWtleSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNmOGE0YTQ7XG4gICAgfVxuICAgIDpob3N0ID4+PiBpbnMuZGlmZi1rZXkge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjYTNjZTRjO1xuICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICAgIDpob3N0ID4+PiBpbnMuZGlmZiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICNBQUJGNDA7XG4gICAgfVxuICAgIDpob3N0ID4+PiBkZWwuZGlmZiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICNFRTgxNzc7XG4gICAgfVxuICBgXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hPYmplY3REaWZmQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG9iajogYW55O1xufVxuIl19