{"__symbolic":"module","version":4,"metadata":{"BixiLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"bixi-layout","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"exportAs":"bixiLayout","host":{"class":"bixi-layout"},"template":"<ng-container *ngIf=\"showHeader\">\n  <ng-template *ngTemplateOutlet=\"header\"></ng-template>\n  <div class=\"bixi-layout-main\">\n    <ng-template *ngTemplateOutlet=\"menu\"></ng-template>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!showHeader\">\n  <div class=\"bixi-layout-main bixi-headless-layout-main\">\n    <div class=\"left-menu\">\n      <ng-template *ngTemplateOutlet=\"header\"></ng-template>\n      <ng-template *ngTemplateOutlet=\"menu\"></ng-template>\n    </div>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n  </div>\n</ng-container>\n\n<ng-template #header>\n  <ng-content select=\"bixi-layout-header,[bixi-layout-header]\"></ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"bixi-layout-content,[bixi-layout-content]\"></ng-content>\n</ng-template>\n<ng-template #menu>\n  <ng-content select=\"bixi-layout-menu,[bixi-layout-menu]\"></ng-content>\n</ng-template>\n"}]}],"members":{"singleOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BixiLayoutService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":17}]}],"onOpenChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"BixiLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":28,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":28,"character":40},{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuModule","line":28,"character":54},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":28,"character":68},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":28,"character":85},{"__symbolic":"reference","module":"ng-zorro-antd/badge","name":"NzBadgeModule","line":28,"character":102}],"declarations":[{"__symbolic":"reference","name":"BixiLayoutComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]],"exports":[{"__symbolic":"reference","name":"BixiLayoutComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]]}]}],"members":{}},"IBreadcrumb":{"__symbolic":"interface"},"IMenu":{"__symbolic":"interface"},"BixiLayoutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":34,"character":20},{"__symbolic":"reference","module":"@angular/platform-browser","name":"Title","line":35,"character":19},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":36,"character":30}]}],"updateBreads":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"toggleHeader":[{"__symbolic":"method"}],"formatBreakcrumb":[{"__symbolic":"method"}],"setBreadcrumbs":[{"__symbolic":"method"}],"getByRoute":[{"__symbolic":"method"}],"setPageTitle":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"bixi-layout-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"exportAs":"bixiLayoutMenu","host":{"class":"bixi-layout-menu","[class.bixi-layout-menu-collapsed]":"!open","[class.bixi-layout-menu-opened]":"open","$quoted$":["[class.bixi-layout-menu-collapsed]","[class.bixi-layout-menu-opened]"]},"template":"<div class='bixi-layout-sider' [ngStyle]=\"{'background-image': 'url(' + menuBackground +')', 'background-size': '100% 100%' }\">\n  <ul nz-menu nzMode=\"inline\" class=\"menu\" [nzInlineCollapsed]=\"!open\">\n    <ng-container *ngTemplateOutlet=\"menuTpl; context: { $implicit: menus, level: 1 }\"></ng-container>\n    <ng-template #menuTpl let-menus let-level=\"level\">\n      <ng-container *ngFor=\"let menu of menus; let idx = index\">\n        <ng-container *ngIf=\"menu.group; else menuContent\">\n          <li nz-menu-group [nzTitle]=\"menu.titleI18n ? (menu.titleI18n | translate) : menu.title\">\n            <ul>\n              <ng-container *ngTemplateOutlet=\"menuTpl; context: { $implicit: menu.children, level: level }\">\n              </ng-container>\n            </ul>\n          </li>\n        </ng-container>\n\n        <ng-template #menuContent>\n          <li *ngIf=\"menu.children && menu.children.length; else subMenu\" nz-submenu\n            [nzPaddingLeft]=\"open ? level * (paddingLeft + 2) : 0\" [(nzOpen)]=\"open && menu.open\"\n            (nzOpenChange)=\"onOpenChange($event, menu)\"\n            [nzTitle]=\"parentMenu\">\n            <ul>\n              <ng-container *ngTemplateOutlet=\"menuTpl; context: { $implicit: menu.children, level: level + 1 }\">\n              </ng-container>\n            </ul>\n          </li>\n          <ng-template #parentMenu>\n            <div class=\"bixi-menu-item-container\">\n              <i nz-icon [nzType]=\"menu.icon\" *ngIf=\"menu.icon\" [ngStyle]=\"{'z-index': 99999}\"></i>\n              <span >{{ menu.titleI18n ? (menu.titleI18n | translate) : menu.title }}</span>\n              <nz-badge [nzCount]=\"menu.badge\"></nz-badge>\n            </div>\n          </ng-template>\n          <ng-template #subMenu>\n\n            <li nz-menu-item [nzPaddingLeft]=\"level === 1 ? paddingLeft : paddingLeft + (level - 1) * paddingLeft\"\n              class=\"bixi-menu-item\" [ngClass]=\"{ 'first-item': idx === 0 && level === 1 }\" [routerLink]=\"menu.link\"\n              nz-tooltip nzTooltipPlacement=\"right\"\n              [nzTooltipTitle]=\"open ? '' : menu.titleI18n ? (menu.titleI18n | translate) : menu.title\"\n              [nzSelected]=\"menu.selected\" nzPopoverOverlayClassName=\"bixi-layout-menu-item-tooltip\"\n              [nzMatchRouter]=\"true\" (click)=\"onMenuClick(menu)\" [nzMatchRouterExact]=\"menu.matchRouterExact\">\n              <div class=\"bixi-menu-item-container bixi-ellipsis\" [ngStyle]=\"{'margin-left': '-' + level*8 + 'px', 'padding-left': level*10 + 'px'}\" >\n                <i nz-icon [nzType]=\"menu.icon\" *ngIf=\"menu.icon\" [ngStyle]=\"{'z-index': 99999}\"></i>\n                <span >{{ menu.titleI18n ? (menu.titleI18n | translate) : menu.title }}</span>\n                <nz-badge [nzCount]=\"menu.badge\"></nz-badge>\n              </div>\n            </li>\n          </ng-template>\n        </ng-template>\n      </ng-container>\n    </ng-template>\n  </ul>\n\n  <div class=\"bixi-menu-toggle\" (click)=\"onToggleClick()\">\n    <ng-container *ngIf=\"open; else iconRight\">\n      <i nz-icon nzType=\"double-left\" nzTheme=\"outline\"></i>\n    </ng-container>\n    <ng-template #iconRight>\n      <i nz-icon nzType=\"double-right\" nzTheme=\"outline\"></i>\n    </ng-template>\n  </div>\n</div>\n"}]}],"members":{"menus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"toggleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"singleOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"menuBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":47,"character":39}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":47,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":63},{"__symbolic":"reference","name":"BixiLayoutService"}]}],"onMenuClick":[{"__symbolic":"method"}],"openCurrentMenu":[{"__symbolic":"method"}],"onOpenChange":[{"__symbolic":"method"}],"onToggleClick":[{"__symbolic":"method"}],"resume":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"bixi-layout-header","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"exportAs":"bixiLayoutHeader","host":{"class":"bixi-layout-header","[class.bixi-layout-header-collapsed]":"!open","[class.bixi-layout-header-opened]":"open","$quoted$":["[class.bixi-layout-header-collapsed]","[class.bixi-layout-header-opened]"]},"template":"<div class=\"bixi-layout-header-logo\" [ngStyle]=\"logoStyle\" (click)=\"onLogoClick($event)\">\n  <img *ngIf=\"logoType === 'image' && logoImageOrText\" [src]=\"logoImageOrText\"\n    [class]=\"logoClass\" />\n  <span *ngIf=\"logoType === 'text' && logoImageOrText\">{{logoImageOrText}}</span>\n</div>\n<div class=\"bixi-layout-nav\">\n  <div class=\"bixi-layout-header-info\">\n    <ng-container *ngIf=\"breadcrumbs; else headerInfoElse\">\n      <ng-container *nzBixiTemplateOutlet=\"breadcrumbs\">{{ breadcrumbs }}</ng-container>\n    </ng-container>\n  </div>\n  <ng-template #headerInfoElse>\n    <div class=\"router-area\">\n      <ng-container *ngFor=\"let item of breads;index as i;\">\n        <span class=\"bread-link\">\n          <a *ngIf=\"(item.link || item.path) && i !==  breads.length - 1; else spanShow\"\n            [routerLink]=\"(item.link || item.path)\">{{item.name}}</a>\n        </span>\n        <ng-template #spanShow> <span class=\"bread-link\">{{item.name}}</span></ng-template>\n        <span class=\"icon-separate\" *ngIf=\"i < breads.length - 1\">\n          /\n        </span>\n      </ng-container>\n    </div>\n  </ng-template>\n  <div class=\"bixi-layout-header-tools\">\n    <ng-container *nzBixiTemplateOutlet=\"tools\">{{ tools }}</ng-container>\n  </div>\n</div>\n"}]}],"members":{"logoSmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"logoLarge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"logoBackgroundSmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"logoBackgroundLarge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"logoType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"breadcrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"tools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"logoClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":28},{"__symbolic":"reference","name":"BixiLayoutService"}]}],"onLogoClick":[{"__symbolic":"method"}],"onOpenChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"bixi-layout-content, [bixi-layout-content]","exportAs":"bixiLayoutContent","host":{"class":"bixi-layout-content"}}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"bixi-layout-header, [bixi-layout-header]","exportAs":"bixiLayoutHeader","host":{"class":"bixi-layout-header"}}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1},"arguments":[{"selector":"bixi-layout-menu, [bixi-layout-menu]","exportAs":"bixiLayoutMenu","host":{"class":"bixi-layout-menu"}}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"[nzBixiTemplateOutlet]","exportAs":"nzBixiTemplateOutlet"}]}],"members":{"nzBixiTemplateOutletContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"nzBixiTemplateOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"recreateView":[{"__symbolic":"method"}],"updateContext":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":59,"character":37},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":59,"character":88}]}]}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"BixiLayoutComponent":"./layout.component","BixiLayoutModule":"./layout.module","IBreadcrumb":"./layout.type","IMenu":"./layout.type","BixiLayoutService":"./layout.service","ɵa":"./menu/menu.component","ɵb":"./header/header.component","ɵc":"./layout-cells","ɵd":"./layout-cells","ɵe":"./layout-cells","ɵf":"./layout-cells"},"importAs":"@bixi/core/layout"}