ps-toolkit-ui 1.20.62 → 1.20.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ps-toolkit-ui.umd.js +1 -1
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/header/header.component.js +2 -2
- package/fesm2015/ps-toolkit-ui.js +1 -1
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -15,7 +15,7 @@ export class HeaderComponent {
|
|
|
15
15
|
HeaderComponent.decorators = [
|
|
16
16
|
{ type: Component, args: [{
|
|
17
17
|
selector: 'lib-header',
|
|
18
|
-
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 <
|
|
18
|
+
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 <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",
|
|
19
19
|
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}}"]
|
|
20
20
|
},] }
|
|
21
21
|
];
|
|
@@ -25,4 +25,4 @@ HeaderComponent.ctorParameters = () => [
|
|
|
25
25
|
HeaderComponent.propDecorators = {
|
|
26
26
|
header: [{ type: Input }]
|
|
27
27
|
};
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RSxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPbkQsTUFBTSxPQUFPLGVBQWU7SUFJMUIsWUFBbUIsTUFBZ0M7UUFBaEMsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFGbkQsV0FBTSxHQUFnQixJQUFJLENBQUM7SUFHM0IsQ0FBQztJQUZELElBQUksSUFBSSxLQUFzQixPQUFPLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFHakQsZ0JBQWdCLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw2dUJBQXNDOzthQUV2Qzs7O1lBVE8sd0JBQXdCOzs7cUJBVzdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UHNUb29sa2l0VWlDb25maWdTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWcuc2VydmljZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuaW1wb3J0IHtIZWFkZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWFkZXIuY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0VHlwZX0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVhZGVyQ29tcG9uZW50e1xyXG4gIEBJbnB1dCgpXHJcbiAgaGVhZGVyOiBIZWFkZXJDbGFzcyA9IG51bGw7XHJcbiAgZ2V0IHR5cGUoKTogdHlwZW9mIElucHV0VHlwZXsgcmV0dXJuIElucHV0VHlwZTsgfVxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjb25maWc6IFBzVG9vbGtpdFVpQ29uZmlnU2VydmljZSl7XHJcbiAgfVxyXG4gIHNob3dVc2VyRHJvcERvd24oZSk6IHZvaWR7XHJcbiAgICAkKGUudGFyZ2V0KS5jbG9zZXN0KCcjSGVhZGVyJykuZmluZCgnLnVzZXItZHJvcC1kb3duJykuc2xpZGVUb2dnbGUoMTAwKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -643,7 +643,7 @@ class HeaderComponent {
|
|
|
643
643
|
HeaderComponent.decorators = [
|
|
644
644
|
{ type: Component, args: [{
|
|
645
645
|
selector: 'lib-header',
|
|
646
|
-
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 <
|
|
646
|
+
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 <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",
|
|
647
647
|
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}}"]
|
|
648
648
|
},] }
|
|
649
649
|
];
|