ps-toolkit-ui 1.6.83 → 1.6.84

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 (9) hide show
  1. package/bundles/ps-toolkit-ui.umd.js +39 -55
  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/plaque/form.plaque.component.js +9 -30
  6. package/esm2015/lib/components/form/plaque/select/form.plaque.select.component.js +32 -27
  7. package/fesm2015/ps-toolkit-ui.js +39 -55
  8. package/fesm2015/ps-toolkit-ui.js.map +1 -1
  9. package/package.json +1 -1
package/bundles/ps-toolkit-ui.umd.js CHANGED
@@ -4464,32 +4464,44 @@
4464
4464
  _this.inp.error = null;
4465
4465
  _this.inp.value = null;
4466
4466
  if (v.length === 2 && _this.inp.type === exports.InputType.SelectAutoCompletePlaque) {
4467
- _this.part2.focus();
4467
+ _this.part2.focus(true);
4468
4468
  _this.loadOptions();
4469
4469
  }
4470
4470
  else if (v.length === 3 && _this.inp.type === exports.InputType.SelectAutoCompletePlaqueM) {
4471
- _this.part3.focus();
4471
+ _this.part3.focus(true);
4472
4472
  _this.loadOptions();
4473
4473
  }
4474
4474
  };
4475
- this.part2.onChange = function () {
4475
+ this.part2.onChange = function (v) {
4476
4476
  _this.inp.error = null;
4477
4477
  _this.inp.value = null;
4478
- setTimeout(function () {
4479
- _this.part3.focus();
4478
+ if (v.length === 1) {
4479
+ _this.part3.focus(true);
4480
4480
  _this.loadOptions();
4481
- }, 100);
4481
+ }
4482
+ else if (v.length === 0) {
4483
+ _this.part1.focus(true);
4484
+ _this.loadOptions();
4485
+ }
4482
4486
  };
4483
4487
  this.part3.onChange = function (v) {
4484
4488
  _this.inp.error = null;
4485
4489
  _this.inp.value = null;
4486
4490
  if (v.length === 3 && _this.inp.type === exports.InputType.SelectAutoCompletePlaque) {
4487
- _this.part4.focus();
4491
+ _this.part4.focus(true);
4492
+ _this.loadOptions();
4493
+ }
4494
+ else if (v.length === 0 && _this.inp.type === exports.InputType.SelectAutoCompletePlaque) {
4495
+ _this.part2.focus(true);
4488
4496
  _this.loadOptions();
4489
4497
  }
4490
4498
  else if (v.length === 5 && _this.inp.type === exports.InputType.SelectAutoCompletePlaqueM) {
4491
4499
  _this.loadOptions();
4492
4500
  }
4501
+ else if (v.length === 0 && _this.inp.type === exports.InputType.SelectAutoCompletePlaqueM) {
4502
+ _this.part1.focus(true);
4503
+ _this.loadOptions();
4504
+ }
4493
4505
  };
4494
4506
  this.part4.onChange = function (v) {
4495
4507
  _this.inp.error = null;
@@ -4497,6 +4509,9 @@
4497
4509
  if (v.length === 2) {
4498
4510
  _this.loadOptions();
4499
4511
  }
4512
+ else if (v.length === 0) {
4513
+ _this.part3.focus(true);
4514
+ }
4500
4515
  };
4501
4516
  this.part1.onKeyDown = this.part2.onKeyDown = this.part3.onKeyDown = this.part4.onKeyDown = function (e) {
4502
4517
  var code = e.keyCode || e.which;
@@ -4553,7 +4568,7 @@
4553
4568
  FormPlaqueSelectComponent.prototype.focusInput = function (f) {
4554
4569
  if (f === void 0) { f = false; }
4555
4570
  if (f) {
4556
- this.part1.focus();
4571
+ this.part1.focus(true);
4557
4572
  }
4558
4573
  };
4559
4574
  FormPlaqueSelectComponent.prototype.closeOptions = function () {
@@ -4764,12 +4779,7 @@
4764
4779
  if (this.inp.type === exports.InputType.SelectAutoCompletePlaque) {
4765
4780
  if (p === 'Part1') {
4766
4781
  if (a === 'Tab' || a === 'Enter') {
4767
- if (this.part2.data() != null) {
4768
- this.part3.focus();
4769
- }
4770
- else {
4771
- this.part2.focus();
4772
- }
4782
+ this.part2.focus(true);
4773
4783
  }
4774
4784
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
4775
4785
  this.changeIndex.emit('ShiftTab');
@@ -4777,23 +4787,18 @@
4777
4787
  }
4778
4788
  else if (p === 'Part2') {
4779
4789
  if (a === 'Tab' || a === 'Enter') {
4780
- this.part3.focus();
4790
+ this.part3.focus(true);
4781
4791
  }
4782
4792
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
4783
- this.part1.focus();
4793
+ this.part1.focus(true);
4784
4794
  }
4785
4795
  }
4786
4796
  else if (p === 'Part3') {
4787
4797
  if (a === 'Tab' || a === 'Enter') {
4788
- this.part4.focus();
4798
+ this.part4.focus(true);
4789
4799
  }
4790
4800
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
4791
- if (this.part2.data() != null) {
4792
- this.part1.focus();
4793
- }
4794
- else {
4795
- this.part2.focus();
4796
- }
4801
+ this.part2.focus(true);
4797
4802
  }
4798
4803
  }
4799
4804
  else if (p === 'Part4') {
@@ -4801,14 +4806,14 @@
4801
4806
  this.changeIndex.emit('Tab');
4802
4807
  }
4803
4808
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
4804
- this.part3.focus();
4809
+ this.part3.focus(true);
4805
4810
  }
4806
4811
  }
4807
4812
  }
4808
4813
  else if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueM || this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
4809
4814
  if (p === 'Part1') {
4810
4815
  if (a === 'Tab' || a === 'Enter') {
4811
- this.part3.focus();
4816
+ this.part3.focus(true);
4812
4817
  if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
4813
4818
  this.loadOptions();
4814
4819
  }
@@ -4822,7 +4827,7 @@
4822
4827
  this.changeIndex.emit('Tab');
4823
4828
  }
4824
4829
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
4825
- this.part1.focus();
4830
+ this.part1.focus(true);
4826
4831
  if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
4827
4832
  this.loadOptions();
4828
4833
  }
@@ -4920,12 +4925,7 @@
4920
4925
  this.part1.onChange = function (v) {
4921
4926
  _this.inp.error = null;
4922
4927
  if (v.length === 2 && _this.inp.type === exports.InputType.Plaque) {
4923
- if (_this.part2.data() != null) {
4924
- _this.part3.focus(true);
4925
- }
4926
- else {
4927
- _this.part2.focus(true);
4928
- }
4928
+ _this.part2.focus(true);
4929
4929
  }
4930
4930
  else if (v.length === 3 && _this.inp.type === exports.InputType.PlaqueM) {
4931
4931
  _this.part3.focus(true);
@@ -4934,14 +4934,10 @@
4934
4934
  this.part2.onChange = function (v) {
4935
4935
  _this.inp.error = null;
4936
4936
  if (v.length === 1) {
4937
- setTimeout(function () {
4938
- _this.part3.focus(true);
4939
- }, 100);
4937
+ _this.part3.focus(true);
4940
4938
  }
4941
4939
  else if (v.length === 0) {
4942
- setTimeout(function () {
4943
- _this.part1.focus(true);
4944
- }, 100);
4940
+ _this.part1.focus(true);
4945
4941
  }
4946
4942
  };
4947
4943
  this.part3.onChange = function (v) {
@@ -4949,7 +4945,7 @@
4949
4945
  if (v.length === 3 && _this.inp.type === exports.InputType.Plaque) {
4950
4946
  _this.part4.focus(true);
4951
4947
  }
4952
- if (v.length === 0 && _this.inp.type === exports.InputType.Plaque) {
4948
+ else if (v.length === 0 && _this.inp.type === exports.InputType.Plaque) {
4953
4949
  _this.part2.focus(true);
4954
4950
  }
4955
4951
  else if (v.length === 5 && _this.inp.type === exports.InputType.PlaqueM) {
@@ -4964,10 +4960,8 @@
4964
4960
  if (v.length === 2) {
4965
4961
  _this.changeIndex.emit('Tab');
4966
4962
  }
4967
- else {
4968
- if (v.length === 0) {
4969
- _this.part3.focus(true);
4970
- }
4963
+ else if (v.length === 0) {
4964
+ _this.part3.focus(true);
4971
4965
  }
4972
4966
  };
4973
4967
  this.inp.setValue = function (v) {
@@ -5037,12 +5031,7 @@
5037
5031
  if (this.inp.type === exports.InputType.Plaque) {
5038
5032
  if (p === 'Part1') {
5039
5033
  if (a === 'Tab' || a === 'Enter') {
5040
- if (this.part2.data() != null) {
5041
- this.part3.focus(true);
5042
- }
5043
- else {
5044
- this.part2.focus(true);
5045
- }
5034
+ this.part2.focus(true);
5046
5035
  }
5047
5036
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
5048
5037
  this.changeIndex.emit('ShiftTab');
@@ -5061,12 +5050,7 @@
5061
5050
  this.part4.focus(true);
5062
5051
  }
5063
5052
  else if (a === 'ShiftTab' || a === 'ShiftEnter') {
5064
- if (this.part2.data() != null) {
5065
- this.part1.focus(true);
5066
- }
5067
- else {
5068
- this.part2.focus(true);
5069
- }
5053
+ this.part2.focus(true);
5070
5054
  }
5071
5055
  }
5072
5056
  else if (p === 'Part4') {