ps-toolkit-ui 1.13.85 → 1.13.87

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

@@ -114,7 +114,7 @@
                     RulesTitle: 'شرایط و قوانین حریم‌خصوصی'
                 },
                 Footer: {
-                    Copyright: 'تمامی حقوق این وبسایت برای پارت سیلیکون محفوظ است.',
+                    Copyright: 'تمامی حقوق برای پارت سیلیکون محفوظ است.',
                     CreatorDesc: 'طراحی و توسعه',
                     CreatorCom: 'پارت سیلیکون'
                 },
@@ -380,7 +380,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-footer',
                     template: "<div id=\"Footer\">\r\n    <div class=\"copyright\">\r\n      <i class=\"far fa-copyright\"></i>\r\n      {{l('Copyright')}}\r\n    </div>\r\n    <div class=\"creator\">\r\n      <i class=\"fas fa-heart\"></i> {{l('CreatorDesc')}} <a href=\"http://partsilicon.ir/\" target=\"_blank\">{{l('CreatorCom')}}</a>\r\n    </div>\r\n</div>\r\n",
-                    styles: ["#Footer{background-color:var(--base-dark);bottom:0;color:#fff;font-size:12px;font-weight:700;line-height:35px;position:fixed;right:0;text-align:center;width:100%;z-index:2}#Footer .copyright,#Footer .creator{float:right;width:50%}#Footer .copyright i,#Footer .creator a,#Footer .creator i{color:var(--primary)!important}@media (max-width:399.98px){#Footer .copyright,#Footer .creator{font-size:11px;line-height:30px;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}"]
+                    styles: ["#Footer{background-color:var(--base-dark);bottom:0;color:#fff;font-size:12px;font-weight:700;line-height:35px;position:fixed;right:0;text-align:center;width:100%;z-index:2}#Footer .copyright,#Footer .creator{float:right;width:50%}#Footer .copyright i,#Footer .creator a,#Footer .creator i{color:var(--primary)!important}@media (max-width:599.98px){#Footer{display:none}#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}"]
                 },] }
     ];
     FooterComponent.ctorParameters = function () { return [
@@ -2737,7 +2737,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-sidebar',
                     template: "<div id=\"Sidebar\" [class]=\"(countItems > 1 ? 'open' : 'one-item') + (currentData.setting.sidebar?.mini ? ' mini' : '')\">\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",
-                    styles: ["::ng-deep #Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:102}::ng-deep #Sidebar,::ng-deep #Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}::ng-deep #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}::ng-deep #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}::ng-deep #Sidebar .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}::ng-deep #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%}::ng-deep #Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}::ng-deep #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}::ng-deep #Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:200;position:absolute;top:27px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item{float:left;position:relative;text-align:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children{display:none;float:left;position:relative;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .items{float:left;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{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)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all .count{background-color:var(--red);border-radius:50%;bottom:-5px;color:#fff;font-size:10px;height:16px;left:calc(100% - 5px);line-height:18px;min-width:16px;padding:0 3px;position:absolute}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:11px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content{background-color:var(--base-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .title,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .title{color:#fff;font-weight:700}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .icon,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .icon{color:var(--primary)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .arrow,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .arrow{color:#fff}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.children{display:block}::ng-deep #Sidebar.open{width:260px}::ng-deep #Sidebar.open .toggle{transform:scaleX(-1)}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:20px;width:100%}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content{flex-direction:column;padding:10px 0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{font-size:25px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:before{content:\"\\f107\"}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open.mini{width:150px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item.open .content .arrow{transform:rotate(-180deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:20px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px}::ng-deep #Sidebar.one-item{width:0!important}::ng-deep #Sidebar.one-item .sidebar-shadow,::ng-deep #Sidebar.one-item .toggle{display:none}::ng-deep #Sidebar.one-item .sidebar-scroll{width:0!important}@media (max-width:1199.98px){::ng-deep #Sidebar{height:calc(100vh - 35px);min-height:calc(100vh - 35px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:78px}::ng-deep #Sidebar .sidebar-scroll{width:260px}::ng-deep #Sidebar.mini .sidebar-scroll{width:150px}::ng-deep #Sidebar.open .sidebar-scroll{width:100%}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar .sidebar-shadow{opacity:.7;visibility:visible}::ng-deep #Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}::ng-deep #Sidebar .toggle{color:var(--white);transform:scaleX(-1)}::ng-deep #Sidebar .toggle:hover{color:var(--white)}::ng-deep #Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}::ng-deep #Sidebar.open .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 85px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:30px;width:100%}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px;width:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px;width:40px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow,::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:0}}@media (max-width:399.98px){::ng-deep #Sidebar .sidebar-scroll{width:240px}}@media (max-width:599.98px){::ng-deep #Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:0}}"]
+                    styles: ["::ng-deep #Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:102}::ng-deep #Sidebar,::ng-deep #Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}::ng-deep #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}::ng-deep #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}::ng-deep #Sidebar .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}::ng-deep #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%}::ng-deep #Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}::ng-deep #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}::ng-deep #Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:200;position:absolute;top:27px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item{float:left;position:relative;text-align:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children{display:none;float:left;position:relative;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .items{float:left;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{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)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all .count{background-color:var(--red);border-radius:50%;bottom:-5px;color:#fff;font-size:10px;height:16px;left:calc(100% - 5px);line-height:18px;min-width:16px;padding:0 3px;position:absolute}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .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}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:11px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content{background-color:var(--base-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .title,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .title{color:#fff;font-weight:700}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .icon,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .icon{color:var(--primary)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .arrow,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .arrow{color:#fff}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.children{display:block}::ng-deep #Sidebar.open{width:260px}::ng-deep #Sidebar.open .toggle{transform:scaleX(-1)}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:20px;width:100%}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content{flex-direction:column;padding:10px 0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{font-size:25px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:before{content:\"\\f107\"}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open.mini{width:150px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item.open .content .arrow{transform:rotate(-180deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:20px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px}::ng-deep #Sidebar.one-item{width:0!important}::ng-deep #Sidebar.one-item .sidebar-shadow,::ng-deep #Sidebar.one-item .toggle{display:none}::ng-deep #Sidebar.one-item .sidebar-scroll{width:0!important}@media (max-width:1199.98px){::ng-deep #Sidebar{height:calc(100vh - 35px);min-height:calc(100vh - 35px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:78px}::ng-deep #Sidebar .sidebar-scroll{width:260px}::ng-deep #Sidebar.mini .sidebar-scroll{width:150px}::ng-deep #Sidebar.open .sidebar-scroll{width:100%}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar .sidebar-shadow{opacity:.7;visibility:visible}::ng-deep #Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}::ng-deep #Sidebar .toggle{color:var(--white);transform:scaleX(-1)}::ng-deep #Sidebar .toggle:hover{color:var(--white)}::ng-deep #Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}::ng-deep #Sidebar.open .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 85px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:30px;width:100%}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px;width:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px;width:40px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow,::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:0}}@media (max-width:399.98px){::ng-deep #Sidebar .sidebar-scroll{width:240px}}@media (max-width:599.98px){::ng-deep #Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 50px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:0}}"]
                 },] }
     ];
     SidebarComponent.ctorParameters = function () { return [
@@ -7705,8 +7705,8 @@
     LayoutComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-layout',
-                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\">\r\n      <lib-sidebar [currentData]=\"currentData\">\r\n        <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n      </lib-sidebar>\r\n      <div class=\"content\">\r\n        <lib-header (logout)=\"logout.emit()\" [currentData]=\"currentData\">\r\n          <ng-content select=\"[slot=header]\"></ng-content>\r\n        </lib-header>\r\n\r\n        <div class=\"content-scroll-con\">\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{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-white);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:100%}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);overflow-y:auto;width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}}"]
+                    template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel\">\r\n      <lib-sidebar [currentData]=\"currentData\">\r\n        <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n      </lib-sidebar>\r\n      <div class=\"content\">\r\n        <lib-header (logout)=\"logout.emit()\" [currentData]=\"currentData\">\r\n          <ng-content select=\"[slot=header]\"></ng-content>\r\n        </lib-header>\r\n\r\n        <div class=\"content-scroll-con\">\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    <lib-footer></lib-footer>\r\n  </div>\r\n</div>\r\n",
+                    styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-white);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:100%}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);overflow-y:auto;width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:599.98px){#Layout .panel .content .content-scroll-con{height:calc(100vh - 50px);min-height:calc(100vh - 50px)}}"]
                 },] }
     ];
     LayoutComponent.ctorParameters = function () { return []; };