ps-toolkit-ui 1.21.82 → 1.21.83

package/bundles/ps-toolkit-ui.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('lodash'), require('jalali-moment'), require('@angular/router'), require('rxjs'), require('jquery-ui-dist/jquery-ui'), require('@angular/forms'), require('@angular/common'), require('@angular/platform-browser'), require('ckeditor4-angular'), require('file-saver'), require('xlsx'), require('highcharts'), require('highcharts/modules/exporting'), require('highcharts/modules/export-data')) :
-    typeof define === 'function' && define.amd ? define('ps-toolkit-ui', ['exports', '@angular/core', 'lodash', 'jalali-moment', '@angular/router', 'rxjs', 'jquery-ui-dist/jquery-ui', '@angular/forms', '@angular/common', '@angular/platform-browser', 'ckeditor4-angular', 'file-saver', 'xlsx', 'highcharts', 'highcharts/modules/exporting', 'highcharts/modules/export-data'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ps-toolkit-ui'] = {}, global.ng.core, global._, global.moment, global.ng.router, global.rxjs, null, global.ng.forms, global.ng.common, global.ng.platformBrowser, global.ckeditor4Angular, global.FileSaver, global.XLSX, global.Highcharts, global.HighchartsExporting, global.HighchartsExportData));
-}(this, (function (exports, core, _, moment, router, rxjs, jqueryUi, forms, common, platformBrowser, ckeditor4Angular, FileSaver, XLSX, Highcharts, HighchartsExporting, HighchartsExportData) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('lodash'), require('jalali-moment'), require('@angular/router'), require('rxjs'), require('jquery-ui-dist/jquery-ui'), require('json-formatter-js'), require('@angular/forms'), require('@angular/common'), require('@angular/platform-browser'), require('ckeditor4-angular'), require('file-saver'), require('xlsx'), require('highcharts'), require('highcharts/modules/exporting'), require('highcharts/modules/export-data')) :
+    typeof define === 'function' && define.amd ? define('ps-toolkit-ui', ['exports', '@angular/core', 'lodash', 'jalali-moment', '@angular/router', 'rxjs', 'jquery-ui-dist/jquery-ui', 'json-formatter-js', '@angular/forms', '@angular/common', '@angular/platform-browser', 'ckeditor4-angular', 'file-saver', 'xlsx', 'highcharts', 'highcharts/modules/exporting', 'highcharts/modules/export-data'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ps-toolkit-ui'] = {}, global.ng.core, global._, global.moment, global.ng.router, global.rxjs, null, global.JSONFormatter, global.ng.forms, global.ng.common, global.ng.platformBrowser, global.ckeditor4Angular, global.FileSaver, global.XLSX, global.Highcharts, global.HighchartsExporting, global.HighchartsExportData));
+}(this, (function (exports, core, _, moment, router, rxjs, jqueryUi, JSONFormatter, forms, common, platformBrowser, ckeditor4Angular, FileSaver, XLSX, Highcharts, HighchartsExporting, HighchartsExportData) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     function _interopNamespace(e) {
         if (e && e.__esModule) { return e; } else {
@@ -26,6 +28,7 @@
     }
 
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
+    var JSONFormatter__default = /*#__PURE__*/_interopDefaultLegacy(JSONFormatter);
     var Highcharts__namespace = /*#__PURE__*/_interopNamespace(Highcharts);
     var HighchartsExporting__namespace = /*#__PURE__*/_interopNamespace(HighchartsExporting);
     var HighchartsExportData__namespace = /*#__PURE__*/_interopNamespace(HighchartsExportData);
@@ -5255,7 +5258,10 @@
         FormPreComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.inp.setValue = function (v) {
-                _this.inp.value = typeof v === 'string' ? JSON.stringify(v, null, 2) : v;
+                var formatter = new JSONFormatter__default['default'](typeof v === 'string' ? JSON.parse(v) : v, 2, {
+                    theme: 'dark'
+                });
+                _this.jsonContainer.nativeElement.appendChild(formatter.render());
             };
             this.inp.isValid = function () {
                 return true;
@@ -5263,22 +5269,18 @@
             this.inp.clear = function () {
             };
         };
-        FormPreComponent.prototype.onClick = function () {
-            if (this.inp.onClick) {
-                this.inp.onClick(this.inp);
-            }
-        };
         return FormPreComponent;
     }());
     FormPreComponent.decorators = [
         { type: core.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 = function () { return []; };
     FormPreComponent.propDecorators = {
+        jsonContainer: [{ type: core.ViewChild, args: ['jsonContainer', { static: true },] }],
         inp: [{ type: core.Input }]
     };