ps-toolkit-ui 1.10.49 → 1.10.51

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

@@ -2304,7 +2304,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-sidebar-item',
                     template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + (mini ? 'mini ' : '') + 'user-sidebar-item'\" [id]=\"'SidebarItem_' + item.id\">\r\n  <a (click)=\"closeSidebar()\" [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"item.url\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n    <div *ngIf=\"item.count > 0\" class=\"count\">{{ item.count }}</div>\r\n  </a>\r\n  <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n    <div *ngIf=\"item.count > 0\" class=\"count\">{{ item.count }}</div>\r\n    <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n  </div>\r\n  <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n    <div class=\"items\">\r\n      <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}.user-sidebar-item.mini .content{flex-direction:column;padding:10px 0}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-size:12px;font-weight:400;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item.mini .content .title{height:30px;line-height:20px;width:100%}.user-sidebar-item .content .count{background-color:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;transition:all .3s;width:100%}.user-sidebar-item.mini .content .icon{font-size:25px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}.user-sidebar-item.mini .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}.user-sidebar-item.mini .content .arrow:before{content:\"\\f107\"}.user-sidebar-item.mini .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .user-sidebar-item .content .title{width:100%}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item.mini.open .content .arrow{transform:rotate(-180deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.mini>.children .content .icon{font-size:20px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-weight:700}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--primary)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:1199.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.open.mini .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .user-sidebar-item .content .count{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}"]
+                    styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}.user-sidebar-item.mini .content{flex-direction:column;padding:10px 0}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-size:12px;font-weight:400;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item.mini .content .title{height:0;width:0}.user-sidebar-item.open.mini .content .title{height:30px;line-height:20px;width:100%}.user-sidebar-item .content .count{background-color:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;transition:all .3s;width:100%}.user-sidebar-item.mini .content .icon{font-size:25px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}.user-sidebar-item.mini .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}.user-sidebar-item.mini .content .arrow:before{content:\"\\f107\"}.user-sidebar-item.mini .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .user-sidebar-item .content .title{width:100%}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item.mini.open .content .arrow{transform:rotate(-180deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.mini>.children .content .icon{font-size:20px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-weight:700}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--primary)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:1199.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.mini .user-sidebar-item .content .title{width:100%}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.open.mini .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .user-sidebar-item .content .count{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}"]
                 },] }
     ];
     SidebarItemComponent.ctorParameters = function () { return [