@churchillliving/se-ui-toolkit 6.53.81 → 6.53.83

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -7166,7 +7166,7 @@
     MenuBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'se-menu-bar',
-                    template: "<div class=\"wrapper\" *ngIf=\"hiddenPanelMenu\">\n  <div\n    *ngIf=\"!isMenubarHidden\"\n    class=\"p-p-0 sidebar\"\n    [style]=\"{ backgroundColor: menuBackColor }\"\n    [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n  >\n  <div class=\"p-d-flex p-ai-center toggle-btn\">\n    <p-avatar\n          pBadge\n          (click)=\"clickEvent()\"\n          icon=\"pi pi-user\"\n          size=\"xlarge\"\n          shape=\"circle\"\n          class=\"p-pr-3\"\n          [title]=\"toolTip\"\n        ></p-avatar>\n      <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n        <i\n          class=\"pi pi-fw toggle-icon\"\n          [pTooltip]=\"toggleMenu ? 'Expand' : 'Collapse'\"\n          [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n        ></i>\n        \n        <span>{{ menuTitle }}</span>\n      </button>\n    </div>\n    <nav\n      class=\"navbar navbar-expand-lg navbar-light bg-light p-p-0 grow-1\"\n      [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n    >\n      <p-panelMenu [model]=\"menuBarItems\" class=\"menuSidebar\"></p-panelMenu>\n    </nav>\n    <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\n  </div>\n</div>\n",
+                    template: "<div class=\"wrapper\" *ngIf=\"hiddenPanelMenu\">\n  <div\n    *ngIf=\"!isMenubarHidden\"\n    class=\"p-p-0 sidebar\"\n    [style]=\"{ backgroundColor: menuBackColor }\"\n    [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n  >\n  <div class=\"p-d-flex p-ai-center toggle-btn\">\n    <p-avatar\n          pBadge\n          (click)=\"clickEvent()\"\n          icon=\"pi pi-user\"\n          size=\"xlarge\"\n          shape=\"circle\"\n          class=\"p-pr-3\"\n          [title]=\"toolTip\"\n        ></p-avatar>\n      <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n        <i\n          class=\"pi pi-fw toggle-icon\"\n          [pTooltip]=\"toggleMenu ? 'Expandsss' : 'Collapse'\"\n          [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n        ></i>\n        \n        <span>{{ menuTitle }}</span>\n      </button>\n    </div>\n    <nav\n      class=\"navbar navbar-expand-lg navbar-light bg-light p-p-0 grow-1\"\n      [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n    >\n      <p-panelMenu [model]=\"menuBarItems\" class=\"menuSidebar\"></p-panelMenu>\n    </nav>\n    <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\n  </div>\n</div>\n",
                     styles: ["@charset \"UTF-8\";.wrapper{position:relative;z-index:1}div.sidebar{height:100vh;overflow:visible;background:#f8f9fa;position:sticky;top:0;display:flex;flex-direction:column}.toggle-btn:hover button{background-color:#e9ecef}.grow-1{flex-grow:1}.p-panelmenu .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header>a{padding-left:1.25rem!important;padding-right:1.25rem!important}.p-panelmenu .p-panelmenu-panel .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}.navbar-nav{flex-direction:row;flex-wrap:wrap}.navbar-nav .nav-item{padding:0 7.5px}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.sidebar .navbar.hide-nav{width:95px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.toggle-btn{width:100%;padding:1rem;border:0px;color:#495057;background:#f8f9fa;font-weight:600;border-radius:3px;transition:box-shadow .2s;text-align:left;cursor:pointer;display:flex;align-items:center}.toggle-btn.hover-scale:hover i{font-size:18px!important}.toggle-btn i{margin-right:.5rem;font-size:9px;font-weight:bold;color:#262626}.toggle-btn:hover{background:#e9ecef;border-color:#dee2e6}.hide-nav .toggle-btn span{display:none}.hide-nav .toggle-btn{justify-content:center}:host ::ng-deep .p-menuitem-link-active{background:#eee!important}:host ::ng-deep .p-menuitem-link-active:focus{box-shadow:unset!important}:host ::ng-deep .p-menuitem{margin:3px}:host ::ng-deep .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus,:host ::ng-deep .p-panelmenu .p-panelmenu-header>a:focus{box-shadow:unset!important}:host ::ng-deep .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header>a{border-left:0px!important;border-right:0px!important}:host ::ng-deep .p-menuitem-icon{font-size:20px}:host ::ng-deep .p-menuitem-text{font-size:14px;white-space:nowrap}:host ::ng-deep .p-menuitem-text,:host ::ng-deep .p-panelmenu-icon,:host ::ng-deep .nav-footer{transition:opacity 1s;-webkit-transition:opacity 1s}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}:host ::ng-deep .p-panelmenu-header-link{position:relative}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon{position:absolute;right:8px}:host ::ng-deep .p-panelmenu-header-link .pi-chevron-right:before{content:\"\\e902\"}:host ::ng-deep .p-panelmenu-header-link .pi-chevron-down:before{content:\"\\e901\"}.toggle-icon{position:absolute;top:48%;right:5px;color:#fff!important;z-index:9}\n"]
                 },] }
     ];