ps-toolkit-ui 1.9.15 → 1.9.16

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

@@ -2231,7 +2231,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-modal',
                     template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n  <div [className]=\"(modal.class ? modal.class : '') + (modal.class.includes('xlg') ? '' : modal.class.includes('lg') ? ' w-1000-60 m-r-1000-20 w-700-70 m-r-700-15' : modal.class.includes('sm') ? '  w-1300-20 m-r-1300-40 w-1100-30 m-r-1100-35 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10' : ' w-1300-40 m-r-1300-30 w-1100-50 m-r-1100-25 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10') + ' content w-90 m-r-5'\">\r\n    <lib-form-button [inp]=\"close\"></lib-form-button>\r\n    <div class=\"body\">\r\n      <ng-content></ng-content>\r\n      <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n      <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-size:18px;font-weight:700;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){.modal .content .close-modal{left:-15px!important}}"]
+                    styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-size:18px;font-weight:700;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-10px;padding:0}}"]
                 },] }
     ];
     ModalComponent.ctorParameters = function () { return []; };
@@ -2328,6 +2328,7 @@
             this.config = config;
             this.router = router$1;
             this.sidebar = [];
+            this.countItems = 0;
             var lang = new LangClass(config.currentLang, config.strings);
             this.l = function (key, v) {
                 if (v === void 0) { v = null; }
@@ -2351,7 +2352,11 @@
             var _this = this;
             if (parentId === void 0) { parentId = null; }
             return this.currentData.permissions.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Item && x.ParentId === parentId; }).map(function (s) {
-                return new SidebarClass(_this.l, s.Id, s.Name, s.Controller, s.Action, s.Url, s.Icon, _this.getSidebar(s.Id), s.Count);
+                var children = _this.getSidebar(s.Id);
+                if (children.length === 0) {
+                    _this.countItems++;
+                }
+                return new SidebarClass(_this.l, s.Id, s.Name, s.Controller, s.Action, s.Url, s.Icon, children, s.Count);
             });
         };
         SidebarComponent.prototype.getSidebarActive = function (item, active) {
@@ -2385,7 +2390,7 @@
     SidebarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-sidebar',
-                    template: "<div id=\"Sidebar\" class=\"open\">\r\n  <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n  <div class=\"sidebar-scroll\">\r\n    <i (click)=\"toggleSidebar()\" class=\"toggle fa-duotone fa-angle-double-left\"></i>\r\n    <div class=\"brand-con\">\r\n      <div class=\"logo\"></div>\r\n      <div class=\"title\">\r\n        {{l('SoftwareName')}}\r\n        <div class=\"version\">{{l('Version', currentData.software.Version)}}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n      <span *ngFor=\"let item of sidebar\">\r\n        <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\"></lib-sidebar-item>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div id=\"Sidebar\" [class]=\"(countItems > 1 ? 'open' : 'close')\">\r\n  <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n  <div class=\"sidebar-scroll\">\r\n    <i *ngIf=\"countItems > 1\" (click)=\"toggleSidebar()\" class=\"toggle fa-duotone fa-angle-double-left\"></i>\r\n    <div class=\"brand-con\">\r\n      <div class=\"logo\"></div>\r\n      <div class=\"title\">\r\n        {{l('SoftwareName')}}\r\n        <div class=\"version\">{{l('Version', currentData.software.Version)}}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n      <span *ngFor=\"let item of sidebar\">\r\n        <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\"></lib-sidebar-item>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:102}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}#Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:all .3s;visibility:hidden;width:100%;z-index:103}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}#Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;justify-content:center;width:100%}#Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}#Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;top:-4px;transition:all .3s;white-space:nowrap;width:0}#Sidebar.open .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:200;position:absolute;top:27px}#Sidebar .toggle{color:var(--primary);cursor:pointer;float:left;font-size:18px;height:50px;left:-50px;line-height:50px;position:absolute;text-align:center;transform:scaleX(1);transition:all .3s;width:50px}#Sidebar.open .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--primary-dark)}@media (max-width:399.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:240px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:600px) and (max-width:699.98px){#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:700px) and (max-width:799.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:800px) and (max-width:899.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:900px) and (max-width:999.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}"]
                 },] }
     ];
@@ -7822,7 +7827,6 @@
             };
         };
         FormToggleComponent.prototype.onChange = function () {
-            console.log(this.inputBase.nativeElement.checked);
             this.inp.value = this.inputBase.nativeElement.checked;
             if (this.inp.onChange) {
                 this.inp.onChange(this.inp);