ps-toolkit-ui 1.13.45 → 1.13.47

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

@@ -935,6 +935,82 @@
         FileIcons["rar"] = "fa-duotone fa-file-zipper";
     })(exports.FileIcons || (exports.FileIcons = {}));
 
+    var PermissionClass = /** @class */ (function () {
+        function PermissionClass(Name, Icon, Type, InputType, AccessType, InputAction, Area, Controller, Action, Url, Multi, Condition, Accesses) {
+            if (Name === void 0) { Name = ''; }
+            if (Icon === void 0) { Icon = ''; }
+            if (Type === void 0) { Type = null; }
+            if (InputType === void 0) { InputType = null; }
+            if (AccessType === void 0) { AccessType = null; }
+            if (InputAction === void 0) { InputAction = null; }
+            if (Area === void 0) { Area = ''; }
+            if (Controller === void 0) { Controller = ''; }
+            if (Action === void 0) { Action = ''; }
+            if (Url === void 0) { Url = ''; }
+            if (Multi === void 0) { Multi = false; }
+            if (Condition === void 0) { Condition = null; }
+            if (Accesses === void 0) { Accesses = []; }
+            this.Name = Name;
+            this.Icon = Icon;
+            this.Type = Type;
+            this.InputType = InputType;
+            this.AccessType = AccessType;
+            this.InputAction = InputAction;
+            this.Area = Area;
+            this.Controller = Controller;
+            this.Action = Action;
+            this.Url = Url;
+            this.Multi = Multi;
+            this.Condition = Condition;
+            this.Accesses = Accesses;
+            this.RelatedId = null;
+            this.OnClick = null;
+        }
+        PermissionClass.prototype.getAccessByName = function (a) {
+            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.getAccess = function (at) {
+            var c = this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Access; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.hasAccessByName = function (a) {
+            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
+        };
+        PermissionClass.prototype.hasAccess = function (at) {
+            return this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
+        };
+        PermissionClass.prototype.getAccesses = function () {
+            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Access; });
+        };
+        PermissionClass.prototype.delete = function (a) {
+            this.Accesses = this.Accesses.filter(function (x) { return x.Action !== a; });
+        };
+        PermissionClass.prototype.hasOptionByName = function (a) {
+            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; }).length > 0;
+        };
+        PermissionClass.prototype.hasOption = function (at) {
+            return this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Option; }).length > 0;
+        };
+        PermissionClass.prototype.getOptions = function () {
+            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Option; });
+        };
+        PermissionClass.prototype.getOptionByName = function (a) {
+            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.getOption = function (at) {
+            var c = this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Option; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.getUrl = function () {
+            return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
+                (this.RelatedId ? this.RelatedId + "/" : '') +
+                (this.Action ? this.Action : '');
+        };
+        return PermissionClass;
+    }());
+
     // @dynamic
     var HelperClass = /** @class */ (function () {
         function HelperClass() {
@@ -1356,7 +1432,57 @@
             return _.groupBy(data, iteratee);
         };
         return HelperClass;
-    }());
+    }());
+    HelperClass.getTablePermissions = function (l, i, u, d) {
+        if (l === void 0) { l = true; }
+        if (i === void 0) { i = true; }
+        if (u === void 0) { u = true; }
+        if (d === void 0) { d = true; }
+        var p = new PermissionClass();
+        p.Type = exports.PermissionTypeEnum.Form;
+        var lAccess = new PermissionClass();
+        lAccess.Action = 'List';
+        lAccess.Type = exports.PermissionTypeEnum.Access;
+        lAccess.AccessType = exports.PermissionAccessTypeEnum.List;
+        lAccess.InputAction = exports.PermissionInputActionEnum.None;
+        lAccess.InputType = exports.PermissionInputTypeEnum.Icon;
+        var iAccess = new PermissionClass();
+        iAccess.Action = 'Insert';
+        iAccess.Type = exports.PermissionTypeEnum.Access;
+        iAccess.InputAction = exports.PermissionInputActionEnum.Modal;
+        iAccess.InputType = exports.PermissionInputTypeEnum.Button;
+        iAccess.AccessType = exports.PermissionAccessTypeEnum.Insert;
+        var uAccess = new PermissionClass();
+        uAccess.Action = 'Update';
+        uAccess.Type = exports.PermissionTypeEnum.Option;
+        uAccess.InputAction = exports.PermissionInputActionEnum.None;
+        uAccess.InputType = exports.PermissionInputTypeEnum.Icon;
+        uAccess.AccessType = exports.PermissionAccessTypeEnum.Update;
+        uAccess.Icon = 'fad fa-pen';
+        uAccess.Name = 'Update';
+        var dAccess = new PermissionClass();
+        dAccess.Action = 'Delete';
+        dAccess.Type = exports.PermissionTypeEnum.Option;
+        dAccess.InputAction = exports.PermissionInputActionEnum.None;
+        dAccess.InputType = exports.PermissionInputTypeEnum.Icon;
+        dAccess.AccessType = exports.PermissionAccessTypeEnum.Delete;
+        dAccess.Icon = 'fad fa-trash';
+        dAccess.Name = 'Delete';
+        p.Accesses = [];
+        if (l) {
+            p.Accesses.push(lAccess);
+        }
+        if (i) {
+            p.Accesses.push(iAccess);
+        }
+        if (u) {
+            p.Accesses.push(uAccess);
+        }
+        if (d) {
+            p.Accesses.push(dAccess);
+        }
+        return p;
+    };
 
     var RequestClass = /** @class */ (function () {
         function RequestClass(environment, l) {
@@ -2811,82 +2937,6 @@
         table: [{ type: core.Input }]
     };
 
-    var PermissionClass = /** @class */ (function () {
-        function PermissionClass(Name, Icon, Type, InputType, AccessType, InputAction, Area, Controller, Action, Url, Multi, Condition, Accesses) {
-            if (Name === void 0) { Name = ''; }
-            if (Icon === void 0) { Icon = ''; }
-            if (Type === void 0) { Type = null; }
-            if (InputType === void 0) { InputType = null; }
-            if (AccessType === void 0) { AccessType = null; }
-            if (InputAction === void 0) { InputAction = null; }
-            if (Area === void 0) { Area = ''; }
-            if (Controller === void 0) { Controller = ''; }
-            if (Action === void 0) { Action = ''; }
-            if (Url === void 0) { Url = ''; }
-            if (Multi === void 0) { Multi = false; }
-            if (Condition === void 0) { Condition = null; }
-            if (Accesses === void 0) { Accesses = []; }
-            this.Name = Name;
-            this.Icon = Icon;
-            this.Type = Type;
-            this.InputType = InputType;
-            this.AccessType = AccessType;
-            this.InputAction = InputAction;
-            this.Area = Area;
-            this.Controller = Controller;
-            this.Action = Action;
-            this.Url = Url;
-            this.Multi = Multi;
-            this.Condition = Condition;
-            this.Accesses = Accesses;
-            this.RelatedId = null;
-            this.OnClick = null;
-        }
-        PermissionClass.prototype.getAccessByName = function (a) {
-            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.getAccess = function (at) {
-            var c = this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Access; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.hasAccessByName = function (a) {
-            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
-        };
-        PermissionClass.prototype.hasAccess = function (at) {
-            return this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
-        };
-        PermissionClass.prototype.getAccesses = function () {
-            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Access; });
-        };
-        PermissionClass.prototype.delete = function (a) {
-            this.Accesses = this.Accesses.filter(function (x) { return x.Action !== a; });
-        };
-        PermissionClass.prototype.hasOptionByName = function (a) {
-            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; }).length > 0;
-        };
-        PermissionClass.prototype.hasOption = function (at) {
-            return this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Option; }).length > 0;
-        };
-        PermissionClass.prototype.getOptions = function () {
-            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Option; });
-        };
-        PermissionClass.prototype.getOptionByName = function (a) {
-            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.getOption = function (at) {
-            var c = this.Accesses.filter(function (x) { return x.AccessType === at && x.Type === exports.PermissionTypeEnum.Option; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.getUrl = function () {
-            return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
-                (this.RelatedId ? this.RelatedId + "/" : '') +
-                (this.Action ? this.Action : '');
-        };
-        return PermissionClass;
-    }());
-
     var TableRowComponent = /** @class */ (function () {
         function TableRowComponent(service) {
             this.service = service;
@@ -5498,7 +5548,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-form-radio',
                     template: "<div #inputDiv [id]=\"inp.id + 'RadioInput'\" [className]=\"'form-input-con radio w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onClick()\">\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    <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n    <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n    <div class=\"control\">\r\n      <div [className]=\"(o.class ? o.class + ' ' : '') + 'option-con'\" *ngFor=\"let o of inp.options\">\r\n        <label [class]=\"(o.disabled ? 'disabled ' : '') + 'option'\">\r\n          <input [disabled]=\"inp.disabled || o.disabled\" (change)=\"onChange()\" [value]=\"o.value\" [(ngModel)]=\"inp.value\" [checked]=\"inp.value == o.value\" type=\"radio\" [name]=\"inp.name\">\r\n          <span></span>\r\n          <div class=\"text\">{{inp.l(o.name)}}</div>\r\n        </label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".form-input-con.radio{padding:0 15px;position:relative}.form-input-con.radio .form-input{float:right;position:relative;width:100%}.form-input-con.radio .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.radio.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.radio .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.radio .form-input i.icon{bottom:0;color:var(--primary);cursor:default;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:1}.form-input-con.radio .form-input>.control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);display:table;min-height:35px;padding:0 35px;width:100%}.form-input-con.radio .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.radio .form-input .input-base:focus+.control,.form-input-con.radio .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.radio.error .form-input>.control{border:var(--border-input-red)}.form-input-con.radio.error .form-input i.icon{color:var(--red)}.form-input-con.radio .form-input .control .option-con{display:table-cell;height:100%;position:relative;vertical-align:middle}.form-input-con.radio .form-input .control .option-con .option{-webkit-user-select:none;align-items:center;cursor:pointer;display:flex;float:right;font-size:11px;justify-content:center;position:relative;text-align:center;user-select:none;width:100%}.form-input-con.radio .form-input .control .option-con .option.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.radio .form-input .control .option-con .option .text{align-items:center;display:flex;float:right;justify-content:center;line-height:17px;margin-right:10px;min-height:20px;padding:5px 20px}.form-input-con.radio .form-input .control .option-con .option input{cursor:pointer;opacity:0;position:absolute;right:0}.form-input-con.radio .form-input .control .option-con .option span:after{color:var(--black-white);content:\"\\f111\";float:right;font-family:Font Awesome\\ 5 Pro;font-size:14px;font-weight:700;height:30px;line-height:30px;width:15px}.form-input-con.radio .form-input .control .option-con:hover .option:not(.disabled) span:after{color:var(--black-light)}.form-input-con.radio .form-input .control .option-con .option input:checked~span:after{color:var(--primary);content:\"\\f192\"}.form-input-con.radio.h-40 .form-input i.icon{font-size:15px;height:40px;line-height:45px}.form-input-con.radio.h-40 .form-input>.control{min-height:40px}.form-input-con.radio.h-40 .form-input .control .option-con .option{font-size:12px}@media (max-width:599.99px){.form-input-con.radio .form-input .control .option-con{display:table-row}}"]
+                    styles: [".form-input-con.radio{padding:0 15px;position:relative}.form-input-con.radio .form-input{float:right;position:relative;width:100%}.form-input-con.radio .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.radio.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.radio .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.radio .form-input i.icon{bottom:0;color:var(--primary);cursor:default;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:1}.form-input-con.radio .form-input>.control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);display:table;min-height:35px;padding:0 35px;width:100%}.form-input-con.radio .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.radio.disabled .form-input .label,.form-input-con.radio.disabled .form-input>.control,.form-input-con.radio.disabled .form-input i.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.radio .form-input .input-base:focus+.control,.form-input-con.radio .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.radio.error .form-input>.control{border:var(--border-input-red)}.form-input-con.radio.error .form-input i.icon{color:var(--red)}.form-input-con.radio .form-input .control .option-con{display:table-cell;height:100%;position:relative;vertical-align:middle}.form-input-con.radio .form-input .control .option-con .option{-webkit-user-select:none;align-items:center;cursor:pointer;display:flex;float:right;font-size:11px;justify-content:center;position:relative;text-align:center;user-select:none;width:100%}.form-input-con.radio .form-input .control .option-con .option.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.radio .form-input .control .option-con .option .text{align-items:center;display:flex;float:right;justify-content:center;line-height:17px;margin-right:10px;min-height:20px;padding:5px 20px}.form-input-con.radio .form-input .control .option-con .option input{cursor:pointer;opacity:0;position:absolute;right:0}.form-input-con.radio .form-input .control .option-con .option span:after{color:var(--black-white);content:\"\\f111\";float:right;font-family:Font Awesome\\ 5 Pro;font-size:14px;font-weight:700;height:30px;line-height:30px;width:15px}.form-input-con.radio .form-input .control .option-con:hover .option:not(.disabled) span:after{color:var(--black-light)}.form-input-con.radio .form-input .control .option-con .option input:checked~span:after{color:var(--primary);content:\"\\f192\"}.form-input-con.radio.h-40 .form-input i.icon{font-size:15px;height:40px;line-height:45px}.form-input-con.radio.h-40 .form-input>.control{min-height:40px}.form-input-con.radio.h-40 .form-input .control .option-con .option{font-size:12px}@media (max-width:599.99px){.form-input-con.radio .form-input .control .option-con{display:table-row}}"]
                 },] }
     ];
     FormRadioComponent.ctorParameters = function () { return []; };
@@ -6005,28 +6055,10 @@
         }
         FormTableComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var p = new PermissionClass();
-            p.Type = exports.PermissionTypeEnum.Form;
-            var lAccess = new PermissionClass();
-            lAccess.Action = 'List';
-            lAccess.Type = exports.PermissionTypeEnum.Access;
-            lAccess.AccessType = exports.PermissionAccessTypeEnum.List;
-            lAccess.InputAction = exports.PermissionInputActionEnum.None;
-            lAccess.InputType = exports.PermissionInputTypeEnum.Icon;
-            var iAccess = new PermissionClass();
-            iAccess.Action = 'Insert';
-            iAccess.Type = exports.PermissionTypeEnum.Access;
-            iAccess.InputAction = exports.PermissionInputActionEnum.Modal;
-            iAccess.InputType = exports.PermissionInputTypeEnum.Button;
-            iAccess.AccessType = exports.PermissionAccessTypeEnum.Insert;
-            p.Accesses = [
-                lAccess,
-                iAccess,
-            ];
-            this.inp.table.permissions = p;
+            var permissions = this.inp.table.permissions != null ? this.inp.table.permissions : HelperClass.getTablePermissions();
+            this.inp.table.permissions = permissions;
             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) {
@@ -6041,27 +6073,12 @@
                     x.class += ' h-30';
                 });
             }
-            var uAccess = new PermissionClass();
-            uAccess.Action = 'Update';
-            uAccess.Type = exports.PermissionTypeEnum.Option;
-            uAccess.InputAction = exports.PermissionInputActionEnum.None;
-            uAccess.InputType = exports.PermissionInputTypeEnum.Icon;
-            uAccess.AccessType = exports.PermissionAccessTypeEnum.Update;
-            uAccess.Icon = 'fad fa-pen';
-            uAccess.Name = 'Update';
-            var dAccess = new PermissionClass();
-            dAccess.Action = 'Delete';
-            dAccess.Type = exports.PermissionTypeEnum.Option;
-            dAccess.InputAction = exports.PermissionInputActionEnum.None;
-            dAccess.InputType = exports.PermissionInputTypeEnum.Icon;
-            dAccess.AccessType = exports.PermissionAccessTypeEnum.Delete;
-            dAccess.Icon = 'fad fa-trash';
-            dAccess.Name = 'Delete';
             this.inp.setValue = function (v) {
                 _this.inp.table.rows = v === null ? [] : v.map(function (x) {
                     return {
                         Data: x,
-                        Options: _this.inp.table.form ? [uAccess, dAccess] : [dAccess]
+                        Options: _this.inp.table.form ? [permissions.getAccess(exports.PermissionAccessTypeEnum.Update), permissions.getAccess(exports.PermissionAccessTypeEnum.Delete)] :
+                            [permissions.getAccess(exports.PermissionAccessTypeEnum.Delete)]
                     };
                 });
             };