ps-toolkit-ui 1.5.66 → 1.5.69

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

@@ -2083,7 +2083,7 @@
         { 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",
-                    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}}"]
+                    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 [
@@ -2406,14 +2406,16 @@
             var _this = this;
             var l = [];
             for (var i = s; i < f; i++) {
-                var b = new InputClass(this.table.environment, this.table.l, i.toString(), null, exports.InputType.Button, 'h-25' + (this.table.page === i ? ' white' : ' extra'), i);
+                var b = new InputClass(this.table.environment, this.table.l, i.toString(), null, exports.InputType.Button, 'h-25' + (this.table.page === i ? ' active' : ' extra'), i);
                 b.onClick = function (btn) { return _this.changePage(btn); };
                 l.push(b);
             }
             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 () {