ps-toolkit-ui 1.9.38 → 1.9.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/bundles/ps-toolkit-ui.umd.js +9 -5
  2. package/bundles/ps-toolkit-ui.umd.js.map +1 -1
  3. package/bundles/ps-toolkit-ui.umd.min.js +1 -1
  4. package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
  5. package/esm2015/lib/components/form/vehicle/form.vehicle.component.js +2 -2
  6. package/esm2015/lib/components/form/vehicle/search/form.vehicle.search.component.js +7 -5
  7. package/fesm2015/ps-toolkit-ui.js +7 -5
  8. package/fesm2015/ps-toolkit-ui.js.map +1 -1
  9. package/lib/components/form/vehicle/search/form.vehicle.search.component.d.ts +1 -1
  10. package/package.json +1 -1
  11. package/ps-toolkit-ui.metadata.json +1 -1
package/bundles/ps-toolkit-ui.umd.js CHANGED
@@ -6871,9 +6871,10 @@
6871
6871
  };
6872
6872
  this.fingerprint.disabled = true;
6873
6873
  this.fingerprint.placeholder = this.inp.l('LoadingText', 'Waiting');
6874
- this.inp.setValue = function (v) {
6874
+ this.inp.setValue = function (v, isEdit) {
6875
+ if (isEdit === void 0) { isEdit = false; }
6875
6876
  if (v != null && v.Search) {
6876
- _this.changeType(v.Type);
6877
+ _this.changeType(v.Type, isEdit);
6877
6878
  setTimeout(function () {
6878
6879
  if (v.Type === exports.VehicleType.Motorcycle) {
6879
6880
  _this.motor.setValue(v.Value, false);
@@ -6955,8 +6956,9 @@
6955
6956
  }
6956
6957
  }
6957
6958
  };
6958
- FormVehicleSearchComponent.prototype.changeType = function (t) {
6959
+ FormVehicleSearchComponent.prototype.changeType = function (t, isEdit) {
6959
6960
  var _this = this;
6961
+ if (isEdit === void 0) { isEdit = false; }
6960
6962
  this.type = t;
6961
6963
  if (this.wsAuth != null) {
6962
6964
  this.wsAuth.close();
@@ -7000,7 +7002,9 @@
7000
7002
  };
7001
7003
  }
7002
7004
  this.car.url = this.motor.url = this.carF.url = this.carG.url = this.driver.url = this.inp.url.replace('_{}', '_' + this.type);
7003
- this.onFocusIn();
7005
+ if (!isEdit) {
7006
+ this.onFocusIn();
7007
+ }
7004
7008
  };
7005
7009
  FormVehicleSearchComponent.prototype.onFocusIn = function () {
7006
7010
  var _this = this;
@@ -7128,7 +7132,7 @@
7128
7132
  FormVehicleComponent.decorators = [
7129
7133
  { type: core.Component, args: [{
7130
7134
  selector: 'lib-form-vehicle',
7131
- 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-con vehicle'\">\r\n <div class=\"form-input\">\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</div>\r\n",
7135
+ 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-con w-100 vehicle'\">\r\n <div class=\"form-input\">\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</div>\r\n",
7132
7136
  styles: [".form-input-con.vehicle{align-items:center;display:flex;float:right;justify-content:center;position:relative}.form-input-con.vehicle .form-input{float:right;position:relative;width:198px}.form-input-con.vehicle .form-input .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-con.vehicle.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.vehicle .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.vehicle .form-input .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input-con.vehicle .form-input .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input-con.vehicle .form-input .label .change-type-btn.active,.form-input-con.vehicle .form-input .label .change-type-btn:hover{color:var(--primary)}.form-input-con.vehicle .form-input .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-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.vehicle .form-input .control:focus,.form-input-con.vehicle .form-input:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input-con.vehicle .form-input 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-con.vehicle .form-input 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-con.vehicle .form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.vehicle .form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.vehicle .form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.vehicle .form-input span.icon.button.green{background-color:var(--green)}.form-input-con.vehicle .form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.vehicle .form-input span.icon.button.red{background-color:var(--red)}.form-input-con.vehicle .form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.vehicle .form-input span.icon.button.yellow{background-color:var(--yellow)}.form-input-con.vehicle .form-input span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input-con.vehicle .form-input .disable-con{display:none}.form-input-con.vehicle.disabled .form-input{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default}.form-input-con.vehicle.disabled .form-input .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input-con.vehicle.display .form-input .label{display:none}.form-input-con.vehicle.display .form-input .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input-con.vehicle.error .form-input .control{box-shadow:0 1px 3px 0 var(--red)}.form-input-con.vehicle.error .form-input .control,.form-input-con.vehicle.error .form-input span.icon{color:var(--red-light)}.form-input-con.vehicle .form-input .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-con.vehicle.without-icon .form-input .control{padding:5px 10px}.form-input-con.vehicle.h-50 .form-input .control{height:50px}.form-input-con.vehicle.h-50 .form-input span.icon{height:50px;line-height:50px}.form-input-con.vehicle.h-45 .form-input .control{height:45px}.form-input-con.vehicle.h-45 .form-input span.icon{height:45px;line-height:45px}.form-input-con.vehicle.h-30 .form-input .control{font-size:10px;height:30px;padding:0}.form-input-con.vehicle.h-30 .form-input span.icon{height:30px;line-height:30px}.form-input-con.vehicle.h-35 .form-input{height:35px}.form-input-con.vehicle.h-35 .form-input .control{height:35px;padding:0 35px}.form-input-con.vehicle.h-35 .form-input span.icon{height:35px;line-height:35px}.form-input-con.vehicle.h-25 .form-input .control{height:25px;padding:0}.form-input-con.vehicle.h-25 .form-input span.icon{height:25px;line-height:25px}.form-input-con.vehicle.table-search .form-input{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input-con.vehicle.h-22 .form-input .control{height:22px;padding:0}.form-input-con.vehicle.h-22 .form-input span.icon{height:22px;line-height:22px}.form-input-con.vehicle.plaque-part-1 .form-input{float:left;padding:0!important;width:35px!important}.form-input-con.vehicle.plaque-part-1 .form-input.plaque-part-m{width:49px!important}.form-input-con.vehicle.plaque-part-3 .form-input{float:left;padding:0!important;width:49px!important}.form-input-con.vehicle.plaque-part-3 .form-input.plaque-part-m{width:69px!important}.form-input-con.vehicle.plaque-part-4 .form-input{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input-con.vehicle.plaque-part-4 .form-input .control{height:25px!important}.form-input-con.vehicle.plaque-part-4 .form-input.plaque-part-m{display:none!important}.form-input-con.vehicle.bank-card-part-item .form-input{float:left;padding:0!important;width:25%}.form-input-con.vehicle.bank-card-part-item .form-input: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-con.vehicle.bank-card-part-item .form-input .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
7133
7137
  },] }
7134
7138
  ];