{"__symbolic":"module","version":4,"metadata":{"SidebarNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"sidebar-nav","exportAs":"sidebarNav","host":{"(click)":"_click()","(document:click)":"_docClick()","$quoted$":["(click)","(document:click)"]},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":17},"member":"None"},"template":"<ng-template #icon let-i>\r\n  <ng-container *ngIf=\"i\" [ngSwitch]=\"i.type\">\r\n    <i *ngSwitchCase=\"'icon'\" class=\"sidebar-nav__item-icon\" nz-icon [nzType]=\"i.value\" [nzTheme]=\"i.theme\"\r\n      [nzSpin]=\"i.spin\" [nzTwotoneColor]=\"i.twoToneColor\" [nzIconfont]=\"i.iconfont\"></i>\r\n    <i *ngSwitchCase=\"'iconfont'\" class=\"sidebar-nav__item-icon\" nz-icon [nzIconfont]=\"i.iconfont\"></i>\r\n    <img *ngSwitchCase=\"'img'\" [src]=\"i.value\" class=\"sidebar-nav__item-icon sidebar-nav__item-img\">\r\n    <i *ngSwitchDefault class=\"sidebar-nav__item-icon {{ i.value }}\"></i>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #item let-i>\r\n  <!-- link -->\r\n  <a *ngIf=\"i._type <= 2\" (click)=\"to(i)\" [attr.data-id]=\"i.__id\" class=\"sidebar-nav__item-link\"\r\n    [ngClass]=\"{'sidebar-nav__item-disabled': i.disabled}\">\r\n    <ng-container *ngIf=\"i._needIcon\">\r\n      <ng-container *ngIf=\"!collapsed\">\r\n        <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{$implicit: i.icon}\"></ng-template>\r\n      </ng-container>\r\n      <span *ngIf=\"collapsed\" nz-tooltip nzTooltipPlacement=\"right\" [nzTooltipTitle]=\"i.text\">\r\n        <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{$implicit: i.icon}\"></ng-template>\r\n      </span>\r\n    </ng-container>\r\n    <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\"></span>\r\n  </a>\r\n  <!-- has children link -->\r\n  <a *ngIf=\"i._type === 3\" (click)=\"toggleOpen(i)\" (mouseenter)=\"showSubMenu($event, i)\" class=\"sidebar-nav__item-link\">\r\n    <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{$implicit: i.icon}\"></ng-template>\r\n    <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\"></span>\r\n    <i class=\"sidebar-nav__sub-arrow\"></i>\r\n  </a>\r\n  <!-- badge -->\r\n  <div *ngIf=\"i.badge\" [attr.title]=\"i.badge\" class=\"badge badge-{{i.badgeStatus}}\" [class.badge-dot]=\"i.badgeDot\">\r\n    <em>{{i.badge}}</em>\r\n  </div>\r\n</ng-template>\r\n<ul class=\"sidebar-nav\">\r\n  <ng-container *ngFor=\"let group of list\">\r\n    <ng-container *ngIf=\"group._hidden !== true\">\r\n      <!-- <li class=\"sidebar-nav__item sidebar-nav__group-title\" *ngIf=\"group.group\">\r\n        <span [innerHTML]=\"group._text\"></span>\r\n      </li> -->\r\n      <ng-container *ngFor=\"let child1 of group.children\">\r\n        <li *ngIf=\"child1._hidden !== true\" class=\"sidebar-nav__item\" [class.sidebar-nav__selected]=\"child1._selected\"\r\n          [class.sidebar-nav__open]=\"child1._open\">\r\n          <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{$implicit: child1}\"></ng-template>\r\n          <!-- Level 2 -->\r\n          <ul *ngIf=\"child1._type === 3\" class=\"sidebar-nav sidebar-nav__sub sidebar-nav__depth{{child1._depth}}\">\r\n            <ng-container *ngFor=\"let child2 of child1.children\">\r\n              <li *ngIf=\"child2._hidden !== true\" class=\"sidebar-nav__item\"\r\n                [class.sidebar-nav__selected]=\"child2._selected\" [class.sidebar-nav__open]=\"child2._open\">\r\n                <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{$implicit: child2}\"></ng-template>\r\n                <!-- Level 3 -->\r\n                <ul *ngIf=\"child2._type === 3\" class=\"sidebar-nav sidebar-nav__sub sidebar-nav__depth{{child2._depth}}\">\r\n                  <ng-container *ngFor=\"let child3 of child2.children\">\r\n                    <li *ngIf=\"child3._hidden !== true\" class=\"sidebar-nav__item\"\r\n                      [class.sidebar-nav__selected]=\"child3._selected\" [class.sidebar-nav__open]=\"child3._open\">\r\n                      <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{$implicit: child3}\">\r\n                      </ng-template>\r\n                    </li>\r\n                  </ng-container>\r\n                </ul>\r\n              </li>\r\n            </ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ul>\r\n"}]}],"members":{"disabledAcl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@knz/util","name":"InputBoolean","line":45,"character":12}}]}],"autoCloseUnderPad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@knz/util","name":"InputBoolean","line":46,"character":12}}]}],"recursivePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@knz/util","name":"InputBoolean","line":47,"character":12}}]}],"openStrictly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@knz/util","name":"InputBoolean","line":48,"character":12}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":63,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":5},"arguments":[{"__symbolic":"reference","module":"@knz/theme","name":"WINDOW","line":64,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@knz/theme","name":"MenuService","line":56,"character":21},{"__symbolic":"reference","module":"@knz/theme","name":"SettingsService","line":57,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":58,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":59,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":60,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":61,"character":20},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":62,"character":23},{"__symbolic":"reference","name":"any"},{"__symbolic":"error","message":"Could not resolve type","line":64,"character":33,"context":{"typeName":"Window"},"module":"./sidebar-nav.component"}]}],"getLinkNode":[{"__symbolic":"method"}],"floatingAreaClickHandle":[{"__symbolic":"method"}],"clearFloatingContainer":[{"__symbolic":"method"}],"genFloatingContainer":[{"__symbolic":"method"}],"genSubNode":[{"__symbolic":"method"}],"hideAll":[{"__symbolic":"method"}],"calPos":[{"__symbolic":"method"}],"showSubMenu":[{"__symbolic":"method"}],"to":[{"__symbolic":"method"}],"toggleOpen":[{"__symbolic":"method"}],"_click":[{"__symbolic":"method"}],"_docClick":[{"__symbolic":"method"}],"openedByUrl":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"underPad":[{"__symbolic":"method"}],"openAside":[{"__symbolic":"method"}]}},"SidebarNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":10,"character":40},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":10,"character":54},{"__symbolic":"reference","module":"@knz/util","name":"KNZUtilModule","line":10,"character":71}],"declarations":[{"__symbolic":"reference","name":"SidebarNavComponent"}],"exports":[{"__symbolic":"reference","name":"SidebarNavComponent"}]}]}],"members":{}}},"origins":{"SidebarNavComponent":"./sidebar-nav.component","SidebarNavModule":"./sidebar-nav.module"},"importAs":"@knz/assembly/sidebar-nav"}