ps-toolkit-ui 1.21.82 → 1.21.83

package/esm2015/lib/components/form/pre/form.pre.component.js

@@ -1,10 +1,14 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
+import JSONFormatter from 'json-formatter-js';
 export class FormPreComponent {
     constructor() {
     }
     ngOnInit() {
         this.inp.setValue = (v) => {
-            this.inp.value = typeof v === 'string' ? JSON.stringify(v, null, 2) : v;
+            const formatter = new JSONFormatter(typeof v === 'string' ? JSON.parse(v) : v, 2, {
+                theme: 'dark'
+            });
+            this.jsonContainer.nativeElement.appendChild(formatter.render());
         };
         this.inp.isValid = () => {
             return true;
@@ -12,21 +16,17 @@ export class FormPreComponent {
         this.inp.clear = () => {
         };
     }
-    onClick() {
-        if (this.inp.onClick) {
-            this.inp.onClick(this.inp);
-        }
-    }
 }
 FormPreComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-form-pre',
-                template: "<pre [id]=\"inp.id + 'PreInput'\" (click)=\"onClick()\" #inputDiv [className]=\"'form-input pre w-100' + ' ' + inp.class\" [innerHTML]=\"inp.l(inp.value)\">\r\n</pre>\r\n",
+                template: "<div #jsonContainer [id]=\"inp.id + 'PreInput'\" [className]=\"'form-input pre w-100' + ' ' + inp.class\">\r\n</div>\r\n",
                 styles: [".form-input.pre{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;font-size:12px;line-height:30px;min-height:30px!important;padding:0 15px;position:relative;text-align:center}"]
             },] }
 ];
 FormPreComponent.ctorParameters = () => [];
 FormPreComponent.propDecorators = {
+    jsonContainer: [{ type: ViewChild, args: ['jsonContainer', { static: true },] }],
     inp: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5wcmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Zvcm0vcHJlL2Zvcm0ucHJlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQVF2RCxNQUFNLE9BQU8sZ0JBQWdCO0lBRzNCO0lBQ0EsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUUsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFO1lBQ3RCLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFO1FBQ3RCLENBQUMsQ0FBQztJQUNKLENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBQztZQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4QixzTEFBd0M7O2FBRXpDOzs7O2tCQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tcHJlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS5wcmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0ucHJlLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVByZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIGlucDogSW5wdXRDbGFzcztcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlucC5zZXRWYWx1ZSA9ICh2KSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gdHlwZW9mIHYgPT09ICdzdHJpbmcnID8gSlNPTi5zdHJpbmdpZnkodiwgbnVsbCwgMikgOiB2O1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmlzVmFsaWQgPSAoKSA9PiB7XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmNsZWFyID0gKCkgPT4ge1xyXG4gICAgfTtcclxuICB9XHJcbiAgb25DbGljaygpOiB2b2lke1xyXG4gICAgaWYgKHRoaXMuaW5wLm9uQ2xpY2spe1xyXG4gICAgICB0aGlzLmlucC5vbkNsaWNrKHRoaXMuaW5wKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5wcmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Zvcm0vcHJlL2Zvcm0ucHJlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBc0IsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTlFLE9BQU8sYUFBYSxNQUFNLG1CQUFtQixDQUFDO0FBTzlDLE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7SUFDQSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDeEIsTUFBTSxTQUFTLEdBQUcsSUFBSSxhQUFhLENBQUMsT0FBTyxDQUFDLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUNoRixLQUFLLEVBQUUsTUFBTTthQUNkLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FDMUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUNuQixDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFO1lBQ3RCLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFO1FBQ3RCLENBQUMsQ0FBQztJQUNKLENBQUM7OztZQTVCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLG9JQUF3Qzs7YUFFekM7Ozs7NEJBRUUsU0FBUyxTQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7a0JBRTNDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIEVsZW1lbnRSZWYsIE9uSW5pdCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQgSlNPTkZvcm1hdHRlciBmcm9tICdqc29uLWZvcm1hdHRlci1qcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXByZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0ucHJlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mb3JtLnByZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1QcmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQFZpZXdDaGlsZCgnanNvbkNvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAganNvbkNvbnRhaW5lciE6IEVsZW1lbnRSZWY7XHJcbiAgQElucHV0KClcclxuICBpbnA6IElucHV0Q2xhc3M7XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICBjb25zdCBmb3JtYXR0ZXIgPSBuZXcgSlNPTkZvcm1hdHRlcih0eXBlb2YgdiA9PT0gJ3N0cmluZycgPyBKU09OLnBhcnNlKHYpIDogdiwgMiwge1xyXG4gICAgICAgIHRoZW1lOiAnZGFyaydcclxuICAgICAgfSk7XHJcblxyXG4gICAgICB0aGlzLmpzb25Db250YWluZXIubmF0aXZlRWxlbWVudC5hcHBlbmRDaGlsZChcclxuICAgICAgICBmb3JtYXR0ZXIucmVuZGVyKClcclxuICAgICAgKTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5pc1ZhbGlkID0gKCkgPT4ge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5jbGVhciA9ICgpID0+IHtcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/fesm2015/ps-toolkit-ui.js

@@ -5,6 +5,7 @@ import { now } from 'jalali-moment';
 import { NavigationEnd, Router, RouterModule } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 import 'jquery-ui-dist/jquery-ui';
+import JSONFormatter from 'json-formatter-js';
 import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -4332,7 +4333,10 @@ class FormPreComponent {
     }
     ngOnInit() {
         this.inp.setValue = (v) => {
-            this.inp.value = typeof v === 'string' ? JSON.stringify(v, null, 2) : v;
+            const formatter = new JSONFormatter(typeof v === 'string' ? JSON.parse(v) : v, 2, {
+                theme: 'dark'
+            });
+            this.jsonContainer.nativeElement.appendChild(formatter.render());
         };
         this.inp.isValid = () => {
             return true;
@@ -4340,21 +4344,17 @@ class FormPreComponent {
         this.inp.clear = () => {
         };
     }
-    onClick() {
-        if (this.inp.onClick) {
-            this.inp.onClick(this.inp);
-        }
-    }
 }
 FormPreComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-form-pre',
-                template: "<pre [id]=\"inp.id + 'PreInput'\" (click)=\"onClick()\" #inputDiv [className]=\"'form-input pre w-100' + ' ' + inp.class\" [innerHTML]=\"inp.l(inp.value)\">\r\n</pre>\r\n",
+                template: "<div #jsonContainer [id]=\"inp.id + 'PreInput'\" [className]=\"'form-input pre w-100' + ' ' + inp.class\">\r\n</div>\r\n",
                 styles: [".form-input.pre{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;font-size:12px;line-height:30px;min-height:30px!important;padding:0 15px;position:relative;text-align:center}"]
             },] }
 ];
 FormPreComponent.ctorParameters = () => [];
 FormPreComponent.propDecorators = {
+    jsonContainer: [{ type: ViewChild, args: ['jsonContainer', { static: true },] }],
     inp: [{ type: Input }]
 };