ps-toolkit-ui 1.15.0 → 1.15.2

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

@@ -400,8 +400,8 @@
     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\" *ngIf=\"header.username != null\" [innerHTML]=\"header.username\"></div>\r\n      <lib-form-button *ngFor=\"let btn of header.buttons\" [inp]=\"btn\"></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 #Header .user-drop-down .form-input-con.button .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}}"]
+                    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 underline\" *ngIf=\"header.username != null\">{{header.username}}</div>\r\n      <div class=\"info\" *ngIf=\"header.info != null\" [innerHTML]=\"header.info\"></div>\r\n      <lib-form-button *ngFor=\"let btn of header.buttons\" [inp]=\"btn\"></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;position:relative;text-align:center;width:100%}#Header .user-con .user-drop-down .info{float:right;width:100%}::ng-deep #Header .user-drop-down .form-input-con.button .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}}"]
                 },] }
     ];
     HeaderComponent.ctorParameters = function () { return [
@@ -9438,6 +9438,7 @@
         function HeaderClass(environment, l) {
             var _this = this;
             this.username = null;
+            this.info = null;
             this.buttons = [];
             this.logout = function (btn) { };
             var logoutInp = new InputClass(environment, l, 'Logout', 'fa-duotone fa-right-from-bracket', exports.InputType.Button, 'grey h-30 p-0');