ps-toolkit-ui 1.6.67 → 1.6.70

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

@@ -771,8 +771,8 @@
         InputType[InputType["Hidden"] = 37] = "Hidden";
         InputType[InputType["Table"] = 38] = "Table";
         InputType[InputType["Tag"] = 39] = "Tag";
-        InputType[InputType["CarSearch"] = 40] = "CarSearch";
-        InputType[InputType["Car"] = 41] = "Car";
+        InputType[InputType["VehicleSearch"] = 40] = "VehicleSearch";
+        InputType[InputType["Vehicle"] = 41] = "Vehicle";
         InputType[InputType["Finger"] = 42] = "Finger";
         InputType[InputType["Color"] = 43] = "Color";
         InputType[InputType["Star"] = 44] = "Star";
@@ -866,6 +866,8 @@
         PermissionInputTypeEnum[PermissionInputTypeEnum["Button"] = 1] = "Button";
     })(exports.PermissionInputTypeEnum || (exports.PermissionInputTypeEnum = {}));
     (function (VehicleType) {
+        VehicleType[VehicleType["Driver"] = -2] = "Driver";
+        VehicleType[VehicleType["Fingerprint"] = -1] = "Fingerprint";
         VehicleType[VehicleType["Car"] = 1] = "Car";
         VehicleType[VehicleType["Motorcycle"] = 2] = "Motorcycle";
         VehicleType[VehicleType["Airplane"] = 3] = "Airplane";
@@ -1709,52 +1711,72 @@
                 if (d == null) {
                     d = {};
                 }
-                this.inputs.forEach(function (inp) {
-                    var vl = inp.data();
-                    if (vl !== null) {
-                        if (d[inp.name] === undefined) {
-                            _.set(d, inp.name, vl);
-                        }
-                        else {
-                            if (d[inp.name] instanceof Array) {
-                                d[inp.name].push(vl);
-                            }
-                            else {
-                                d[inp.name] = [d[inp.name], vl];
-                            }
-                        }
-                    }
-                });
             }
             else {
                 if (d == null) {
                     d = new FormData();
                 }
-                this.inputs.forEach(function (inp) {
-                    var e_1, _a;
-                    var vl = inp.data();
-                    if (vl !== null) {
-                        if (vl instanceof Array) {
-                            try {
-                                for (var vl_1 = __values(vl), vl_1_1 = vl_1.next(); !vl_1_1.done; vl_1_1 = vl_1.next()) {
-                                    var v = vl_1_1.value;
-                                    d.append(inp.name, v);
-                                }
+            }
+            var setD = function (n, vl) {
+                var e_1, _a;
+                if (d instanceof FormData) {
+                    if (vl instanceof Array) {
+                        try {
+                            for (var vl_1 = __values(vl), vl_1_1 = vl_1.next(); !vl_1_1.done; vl_1_1 = vl_1.next()) {
+                                var v = vl_1_1.value;
+                                d.append(n, v);
                             }
-                            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                            finally {
-                                try {
-                                    if (vl_1_1 && !vl_1_1.done && (_a = vl_1.return)) _a.call(vl_1);
-                                }
-                                finally { if (e_1) throw e_1.error; }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (vl_1_1 && !vl_1_1.done && (_a = vl_1.return)) _a.call(vl_1);
                             }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                    }
+                    else {
+                        d.append(n, vl);
+                    }
+                }
+                else {
+                    if (d[n] === undefined) {
+                        _.set(d, n, vl);
+                    }
+                    else {
+                        if (d[n] instanceof Array) {
+                            d[n].push(vl);
                         }
                         else {
-                            d.append(inp.name, vl);
+                            d[n] = [d[n], vl];
                         }
                     }
-                });
-            }
+                }
+            };
+            this.inputs.forEach(function (inp) {
+                var e_2, _a;
+                var vl = inp.data();
+                if (vl !== null) {
+                    if (typeof vl === 'object' && !(vl instanceof Array)) {
+                        try {
+                            for (var _b = __values(Object.entries(vl)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                var _d = __read(_c.value, 2), key = _d[0], value = _d[1];
+                                setD(key, value);
+                            }
+                        }
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        finally {
+                            try {
+                                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                        }
+                    }
+                    else {
+                        setD(inp.name, vl);
+                    }
+                }
+            });
             return d;
         };
         FormClass.prototype.json = function (d) {
@@ -1763,7 +1785,7 @@
                 d = {};
             }
             this.inputs.forEach(function (inp) {
-                var e_2, _a;
+                var e_3, _a;
                 var vl = inp.data();
                 if (vl !== null && vl !== '') {
                     if (vl instanceof Array) {
@@ -1773,12 +1795,12 @@
                                 d[inp.name] = v;
                             }
                         }
-                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        catch (e_3_1) { e_3 = { error: e_3_1 }; }
                         finally {
                             try {
                                 if (vl_2_1 && !vl_2_1.done && (_a = vl_2.return)) _a.call(vl_2);
                             }
-                            finally { if (e_2) throw e_2.error; }
+                            finally { if (e_3) throw e_3.error; }
                         }
                     }
                     else {
@@ -1791,9 +1813,14 @@
         FormClass.prototype.setData = function (d) {
             this.inputs.forEach(function (inp) {
                 var iv = _.get(d, inp.name);
-                if (inp.type === exports.InputType.CarSearch) {
+                if (inp.type === exports.InputType.Vehicle) {
+                    var ivt = _.get(d, inp.name + 'Type');
+                    inp.setValue({ Value: iv, Type: ivt }, true);
+                }
+                else if (inp.type === exports.InputType.VehicleSearch) {
                     var ivs = _.get(d, inp.name.replace('Id', ''));
-                    inp.setValue({ Search: ivs, Value: iv }, true);
+                    var ivt = _.get(d, inp.name + 'Type');
+                    inp.setValue({ Search: ivs, Value: iv, Type: ivt }, true);
                 }
                 else if (inp.type !== exports.InputType.Label || iv != null) {
                     inp.setValue(iv, true);
@@ -1960,7 +1987,8 @@
             return r.filter(function (x) { return (p == null && !x.ParentId) || x.ParentId === p || !tree; })
                 .map(function (x) {
                 var o = new OptionClass(x.Name, x.Id.toString());
-                if (_this.type === exports.InputType.SelectAutoCompletePlaque || _this.type === exports.InputType.SelectAutoCompletePlaqueM || _this.type === exports.InputType.SelectAutoCompletePlaqueF || _this.type === exports.InputType.SelectAutoCompletePlaqueG || _this.name === 'CarId') {
+                if (_this.type === exports.InputType.SelectAutoCompletePlaque || _this.type === exports.InputType.SelectAutoCompletePlaqueM ||
+                    _this.type === exports.InputType.SelectAutoCompletePlaqueF || _this.type === exports.InputType.SelectAutoCompletePlaqueG || _this.name === 'CarId') {
                     var tn = o.name.split('_');
                     if (tn.length === 4) {
                         tn[1] += '‎';
@@ -2046,7 +2074,7 @@
             this.rows = rows;
         }
         AccordionClass.prototype.check = function () {
-            var e_3, _a;
+            var e_4, _a;
             try {
                 for (var _b = __values(this.rows), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var row = _c.value;
@@ -2056,12 +2084,12 @@
                     }
                 }
             }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
             finally {
                 try {
                     if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                 }
-                finally { if (e_3) throw e_3.error; }
+                finally { if (e_4) throw e_4.error; }
             }
             return true;
         };
@@ -4272,7 +4300,7 @@
     FormComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form',
-                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form' + (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\">{{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  <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.Phone || inp.type == type.Email || inp.type == type.NationalCode || 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 [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\"></lib-form-select>\r\n      <lib-form-date [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Date\" [inp]=\"inp\"></lib-form-date>\r\n      <lib-form-time [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\"></lib-form-time>\r\n      <lib-form-datetime [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\"></lib-form-datetime>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\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-car-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.CarSearch\" [inp]=\"inp\"></lib-form-car-search>\r\n      <lib-form-car (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Car\" [inp]=\"inp\"></lib-form-car>\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-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-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
+                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form' + (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\">{{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  <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.Phone || inp.type == type.Email || inp.type == type.NationalCode || 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 [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\"></lib-form-select>\r\n      <lib-form-date [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Date\" [inp]=\"inp\"></lib-form-date>\r\n      <lib-form-time [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\"></lib-form-time>\r\n      <lib-form-datetime [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\"></lib-form-datetime>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\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-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-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
                     styles: [".form{border-radius:var(--border-radius-base);float:right;padding:20px;position:relative;width:100%}.form>.title{font-family:VazirBold;font-size:16px;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-family:VazirLight;font-size:12px;height:30px}.form .loading{background-color:#fff;border-radius:var(--border-radius-base);height:100%;right:0;top:0;z-index:4}.form .loading,.form .loading .text{position:absolute;text-align:center;width:100%}.form .loading .text{font-family:VazirBold;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}"]
                 },] }
     ];
@@ -6692,13 +6720,18 @@
         inputLabel: [{ type: core.ViewChild, args: ['inputLabel',] }]
     };
 
-    var FormCarSearchComponent = /** @class */ (function () {
-        function FormCarSearchComponent() {
+    var FormVehicleSearchComponent = /** @class */ (function () {
+        function FormVehicleSearchComponent() {
             this.changeIndex = new core.EventEmitter();
-            this.type = 'Car';
+            this.type = exports.VehicleType.Car;
             this.wsAuth = null;
         }
-        FormCarSearchComponent.prototype.ngOnInit = function () {
+        Object.defineProperty(FormVehicleSearchComponent.prototype, "vehicleType", {
+            get: function () { return exports.VehicleType; },
+            enumerable: false,
+            configurable: true
+        });
+        FormVehicleSearchComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.car = new InputClass(this.inp.environment, this.inp.l, this.inp.name + 'Item', 'fa-user', exports.InputType.SelectAutoCompletePlaque, 'plaque-inp');
             this.motor = new InputClass(this.inp.environment, this.inp.l, this.inp.name + 'Item', 'fa-motorcycle', exports.InputType.SelectAutoCompletePlaqueM, 'plaque-inp');
@@ -6750,35 +6783,26 @@
             this.fingerprint.disabled = true;
             this.fingerprint.placeholder = this.inp.l('LoadingText', 'Waiting');
             this.inp.setValue = function (v) {
-                if (v != null) {
-                    if (v.Search && v.Search.split('_').length === 2 && v.Search.split('_').every(function (x) { return /^[0-9]+$/.test(x); })) {
-                        _this.type = 'Motor';
-                        setTimeout(function () {
+                if (v != null && v.Search) {
+                    _this.changeType(v.Type);
+                    setTimeout(function () {
+                        if (v.Type === exports.VehicleType.Motorcycle) {
                             _this.motor.setValue(v.Value, false);
                             _this.motor.setSearch(v.Search);
-                        });
-                    }
-                    else if (v.Search && v.Search.split('_').length === 2) {
-                        _this.type = 'CarF';
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.CarF) {
                             _this.carF.setValue(v.Value, false);
                             _this.carF.setSearch(v.Search);
-                        });
-                    }
-                    else if (v.Search && v.Search.split('_').length === 4) {
-                        _this.type = 'Car';
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.Car) {
                             _this.car.setValue(v.Value, false);
                             _this.car.setSearch(v.Search);
-                        });
-                    }
-                    else if (v.Search && v.Search.split('_').length === 1) {
-                        _this.type = 'CarG';
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.CarG) {
                             _this.carG.setValue(v.Value, false);
                             _this.carG.setSearch(v.Search);
-                        });
-                    }
+                        }
+                    });
                 }
             };
             this.inp.focus = function () {
@@ -6786,27 +6810,27 @@
             };
             this.inp.isValid = function () {
                 _this.inp.error = null;
-                if (_this.inp.required && _this.type === 'Car' && !_this.car.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.Car && !_this.car.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
-                if (_this.inp.required && _this.type === 'Motor' && !_this.motor.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.Motorcycle && !_this.motor.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
-                if (_this.inp.required && _this.type === 'CarF' && !_this.carF.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.CarF && !_this.carF.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
-                if (_this.inp.required && _this.type === 'CarG' && !_this.carG.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.CarG && !_this.carG.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
-                if (_this.inp.required && _this.type === 'Driver' && !_this.driver.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.Driver && !_this.driver.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
-                if (_this.inp.required && _this.type === 'Fingerprint' && !_this.fingerprint.isValid()) {
+                if (_this.inp.required && _this.type === exports.VehicleType.Fingerprint && !_this.fingerprint.isValid()) {
                     _this.inp.error = exports.InputError.Required;
                     return false;
                 }
@@ -6815,7 +6839,7 @@
             this.inp.clear = function () {
                 _this.inp.error = null;
                 _this.inp.setValue(null, false);
-                _this.type = 'Car';
+                _this.changeType(exports.VehicleType.Car);
                 _this.car.clear();
                 _this.motor.clear();
                 _this.carF.clear();
@@ -6824,18 +6848,21 @@
                 _this.fingerprint.clear();
             };
             this.inp.data = function () {
-                return _this.type === 'Car' ? _this.car.data() :
-                    _this.type === 'Motor' ? _this.motor.data() :
-                        _this.type === 'CarF' ? _this.carF.data() :
-                            _this.type === 'carG' ? _this.carG.data() :
-                                _this.type === 'Driver' ? _this.driver.data() :
-                                    _this.type === 'Fingerprint' ? _this.fingerprint.data() : null;
+                var d = {};
+                d[_this.inp.name] = _this.type === exports.VehicleType.Car ? _this.car.data() :
+                    _this.type === exports.VehicleType.Motorcycle ? _this.motor.data() :
+                        _this.type === exports.VehicleType.CarF ? _this.carF.data() :
+                            _this.type === exports.VehicleType.CarG ? _this.carG.data() :
+                                _this.type === exports.VehicleType.Driver ? _this.driver.data() :
+                                    _this.type === exports.VehicleType.Fingerprint ? _this.fingerprint.data() : null;
+                d[_this.inp.name + 'Type'] = _this.type;
+                return d;
             };
         };
-        FormCarSearchComponent.prototype.changeType = function (t) {
+        FormVehicleSearchComponent.prototype.changeType = function (t) {
             var _this = this;
             this.type = t;
-            if (t === 'Fingerprint') {
+            if (t === exports.VehicleType.Fingerprint) {
                 this.fingerprint.loading = true;
                 this.fingerprint.placeholder = this.inp.l('LoadingText', 'Waiting');
                 this.fingerprint.value = null;
@@ -6876,48 +6903,48 @@
             this.car.url = this.motor.url = this.carF.url = this.carG.url = this.driver.url = this.inp.url.replace('_{}', '_' + this.type);
             this.onFocusIn();
         };
-        FormCarSearchComponent.prototype.onFocusIn = function () {
+        FormVehicleSearchComponent.prototype.onFocusIn = function () {
             var _this = this;
-            if (this.type === 'Car' || this.type === 'Motor' || this.type === 'CarF' || this.type === 'CarG') {
+            if (this.type === exports.VehicleType.Car || this.type === exports.VehicleType.Motorcycle || this.type === exports.VehicleType.CarF || this.type === exports.VehicleType.CarG) {
                 setTimeout(function () {
-                    $('#' + _this.inp.id + 'CarSearchInput' + ' .plaque-inp').click();
-                    $('#' + _this.inp.id + 'CarSearchInput' + ' #Part1Input .control').focus();
+                    $('#' + _this.inp.id + 'VehicleSearchInput' + ' .plaque-inp').click();
+                    $('#' + _this.inp.id + 'VehicleSearchInput' + ' #Part1Input .control').focus();
                 }, 100);
             }
-            else if (this.type === 'Driver') {
+            else if (this.type === exports.VehicleType.Driver) {
                 this.driver.focus();
             }
-            else if (this.type === 'Fingerprint') {
+            else if (this.type === exports.VehicleType.Fingerprint) {
                 this.fingerprint.focus();
             }
         };
-        return FormCarSearchComponent;
+        return FormVehicleSearchComponent;
     }());
-    FormCarSearchComponent.decorators = [
+    FormVehicleSearchComponent.decorators = [
         { type: core.Component, args: [{
-                    selector: 'lib-form-car-search',
-                    template: "<div #inputDiv [id]=\"inp.id + 'CarSearchInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.icon != null ? '' : ' without-icon') + ' form-input car'\">\r\n  <div class=\"label\">\r\n    <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Car')\" [className]=\"(type == 'Car' ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType('Car')\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Motor')\" [className]=\"(type == 'Motor' ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType('Motor')\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Driver')\" [className]=\"(type == 'Driver' ? 'active ' : '') + 'change-type-btn fas fa-user'\" (click)=\"changeType('Driver')\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Fingerprint')\" [className]=\"(type == 'Fingerprint' ? 'active ' : '') + 'change-type-btn fas fa-fingerprint'\" (click)=\"changeType('Fingerprint')\"></i>\r\n    <i *ngIf=\"inp.rows.includes('CarF')\" [className]=\"(type == 'CarF' ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType('CarF')\"></i>\r\n    <i *ngIf=\"inp.rows.includes('CarG')\" [className]=\"(type == 'CarG' ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType('CarG')\"></i>\r\n  </div>\r\n  <div class=\"w-100 p-r\">\r\n    <lib-form-plaque-select [inp]=\"car\" *ngIf=\"type === 'Car'\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"motor\" *ngIf=\"type === 'Motor'\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"carF\" *ngIf=\"type === 'CarF'\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"carG\" *ngIf=\"type === 'CarG'\"></lib-form-plaque-select>\r\n    <lib-form-select [inp]=\"driver\" *ngIf=\"type === 'Driver'\"></lib-form-select>\r\n    <lib-form-select [inp]=\"fingerprint\" *ngIf=\"type === 'Fingerprint'\"></lib-form-select>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".form-input.car{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.car .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.car.error .label{color:var(--red);font-size:10px}.form-input.car .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.car .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.car .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.car .label .change-type-btn.active,.form-input.car .label .change-type-btn:hover{color:var(--primary)}.form-input.car .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.car .control:focus,.form-input.car:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.car span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.car span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.car span.icon.button:hover{background-color:var(--base-dark)}.form-input.car span.icon.button.blue{background-color:var(--blue)}.form-input.car span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.car span.icon.button.green{background-color:var(--green)}.form-input.car span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.car span.icon.button.red{background-color:var(--red)}.form-input.car span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.car span.icon.button.yellow{background-color:var(--yellow)}.form-input.car span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.car.disabled .control,.form-input.car.disabled .label,.form-input.car.disabled span.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input.car.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.car.error .control,.form-input.car.error span.icon{color:var(--red-light)}.form-input.car .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.car.without-icon .control{padding:5px 10px}.form-input.car.h-50 .control{height:50px}.form-input.car.h-50 span.icon{height:50px;line-height:50px}.form-input.car.h-45 .control{height:45px}.form-input.car.h-45 span.icon{height:45px;line-height:45px}.form-input.car.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.car.h-30 span.icon{height:30px;line-height:30px}.form-input.car.h-35{height:35px}.form-input.car.h-35 .control{height:35px;padding:0 35px}.form-input.car.h-35 span.icon{height:35px;line-height:35px}.form-input.car.h-25 .control{height:25px;padding:0}.form-input.car.h-25 span.icon{height:25px;line-height:25px}.form-input.car.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.car.h-22 .control{height:22px;padding:0}.form-input.car.h-22 span.icon{height:22px;line-height:22px}.form-input.car.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.car.plaque-part-1.plaque-part-m{width:49px!important}.form-input.car.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.car.plaque-part-3.plaque-part-m{width:69px!important}.form-input.car.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.car.plaque-part-4 .control{height:25px!important}.form-input.car.plaque-part-4.plaque-part-m{display:none!important}.form-input.car.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.car.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.car.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
+                    selector: 'lib-form-vehicle-search',
+                    template: "<div #inputDiv [id]=\"inp.id + 'VehicleSearchInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.icon != null ? '' : ' without-icon') + ' form-input vehicle-search'\">\r\n  <div class=\"label\">\r\n    <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Car)\" [className]=\"(type == vehicleType.Car ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType(vehicleType.Car)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Motorcycle)\" [className]=\"(type == vehicleType.Motorcycle ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType(vehicleType.Motorcycle)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Driver)\" [className]=\"(type == vehicleType.Driver ? 'active ' : '') + 'change-type-btn fas fa-user'\" (click)=\"changeType(vehicleType.Driver)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Fingerprint)\" [className]=\"(type == vehicleType.Fingerprint ? 'active ' : '') + 'change-type-btn fas fa-fingerprint'\" (click)=\"changeType(vehicleType.Fingerprint)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.CarF)\" [className]=\"(type == vehicleType.CarF ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarF)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.CarG)\" [className]=\"(type == vehicleType.CarG ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarG)\"></i>\r\n  </div>\r\n  <div class=\"w-100 p-r\">\r\n    <lib-form-plaque-select [inp]=\"car\" *ngIf=\"type === vehicleType.Car\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"motor\" *ngIf=\"type === vehicleType.Motorcycle\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"carF\" *ngIf=\"type === vehicleType.CarF\"></lib-form-plaque-select>\r\n    <lib-form-plaque-select [inp]=\"carG\" *ngIf=\"type === vehicleType.CarG\"></lib-form-plaque-select>\r\n    <lib-form-select [inp]=\"driver\" *ngIf=\"type === vehicleType.Driver\"></lib-form-select>\r\n    <lib-form-select [inp]=\"fingerprint\" *ngIf=\"type === vehicleType.Fingerprint\"></lib-form-select>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".form-input.vehicle-search{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle-search .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle-search.error .label{color:var(--red);font-size:10px}.form-input.vehicle-search .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle-search .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle-search .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle-search .label .change-type-btn.active,.form-input.vehicle-search .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle-search .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.vehicle-search .control:focus,.form-input.vehicle-search:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.vehicle-search span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.vehicle-search span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.vehicle-search span.icon.button:hover{background-color:var(--base-dark)}.form-input.vehicle-search span.icon.button.blue{background-color:var(--blue)}.form-input.vehicle-search span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.vehicle-search span.icon.button.green{background-color:var(--green)}.form-input.vehicle-search span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.vehicle-search span.icon.button.red{background-color:var(--red)}.form-input.vehicle-search span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.vehicle-search span.icon.button.yellow{background-color:var(--yellow)}.form-input.vehicle-search span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.vehicle-search.disabled .control,.form-input.vehicle-search.disabled .label,.form-input.vehicle-search.disabled span.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input.vehicle-search.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.vehicle-search.error .control,.form-input.vehicle-search.error span.icon{color:var(--red-light)}.form-input.vehicle-search .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.vehicle-search.without-icon .control{padding:5px 10px}.form-input.vehicle-search.h-50 .control{height:50px}.form-input.vehicle-search.h-50 span.icon{height:50px;line-height:50px}.form-input.vehicle-search.h-45 .control{height:45px}.form-input.vehicle-search.h-45 span.icon{height:45px;line-height:45px}.form-input.vehicle-search.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.vehicle-search.h-30 span.icon{height:30px;line-height:30px}.form-input.vehicle-search.h-35{height:35px}.form-input.vehicle-search.h-35 .control{height:35px;padding:0 35px}.form-input.vehicle-search.h-35 span.icon{height:35px;line-height:35px}.form-input.vehicle-search.h-25 .control{height:25px;padding:0}.form-input.vehicle-search.h-25 span.icon{height:25px;line-height:25px}.form-input.vehicle-search.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.vehicle-search.h-22 .control{height:22px;padding:0}.form-input.vehicle-search.h-22 span.icon{height:22px;line-height:22px}.form-input.vehicle-search.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.vehicle-search.plaque-part-1.plaque-part-m{width:49px!important}.form-input.vehicle-search.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.vehicle-search.plaque-part-3.plaque-part-m{width:69px!important}.form-input.vehicle-search.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.vehicle-search.plaque-part-4 .control{height:25px!important}.form-input.vehicle-search.plaque-part-4.plaque-part-m{display:none!important}.form-input.vehicle-search.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.vehicle-search.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.vehicle-search.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
                 },] }
     ];
-    FormCarSearchComponent.ctorParameters = function () { return []; };
-    FormCarSearchComponent.propDecorators = {
+    FormVehicleSearchComponent.ctorParameters = function () { return []; };
+    FormVehicleSearchComponent.propDecorators = {
         inp: [{ type: core.Input }],
         changeIndex: [{ type: core.Output }],
         inputDiv: [{ type: core.ViewChild, args: ['inputDiv',] }]
     };
 
-    var FormCarComponent = /** @class */ (function () {
-        function FormCarComponent() {
+    var FormVehicleComponent = /** @class */ (function () {
+        function FormVehicleComponent() {
             this.changeIndex = new core.EventEmitter();
             this.type = exports.VehicleType.Car;
         }
-        Object.defineProperty(FormCarComponent.prototype, "vehicleType", {
+        Object.defineProperty(FormVehicleComponent.prototype, "vehicleType", {
             get: function () { return exports.VehicleType; },
             enumerable: false,
             configurable: true
         });
-        FormCarComponent.prototype.ngOnInit = function () {
+        FormVehicleComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.car = new InputClass(this.inp.environment, this.inp.l, this.inp.name + 'Item', 'fa-user', exports.InputType.Plaque, 'plaque-inp', null, this.inp.required);
             this.carF = new InputClass(this.inp.environment, this.inp.l, this.inp.name + 'Item', 'fa-earth-asia', exports.InputType.PlaqueF, 'plaque-inp', null, this.inp.required);
@@ -6926,31 +6953,22 @@
             this.car.displayLabel = this.carF.displayLabel = this.carG.displayLabel = this.motor.displayLabel = false;
             this.car.disabled = this.carF.disabled = this.carG.disabled = this.motor.disabled = this.inp.disabled;
             this.inp.setValue = function (v) {
-                if (v != null) {
-                    if (v.split('_').length === 2 && v.split('_').every(function (x) { return /^[0-9]+$/.test(x); })) {
-                        _this.changeType(exports.VehicleType.Motorcycle);
-                        setTimeout(function () {
+                if (v != null && v.Value !== null) {
+                    _this.changeType(v.Type);
+                    setTimeout(function () {
+                        if (v.Type === exports.VehicleType.Motorcycle) {
                             _this.motor.setValue(v, false);
-                        });
-                    }
-                    else if (v.split('_').length === 2) {
-                        _this.changeType(exports.VehicleType.CarF);
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.CarF) {
                             _this.carF.setValue(v, false);
-                        });
-                    }
-                    else if (v.split('_').length === 4) {
-                        _this.changeType(exports.VehicleType.Car);
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.Car) {
                             _this.car.setValue(v, false);
-                        });
-                    }
-                    else if (v.split('_').length === 1) {
-                        _this.changeType(exports.VehicleType.CarG);
-                        setTimeout(function () {
+                        }
+                        else if (v.Type === exports.VehicleType.CarG) {
                             _this.carG.setValue(v, false);
-                        });
-                    }
+                        }
+                    });
                 }
             };
             this.inp.focus = function () {
@@ -6986,33 +7004,38 @@
                 _this.carG.clear();
             };
             this.inp.data = function () {
-                return _this.type === exports.VehicleType.Car ? _this.car.data() : _this.type === exports.VehicleType.Motorcycle ? _this.motor.data() : _this.type === exports.VehicleType.CarF ? _this.carF.data() :
-                    _this.type === exports.VehicleType.CarG ? _this.carG.data() : null;
+                var d = {};
+                d[_this.inp.name] = _this.type === exports.VehicleType.Car ? _this.car.data() :
+                    _this.type === exports.VehicleType.Motorcycle ? _this.motor.data() :
+                        _this.type === exports.VehicleType.CarF ? _this.carF.data() :
+                            _this.type === exports.VehicleType.CarG ? _this.carG.data() : null;
+                d[_this.inp.name + 'Type'] = _this.type;
+                return d;
             };
         };
-        FormCarComponent.prototype.changeType = function (t) {
+        FormVehicleComponent.prototype.changeType = function (t) {
             this.type = t;
             if (this.inp.onChange) {
                 this.inp.onChange(t);
             }
             this.onFocusIn();
         };
-        FormCarComponent.prototype.onFocusIn = function () {
+        FormVehicleComponent.prototype.onFocusIn = function () {
             setTimeout(function () {
                 $('#Part1TextInput .control').focus();
             }, 100);
         };
-        return FormCarComponent;
+        return FormVehicleComponent;
     }());
-    FormCarComponent.decorators = [
+    FormVehicleComponent.decorators = [
         { type: core.Component, args: [{
-                    selector: 'lib-form-car',
-                    template: "<div #inputDiv [id]=\"inp.id + 'CarInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon != null ? '' : ' without-icon') + ' form-input car'\">\r\n  <div class=\"disable-con\"></div>\r\n  <div class=\"label\">\r\n    <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Car')\" [className]=\"(type === vehicleType.Car ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType(vehicleType.Car)\"></i>\r\n    <i *ngIf=\"inp.rows.includes('CarF')\" [className]=\"(type === vehicleType.CarF ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarF)\"></i>\r\n    <i *ngIf=\"inp.rows.includes('CarG')\" [className]=\"(type === vehicleType.CarG ? 'active ' : '') + 'change-type-btn fas fa-globe'\" (click)=\"changeType(vehicleType.CarG)\"></i>\r\n    <i *ngIf=\"inp.rows.includes('Motor')\" [className]=\"(type === vehicleType.Motorcycle ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType(vehicleType.Motorcycle)\"></i>\r\n  </div>\r\n  <div class=\"w-100 p-r\">\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"car\" *ngIf=\"type === vehicleType.Car\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carF\" *ngIf=\"type === vehicleType.CarF\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carG\" *ngIf=\"type === vehicleType.CarG\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"motor\" *ngIf=\"type === vehicleType.Motorcycle\"></lib-form-plaque>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".form-input.car{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.car .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.car.error .label{color:var(--red);font-size:10px}.form-input.car .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.car .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.car .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.car .label .change-type-btn.active,.form-input.car .label .change-type-btn:hover{color:var(--primary)}.form-input.car .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.car .control:focus,.form-input.car:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.car span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.car span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.car span.icon.button:hover{background-color:var(--base-dark)}.form-input.car span.icon.button.blue{background-color:var(--blue)}.form-input.car span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.car span.icon.button.green{background-color:var(--green)}.form-input.car span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.car span.icon.button.red{background-color:var(--red)}.form-input.car span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.car span.icon.button.yellow{background-color:var(--yellow)}.form-input.car span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.car .disable-con{display:none}.form-input.car.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default}.form-input.car.disabled .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.car.display .label{display:none}.form-input.car.display .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.car.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.car.error .control,.form-input.car.error span.icon{color:var(--red-light)}.form-input.car .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.car.without-icon .control{padding:5px 10px}.form-input.car.h-50 .control{height:50px}.form-input.car.h-50 span.icon{height:50px;line-height:50px}.form-input.car.h-45 .control{height:45px}.form-input.car.h-45 span.icon{height:45px;line-height:45px}.form-input.car.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.car.h-30 span.icon{height:30px;line-height:30px}.form-input.car.h-35{height:35px}.form-input.car.h-35 .control{height:35px;padding:0 35px}.form-input.car.h-35 span.icon{height:35px;line-height:35px}.form-input.car.h-25 .control{height:25px;padding:0}.form-input.car.h-25 span.icon{height:25px;line-height:25px}.form-input.car.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.car.h-22 .control{height:22px;padding:0}.form-input.car.h-22 span.icon{height:22px;line-height:22px}.form-input.car.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.car.plaque-part-1.plaque-part-m{width:49px!important}.form-input.car.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.car.plaque-part-3.plaque-part-m{width:69px!important}.form-input.car.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.car.plaque-part-4 .control{height:25px!important}.form-input.car.plaque-part-4.plaque-part-m{display:none!important}.form-input.car.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.car.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.car.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
+                    selector: 'lib-form-vehicle',
+                    template: "<div #inputDiv [id]=\"inp.id + 'VehicleInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon != null ? '' : ' without-icon') + ' form-input vehicle'\">\r\n  <div class=\"disable-con\"></div>\r\n  <div class=\"label\">\r\n    <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Car)\" [className]=\"(type === vehicleType.Car ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType(vehicleType.Car)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.CarF)\" [className]=\"(type === vehicleType.CarF ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarF)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.CarG)\" [className]=\"(type === vehicleType.CarG ? 'active ' : '') + 'change-type-btn fas fa-globe'\" (click)=\"changeType(vehicleType.CarG)\"></i>\r\n    <i *ngIf=\"inp.rows.includes(vehicleType.Motorcycle)\" [className]=\"(type === vehicleType.Motorcycle ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType(vehicleType.Motorcycle)\"></i>\r\n  </div>\r\n  <div class=\"w-100 p-r\">\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"car\" *ngIf=\"type === vehicleType.Car\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carF\" *ngIf=\"type === vehicleType.CarF\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carG\" *ngIf=\"type === vehicleType.CarG\"></lib-form-plaque>\r\n    <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"motor\" *ngIf=\"type === vehicleType.Motorcycle\"></lib-form-plaque>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".form-input.vehicle{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle.error .label{color:var(--red);font-size:10px}.form-input.vehicle .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle .label .change-type-btn.active,.form-input.vehicle .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.vehicle .control:focus,.form-input.vehicle:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.vehicle span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.vehicle span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.vehicle span.icon.button:hover{background-color:var(--base-dark)}.form-input.vehicle span.icon.button.blue{background-color:var(--blue)}.form-input.vehicle span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.vehicle span.icon.button.green{background-color:var(--green)}.form-input.vehicle span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.vehicle span.icon.button.red{background-color:var(--red)}.form-input.vehicle span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.vehicle span.icon.button.yellow{background-color:var(--yellow)}.form-input.vehicle span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.vehicle .disable-con{display:none}.form-input.vehicle.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default}.form-input.vehicle.disabled .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.vehicle.display .label{display:none}.form-input.vehicle.display .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.vehicle.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.vehicle.error .control,.form-input.vehicle.error span.icon{color:var(--red-light)}.form-input.vehicle .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.vehicle.without-icon .control{padding:5px 10px}.form-input.vehicle.h-50 .control{height:50px}.form-input.vehicle.h-50 span.icon{height:50px;line-height:50px}.form-input.vehicle.h-45 .control{height:45px}.form-input.vehicle.h-45 span.icon{height:45px;line-height:45px}.form-input.vehicle.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.vehicle.h-30 span.icon{height:30px;line-height:30px}.form-input.vehicle.h-35{height:35px}.form-input.vehicle.h-35 .control{height:35px;padding:0 35px}.form-input.vehicle.h-35 span.icon{height:35px;line-height:35px}.form-input.vehicle.h-25 .control{height:25px;padding:0}.form-input.vehicle.h-25 span.icon{height:25px;line-height:25px}.form-input.vehicle.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.vehicle.h-22 .control{height:22px;padding:0}.form-input.vehicle.h-22 span.icon{height:22px;line-height:22px}.form-input.vehicle.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.vehicle.plaque-part-1.plaque-part-m{width:49px!important}.form-input.vehicle.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.vehicle.plaque-part-3.plaque-part-m{width:69px!important}.form-input.vehicle.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.vehicle.plaque-part-4 .control{height:25px!important}.form-input.vehicle.plaque-part-4.plaque-part-m{display:none!important}.form-input.vehicle.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.vehicle.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.vehicle.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
                 },] }
     ];
-    FormCarComponent.ctorParameters = function () { return []; };
-    FormCarComponent.propDecorators = {
+    FormVehicleComponent.ctorParameters = function () { return []; };
+    FormVehicleComponent.propDecorators = {
         inp: [{ type: core.Input }],
         changeIndex: [{ type: core.Output }],
         inputDiv: [{ type: core.ViewChild, args: ['inputDiv',] }]
@@ -7642,7 +7665,7 @@
                         FormIconComponent, FormButtonComponent, FormDatetimeComponent, FormPlaqueComponent, SubHeaderComponent, FooterComponent, StepsComponent,
                         FormFileComponent, FormSelectComponent, FormTableComponent, FormLabelComponent, AccordionComponent, FormRadioComponent, HeaderComponent,
                         TooltipComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent, FormTreeComponent, AlertComponent,
-                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormCarSearchComponent, FormCarComponent, FormStarComponent,
+                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormStarComponent,
                         SafeStylePipe, LoginComponent, LoadingComponent, NotificationComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
                         ClockComponent, ChartComponent, SafeHtmlPipe, FormTagComponent
                     ],
@@ -7658,7 +7681,7 @@
                         FormIconComponent, FormButtonComponent, FormDatetimeComponent, FormPlaqueComponent, SubHeaderComponent, FooterComponent, StepsComponent,
                         FormFileComponent, FormSelectComponent, FormTableComponent, FormLabelComponent, AccordionComponent, FormRadioComponent, HeaderComponent,
                         TooltipComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent, FormTreeComponent, AlertComponent,
-                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormCarSearchComponent, FormCarComponent, FormStarComponent,
+                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormStarComponent,
                         LoginComponent, LoadingComponent, NotificationComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
                         ClockComponent, ChartComponent, FormTagComponent
                     ]
@@ -8200,8 +8223,6 @@
     exports.FooterComponent = FooterComponent;
     exports.FormBankCardComponent = FormBankCardComponent;
     exports.FormButtonComponent = FormButtonComponent;
-    exports.FormCarComponent = FormCarComponent;
-    exports.FormCarSearchComponent = FormCarSearchComponent;
     exports.FormCheckboxComponent = FormCheckboxComponent;
     exports.FormClass = FormClass;
     exports.FormComponent = FormComponent;
@@ -8221,6 +8242,8 @@
     exports.FormTextboxComponent = FormTextboxComponent;
     exports.FormTimeComponent = FormTimeComponent;
     exports.FormTreeComponent = FormTreeComponent;
+    exports.FormVehicleComponent = FormVehicleComponent;
+    exports.FormVehicleSearchComponent = FormVehicleSearchComponent;
     exports.HeaderComponent = HeaderComponent;
     exports.HelperClass = HelperClass;
     exports.InputClass = InputClass;