ps-toolkit-ui 1.20.61 → 1.20.62

package/esm2015/lib/components/header/header.component.js

@@ -1,11 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { PsToolkitUiConfigService } from '../../services/config.service';
 import * as $ from 'jquery';
+import { InputType } from '../../classes/enum.class';
 export class HeaderComponent {
     constructor(config) {
         this.config = config;
         this.header = null;
     }
+    get type() { return InputType; }
     showUserDropDown(e) {
         $(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
     }
@@ -13,7 +15,7 @@ export class HeaderComponent {
 HeaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-header',
-                template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div class=\"user-con\">\r\n    <i (click)=\"showUserDropDown($event)\" class=\"fad 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",
+                template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div class=\"user-con\">\r\n    <i (click)=\"showUserDropDown($event)\" class=\"fad 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\r\n      <span *ngFor=\"let btn of header.buttons\">\r\n        <lib-form-button [inp]=\"btn\" *ngIf=\"btn.type == type.Button\"></lib-form-button>\r\n        <lib-form-icon [inp]=\"btn\" *ngIf=\"btn.type == type.Icon\"></lib-form-icon>\r\n      </span>\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:110}#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}}"]
             },] }
 ];
@@ -23,4 +25,4 @@ HeaderComponent.ctorParameters = () => [
 HeaderComponent.propDecorators = {
     header: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQVE1QixNQUFNLE9BQU8sZUFBZTtJQUcxQixZQUFtQixNQUFnQztRQUFoQyxXQUFNLEdBQU4sTUFBTSxDQUEwQjtRQURuRCxXQUFNLEdBQWdCLElBQUksQ0FBQztJQUUzQixDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7O1lBWkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiwra0JBQXNDOzthQUV2Qzs7O1lBUk8sd0JBQXdCOzs7cUJBVTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UHNUb29sa2l0VWlDb25maWdTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcuc2VydmljZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuaW1wb3J0IHtIZWFkZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWFkZXIuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItaGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnR7XHJcbiAgQElucHV0KClcclxuICBoZWFkZXI6IEhlYWRlckNsYXNzID0gbnVsbDtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY29uZmlnOiBQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2Upe1xyXG4gIH1cclxuICBzaG93VXNlckRyb3BEb3duKGUpOiB2b2lke1xyXG4gICAgJChlLnRhcmdldCkuY2xvc2VzdCgnI0hlYWRlcicpLmZpbmQoJy51c2VyLWRyb3AtZG93bicpLnNsaWRlVG9nZ2xlKDEwMCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPbkQsTUFBTSxPQUFPLGVBQWU7SUFJMUIsWUFBbUIsTUFBZ0M7UUFBaEMsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFGbkQsV0FBTSxHQUFnQixJQUFJLENBQUM7SUFHM0IsQ0FBQztJQUZELElBQUksSUFBSSxLQUFzQixPQUFPLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFHakQsZ0JBQWdCLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixpMUJBQXNDOzthQUV2Qzs7O1lBVE8sd0JBQXdCOzs7cUJBVzdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UHNUb29sa2l0VWlDb25maWdTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcuc2VydmljZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuaW1wb3J0IHtIZWFkZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWFkZXIuY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0VHlwZX0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVhZGVyQ29tcG9uZW50e1xyXG4gIEBJbnB1dCgpXHJcbiAgaGVhZGVyOiBIZWFkZXJDbGFzcyA9IG51bGw7XHJcbiAgZ2V0IHR5cGUoKTogdHlwZW9mIElucHV0VHlwZXsgcmV0dXJuIElucHV0VHlwZTsgfVxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjb25maWc6IFBzVG9vbGtpdFVpQ29uZmlnU2VydmljZSl7XHJcbiAgfVxyXG4gIHNob3dVc2VyRHJvcERvd24oZSk6IHZvaWR7XHJcbiAgICAkKGUudGFyZ2V0KS5jbG9zZXN0KCcjSGVhZGVyJykuZmluZCgnLnVzZXItZHJvcC1kb3duJykuc2xpZGVUb2dnbGUoMTAwKTtcclxuICB9XHJcbn1cclxuIl19

package/fesm2015/ps-toolkit-ui.js

@@ -378,29 +378,6 @@ FooterComponent.ctorParameters = () => [
     { type: PsToolkitUiConfigService }
 ];
 
-class HeaderComponent {
-    constructor(config) {
-        this.config = config;
-        this.header = null;
-    }
-    showUserDropDown(e) {
-        $$1(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
-    }
-}
-HeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-header',
-                template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div class=\"user-con\">\r\n    <i (click)=\"showUserDropDown($event)\" class=\"fad 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:110}#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 = () => [
-    { type: PsToolkitUiConfigService }
-];
-HeaderComponent.propDecorators = {
-    header: [{ type: Input }]
-};
-
 // @dynamic
 class EnumUtils {
     static getValues(enumObj) {
@@ -653,6 +630,30 @@ var FileIcons;
     FileIcons["rar"] = "fad fa-file-zipper";
 })(FileIcons || (FileIcons = {}));
 
+class HeaderComponent {
+    constructor(config) {
+        this.config = config;
+        this.header = null;
+    }
+    get type() { return InputType; }
+    showUserDropDown(e) {
+        $$1(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
+    }
+}
+HeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-header',
+                template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"content\"><ng-content></ng-content></div>\r\n  <div class=\"user-con\">\r\n    <i (click)=\"showUserDropDown($event)\" class=\"fad 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\r\n      <span *ngFor=\"let btn of header.buttons\">\r\n        <lib-form-button [inp]=\"btn\" *ngIf=\"btn.type == type.Button\"></lib-form-button>\r\n        <lib-form-icon [inp]=\"btn\" *ngIf=\"btn.type == type.Icon\"></lib-form-icon>\r\n      </span>\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:110}#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 = () => [
+    { type: PsToolkitUiConfigService }
+];
+HeaderComponent.propDecorators = {
+    header: [{ type: Input }]
+};
+
 class PermissionClass {
     constructor(Name = '', Icon = '', Type = null, InputType = null, AccessType = null, InputAction = null, Area = '', Controller = '', Action = '', Url = '', Multi = false, Condition = null, Accesses = []) {
         this.Name = Name;