ps-toolkit-ui 1.21.73 → 1.21.82

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('jquery'), 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', 'jquery', '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.$$1, 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, $$1, _, 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('@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';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) { return e; } else {
@@ -25,7 +25,6 @@
         }
     }
 
-    var $__namespace = /*#__PURE__*/_interopNamespace($$1);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var Highcharts__namespace = /*#__PURE__*/_interopNamespace(Highcharts);
     var HighchartsExporting__namespace = /*#__PURE__*/_interopNamespace(HighchartsExporting);
@@ -49,9 +48,9 @@
         function AccordionComponent() {
         }
         AccordionComponent.prototype.toggle = function (e) {
-            var chOpen = $__namespace(e.target).closest('.accordion').find('.content.open');
+            var chOpen = $(e.target).closest('.accordion').find('.content.open');
             var ocOpen = chOpen.closest('.accordion-item').find('.header > .icon');
-            var ch = $__namespace(e.target).closest('.accordion-item').find(' > .content');
+            var ch = $(e.target).closest('.accordion-item').find(' > .content');
             var oc = ch.closest('.accordion-item').find(' > .header > .icon');
             if (ch.hasClass('open')) {
                 ch.removeClass('open');
@@ -464,39 +463,40 @@
         InputType[InputType["Check"] = 21] = "Check";
         InputType[InputType["TextArea"] = 22] = "TextArea";
         InputType[InputType["Label"] = 23] = "Label";
-        InputType[InputType["Button"] = 24] = "Button";
-        InputType[InputType["Submit"] = 25] = "Submit";
-        InputType[InputType["Icon"] = 26] = "Icon";
-        InputType[InputType["File"] = 27] = "File";
-        InputType[InputType["Url"] = 28] = "Url";
-        InputType[InputType["Price"] = 29] = "Price";
-        InputType[InputType["Radio"] = 30] = "Radio";
-        InputType[InputType["Tree"] = 31] = "Tree";
-        InputType[InputType["TreeRadio"] = 32] = "TreeRadio";
-        InputType[InputType["Plaque"] = 33] = "Plaque";
-        InputType[InputType["PlaqueM"] = 34] = "PlaqueM";
-        InputType[InputType["PlaqueF"] = 35] = "PlaqueF";
-        InputType[InputType["PlaqueG"] = 36] = "PlaqueG";
-        InputType[InputType["SelectAutoCompletePlaque"] = 37] = "SelectAutoCompletePlaque";
-        InputType[InputType["SelectAutoCompletePlaqueM"] = 38] = "SelectAutoCompletePlaqueM";
-        InputType[InputType["SelectAutoCompletePlaqueF"] = 39] = "SelectAutoCompletePlaqueF";
-        InputType[InputType["SelectAutoCompletePlaqueG"] = 40] = "SelectAutoCompletePlaqueG";
-        InputType[InputType["BankCard"] = 41] = "BankCard";
-        InputType[InputType["Constant"] = 42] = "Constant";
-        InputType[InputType["Hidden"] = 43] = "Hidden";
-        InputType[InputType["Table"] = 44] = "Table";
-        InputType[InputType["Tag"] = 45] = "Tag";
-        InputType[InputType["VehicleSearch"] = 46] = "VehicleSearch";
-        InputType[InputType["Vehicle"] = 47] = "Vehicle";
-        InputType[InputType["Finger"] = 48] = "Finger";
-        InputType[InputType["Color"] = 49] = "Color";
-        InputType[InputType["Star"] = 50] = "Star";
-        InputType[InputType["Toggle"] = 51] = "Toggle";
-        InputType[InputType["BillNumber"] = 52] = "BillNumber";
-        InputType[InputType["Ckeditor"] = 53] = "Ckeditor";
-        InputType[InputType["Uploader"] = 54] = "Uploader";
-        InputType[InputType["Slide"] = 55] = "Slide";
-        InputType[InputType["Username"] = 56] = "Username";
+        InputType[InputType["Pre"] = 24] = "Pre";
+        InputType[InputType["Button"] = 25] = "Button";
+        InputType[InputType["Submit"] = 26] = "Submit";
+        InputType[InputType["Icon"] = 27] = "Icon";
+        InputType[InputType["File"] = 28] = "File";
+        InputType[InputType["Url"] = 29] = "Url";
+        InputType[InputType["Price"] = 30] = "Price";
+        InputType[InputType["Radio"] = 31] = "Radio";
+        InputType[InputType["Tree"] = 32] = "Tree";
+        InputType[InputType["TreeRadio"] = 33] = "TreeRadio";
+        InputType[InputType["Plaque"] = 34] = "Plaque";
+        InputType[InputType["PlaqueM"] = 35] = "PlaqueM";
+        InputType[InputType["PlaqueF"] = 36] = "PlaqueF";
+        InputType[InputType["PlaqueG"] = 37] = "PlaqueG";
+        InputType[InputType["SelectAutoCompletePlaque"] = 38] = "SelectAutoCompletePlaque";
+        InputType[InputType["SelectAutoCompletePlaqueM"] = 39] = "SelectAutoCompletePlaqueM";
+        InputType[InputType["SelectAutoCompletePlaqueF"] = 40] = "SelectAutoCompletePlaqueF";
+        InputType[InputType["SelectAutoCompletePlaqueG"] = 41] = "SelectAutoCompletePlaqueG";
+        InputType[InputType["BankCard"] = 42] = "BankCard";
+        InputType[InputType["Constant"] = 43] = "Constant";
+        InputType[InputType["Hidden"] = 44] = "Hidden";
+        InputType[InputType["Table"] = 45] = "Table";
+        InputType[InputType["Tag"] = 46] = "Tag";
+        InputType[InputType["VehicleSearch"] = 47] = "VehicleSearch";
+        InputType[InputType["Vehicle"] = 48] = "Vehicle";
+        InputType[InputType["Finger"] = 49] = "Finger";
+        InputType[InputType["Color"] = 50] = "Color";
+        InputType[InputType["Star"] = 51] = "Star";
+        InputType[InputType["Toggle"] = 52] = "Toggle";
+        InputType[InputType["BillNumber"] = 53] = "BillNumber";
+        InputType[InputType["Ckeditor"] = 54] = "Ckeditor";
+        InputType[InputType["Uploader"] = 55] = "Uploader";
+        InputType[InputType["Slide"] = 56] = "Slide";
+        InputType[InputType["Username"] = 57] = "Username";
     })(exports.InputType || (exports.InputType = {}));
     (function (OperationEnum) {
         OperationEnum[OperationEnum["All"] = -1] = "All";
@@ -648,7 +648,7 @@
             configurable: true
         });
         HeaderComponent.prototype.showUserDropDown = function (e) {
-            $__namespace(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
+            $(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
         };
         return HeaderComponent;
     }());
@@ -1655,9 +1655,9 @@
             if (e === void 0) { e = true; }
             var id = HelperClass.random(20);
             // tslint:disable-next-line
-            $__namespace('#Notifications').append('<div id="' + id + '" class="con"><div class="item ' + (e ? 'error' : 'success') + '"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
+            $('#Notifications').append('<div id="' + id + '" class="con"><div class="item ' + (e ? 'error' : 'success') + '"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
             setTimeout(function () {
-                var d = $__namespace('#' + id);
+                var d = $('#' + id);
                 d.fadeOut(300, function () {
                     d.remove();
                 });
@@ -1744,7 +1744,7 @@
                     if (inp.type === exports.InputType.Text) {
                         inp.setValue(s, false);
                         setTimeout(function () {
-                            $__namespace('#' + inp.id + 'TextInput .control').click();
+                            $('#' + inp.id + 'TextInput .control').click();
                         }, 100);
                     }
                     if (inp.onBarcodeReaderChange !== null) {
@@ -2018,6 +2018,9 @@
             if (token != null) {
                 h.AuthorizationCu = tokenCu;
             }
+            if (this.environment.apiVersion) {
+                h.ApiVersion = this.environment.apiVersion;
+            }
             if (!(data instanceof FormData)) {
                 data = HelperClass.jsonToFormData(data);
             }
@@ -2035,7 +2038,7 @@
             if (request != null) {
                 request.abort();
             }
-            request = $$1.ajax(settings);
+            request = $.ajax(settings);
             request.done(function (response) {
                 if (!_this.environment.production) {
                     console.log('%c' + exports.Method[method].toString() + ' : ' + url, 'background: #2f6054; color: white', response);
@@ -2887,14 +2890,14 @@
         AccordionRowClass.prototype.toggle = function () {
             var _this = this;
             setTimeout(function () {
-                $__namespace('#AccordionRow' + _this.id + ' > .header').click();
+                $('#AccordionRow' + _this.id + ' > .header').click();
             }, 100);
         };
         AccordionRowClass.prototype.open = function () {
             var _this = this;
             setTimeout(function () {
-                if (!$__namespace('#AccordionRow' + _this.id + ' > .content').hasClass('open')) {
-                    $__namespace('#AccordionRow' + _this.id + ' > .header').click();
+                if (!$('#AccordionRow' + _this.id + ' > .content').hasClass('open')) {
+                    $('#AccordionRow' + _this.id + ' > .header').click();
                 }
             }, 100);
         };
@@ -2935,7 +2938,7 @@
             };
         }
         SidebarItemComponent.prototype.openClose = function (e) {
-            var op = $__namespace(e.target).closest('.user-sidebar-item');
+            var op = $(e.target).closest('.user-sidebar-item');
             if (op.hasClass('open')) {
                 op.removeClass('open');
                 op.find(' > .children').slideUp();
@@ -2968,7 +2971,7 @@
             return false;
         };
         SidebarItemComponent.prototype.closeSidebar = function () {
-            $__namespace('#Sidebar').addClass('open').removeClass('close');
+            $('#Sidebar').addClass('open').removeClass('close');
         };
         return SidebarItemComponent;
     }());
@@ -3112,7 +3115,7 @@
             return null;
         };
         SidebarComponent.prototype.toggleSidebar = function () {
-            $__namespace('#Sidebar').toggleClass('open').toggleClass('close');
+            $('#Sidebar').toggleClass('open').toggleClass('close');
         };
         return SidebarComponent;
     }());
@@ -3371,14 +3374,14 @@
             configurable: true
         });
         TableRowComponent.prototype.mouseOut = function (e) {
-            $__namespace(e.target).find('.options-con').removeClass('show-group');
+            $(e.target).find('.options-con').removeClass('show-group');
         };
         TableRowComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.row.subTable = this.table.subTable != null ? HelperClass.clone(this.table.subTable) : null;
             this.group = new InputClass(this.table.environment, this.table.l, 'ShowOptions', 'fas fa-ellipsis-vertical', exports.InputType.Icon, 'blue m-h-5 h-25 d-ib va-m f-u');
             this.group.onFocusIn = function (e) {
-                $__namespace(e.target).closest('.options-con').addClass('show-group');
+                $(e.target).closest('.options-con').addClass('show-group');
             };
             this.group.onFocusOut = function (e) {
                 // $(e.target).closest('.options-con').removeClass('show-group');
@@ -3403,8 +3406,8 @@
                 this.showChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'SubsetTitle', 'fad fa-angle-left f-s-22', this.row.Data.CountChild > 0 || (!this.table.childrenAutoLoad && this.children.length > 0) || this.row.subTable != null ? exports.InputType.Icon : exports.InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
                 this.showChildren.onClick = function () {
                     var _a, _b;
-                    if ($__namespace(_this.childrenDiv.nativeElement).is(':visible')) {
-                        $__namespace(_this.childrenDiv.nativeElement).slideUp();
+                    if ($(_this.childrenDiv.nativeElement).is(':visible')) {
+                        $(_this.childrenDiv.nativeElement).slideUp();
                         _this.showChildren.icon = 'fad fa-angle-left f-s-22';
                     }
                     else if (_this.table.hasChildren && _this.children.length === 0) {
@@ -3420,11 +3423,11 @@
                         ps.Accesses = (_b = (_a = _this.table.permissions.Accesses) === null || _a === void 0 ? void 0 : _a.filter(function (x) { return x.ParentId === acc_1.Id; })) !== null && _b !== void 0 ? _b : [];
                         _this.row.subTable.permissions = ps;
                         _this.row.subTable.set();
-                        $__namespace(_this.childrenDiv.nativeElement).slideDown();
+                        $(_this.childrenDiv.nativeElement).slideDown();
                         _this.showChildren.icon = 'fad fa-angle-down f-s-22';
                     }
                     else {
-                        $__namespace(_this.childrenDiv.nativeElement).slideDown();
+                        $(_this.childrenDiv.nativeElement).slideDown();
                         _this.showChildren.icon = 'fad fa-angle-down f-s-22';
                     }
                 };
@@ -3446,7 +3449,7 @@
             new RequestClass(this.table.environment, this.table.l).send(this.table.url + ("/" + p), exports.Method.Post, data, this.showChildren, function (result) {
                 _this.children = result.List;
                 setTimeout(function () {
-                    $__namespace(_this.childrenDiv.nativeElement).slideDown();
+                    $(_this.childrenDiv.nativeElement).slideDown();
                     _this.showChildren.icon = 'fad fa-angle-down f-s-22';
                 }, 50);
             }, function () { });
@@ -3468,14 +3471,14 @@
             if (this.table.hasChildren) {
                 setTimeout(function () {
                     // @ts-ignore
-                    $__namespace(_this.childrenDiv.nativeElement).sortable({
+                    $(_this.childrenDiv.nativeElement).sortable({
                         axis: 'y',
                         items: '.row',
                         handle: '> .handle-con > .handle.handle-sortable',
                         update: function () {
                             var data = [];
                             // @ts-ignore
-                            $__namespace(_this.childrenDiv.nativeElement).sortable('toArray', { attribute: 'data-id' }).forEach(function (x) {
+                            $(_this.childrenDiv.nativeElement).sortable('toArray', { attribute: 'data-id' }).forEach(function (x) {
                                 data.push(parseInt(x, 10));
                             });
                             var p = new PermissionClass();
@@ -3788,7 +3791,7 @@
         };
         TableRowComponent.prototype.selectRow = function (e) {
             if (this.table.withSelect) {
-                if ($__namespace(e.target).closest('.handle-con').hasClass('handle-con') || $__namespace(e.target).closest('.options-cell').hasClass('options-cell')) {
+                if ($(e.target).closest('.handle-con').hasClass('handle-con') || $(e.target).closest('.options-cell').hasClass('options-cell')) {
                     return;
                 }
                 var s = this.table.rows.find(function (x) { return x.selected; });
@@ -3803,7 +3806,7 @@
         };
         TableRowComponent.prototype.dblclickRow = function (e) {
             if (this.table.withSelect) {
-                if ($__namespace(e.target).closest('.handle-con').hasClass('handle-con') || $__namespace(e.target).closest('.options-cell').hasClass('options-cell')) {
+                if ($(e.target).closest('.handle-con').hasClass('handle-con') || $(e.target).closest('.options-cell').hasClass('options-cell')) {
                     return;
                 }
                 var s = this.table.rows.find(function (x) { return x.selected; });
@@ -3870,8 +3873,8 @@
             if (this.onShow) {
                 this.onShow(data);
             }
-            $__namespace('body').addClass('open-modal');
-            $__namespace('#' + this.id + 'Modal').fadeIn(300, function () {
+            $('body').addClass('open-modal');
+            $('#' + this.id + 'Modal').fadeIn(300, function () {
                 if (_this.form != null) {
                     if (_this.form.onShowModal) {
                         _this.form.onShowModal();
@@ -3882,8 +3885,8 @@
         };
         ModalClass.prototype.hide = function () {
             var _this = this;
-            $__namespace('body').removeClass('open-modal');
-            $__namespace('#' + this.id + 'Modal').fadeOut(300, function () {
+            $('body').removeClass('open-modal');
+            $('#' + this.id + 'Modal').fadeOut(300, function () {
                 if (_this.onHide) {
                     _this.onHide();
                 }
@@ -3985,7 +3988,7 @@
                 _this.table.load(_this.reload);
             };
             this.export.onClick = function () {
-                $__namespace(_this.exportDropDown.nativeElement).slideToggle();
+                $(_this.exportDropDown.nativeElement).slideToggle();
             };
             this.pdf.onClick = function () {
                 _this.exportTable(exports.TableExportType.Pdf, _this.pdf);
@@ -4000,12 +4003,12 @@
                 _this.exportTable(exports.TableExportType.Print, _this.print);
             };
             this.maximum.onClick = function () {
-                $__namespace(_this.tableDiv.nativeElement).toggleClass('maximum');
+                $(_this.tableDiv.nativeElement).toggleClass('maximum');
                 _this.maximum.icon = _this.maximum.name === 'Minimum' ? 'fad fa-arrows-maximize' : 'fad fa-arrows-minimize';
                 _this.maximum.name = _this.maximum.name === 'Minimum' ? 'Maximum' : 'Minimum';
             };
             this.expertSearch.onClick = function () {
-                $__namespace(_this.tableDiv.nativeElement).addClass('show-expert-search');
+                $(_this.tableDiv.nativeElement).addClass('show-expert-search');
             };
             this.table.showConfirm = function (l, url, data, accept) {
                 _this.confirm.show(l, url, data, accept);
@@ -4067,14 +4070,14 @@
             var _this = this;
             setTimeout(function () {
                 // @ts-ignore
-                $__namespace(_this.rows.nativeElement).sortable({
+                $(_this.rows.nativeElement).sortable({
                     axis: 'y',
                     items: '.row',
                     handle: '> .handle-con > .handle.handle-sortable',
                     update: function () {
                         var data = [];
                         // @ts-ignore
-                        $__namespace(_this.rows.nativeElement).sortable('toArray', { attribute: 'data-id' }).forEach(function (x) {
+                        $(_this.rows.nativeElement).sortable('toArray', { attribute: 'data-id' }).forEach(function (x) {
                             data.push(parseInt(x, 10));
                         });
                         var p = new PermissionClass();
@@ -4112,7 +4115,7 @@
             this.confirm.show(this.table.l(e.action + 'Confirm'), e.url, e.data, e.accept);
         };
         TableComponent.prototype.changeSort = function (e, s) {
-            if ($__namespace(e.target).closest('.header-search').hasClass('header-search')) {
+            if ($(e.target).closest('.header-search').hasClass('header-search')) {
                 return;
             }
             this.table.sortType = this.table.sort === s ? this.table.sortType === 'ASC' ? 'DESC' : null : 'ASC';
@@ -4123,8 +4126,8 @@
             return this.table.optionsActions.filter(function (x) { return x instanceof ModalClass; });
         };
         TableComponent.prototype.hideExpertSearch = function (e) {
-            if (this.table.expertSearch && $__namespace(e.target).hasClass('search-form')) {
-                $__namespace(this.tableDiv.nativeElement).removeClass('show-expert-search');
+            if (this.table.expertSearch && $(e.target).hasClass('search-form')) {
+                $(this.tableDiv.nativeElement).removeClass('show-expert-search');
             }
         };
         return TableComponent;
@@ -4294,10 +4297,10 @@
             var _this = this;
             var b = this.banks.filter(function (x) { var _a, _b; return x.startWith.includes(((_a = _this.part1.data()) !== null && _a !== void 0 ? _a : '').toString() + ((_b = _this.part2.data()) !== null && _b !== void 0 ? _b : '').toString().substring(0, 2)); });
             if (b.length > 0) {
-                $__namespace(this.inputIcon.nativeElement).removeClass('fa-money-check').addClass(b[0].name);
+                $(this.inputIcon.nativeElement).removeClass('fa-money-check').addClass(b[0].name);
             }
             else {
-                $__namespace(this.inputIcon.nativeElement).addClass('fa-money-check').removeClass(this.banks.map(function (x) { return x.name; }));
+                $(this.inputIcon.nativeElement).addClass('fa-money-check').removeClass(this.banks.map(function (x) { return x.name; }));
             }
         };
         FormBankCardComponent.prototype.changeFocus = function (p, a) {
@@ -4381,7 +4384,7 @@
             };
         };
         FormButtonComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormButtonComponent.prototype.onClick = function (e) {
             if (e.screenX && e.screenX !== 0 && e.screenY && e.screenY !== 0) {
@@ -4569,7 +4572,7 @@
                 _this.openCalendar();
             };
             this.inp.focusOut = function () {
-                $__namespace(_this.inputBase.nativeElement).blur();
+                $(_this.inputBase.nativeElement).blur();
             };
         };
         FormDateComponent.prototype.setInpValue = function (v) {
@@ -4705,16 +4708,16 @@
         };
         FormDateComponent.prototype.openCalendar = function () {
             this.setPosition();
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormDateComponent.prototype.onKeyDown = function (e) {
             var code = e.keyCode || e.which;
             if (code === 9 || code === 13) {
                 e.preventDefault();
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
                 this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
                 if (!this.inForm) {
-                    $__namespace(this.inputBase.nativeElement).blur();
+                    $(this.inputBase.nativeElement).blur();
                 }
             }
         };
@@ -4752,7 +4755,7 @@
             }
         };
         FormDateComponent.prototype.onFocusOut = function () {
-            $__namespace(this.inputDiv.nativeElement).removeClass('top');
+            $(this.inputDiv.nativeElement).removeClass('top');
             this.inp.search = this.inp.value != null ?
                 (this.inp.type === exports.InputType.Year ?
                     moment__namespace(this.inp.value, 'jYYYY/jMM/jDD').locale('fa').format('jYYYY') :
@@ -4767,10 +4770,10 @@
             var offsetOfBottom = window.innerHeight - rect.bottom;
             var height = this.inputCalendarDiv.nativeElement.offsetHeight;
             if (offsetOfBottom < height) {
-                $__namespace(this.inputDiv.nativeElement).addClass('top');
+                $(this.inputDiv.nativeElement).addClass('top');
             }
             else {
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
             }
         };
         FormDateComponent.prototype.selectDate = function (d) {
@@ -4786,10 +4789,10 @@
             d.selected = true;
             this.cSearch = this.inp.search;
             setTimeout(function () {
-                $__namespace(_this.inputDiv.nativeElement).removeClass('top');
+                $(_this.inputDiv.nativeElement).removeClass('top');
                 _this.changeIndex.emit('Tab');
                 if (!_this.inForm) {
-                    $__namespace(_this.inputBase.nativeElement).blur();
+                    $(_this.inputBase.nativeElement).blur();
                 }
             }, 10);
             if (this.inp.onChange) {
@@ -5013,7 +5016,7 @@
             });
         };
         FormFileComponent.prototype.onClick = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormFileComponent.prototype.onChange = function (e) {
             var e_1, _a;
@@ -5043,7 +5046,7 @@
             }
         };
         FormFileComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormFileComponent.prototype.title = function () {
             if (this.inp.value == null || (this.inp.value instanceof Array && this.inp.value.length === 0)) {
@@ -5088,7 +5091,7 @@
         };
         FormIconComponent.prototype.onFocusIn = function (e) {
             if (e === void 0) { e = null; }
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
             if (this.inp.onFocusIn) {
                 this.inp.onFocusIn(e);
             }
@@ -5204,7 +5207,7 @@
     FormComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form',
-                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form w-100 m-0' + (form.class ? ' ' + form.class : '')\">\r\n  <div *ngIf=\"form.displayLabel\" [className]=\"(form.subName ? '' : 'underline ') + 'title'\">{{this.form.l(this.form.name)}}</div>\r\n  <div *ngIf=\"form.displayLabel && form.subName\" class=\"sub-title underline\" [innerHTML]=\"this.form.l(this.form.subName)\"></div>\r\n  <div *ngIf=\"form.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"form.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!form.permission\" class=\"loading\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ form.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <ng-content></ng-content>\r\n  <div class=\"inputs\">\r\n    <span *ngFor=\"let inp of form.inputs; let i = index\">\r\n      <lib-form-textbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Text || inp.type == type.Password || inp.type == type.Mobile || inp.type == type.Username || inp.type == type.Phone || inp.type == type.Email || inp.type == type.NationalCode || inp.type == type.NationalNum || inp.type == type.NationalCodeNum || inp.type == type.EconomicNum || inp.type == type.Number || inp.type == type.Url || inp.type == type.PostalCode || inp.type == type.Price || inp.type == type.Sheba || inp.type == type.Color || inp.type == type.BillNumber)\" [inp]=\"inp\"></lib-form-textbox>\r\n      <lib-form-textarea (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.TextArea\" [inp]=\"inp\"></lib-form-textarea>\r\n      <lib-form-checkbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Check\" [inp]=\"inp\"></lib-form-checkbox>\r\n      <lib-form-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectSearchRadio || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-select>\r\n      <lib-form-date (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Date || inp.type == type.Month || inp.type == type.Year)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-date>\r\n      <lib-form-time (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-time>\r\n      <lib-form-datetime (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-datetime>\r\n      <lib-form-file (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.File\" [inp]=\"inp\"></lib-form-file>\r\n      <lib-form-button (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Button || inp.type == type.Submit)\" [inp]=\"inp\"></lib-form-button>\r\n      <lib-form-icon (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Icon\" [inp]=\"inp\"></lib-form-icon>\r\n      <lib-form-radio (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Radio\" [inp]=\"inp\"></lib-form-radio>\r\n      <lib-form-tree (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Tree || inp.type == type.TreeRadio)\" [inp]=\"inp\"></lib-form-tree>\r\n      <lib-form-plaque (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Plaque || inp.type == type.PlaqueM || inp.type == type.PlaqueF || inp.type == type.PlaqueG)\" [inp]=\"inp\"></lib-form-plaque>\r\n      <lib-form-plaque-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.SelectAutoCompletePlaque || inp.type == type.SelectAutoCompletePlaqueM || inp.type == type.SelectAutoCompletePlaqueF || inp.type == type.SelectAutoCompletePlaqueG)\" [inp]=\"inp\"></lib-form-plaque-select>\r\n      <lib-form-bank-card (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.BankCard\" [inp]=\"inp\"></lib-form-bank-card>\r\n      <lib-form-vehicle-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.VehicleSearch\" [inp]=\"inp\"></lib-form-vehicle-search>\r\n      <lib-form-vehicle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Vehicle\" [inp]=\"inp\"></lib-form-vehicle>\r\n      <lib-form-finger (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Finger\" [inp]=\"inp\"></lib-form-finger>\r\n      <lib-form-star (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Star\" [inp]=\"inp\"></lib-form-star>\r\n      <lib-form-toggle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Toggle\" [inp]=\"inp\"></lib-form-toggle>\r\n      <lib-form-table *ngIf=\"inp.visible && inp.type == type.Table\" [inp]=\"inp\"></lib-form-table>\r\n      <lib-form-tag (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Tag\" [inp]=\"inp\"></lib-form-tag>\r\n      <lib-form-ckeditor (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Ckeditor\" [inp]=\"inp\"></lib-form-ckeditor>\r\n      <lib-form-uploader (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Uploader\" [inp]=\"inp\"></lib-form-uploader>\r\n      <lib-form-slide (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Slide\" [inp]=\"inp\"></lib-form-slide>\r\n      <lib-form-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
+                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form w-100 m-0' + (form.class ? ' ' + form.class : '')\">\r\n  <div *ngIf=\"form.displayLabel\" [className]=\"(form.subName ? '' : 'underline ') + 'title'\">{{this.form.l(this.form.name)}}</div>\r\n  <div *ngIf=\"form.displayLabel && form.subName\" class=\"sub-title underline\" [innerHTML]=\"this.form.l(this.form.subName)\"></div>\r\n  <div *ngIf=\"form.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"form.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!form.permission\" class=\"loading\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ form.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <ng-content></ng-content>\r\n  <div class=\"inputs\">\r\n    <span *ngFor=\"let inp of form.inputs; let i = index\">\r\n      <lib-form-textbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Text || inp.type == type.Password || inp.type == type.Mobile || inp.type == type.Username || inp.type == type.Phone || inp.type == type.Email || inp.type == type.NationalCode || inp.type == type.NationalNum || inp.type == type.NationalCodeNum || inp.type == type.EconomicNum || inp.type == type.Number || inp.type == type.Url || inp.type == type.PostalCode || inp.type == type.Price || inp.type == type.Sheba || inp.type == type.Color || inp.type == type.BillNumber)\" [inp]=\"inp\"></lib-form-textbox>\r\n      <lib-form-textarea (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.TextArea\" [inp]=\"inp\"></lib-form-textarea>\r\n      <lib-form-checkbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Check\" [inp]=\"inp\"></lib-form-checkbox>\r\n      <lib-form-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectSearchRadio || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-select>\r\n      <lib-form-date (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Date || inp.type == type.Month || inp.type == type.Year)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-date>\r\n      <lib-form-time (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-time>\r\n      <lib-form-datetime (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-datetime>\r\n      <lib-form-file (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.File\" [inp]=\"inp\"></lib-form-file>\r\n      <lib-form-button (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Button || inp.type == type.Submit)\" [inp]=\"inp\"></lib-form-button>\r\n      <lib-form-icon (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Icon\" [inp]=\"inp\"></lib-form-icon>\r\n      <lib-form-radio (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Radio\" [inp]=\"inp\"></lib-form-radio>\r\n      <lib-form-tree (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Tree || inp.type == type.TreeRadio)\" [inp]=\"inp\"></lib-form-tree>\r\n      <lib-form-plaque (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Plaque || inp.type == type.PlaqueM || inp.type == type.PlaqueF || inp.type == type.PlaqueG)\" [inp]=\"inp\"></lib-form-plaque>\r\n      <lib-form-plaque-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.SelectAutoCompletePlaque || inp.type == type.SelectAutoCompletePlaqueM || inp.type == type.SelectAutoCompletePlaqueF || inp.type == type.SelectAutoCompletePlaqueG)\" [inp]=\"inp\"></lib-form-plaque-select>\r\n      <lib-form-bank-card (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.BankCard\" [inp]=\"inp\"></lib-form-bank-card>\r\n      <lib-form-vehicle-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.VehicleSearch\" [inp]=\"inp\"></lib-form-vehicle-search>\r\n      <lib-form-vehicle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Vehicle\" [inp]=\"inp\"></lib-form-vehicle>\r\n      <lib-form-finger (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Finger\" [inp]=\"inp\"></lib-form-finger>\r\n      <lib-form-star (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Star\" [inp]=\"inp\"></lib-form-star>\r\n      <lib-form-toggle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Toggle\" [inp]=\"inp\"></lib-form-toggle>\r\n      <lib-form-table *ngIf=\"inp.visible && inp.type == type.Table\" [inp]=\"inp\"></lib-form-table>\r\n      <lib-form-tag (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Tag\" [inp]=\"inp\"></lib-form-tag>\r\n      <lib-form-ckeditor (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Ckeditor\" [inp]=\"inp\"></lib-form-ckeditor>\r\n      <lib-form-uploader (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Uploader\" [inp]=\"inp\"></lib-form-uploader>\r\n      <lib-form-slide (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Slide\" [inp]=\"inp\"></lib-form-slide>\r\n      <lib-form-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\r\n      <lib-form-pre *ngIf=\"inp.visible && inp.type == type.Pre\" [inp]=\"inp\"></lib-form-pre>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
                     styles: [".form{border-radius:var(--border-radius-base);padding:20px;position:relative}.form>.title{font-size:16px;font-weight:var(--font-bold);height:40px}.form>.sub-title,.form>.title{float:right;line-height:30px;margin-bottom:10px;position:relative;text-align:right;width:100%}.form>.sub-title{color:var(--black-light);font-size:12px;font-weight:var(--font-light);height:30px}.form .loading{background-color:#fff;border-radius:var(--border-radius-base);height:100%;right:0;top:0;z-index:104}.form .loading,.form .loading .text{position:absolute;text-align:center;width:100%}.form .loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .form .loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.form-buttons,.form-error{float:right;width:100%}.form-error{color:var(--red-light);font-size:11px;height:15px;line-height:8px;margin-top:10px;padding:0 10px;position:relative;text-align:center}.form-error .message{float:left;width:calc(100% - 40px)}.form-error .icon{float:right;height:20px;line-height:6px;right:0;top:0;width:40px}.form .inputs{margin:0 -15px}"]
                 },] }
     ];
@@ -5246,6 +5249,39 @@
         inp: [{ type: core.Input }]
     };
 
+    var FormPreComponent = /** @class */ (function () {
+        function FormPreComponent() {
+        }
+        FormPreComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.inp.setValue = function (v) {
+                _this.inp.value = typeof v === 'string' ? JSON.stringify(v, null, 2) : v;
+            };
+            this.inp.isValid = function () {
+                return true;
+            };
+            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",
+                    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 = {
+        inp: [{ type: core.Input }]
+    };
+
     var FormPlaqueSelectComponent = /** @class */ (function () {
         function FormPlaqueSelectComponent() {
             this.changeIndex = new core.EventEmitter();
@@ -5431,8 +5467,8 @@
             };
         };
         FormPlaqueSelectComponent.prototype.onFocusOutCloseOptions = function (e) {
-            if ($__namespace(e.relatedTarget).length !== 0 || $__namespace(e.rangeParent).length !== 0) {
-                if (!$__namespace(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$__namespace(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
+            if ($(e.relatedTarget).length !== 0 || $(e.rangeParent).length !== 0) {
+                if (!$(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
                     if (this.open) {
                         this.closeOptions();
                     }
@@ -5468,7 +5504,7 @@
             var _this = this;
             setTimeout(function () {
                 _this.open = false;
-                $__namespace(_this.inputDiv.nativeElement).removeClass('top');
+                $(_this.inputDiv.nativeElement).removeClass('top');
                 _this.removeHover();
                 if (_this.inp.value === null) {
                     _this.inp.search = '';
@@ -5486,10 +5522,10 @@
             var offsetOfBottom = window.innerHeight - rect.bottom;
             var height = this.inputOptionsDiv.nativeElement.offsetHeight;
             if (offsetOfBottom < height) {
-                $__namespace(this.inputDiv.nativeElement).addClass('top');
+                $(this.inputDiv.nativeElement).addClass('top');
             }
             else {
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
             }
         };
         FormPlaqueSelectComponent.prototype.onKeyDown = function (e) {
@@ -6062,7 +6098,7 @@
             }
         };
         FormRadioComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         return FormRadioComponent;
     }());
@@ -6187,7 +6223,7 @@
                 return d;
             };
             this.inp.focusOut = function () {
-                $__namespace(_this.inputBase.nativeElement).blur();
+                $(_this.inputBase.nativeElement).blur();
             };
             if (this.inp.hasBarcodeReader) {
                 HelperClass.setBarcodeReader(this.inp);
@@ -6237,7 +6273,7 @@
         FormSelectComponent.prototype.openOptions = function () {
             this.setPosition();
             this.setHoverCenter();
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormSelectComponent.prototype.onFocusOut = function () {
             this.closeOptions();
@@ -6245,7 +6281,7 @@
         FormSelectComponent.prototype.closeOptions = function () {
             var _this = this;
             setTimeout(function () {
-                $__namespace(_this.inputDiv.nativeElement).removeClass('top');
+                $(_this.inputDiv.nativeElement).removeClass('top');
                 _this.removeHover();
                 if (_this.inp.value === null) {
                     if (!_this.inp.addNew) {
@@ -6266,10 +6302,10 @@
             var offsetOfBottom = window.innerHeight - rect.bottom;
             var height = this.inputOptionsDiv.nativeElement.offsetHeight;
             if (offsetOfBottom < height) {
-                $__namespace(this.inputDiv.nativeElement).addClass('top');
+                $(this.inputDiv.nativeElement).addClass('top');
             }
             else {
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
             }
         };
         FormSelectComponent.prototype.setOptions = function (r) {
@@ -6289,7 +6325,7 @@
             }
             else if (code === 13) {
                 e.preventDefault();
-                if ($__namespace(this.inputBase.nativeElement).is(':focus')) {
+                if ($(this.inputBase.nativeElement).is(':focus')) {
                     var h = this.getSelectedHover();
                     if (!h) {
                         if (this.inp.addNew) {
@@ -6313,7 +6349,7 @@
             }
         };
         FormSelectComponent.prototype.toggleOption = function (e) {
-            if ((this.inp.multiple || this.inp.type === exports.InputType.SelectSearchRadio) && $__namespace(e.target).closest('.option').hasClass('option')) {
+            if ((this.inp.multiple || this.inp.type === exports.InputType.SelectSearchRadio) && $(e.target).closest('.option').hasClass('option')) {
                 return;
             }
             this.openOptions();
@@ -6463,7 +6499,7 @@
             setTimeout(function () {
                 _this.changeIndex.emit(i);
                 if (!_this.inForm) {
-                    $__namespace(_this.inputBase.nativeElement).blur();
+                    $(_this.inputBase.nativeElement).blur();
                 }
             }, 10);
             setTimeout(function () {
@@ -7074,7 +7110,7 @@
                 _this.openOptions();
             };
             this.inp.focusOut = function () {
-                $__namespace(_this.inputBase.nativeElement).blur();
+                $(_this.inputBase.nativeElement).blur();
             };
         };
         FormTimeComponent.prototype.toggleTime = function () {
@@ -7082,27 +7118,27 @@
         };
         FormTimeComponent.prototype.openOptions = function () {
             this.setPosition();
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormTimeComponent.prototype.setPosition = function () {
             var rect = this.inputDiv.nativeElement.getBoundingClientRect();
             var offsetOfBottom = window.innerHeight - rect.bottom;
             var height = this.inputOptionsDiv.nativeElement.offsetHeight;
             if (offsetOfBottom < height) {
-                $__namespace(this.inputDiv.nativeElement).addClass('top');
+                $(this.inputDiv.nativeElement).addClass('top');
             }
             else {
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
             }
         };
         FormTimeComponent.prototype.onKeyDown = function (e) {
             var code = e.keyCode || e.which;
             if (code === 9 || code === 13) {
                 e.preventDefault();
-                $__namespace(this.inputDiv.nativeElement).removeClass('top');
+                $(this.inputDiv.nativeElement).removeClass('top');
                 this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
                 if (!this.inForm) {
-                    $__namespace(this.inputBase.nativeElement).blur();
+                    $(this.inputBase.nativeElement).blur();
                 }
             }
         };
@@ -7125,7 +7161,7 @@
             }
         };
         FormTimeComponent.prototype.onFocusOut = function () {
-            $__namespace(this.inputDiv.nativeElement).removeClass('top');
+            $(this.inputDiv.nativeElement).removeClass('top');
             this.inp.search = this.inp.value;
         };
         FormTimeComponent.prototype.selectTime = function (v, s) {
@@ -7178,8 +7214,8 @@
             this.item.parent = this.parent;
         };
         FormTreeItemComponent.prototype.openClose = function (e) {
-            var ch = $__namespace(e.target).closest('.row-item').find(' > .children');
-            var oc = $__namespace(e.target).closest('.row-item').find(' > .open-close');
+            var ch = $(e.target).closest('.row-item').find(' > .children');
+            var oc = $(e.target).closest('.row-item').find(' > .open-close');
             if (ch.hasClass('open')) {
                 ch.removeClass('open');
                 ch.stop().slideUp();
@@ -7259,7 +7295,7 @@
             }
         };
         FormTreeComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormTreeComponent.prototype.getSelected = function () {
             var e_1, _a;
@@ -8514,7 +8550,7 @@
             this.onFocusIn();
         };
         FormStarComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormStarComponent.prototype.onKeyDown = function (e) {
             var code = e.keyCode || e.which;
@@ -8593,7 +8629,7 @@
             }
         };
         FormTagComponent.prototype.onKeyDown = function (e) {
-            var v = $__namespace(this.inputBase.nativeElement);
+            var v = $(this.inputBase.nativeElement);
             if (this.inp.onKeyDown) {
                 this.inp.onKeyDown(e);
             }
@@ -8616,7 +8652,7 @@
             this.inp.error = null;
         };
         FormTagComponent.prototype.onFocusOut = function () {
-            var v = $__namespace(this.inputBase.nativeElement);
+            var v = $(this.inputBase.nativeElement);
             this.setValue(v);
         };
         FormTagComponent.prototype.removeTag = function (t) {
@@ -8903,7 +8939,7 @@
             });
         };
         FormUploaderComponent.prototype.onClick = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormUploaderComponent.prototype.onChange = function (e) {
             var e_1, _c;
@@ -8953,7 +8989,7 @@
             }
         };
         FormUploaderComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         FormUploaderComponent.prototype.title = function () {
             if (this.inp.value == null || (this.inp.value instanceof Array && this.inp.value.length === 0)) {
@@ -9051,7 +9087,7 @@
             }
         };
         FormSlideComponent.prototype.onFocusIn = function () {
-            $__namespace(this.inputBase.nativeElement).focus();
+            $(this.inputBase.nativeElement).focus();
         };
         return FormSlideComponent;
     }());
@@ -9093,7 +9129,7 @@
                         FormTimeComponent, NotificationComponent, FormFingerComponent, FormVehicleSearchComponent, FormCkeditorComponent, FormUploaderComponent,
                         LayoutComponent, LoadingComponent, NotfoundComponent, FormVehicleComponent, FormHiddenComponent, CalendarComponent, FormToggleComponent,
                         ClockComponent, ChartComponent, FormTagComponent, ErrorComponent, LoginComponent, FormStarComponent, FormSlideComponent,
-                        SafeStylePipe, SafeHtmlPipe,
+                        SafeStylePipe, SafeHtmlPipe, FormPreComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -9111,6 +9147,7 @@
                         FormTimeComponent, NotificationComponent, FormFingerComponent, FormVehicleSearchComponent, FormCkeditorComponent, FormUploaderComponent,
                         LayoutComponent, LoadingComponent, NotfoundComponent, FormVehicleComponent, FormHiddenComponent, CalendarComponent, FormToggleComponent,
                         ClockComponent, ChartComponent, FormTagComponent, ErrorComponent, LoginComponent, FormStarComponent, FormSlideComponent,
+                        FormPreComponent
                     ]
                 },] }
     ];
@@ -9685,7 +9722,7 @@
                         p.Area = _this.permissions.Area;
                         p.Controller = 'print';
                         p.Action = _this.permissions.Controller + (_this.permissions.Action ? _this.permissions.Action : '');
-                        var params = $$1.param(_this.searchData(true));
+                        var params = $.param(_this.searchData(true));
                         var u = _this.getUrl(access.Url);
                         window.open('/report' + u + (params ? (u.includes('?') ? '&' : '?') + params : ''), '_blank');
                     };
@@ -10317,6 +10354,7 @@
     exports.ɵn = LoginComponent;
     exports.ɵo = SafeStylePipe;
     exports.ɵp = SafeHtmlPipe;
+    exports.ɵq = FormPreComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });