ps-toolkit-ui 0.1.75 → 0.1.78

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

@@ -3194,32 +3194,32 @@
             this.cValue = '';
             this.banks = [
                 { name: 'edbi', startWith: ['2071', '6276'] },
-                { name: 'bpi', startWith: ['5022', '6393-47'] },
+                { name: 'bpi', startWith: ['5022', '639347'] },
                 { name: 'shahr-bank', startWith: ['5028'] },
-                { name: 'ttbank', startWith: ['5029-08'] },
-                { name: 'karafarinbank', startWith: ['5029-10', '6274-88'] },
-                { name: 'bank-day', startWith: ['5029-38'] },
+                { name: 'ttbank', startWith: ['502908'] },
+                { name: 'karafarinbank', startWith: ['502910', '627488'] },
+                { name: 'bank-day', startWith: ['502938'] },
                 { name: 'tourismbank', startWith: ['5054'] },
                 { name: 'izbank', startWith: ['5057'] },
                 { name: 'ebanksepah', startWith: ['5892'] },
                 { name: 'refah-bank', startWith: ['5894'] },
-                { name: 'bsi', startWith: ['6037-69'] },
-                { name: 'bki', startWith: ['6037-70', '6392'] },
-                { name: 'bmi', startWith: ['6037-99'] },
-                { name: 'qmb', startWith: ['6063', '6393-70'] },
+                { name: 'bsi', startWith: ['603769'] },
+                { name: 'bki', startWith: ['603770', '6392'] },
+                { name: 'bmi', startWith: ['603799'] },
+                { name: 'qmb', startWith: ['6063', '639370'] },
                 { name: 'bankmellat', startWith: ['6104', '9919'] },
                 { name: 'sb24', startWith: ['6219'] },
                 { name: 'parsian-bank', startWith: ['6221', '6278', '6391'] },
-                { name: 'tejaratbank', startWith: ['6273-53'] },
-                { name: 'ansarbank', startWith: ['6273-81'] },
-                { name: 'enbank', startWith: ['6274-12'] },
+                { name: 'tejaratbank', startWith: ['627353'] },
+                { name: 'ansarbank', startWith: ['627381'] },
+                { name: 'enbank', startWith: ['627412'] },
                 { name: 'postbank', startWith: ['6277'] },
                 { name: 'bim', startWith: ['6279'] },
                 { name: 'bank-maskan', startWith: ['6280'] },
                 { name: 'cid', startWith: ['6281'] },
                 { name: 'ba24', startWith: ['6362'] },
                 { name: 'cbi', startWith: ['6367'] },
-                { name: 'sinabank', startWith: ['6393-46'] },
+                { name: 'sinabank', startWith: ['639346'] },
                 { name: 'sbank', startWith: ['6396'] },
             ];
         }
@@ -3238,37 +3238,40 @@
             this.part4 = new InputClass(this.inp.environment, this.inp.l, 'BankCardPart4', null, exports.InputType.Number, 'bank-card-part-4 bank-card-part-item', '', true, 1000, 9999);
             this.part1.displayLabel = this.part2.displayLabel = this.part3.displayLabel = this.part4.displayLabel = false;
             this.part1.placeholder = this.part2.placeholder = this.part3.placeholder = this.part4.placeholder = null;
-            var bankNames = this.banks.map(function (x) { return x.name; });
             this.part1.onChange = function (v) {
                 _this.inp.error = null;
+                _this.setIcon();
                 if (v.length === 4) {
                     _this.part2.focus();
-                    var b = _this.banks.filter(function (x) { return x.startWith.includes(_this.part1.data().toString()); });
-                    if (b.length > 0) {
-                        $__namespace(_this.inputIcon.nativeElement).removeClass('fa-money-check').addClass(b[0].name);
-                    }
-                    else {
-                        $__namespace(_this.inputIcon.nativeElement).addClass('fa-money-check').removeClass(bankNames);
-                    }
                 }
             };
             this.part2.onChange = function (v) {
                 _this.inp.error = null;
+                _this.setIcon();
                 if (v.length === 4) {
                     _this.part3.focus();
                 }
+                else if (v.length === 0) {
+                    _this.part1.focus();
+                }
             };
             this.part3.onChange = function (v) {
                 _this.inp.error = null;
                 if (v.length === 4) {
                     _this.part4.focus();
                 }
+                else if (v.length === 0) {
+                    _this.part2.focus();
+                }
             };
             this.part4.onChange = function (v) {
                 _this.inp.error = null;
                 if (v.length === 4) {
                     _this.changeIndex.emit('Tab');
                 }
+                else if (v.length === 0) {
+                    _this.part3.focus();
+                }
             };
             this.inp.setValue = function (v) {
                 if (v === null) {
@@ -3308,6 +3311,17 @@
                 _this.onFocusIn();
             };
         };
+        FormBankCardComponent.prototype.setIcon = function () {
+            var _this = this;
+            console.log(this.part1.data().toString() + this.part2.data().toString());
+            var b = this.banks.filter(function (x) { return x.startWith.includes(_this.part1.data().toString() + _this.part2.data().toString().substring(0, 2)); });
+            if (b.length > 0) {
+                $__namespace(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; }));
+            }
+        };
         FormBankCardComponent.prototype.changeFocus = function (p, a) {
             if (p === 'Part1') {
                 if (a === 'Tab' || a === 'Enter') {