ps-toolkit-ui 1.14.16 → 1.14.17

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

@@ -387,6 +387,30 @@
         { type: PsToolkitUiConfigService }
     ]; };
 
+    var HeaderComponent = /** @class */ (function () {
+        function HeaderComponent(config) {
+            this.config = config;
+            this.header = null;
+        }
+        HeaderComponent.prototype.showUserDropDown = function (e) {
+            $__namespace(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
+        };
+        return HeaderComponent;
+    }());
+    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\">{{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 #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}}"]
+                },] }
+    ];
+    HeaderComponent.ctorParameters = function () { return [
+        { type: PsToolkitUiConfigService }
+    ]; };
+    HeaderComponent.propDecorators = {
+        header: [{ type: core.Input }]
+    };
+
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -2495,42 +2519,6 @@
         return AccordionRowClass;
     }());
 
-    var HeaderComponent = /** @class */ (function () {
-        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) {
-                if (v === void 0) { v = null; }
-                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 () {
-                _this.logout.emit(_this.logoutInp);
-            };
-        }
-        HeaderComponent.prototype.showUserDropDown = function (e) {
-            $__namespace(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
-        };
-        return HeaderComponent;
-    }());
-    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=\"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}}"]
-                },] }
-    ];
-    HeaderComponent.ctorParameters = function () { return [
-        { type: PsToolkitUiConfigService }
-    ]; };
-    HeaderComponent.propDecorators = {
-        currentData: [{ type: core.Input }],
-        logout: [{ type: core.Output }]
-    };
-
     var ModalComponent = /** @class */ (function () {
         function ModalComponent() {
         }
@@ -7722,21 +7710,20 @@
 
     var LayoutComponent = /** @class */ (function () {
         function LayoutComponent() {
-            this.logout = new core.EventEmitter();
         }
         return LayoutComponent;
     }());
     LayoutComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-layout',
-                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\" *ngIf=\"currentData.user != null\">\r\n      <lib-sidebar [currentData]=\"currentData\">\r\n        <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n      </lib-sidebar>\r\n      <div class=\"content\">\r\n        <lib-header (logout)=\"logout.emit()\" [currentData]=\"currentData\">\r\n          <ng-content select=\"[slot=header]\"></ng-content>\r\n        </lib-header>\r\n\r\n        <div class=\"content-scroll-con\">\r\n          <div class=\"content-scroll\">\r\n            <router-outlet></router-outlet>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <lib-footer></lib-footer>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\" *ngIf=\"currentData.user != null\">\r\n      <lib-sidebar [currentData]=\"currentData\">\r\n        <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n      </lib-sidebar>\r\n      <div class=\"content\">\r\n        <lib-header [header]=\"header\">\r\n          <ng-content select=\"[slot=header]\"></ng-content>\r\n        </lib-header>\r\n\r\n        <div class=\"content-scroll-con\">\r\n          <div class=\"content-scroll\">\r\n            <router-outlet></router-outlet>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <lib-footer></lib-footer>\r\n  </div>\r\n</div>\r\n",
                     styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-white);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:100%}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);overflow-y:auto;width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:599.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 50px);min-height:calc(100vh - 50px)}}"]
                 },] }
     ];
     LayoutComponent.ctorParameters = function () { return []; };
     LayoutComponent.propDecorators = {
         currentData: [{ type: core.Input }],
-        logout: [{ type: core.Output }]
+        header: [{ type: core.Input }]
     };
 
     var FormHiddenComponent = /** @class */ (function () {