ps-toolkit-ui 1.8.23 → 1.8.26

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

@@ -2182,6 +2182,7 @@
         function HeaderComponent(config) {
             var _this = this;
             this.config = config;
+            this.currentData = null;
             this.logout = new core.EventEmitter();
             var lang = new LangClass(config.currentLang, config.strings);
             var l = function (key, v) {
@@ -2201,7 +2202,7 @@
     HeaderComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-header',
-                    template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div (click)=\"showUserDropDown($event)\" class=\"user-con\">\r\n    <i class=\"fa-duotone fa-user user\"></i>\r\n    <div class=\"user-drop-down\">\r\n      <div class=\"username\">{{currentData.user.Username}}</div>\r\n      <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div (click)=\"showUserDropDown($event)\" class=\"user-con\">\r\n    <i class=\"fa-duotone fa-user user\"></i>\r\n    <div class=\"user-drop-down\">\r\n      <div class=\"username\" *ngIf=\"currentData != null && currentData.user != null\">{{currentData.user.Username}}</div>\r\n      <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 150px)}#Header .user-con{align-items:center;display:flex;float:right;height:100%;justify-content:center;position:relative;width:100px}#Header .user-con .user{border-radius:50%;color:var(--primary);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--primary-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);display:none;left:20px;overflow:hidden;position:absolute;top:55px;width:150px}#Header .user-con .user-drop-down .username{float:right;font-weight:700;line-height:35px;text-align:center;width:100%}::ng-deep #LogoutButtonInput .control{border-radius:0}@media (max-width:399.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}@media (min-width:400px) and (max-width:499.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}"]
                 },] }
     ];
@@ -6578,7 +6579,7 @@
     ErrorComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-error',
-                    template: "<lib-header></lib-header>\r\n<div id=\"Error\">\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorNotRegistered'\">\r\n    <i class=\"fa-duotone fa-registered error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorNotRegistered\")}}</div>\r\n  </div>\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorExpiredRegistered'\">\r\n    <i class=\"fa-duotone fa-hourglass-end error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorExpiredRegistered\")}}</div>\r\n  </div>\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorInvalidIp'\">\r\n    <i class=\"fa-duotone fa-laptop-mobile error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorInvalidIp\")}}</div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Error\">\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorNotRegistered'\">\r\n    <i class=\"fa-duotone fa-registered error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorNotRegistered\")}}</div>\r\n  </div>\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorExpiredRegistered'\">\r\n    <i class=\"fa-duotone fa-hourglass-end error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorExpiredRegistered\")}}</div>\r\n  </div>\r\n  <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorInvalidIp'\">\r\n    <i class=\"fa-duotone fa-laptop-mobile error-icon\"></i>\r\n    <div class=\"error-text\">{{l(\"FormBaseErrorInvalidIp\")}}</div>\r\n  </div>\r\n</div>\r\n",
                     styles: ["#Error{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Error .error-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Error .error-con .error-text{float:right;font-size:30px;font-weight:700;height:100px;line-height:120px;position:relative;text-align:center;width:100%;z-index:2}#Error .error-con .error-icon{color:var(--base-white);float:right;font-size:150px;text-align:center;width:100%}@media (max-width:399.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media (min-width:400px) and (max-width:499.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media (min-width:500px) and (max-width:599.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-icon{font-size:200px}}@media (min-width:600px) and (max-width:699.99px){#Error .error-con{right:10%;width:80%}}"]
                 },] }
     ];