ps-toolkit-ui 1.5.10 → 1.5.13

package/esm2015/lib/components/modal/modal.component.js

@@ -14,12 +14,12 @@ export class ModalComponent {
 ModalComponent.decorators = [
     { type: 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 = () => [];
 ModalComponent.propDecorators = {
     modal: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBT25ELE1BQU0sT0FBTyxjQUFjO0lBSXpCO0lBQ0EsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQ3BGLFNBQVMsQ0FBQyxJQUFJLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUM7SUFDSixDQUFDOzs7WUFqQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQiw0NUJBQXFDOzthQUV0Qzs7OztvQkFFRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01vZGFsQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbW9kYWwuY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRUeXBlfSBmcm9tICcuLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIG1vZGFsOiBNb2RhbENsYXNzO1xyXG4gIGNsb3NlOiBJbnB1dENsYXNzO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZSA9IG5ldyBJbnB1dENsYXNzKHRoaXMubW9kYWwuZW52aXJvbm1lbnQsIHRoaXMubW9kYWwubCwgbnVsbCwgJ2ZhcyBmYS10aW1lcycsXHJcbiAgICAgIElucHV0VHlwZS5JY29uLCAndy11IGgtMzAgcmVkIGNsb3NlLW1vZGFsJyk7XHJcbiAgICB0aGlzLmNsb3NlLm9uQ2xpY2sgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMubW9kYWwuaGlkZSgpO1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBT25ELE1BQU0sT0FBTyxjQUFjO0lBSXpCO0lBQ0EsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQ3BGLFNBQVMsQ0FBQyxJQUFJLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUM7SUFDSixDQUFDOzs7WUFqQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQiw4NUJBQXFDOzthQUV0Qzs7OztvQkFFRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01vZGFsQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbW9kYWwuY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRUeXBlfSBmcm9tICcuLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIG1vZGFsOiBNb2RhbENsYXNzO1xyXG4gIGNsb3NlOiBJbnB1dENsYXNzO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZSA9IG5ldyBJbnB1dENsYXNzKHRoaXMubW9kYWwuZW52aXJvbm1lbnQsIHRoaXMubW9kYWwubCwgbnVsbCwgJ2ZhcyBmYS10aW1lcycsXHJcbiAgICAgIElucHV0VHlwZS5JY29uLCAndy11IGgtMzAgcmVkIGNsb3NlLW1vZGFsJyk7XHJcbiAgICB0aGlzLmNsb3NlLm9uQ2xpY2sgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMubW9kYWwuaGlkZSgpO1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19

package/fesm2015/ps-toolkit-ui.js

@@ -1396,6 +1396,7 @@ class InputClass {
                             this.type === InputType.SelectAutoCompletePlaque || this.type === InputType.SelectAutoCompletePlaqueM ||
                             this.type === InputType.SelectAutoCompletePlaqueF || this.type === InputType.Radio) {
                             const r = this.getOptions(result, null);
+                            console.log(r, 'this.getOptions(result, null)');
                             const s = result.find(x => x.Selected);
                             if (s) {
                                 this.value = s.Id.toString();
@@ -1426,6 +1427,7 @@ class InputClass {
     }
     setOptions(r) {
         this.options = r;
+        console.log(this.options, 'this.options');
         if (this.value != null) {
             setTimeout(() => {
                 this.setValue(this.value, true);
@@ -1587,8 +1589,8 @@ class ModalComponent {
 ModalComponent.decorators = [
     { type: 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 = () => [];
@@ -3593,6 +3595,7 @@ class FormPlaqueSelectComponent {
             }
         };
         this.inp.focus = () => {
+            console.log('this.inp.focus');
             this.openOptions(true);
         };
         this.inp.isValid = () => {
@@ -3726,6 +3729,7 @@ class FormPlaqueSelectComponent {
     }
     loadOptions() {
         const v = this.getSearch().replace(/^_+|_+$/g, '');
+        console.log('loadOptions', v);
         if (v) {
             this.inp.load(this.inp.url.replace('{}', v));
         }
@@ -3734,6 +3738,7 @@ class FormPlaqueSelectComponent {
         }
     }
     openOptions(f = false) {
+        console.log('openOptions');
         this.setPosition();
         this.setHoverCenter();
         this.open = true;
@@ -3805,6 +3810,7 @@ class FormPlaqueSelectComponent {
         }
     }
     toggleOption() {
+        console.log('toggleOption');
         this.openOptions();
     }
     selectOption(v, isEdit = false) {
@@ -3957,7 +3963,6 @@ class FormPlaqueSelectComponent {
                     this.part3.focus();
                     if (this.inp.type === InputType.SelectAutoCompletePlaqueF) {
                         this.loadOptions();
-                        console.log('loadOptions');
                     }
                 }
                 else if (a === 'ShiftTab' || a === 'ShiftEnter') {
@@ -3972,7 +3977,6 @@ class FormPlaqueSelectComponent {
                     this.part1.focus();
                     if (this.inp.type === InputType.SelectAutoCompletePlaqueF) {
                         this.loadOptions();
-                        console.log('loadOptions');
                     }
                 }
             }
@@ -5811,7 +5815,8 @@ class FormCarSearchComponent {
     onFocusIn() {
         if (this.type === 'Car' || this.type === 'Motor' || this.type === 'CarF') {
             setTimeout(() => {
-                $('#Part1Input .control').focus();
+                $('#' + this.inp.name + 'Input' + ' .plaque-inp').click();
+                $('#' + this.inp.name + 'Input' + ' #Part1Input .control').focus();
             }, 100);
         }
         else if (this.type === 'Driver') {