ps-toolkit-ui 0.0.82 → 0.0.83

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

@@ -1996,16 +1996,17 @@
 
     var HeaderComponent = /** @class */ (function () {
         function HeaderComponent(config) {
+            var _this = this;
             this.config = config;
+            this.logout = new core.EventEmitter();
             var lang = new LangClass(config.currentLang, config.strings);
             var l = function (key, v) {
                 if (v === void 0) { v = null; }
                 return lang.get('Public', 'Header', key, v);
             };
-            this.logout = new InputClass(config.environment, l, 'Logout', null, exports.InputType.Button, 'grey h-30');
-            this.logout.onClick = function () {
-                HelperClass.eraseCookie('Authorization');
-                window.location.reload();
+            this.logoutInp = new InputClass(config.environment, l, 'Logout', null, exports.InputType.Button, 'grey h-30');
+            this.logoutInp.onClick = function () {
+                _this.logout.emit();
             };
         }
         return HeaderComponent;
@@ -2013,13 +2014,16 @@
     HeaderComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-header',
-                    template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"logout\">\r\n    <lib-form-button [inp]=\"logout\"></lib-form-button>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"logout\">\r\n    <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\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 .logout{float:left;margin:10px 30px;width:80px}@media (max-width:399.98px){#Header .toggle-sidebar{display:block}}@media (min-width:400px) and (max-width:499.98px){#Header .toggle-sidebar{display:block}}@media (min-width:500px) and (max-width:599.98px){#Header .toggle-sidebar{display:block}}@media (min-width:600px) and (max-width:699.98px){#Header .toggle-sidebar{display:block}}@media (min-width:700px) and (max-width:799.98px){#Header .toggle-sidebar{display:block}}"]
                 },] }
     ];
     HeaderComponent.ctorParameters = function () { return [
         { type: PsToolkitUiConfigService }
-    ]; };
+    ]; };
+    HeaderComponent.propDecorators = {
+        logout: [{ type: core.Output }]
+    };
 
     var ModalComponent = /** @class */ (function () {
         function ModalComponent() {
@@ -6854,6 +6858,7 @@
     var LayoutComponent = /** @class */ (function () {
         function LayoutComponent() {
             this.permissions = [];
+            this.logout = new core.EventEmitter();
         }
         LayoutComponent.prototype.toggleSidebar = function () {
             $__namespace('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
@@ -6863,14 +6868,15 @@
     LayoutComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-layout',
-                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel open-sidebar\">\r\n      <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n      <div class=\"sidebar\">\r\n        <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n          <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <lib-header></lib-header>\r\n        <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\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 open-sidebar\">\r\n      <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n      <div class=\"sidebar\">\r\n        <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n          <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <lib-header (logout)=\"logout.emit()\"></lib-header>\r\n        <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\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{position:relative}#Layout .panel .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Layout .panel .sidebar,#Layout .panel .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Layout .panel .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Layout .panel.open-sidebar .sidebar{width:260px}#Layout .panel .sidebar .sidebar-scroll{height:100%;width:100%}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel.open-sidebar .content{width:calc(100% - 260px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
                 },] }
     ];
     LayoutComponent.ctorParameters = function () { return []; };
     LayoutComponent.propDecorators = {
         permissions: [{ type: core.Input }],
-        area: [{ type: core.Input }]
+        area: [{ type: core.Input }],
+        logout: [{ type: core.Output }]
     };
 
     var PsToolkitUiModule = /** @class */ (function () {