@skysoftware-co/bayan-core-widgets-ui 0.1.9 → 0.1.10

package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs

@@ -4421,11 +4421,11 @@ class BayanCoreSideMenuItemWidgetComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuItemWidgetComponent, deps: [{ token: i1$1.FaIconLibrary }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuItemWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-item-widget", inputs: { item: "item", level: "level", collapsed: "collapsed" }, outputs: { itemClick: "itemClick", expanded: "expanded" }, ngImport: i0, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n  [class.level-1]=\"level === 1\"\r\n  [class.level-2]=\"level === 2\"\r\n  [class.level-3]=\"level >= 3\"\r\n  [class.level-last]=\"!hasChildren()\"\r\n  (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n  (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n  <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n  <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n    @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n        <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n      }\r\n      @if (!collapsed) {\r\n        <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n      }\r\n   </div>\r\n      @if (hasChildren() && !collapsed) {\r\n        <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n      }\r\n  </a>\r\n  @if (hasChildren() && !collapsed) {\r\n    <ul class=\"sub-menu\">\r\n      @for (child of item.Children; track child) {\r\n        <bayan-core-side-menu-item-widget\r\n          [item]=\"child\"\r\n          [level]=\"level + 1\"\r\n          [collapsed]=\"collapsed\"\r\n          (itemClick)=\"itemClick.emit($event)\"\r\n          (expanded)=\"onChildExpanded($event, item.Children)\">\r\n        </bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  }\r\n  @if (hasChildren() && item.Expanded && collapsed) {\r\n    <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n      <div class=\"popover-menu\">\r\n        <div class=\"popover-arrow\"></div>\r\n        <div class=\"popover-menu-header\">\r\n          @if (shouldShowIcon()) {\r\n            <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n          }\r\n          <span>{{ item.MenuName | translate }}</span>\r\n        </div>\r\n        <ul class=\"popover-items-list\">\r\n          @for (child of item.Children; track child) {\r\n            <bayan-core-side-menu-item-widget\r\n              [item]=\"child\"\r\n              [level]=\"level + 1\"\r\n              [collapsed]=\"false\"\r\n              (itemClick)=\"itemClick.emit($event)\"\r\n              (expanded)=\"onChildExpanded($event, item.Children)\">\r\n            </bayan-core-side-menu-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  }\r\n</li>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuItemWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-item-widget", inputs: { item: "item", level: "level", collapsed: "collapsed" }, outputs: { itemClick: "itemClick", expanded: "expanded" }, ngImport: i0, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n  [class.level-1]=\"level === 1\"\r\n  [class.level-2]=\"level === 2\"\r\n  [class.level-3]=\"level >= 3\"\r\n  [class.level-last]=\"!hasChildren()\"\r\n  (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n  (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n  <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n  <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n    @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n        <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n      }\r\n      @if (!collapsed) {\r\n        <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n      }\r\n   </div>\r\n      @if (hasChildren() && !collapsed) {\r\n        <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n      }\r\n  </a>\r\n  @if (hasChildren() && !collapsed) {\r\n    <ul class=\"sub-menu\">\r\n      @for (child of item.Children; track child) {\r\n        <bayan-core-side-menu-item-widget\r\n          [item]=\"child\"\r\n          [level]=\"level + 1\"\r\n          [collapsed]=\"collapsed\"\r\n          (itemClick)=\"itemClick.emit($event)\"\r\n          (expanded)=\"onChildExpanded($event, item.Children)\">\r\n        </bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  }\r\n  @if (hasChildren() && item.Expanded && collapsed) {\r\n    <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n      <div class=\"popover-menu\">\r\n        <div class=\"popover-arrow\"></div>\r\n        <div class=\"popover-menu-header\">\r\n          @if (shouldShowIcon()) {\r\n            <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n          }\r\n          <span>{{ item.MenuName | translate }}</span>\r\n        </div>\r\n        <ul class=\"popover-items-list\">\r\n          @for (child of item.Children; track child) {\r\n            <bayan-core-side-menu-item-widget\r\n              [item]=\"child\"\r\n              [level]=\"level + 1\"\r\n              [collapsed]=\"false\"\r\n              (itemClick)=\"itemClick.emit($event)\"\r\n              (expanded)=\"onChildExpanded($event, item.Children)\">\r\n            </bayan-core-side-menu-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  }\r\n</li>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuItemWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bayan-core-side-menu-item-widget', standalone: true, imports: [CommonModule, RouterModule, FontAwesomeModule, BayanCoreTranslatePipe, BayanCoreSideMenuItemWidgetComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n  [class.level-1]=\"level === 1\"\r\n  [class.level-2]=\"level === 2\"\r\n  [class.level-3]=\"level >= 3\"\r\n  [class.level-last]=\"!hasChildren()\"\r\n  (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n  (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n  <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n  <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n    @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n        <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n      }\r\n      @if (!collapsed) {\r\n        <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n      }\r\n   </div>\r\n      @if (hasChildren() && !collapsed) {\r\n        <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n      }\r\n  </a>\r\n  @if (hasChildren() && !collapsed) {\r\n    <ul class=\"sub-menu\">\r\n      @for (child of item.Children; track child) {\r\n        <bayan-core-side-menu-item-widget\r\n          [item]=\"child\"\r\n          [level]=\"level + 1\"\r\n          [collapsed]=\"collapsed\"\r\n          (itemClick)=\"itemClick.emit($event)\"\r\n          (expanded)=\"onChildExpanded($event, item.Children)\">\r\n        </bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  }\r\n  @if (hasChildren() && item.Expanded && collapsed) {\r\n    <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n      <div class=\"popover-menu\">\r\n        <div class=\"popover-arrow\"></div>\r\n        <div class=\"popover-menu-header\">\r\n          @if (shouldShowIcon()) {\r\n            <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n          }\r\n          <span>{{ item.MenuName | translate }}</span>\r\n        </div>\r\n        <ul class=\"popover-items-list\">\r\n          @for (child of item.Children; track child) {\r\n            <bayan-core-side-menu-item-widget\r\n              [item]=\"child\"\r\n              [level]=\"level + 1\"\r\n              [collapsed]=\"false\"\r\n              (itemClick)=\"itemClick.emit($event)\"\r\n              (expanded)=\"onChildExpanded($event, item.Children)\">\r\n            </bayan-core-side-menu-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  }\r\n</li>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
+            args: [{ selector: 'bayan-core-side-menu-item-widget', standalone: true, imports: [CommonModule, RouterModule, FontAwesomeModule, BayanCoreTranslatePipe, BayanCoreSideMenuItemWidgetComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n  [class.level-1]=\"level === 1\"\r\n  [class.level-2]=\"level === 2\"\r\n  [class.level-3]=\"level >= 3\"\r\n  [class.level-last]=\"!hasChildren()\"\r\n  (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n  (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n  <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n  <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n    @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n        <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n      }\r\n      @if (!collapsed) {\r\n        <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n      }\r\n   </div>\r\n      @if (hasChildren() && !collapsed) {\r\n        <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n      }\r\n  </a>\r\n  @if (hasChildren() && !collapsed) {\r\n    <ul class=\"sub-menu\">\r\n      @for (child of item.Children; track child) {\r\n        <bayan-core-side-menu-item-widget\r\n          [item]=\"child\"\r\n          [level]=\"level + 1\"\r\n          [collapsed]=\"collapsed\"\r\n          (itemClick)=\"itemClick.emit($event)\"\r\n          (expanded)=\"onChildExpanded($event, item.Children)\">\r\n        </bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  }\r\n  @if (hasChildren() && item.Expanded && collapsed) {\r\n    <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n      <div class=\"popover-menu\">\r\n        <div class=\"popover-arrow\"></div>\r\n        <div class=\"popover-menu-header\">\r\n          @if (shouldShowIcon()) {\r\n            <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n          }\r\n          <span>{{ item.MenuName | translate }}</span>\r\n        </div>\r\n        <ul class=\"popover-items-list\">\r\n          @for (child of item.Children; track child) {\r\n            <bayan-core-side-menu-item-widget\r\n              [item]=\"child\"\r\n              [level]=\"level + 1\"\r\n              [collapsed]=\"false\"\r\n              (itemClick)=\"itemClick.emit($event)\"\r\n              (expanded)=\"onChildExpanded($event, item.Children)\">\r\n            </bayan-core-side-menu-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  }\r\n</li>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FaIconLibrary }], propDecorators: { item: [{
                 type: Input,
                 args: [{ required: true }]
@@ -4450,11 +4450,11 @@ class BayanCoreTermsDialogWidgetComponent {
         this.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTermsDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreTermsDialogWidgetComponent, isStandalone: true, selector: "bayan-core-terms-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'TermsAndConditions' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n      <p>{{ 'TermsIntro1' | translate }}</p>\r\n      <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n      <h4>{{ 'Trademarks' | translate }}</h4>\r\n      <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n      <h4>{{ 'Copyrights' | translate }}</h4>\r\n      <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n      <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n      <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n      <h4>{{ 'Links' | translate }}</h4>\r\n      <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n      <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n      <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n      <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n      <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreTermsDialogWidgetComponent, isStandalone: true, selector: "bayan-core-terms-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'TermsAndConditions' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n      <p>{{ 'TermsIntro1' | translate }}</p>\r\n      <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n      <h4>{{ 'Trademarks' | translate }}</h4>\r\n      <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n      <h4>{{ 'Copyrights' | translate }}</h4>\r\n      <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n      <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n      <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n      <h4>{{ 'Links' | translate }}</h4>\r\n      <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n      <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n      <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n      <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n      <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTermsDialogWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bayan-core-terms-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'TermsAndConditions' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n      <p>{{ 'TermsIntro1' | translate }}</p>\r\n      <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n      <h4>{{ 'Trademarks' | translate }}</h4>\r\n      <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n      <h4>{{ 'Copyrights' | translate }}</h4>\r\n      <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n      <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n      <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n      <h4>{{ 'Links' | translate }}</h4>\r\n      <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n      <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n      <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n      <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n      <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
+            args: [{ selector: 'bayan-core-terms-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'TermsAndConditions' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n      <p>{{ 'TermsIntro1' | translate }}</p>\r\n      <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n      <h4>{{ 'Trademarks' | translate }}</h4>\r\n      <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n      <h4>{{ 'Copyrights' | translate }}</h4>\r\n      <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n      <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n      <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n      <h4>{{ 'Links' | translate }}</h4>\r\n      <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n      <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n      <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n      <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n      <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n      <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n      <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
         }], propDecorators: { visible: [{
                 type: Input
             }], visibleChange: [{
@@ -4472,11 +4472,11 @@ class BayanCorePrivacyDialogWidgetComponent {
         this.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCorePrivacyDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCorePrivacyDialogWidgetComponent, isStandalone: true, selector: "bayan-core-privacy-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'PrivacyStatement' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n      <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n      <h4>{{ 'DataSubmission' | translate }}</h4>\r\n      <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n      <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n      <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n      <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n      <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n      <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCorePrivacyDialogWidgetComponent, isStandalone: true, selector: "bayan-core-privacy-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'PrivacyStatement' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n      <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n      <h4>{{ 'DataSubmission' | translate }}</h4>\r\n      <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n      <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n      <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n      <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n      <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n      <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCorePrivacyDialogWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bayan-core-privacy-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'PrivacyStatement' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n      <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n      <h4>{{ 'DataSubmission' | translate }}</h4>\r\n      <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n      <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n      <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n      <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n      <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n      <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
+            args: [{ selector: 'bayan-core-privacy-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"onHiding()\"\r\n  [showTitle]=\"true\"\r\n  [title]=\"'PrivacyStatement' | translate\"\r\n  [dragEnabled]=\"false\"\r\n  [hideOnOutsideClick]=\"true\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"580\"\r\n  [height]=\"520\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\"\r\n  [animation]=\"{\r\n    show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n    hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n  }\">\r\n  <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n    <div class=\"dialog-body\">\r\n      <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n      <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n      <h4>{{ 'DataSubmission' | translate }}</h4>\r\n      <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n      <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n      <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n      <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n      <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n      <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n    </div>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"'Close' | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      (PrimaryButtonClick)=\"close()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
         }], propDecorators: { visible: [{
                 type: Input
             }], visibleChange: [{
@@ -4575,7 +4575,7 @@ class BayanCoreSideMenuWidgetComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuWidgetComponent, deps: [{ token: i1$1.FaIconLibrary }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-widget", inputs: { collapsed: "collapsed", baseUrl: "baseUrl", systemModule: "systemModule", activePropertyId: "activePropertyId", ActivePropertyChanged: "ActivePropertyChanged", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", showFooter: "showFooter" }, outputs: { collapsedChange: "collapsedChange", itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n  <div class=\"sidebar-logo\">\r\n    <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n  </div>\r\n  <div class=\"sidebar-content\">\r\n    <ul class=\"nav-sidebar\">\r\n      @for (item of menu; track item) {\r\n        <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  </div>\r\n  @if (showFooter) {\r\n  <div class=\"sidebar-footer\">\r\n    <small class=\"text-secondary  flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n    </small>\r\n    <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n      <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n    </button>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "component", type: BayanCoreTermsDialogWidgetComponent, selector: "bayan-core-terms-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "component", type: BayanCorePrivacyDialogWidgetComponent, selector: "bayan-core-privacy-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-widget", inputs: { collapsed: "collapsed", baseUrl: "baseUrl", systemModule: "systemModule", activePropertyId: "activePropertyId", ActivePropertyChanged: "ActivePropertyChanged", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", showFooter: "showFooter" }, outputs: { collapsedChange: "collapsedChange", itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n  <div class=\"sidebar-logo\">\r\n    <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n  </div>\r\n  <div class=\"sidebar-content\">\r\n    <ul class=\"nav-sidebar\">\r\n      @for (item of menu; track item) {\r\n        <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  </div>\r\n  @if (showFooter) {\r\n  <div class=\"sidebar-footer\">\r\n    <small class=\"text-secondary  flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n    </small>\r\n    <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n      <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n    </button>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "component", type: BayanCoreTermsDialogWidgetComponent, selector: "bayan-core-terms-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "component", type: BayanCorePrivacyDialogWidgetComponent, selector: "bayan-core-privacy-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuWidgetComponent, decorators: [{
             type: Component,
@@ -4586,7 +4586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         BayanCoreSideMenuItemWidgetComponent,
                         BayanCoreTermsDialogWidgetComponent,
                         BayanCorePrivacyDialogWidgetComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n  <div class=\"sidebar-logo\">\r\n    <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n  </div>\r\n  <div class=\"sidebar-content\">\r\n    <ul class=\"nav-sidebar\">\r\n      @for (item of menu; track item) {\r\n        <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  </div>\r\n  @if (showFooter) {\r\n  <div class=\"sidebar-footer\">\r\n    <small class=\"text-secondary  flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n    </small>\r\n    <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n      <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n    </button>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n  <div class=\"sidebar-logo\">\r\n    <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n  </div>\r\n  <div class=\"sidebar-content\">\r\n    <ul class=\"nav-sidebar\">\r\n      @for (item of menu; track item) {\r\n        <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n      }\r\n    </ul>\r\n  </div>\r\n  @if (showFooter) {\r\n  <div class=\"sidebar-footer\">\r\n    <small class=\"text-secondary  flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n      <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n    </small>\r\n    <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n      <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n    </button>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;img{margin:0 auto}}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a,.sidebar .nav-sidebar li.level-2>a,.sidebar .nav-sidebar li.level-3>a,.sidebar .nav-sidebar .sub-menu li>a{color:#333!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;background:transparent;pointer-events:none;padding-left:8px}.popover-menu{position:relative;color:#333;background:#fff;padding:5px 0;width:190px;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 2px 4px #00000040;margin:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:400;color:#333;border-bottom:none;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#333;font-size:11px}.popover-items-list{list-style:none;margin:0;padding:0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:6px 10px!important;border:none!important;font-size:11px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw,.popover-menu li>a:hover .menu-expand-arrow,.popover-menu li>a:hover .text-secondary{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:20px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FaIconLibrary }], propDecorators: { collapsed: [{
                 type: Input
             }], baseUrl: [{