ps-toolkit-ui 1.5.65 → 1.5.68

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

@@ -2082,14 +2082,15 @@
     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      <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;position:absolute;top:55px;width:150px}@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\">{{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-family:VazirBold;line-height:35px;text-align:center;width:100%}::ng-deep #LogoutInput .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 }]
     };
 
@@ -2412,7 +2413,9 @@
             return l;
         };
         TablePaginationComponent.prototype.changePage = function (btn) {
+            console.log(btn.value);
             this.table.page = btn.value;
+            console.log(this.table.page);
             this.table.load(btn);
         };
         TablePaginationComponent.prototype.ngOnInit = function () {
@@ -7132,7 +7135,7 @@
     LayoutComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-layout',
-                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\">\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()\">\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  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\">\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  </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:399.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}"]
                 },] }
     ];