ps-toolkit-ui 0.1.13 → 0.1.14
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 +4 -4
- 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 +5 -5
- package/fesm2015/ps-toolkit-ui.js +4 -4
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
- package/src/assets/scripts/base.js +8 -0
|
@@ -2045,21 +2045,21 @@
|
|
|
2045
2045
|
if (v === void 0) { v = null; }
|
|
2046
2046
|
return lang.get('Public', 'Header', key, v);
|
|
2047
2047
|
};
|
|
2048
|
-
this.logoutInp = new InputClass(config.environment, l, 'Logout',
|
|
2048
|
+
this.logoutInp = new InputClass(config.environment, l, 'Logout', 'fa-duotone fa-right-from-bracket', exports.InputType.Button, 'grey h-30 p-0');
|
|
2049
2049
|
this.logoutInp.onClick = function () {
|
|
2050
2050
|
_this.logout.emit();
|
|
2051
2051
|
};
|
|
2052
2052
|
}
|
|
2053
2053
|
HeaderComponent.prototype.showUserDropDown = function (e) {
|
|
2054
|
-
$__namespace(e.target).closest('#Header').find('.user-drop-down').slideToggle();
|
|
2054
|
+
$__namespace(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
|
|
2055
2055
|
};
|
|
2056
2056
|
return HeaderComponent;
|
|
2057
2057
|
}());
|
|
2058
2058
|
HeaderComponent.decorators = [
|
|
2059
2059
|
{ type: core.Component, args: [{
|
|
2060
2060
|
selector: 'lib-header',
|
|
2061
|
-
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\"
|
|
2062
|
-
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;width:100px}#Header .user-con .user{
|
|
2061
|
+
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",
|
|
2062
|
+
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(--comp);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--comp-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow);display:none;left:20px;position:absolute;top:50px;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}}"]
|
|
2063
2063
|
},] }
|
|
2064
2064
|
];
|
|
2065
2065
|
HeaderComponent.ctorParameters = function () { return [
|