ps-toolkit-ui 1.5.9 → 1.5.12

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

@@ -1858,6 +1858,7 @@
                                 _this.type === exports.InputType.SelectAutoCompletePlaque || _this.type === exports.InputType.SelectAutoCompletePlaqueM ||
                                 _this.type === exports.InputType.SelectAutoCompletePlaqueF || _this.type === exports.InputType.Radio) {
                                 var r = _this.getOptions(result, null);
+                                console.log(r, 'this.getOptions(result, null)');
                                 var s = result.find(function (x) { return x.Selected; });
                                 if (s) {
                                     _this.value = s.Id.toString();
@@ -1889,6 +1890,7 @@
         InputClass.prototype.setOptions = function (r) {
             var _this = this;
             this.options = r;
+            console.log(this.options, 'this.options');
             if (this.value != null) {
                 setTimeout(function () {
                     _this.setValue(_this.value, true);
@@ -2084,8 +2086,8 @@
     ModalComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-modal',
-                    template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n  <div [className]=\"(modal.class ? modal.class : '') + (modal.class.includes('xlg') ? '' : modal.class.includes('lg') ? 'w-1000-60 m-r-1000-20 w-700-70 m-r-700-15' : 'w-1300-40 m-r-1300-30 w-1100-50 m-r-1100-25 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10') + ' content w-90 m-r-5'\">\r\n    <lib-form-button [inp]=\"close\"></lib-form-button>\r\n    <div class=\"body\">\r\n      <ng-content></ng-content>\r\n      <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n      <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal.xs .content{margin:50px 40%;width:20%}.modal.xlg .content{margin:50px 5%;width:90%}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-family:VazirBold;font-size:18px;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){.modal .content .close-modal{left:-15px!important}}"]
+                    template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n  <div [className]=\"(modal.class ? modal.class : '') + (modal.class.includes('xlg') ? '' : modal.class.includes('lg') ? ' w-1000-60 m-r-1000-20 w-700-70 m-r-700-15' : ' w-1300-40 m-r-1300-30 w-1100-50 m-r-1100-25 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10') + ' content w-90 m-r-5'\">\r\n    <lib-form-button [inp]=\"close\"></lib-form-button>\r\n    <div class=\"body\">\r\n      <ng-content></ng-content>\r\n      <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n      <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-family:VazirBold;font-size:18px;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){.modal .content .close-modal{left:-15px!important}}"]
                 },] }
     ];
     ModalComponent.ctorParameters = function () { return []; };
@@ -4286,6 +4288,7 @@
                 }
             };
             this.inp.focus = function () {
+                console.log('this.inp.focus');
                 _this.openOptions(true);
             };
             this.inp.isValid = function () {
@@ -4419,6 +4422,7 @@
         };
         FormPlaqueSelectComponent.prototype.loadOptions = function () {
             var v = this.getSearch().replace(/^_+|_+$/g, '');
+            console.log('loadOptions', v);
             if (v) {
                 this.inp.load(this.inp.url.replace('{}', v));
             }
@@ -4428,6 +4432,7 @@
         };
         FormPlaqueSelectComponent.prototype.openOptions = function (f) {
             if (f === void 0) { f = false; }
+            console.log('openOptions');
             this.setPosition();
             this.setHoverCenter();
             this.open = true;
@@ -4501,6 +4506,7 @@
             }
         };
         FormPlaqueSelectComponent.prototype.toggleOption = function () {
+            console.log('toggleOption');
             this.openOptions();
         };
         FormPlaqueSelectComponent.prototype.selectOption = function (v, isEdit) {
@@ -4693,6 +4699,9 @@
                 if (p === 'Part1') {
                     if (a === 'Tab' || a === 'Enter') {
                         this.part3.focus();
+                        if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
+                            this.loadOptions();
+                        }
                     }
                     else if (a === 'ShiftTab' || a === 'ShiftEnter') {
                         this.changeIndex.emit('ShiftTab');
@@ -4704,12 +4713,12 @@
                     }
                     else if (a === 'ShiftTab' || a === 'ShiftEnter') {
                         this.part1.focus();
+                        if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
+                            this.loadOptions();
+                        }
                     }
                 }
             }
-            if (this.inp.type === exports.InputType.SelectAutoCompletePlaqueF) {
-                this.loadOptions();
-            }
         };
         FormPlaqueSelectComponent.prototype.getSearch = function () {
             return this.inp.type === exports.InputType.SelectAutoCompletePlaque ?