ps-toolkit-ui 0.0.76 → 0.0.80

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.
Files changed (10) hide show
  1. package/bundles/ps-toolkit-ui.umd.js +2 -6
  2. package/bundles/ps-toolkit-ui.umd.js.map +1 -1
  3. package/bundles/ps-toolkit-ui.umd.min.js +1 -1
  4. package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
  5. package/esm2015/lib/components/layout/layout.component.js +4 -8
  6. package/fesm2015/ps-toolkit-ui.js +2 -6
  7. package/fesm2015/ps-toolkit-ui.js.map +1 -1
  8. package/lib/components/layout/layout.component.d.ts +0 -3
  9. package/package.json +1 -1
  10. package/ps-toolkit-ui.metadata.json +1 -1
package/bundles/ps-toolkit-ui.umd.js CHANGED
@@ -6853,9 +6853,6 @@
6853
6853
  function LayoutComponent() {
6854
6854
  this.permissions = [];
6855
6855
  }
6856
- LayoutComponent.prototype.changeSidebarActive = function () {
6857
- this.sidebar.setActive();
6858
- };
6859
6856
  LayoutComponent.prototype.toggleSidebar = function () {
6860
6857
  $__namespace('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
6861
6858
  };
@@ -6864,15 +6861,14 @@
6864
6861
  LayoutComponent.decorators = [
6865
6862
  { type: core.Component, args: [{
6866
6863
  selector: 'lib-layout',
6867
- 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 #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",
6864
+ 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",
6868
6865
  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)}}"]
6869
6866
  },] }
6870
6867
  ];
6871
6868
  LayoutComponent.ctorParameters = function () { return []; };
6872
6869
  LayoutComponent.propDecorators = {
6873
6870
  permissions: [{ type: core.Input }],
6874
- area: [{ type: core.Input }],
6875
- sidebar: [{ type: core.ViewChild, args: ['sidebar',] }]
6871
+ area: [{ type: core.Input }]
6876
6872
  };
6877
6873
 
6878
6874
  var PsToolkitUiModule = /** @class */ (function () {