ps-toolkit-ui 1.9.87 → 1.9.89

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

@@ -2242,7 +2242,7 @@
         { 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' : modal.class.includes('sm') ? '  w-1300-20 m-r-1300-40 w-1100-30 m-r-1100-35 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10' : ' 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,.8);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-size:18px;font-weight:700;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}::ng-deep .modal .content .body .table-con{box-shadow:unset!important}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-10px;padding:0}}"]
+                    styles: [".modal{background-color:rgba(51,51,51,.8);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-size:18px;font-weight:700;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:105}::ng-deep .modal .content .body .table-con{box-shadow:unset!important}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-10px;padding:0}}"]
                 },] }
     ];
     ModalComponent.ctorParameters = function () { return []; };
@@ -5773,11 +5773,10 @@
             p.Accesses = [
                 lAccess,
                 iAccess,
-            ];
+            ].concat(this.inp.table.withSelect ? [] : [iAccess]);
             this.inp.table.permissions = p;
             this.inp.table.displayLabel = false;
             this.inp.table.style = { padding: 0, boxShadow: 'unset' };
-            this.inp.table.permissions = p;
             this.inp.table.showExtraButtons = false;
             this.inp.table.loading = false;
             this.inp.table.cols.forEach(function (x) {
@@ -5792,6 +5791,9 @@
                     x.class += ' h-30';
                 });
             }
+            if (this.inp.table.withSelect) {
+                this.inp.table.load();
+            }
             var uAccess = new PermissionClass();
             uAccess.Action = 'Update';
             uAccess.Type = exports.PermissionTypeEnum.Option;
@@ -5865,7 +5867,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-form-table',
                     template: "<div #inputDiv [id]=\"inp.id + 'TableInput'\" [style]=\"inp.style\" [className]=\"'form-input-con table w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <div class=\"control\">\r\n      <lib-table (changeRows)=\"changeRows($event)\" [table]=\"inp.table\"></lib-table>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".form-input-con.table{padding:0 15px;position:relative}.form-input-con.table .form-input{float:right;position:relative;width:100%}.form-input-con.table .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.table.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.table .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.table .form-input .control{border:var(--border-input);border-radius:var(--border-radius-base);float:right;padding:0 10px;width:100%}.form-input-con.table.error .form-input .control{border:var(--border-input-red)}"]
+                    styles: [".form-input-con.table{padding:0 15px;position:relative}.form-input-con.table .form-input{float:right;position:relative;width:100%}.form-input-con.table .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.table.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.table .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.table .form-input .control{border:var(--border-input);border-radius:var(--border-radius-base);float:right;width:100%}.form-input-con.table.error .form-input .control{border:var(--border-input-red)}"]
                 },] }
     ];
     FormTableComponent.ctorParameters = function () { return []; };
@@ -8096,7 +8098,7 @@
             return this.rows.filter(function (x) { return x.selected; }).map(function (x) { return x.Data; });
         };
         TableClass.prototype.searchData = function (report) {
-            var e_1, _a;
+            var e_1, _a, e_2, _b;
             if (report === void 0) { report = false; }
             var d = {};
             if (!report) {
@@ -8112,15 +8114,33 @@
                 d.SortType = this.sortType;
             }
             try {
-                for (var _b = __values(this.cols.filter(function (x) { return x.withSearch && x.search != null && x.search.data() != null && x.search.data() !== ''; })), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var c = _c.value;
-                    d[c.name] = c.search.data();
+                for (var _c = __values(this.cols.filter(function (x) { return x.withSearch && x.search != null && x.search.data() != null && x.search.data() !== ''; })), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var c = _d.value;
+                    var vl = c.search.data();
+                    if (typeof vl === 'object' && !(vl instanceof Array)) {
+                        try {
+                            for (var _e = (e_2 = void 0, __values(Object.entries(vl))), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                var _g = __read(_f.value, 2), key = _g[0], value = _g[1];
+                                d[key] = value;
+                            }
+                        }
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        finally {
+                            try {
+                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                        }
+                    }
+                    else {
+                        d[c.name] = vl;
+                    }
                 }
             }
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -8142,7 +8162,7 @@
             this.modal.show();
         };
         TableClass.prototype.set = function (changeRows) {
-            var e_2, _a;
+            var e_3, _a;
             var _this = this;
             if (changeRows === void 0) { changeRows = null; }
             this.permission = true;
@@ -8224,12 +8244,12 @@
                     _loop_1(access);
                 }
             }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
             finally {
                 try {
                     if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                 }
-                finally { if (e_2) throw e_2.error; }
+                finally { if (e_3) throw e_3.error; }
             }
             if (this.form) {
                 this.form.addButtons('Save', 'green', true, this.permissions.Type === exports.PermissionTypeEnum.Form ? function (data) {