ps-toolkit-ui 1.4.5 → 1.4.8

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

@@ -322,6 +322,7 @@
             var _this = this;
             if (v === void 0) { v = null; }
             if (k != null && (/^-?\d+$/.test(k) || /^\d+\.\d+$/.test(k))) {
+                console.log(area, c, k, v, '=>', k);
                 return k;
             }
             var cv = _.get(this.lang, area ? area + "." + c + "." + k : c + "." + k);
@@ -332,6 +333,7 @@
                 cv = _.get(this.lang, "public." + k);
             }
             if (!cv) {
+                console.log(area, c, k, v, '=>', k);
                 return k;
             }
             if (v !== null) {
@@ -344,6 +346,7 @@
                     cv = cv.replace('{}', this.get(area, c, v, null));
                 }
             }
+            console.log(area, c, k, v, '=>', cv);
             return cv;
         };
         return LangClass;
@@ -355,7 +358,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'footer', key, v);
+                return lang.get('Public', 'Footer', key, v);
             };
         }
         return FooterComponent;
@@ -2011,7 +2014,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             var l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'header', key, v);
+                return lang.get('Public', 'Header', key, v);
             };
             this.logoutInp = new InputClass(config.environment, l, 'Logout', 'fa-duotone fa-right-from-bracket', exports.InputType.Button, 'grey h-30 p-0');
             this.logoutInp.onClick = function () {
@@ -2067,7 +2070,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('sublic', 'Sidebar', key, v);
+                return lang.get('Public', 'Sidebar', key, v);
             };
         }
         SidebarItemComponent.prototype.openClose = function (e) {
@@ -2111,7 +2114,7 @@
     SidebarItemComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-sidebar-item',
-                    template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n  <a (click)=\"closeSidebar()\" [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"item.url\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n  </a>\r\n  <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n    <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n  </div>\r\n  <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n    <div class=\"items\">\r\n      <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n  <a (click)=\"closeSidebar()\" [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"item.url.includes('/home/index') ? '' : item.url\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n  </a>\r\n  <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n    <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n  </div>\r\n  <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n    <div class=\"items\">\r\n      <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;transition:all .3s;width:100%}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-family:VazirBold}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--primary)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:399.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:400px) and (max-width:499.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:500px) and (max-width:599.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:600px) and (max-width:699.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:700px) and (max-width:799.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:800px) and (max-width:899.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:900px) and (max-width:999.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:1000px) and (max-width:1099.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:1100px) and (max-width:1199.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}"]
                 },] }
     ];
@@ -2152,7 +2155,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'sidebar', key, v);
+                return lang.get('Public', 'Sidebar', key, v);
             };
             router$1.events.subscribe(function (event) {
                 if (event instanceof router.NavigationEnd) {
@@ -2391,7 +2394,7 @@
     };
 
     var PermissionClass = /** @class */ (function () {
-        function PermissionClass(Name, Icon, Type, InputType, AccessType, InputAction, Area, Controller, Action, Condition, Accesses) {
+        function PermissionClass(Name, Icon, Type, InputType, AccessType, InputAction, Area, Controller, Action, Url, Condition, Accesses) {
             if (Name === void 0) { Name = ''; }
             if (Icon === void 0) { Icon = ''; }
             if (Type === void 0) { Type = null; }
@@ -2401,6 +2404,7 @@
             if (Area === void 0) { Area = ''; }
             if (Controller === void 0) { Controller = ''; }
             if (Action === void 0) { Action = ''; }
+            if (Url === void 0) { Url = ''; }
             if (Condition === void 0) { Condition = null; }
             if (Accesses === void 0) { Accesses = []; }
             this.Name = Name;
@@ -2412,6 +2416,7 @@
             this.Area = Area;
             this.Controller = Controller;
             this.Action = Action;
+            this.Url = Url;
             this.Condition = Condition;
             this.Accesses = Accesses;
             this.RelatedId = null;
@@ -6255,7 +6260,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             var l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'alert', key, v);
+                return lang.get('Public', 'Alert', key, v);
             };
             this.alert = new ModalClass(config.environment, l, 'Alert');
             this.alert.form = new FormClass(config.environment, l, 'Alert');
@@ -6290,7 +6295,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'confirm', key, v);
+                return lang.get('Public', 'Confirm', key, v);
             };
         }
         ConfirmComponent.prototype.ngOnInit = function () {
@@ -6337,7 +6342,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', 'notfound', key, v);
+                return lang.get('Public', 'Notfound', key, v);
             };
             this.back = new InputClass(config.environment, this.l, 'Back', 'fa-duotone fa-arrow-right', exports.InputType.Button, '');
             this.back.onClick = function () {
@@ -6995,7 +7000,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', null, key, v);
+                return lang.get('Public', null, key, v);
             };
         }
         return LoadingComponent;
@@ -7087,7 +7092,7 @@
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
-                return lang.get('public', null, key, v);
+                return lang.get('Public', null, key, v);
             };
             this.months = [this.l('Month1'), this.l('Month2'), this.l('Month3'), this.l('Month4'), this.l('Month5'), this.l('Month6'), this.l('Month7'), this.l('Month8'), this.l('Month9'), this.l('Month10'), this.l('Month11'), this.l('Month12')];
             this.setActive(moment__namespace());
@@ -7303,7 +7308,7 @@
             return p.length > 0 ? this.getPermissionClass(p[0]) : null;
         };
         BaseComponent.prototype.getPermissionClass = function (p) {
-            return new PermissionClass(p.Name, p.Icon, p.Type, p.InputType, p.AccessType, p.InputAction, this.app.area, p.Controller, p.Action, p.Condition, this.getPermissionAccessesClass(p.Id));
+            return new PermissionClass(p.Name, p.Icon, p.Type, p.InputType, p.AccessType, p.InputAction, this.app.area, p.Controller, p.Action, p.Url, p.Condition, this.getPermissionAccessesClass(p.Id));
         };
         BaseComponent.prototype.getPermissionAccessesClass = function (parentId) {
             var _this = this;