{"__symbolic":"module","version":4,"metadata":{"PageHeaderConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"PageHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"page-header","exportAs":"pageHeader","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":"<nz-affix #affix *ngIf=\"fixed;else phTpl\" [nzOffsetTop]=\"fixedOffsetTop\">\n  <ng-template [ngTemplateOutlet]=\"phTpl\"></ng-template>\n</nz-affix>\n<ng-template #phTpl>\n  <div class=\"page-header\">\n    <div [ngClass]=\"{'page-header__wide': wide}\">\n      <nz-skeleton [nzLoading]=\"loading\"\n                   [nzTitle]=\"false\"\n                   [nzActive]=\"true\"\n                   [nzParagraph]=\"{rows: 3}\"\n                   [nzAvatar]=\"{ size: 'large', shape: 'circle' }\">\n        <ng-container *ngIf=\"!breadcrumb; else breadcrumb\">\n          <nz-breadcrumb *ngIf=\"paths && paths.length > 0\">\n            <nz-breadcrumb-item *ngFor=\"let i of paths\">\n              <ng-container *ngIf=\"i.link\">\n                <a [routerLink]=\"i.link\">{{i.title}}</a>\n              </ng-container>\n              <ng-container *ngIf=\"!i.link\">{{i.title}}</ng-container>\n            </nz-breadcrumb-item>\n          </nz-breadcrumb>\n        </ng-container>\n        <div class=\"page-header__detail\">\n          <div *ngIf=\"logo\" class=\"page-header__logo\">\n            <ng-template [ngTemplateOutlet]=\"logo\"></ng-template>\n          </div>\n          <div class=\"page-header__main\">\n            <div class=\"page-header__row\">\n              <h1 *ngIf=\"_titleVal || _titleTpl\" class=\"page-header__title\">\n                <ng-container *ngIf=\"_titleVal; else _titleTpl\">{{_titleVal}}</ng-container>\n              </h1>\n              <div *ngIf=\"action\" class=\"page-header__action\">\n                <ng-template [ngTemplateOutlet]=\"action\"></ng-template>\n              </div>\n            </div>\n            <div class=\"page-header__row\">\n              <div class=\"page-header__desc\" (cdkObserveContent)=\"checkContent()\" #conTpl>\n                <ng-content></ng-content>\n                <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n              </div>\n              <div *ngIf=\"extra\" class=\"page-header__extra\">\n                <ng-template [ngTemplateOutlet]=\"extra\"></ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ng-template [ngTemplateOutlet]=\"tab\"></ng-template>\n      </nz-skeleton>\n    </div>\n  </div>\n</ng-template>\n"}]}],"members":{"conTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["conTpl",{"static":false}]}]}],"affix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["affix",{"static":false}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":74,"character":12}}]}],"wide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":75,"character":12}}]}],"home":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"homeLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"homeI18n":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"autoBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":79,"character":12}}]}],"autoTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":80,"character":12}}]}],"syncTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":81,"character":12}}]}],"fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":82,"character":12}}]}],"fixedOffsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputNumber","line":83,"character":12}}]}],"breadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"recursiveBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@lxlib/util","name":"InputBoolean","line":85,"character":12}}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"extra":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":100,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":100,"character":17},"arguments":[{"__symbolic":"reference","module":"@lxlib/theme","name":"LXLIB_I18N_TOKEN","line":100,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":17},"arguments":[{"__symbolic":"reference","module":"@lxlib/theme","name":"TitleService","line":101,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":102,"character":17},"arguments":[{"__symbolic":"reference","module":"@lxlib/seed/reuse-tab","name":"ReuseTabService","line":102,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"PageHeaderConfig"},{"__symbolic":"reference","module":"@lxlib/theme","name":"SettingsService","line":96,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":97,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":98,"character":20},{"__symbolic":"reference","module":"@lxlib/theme","name":"MenuService","line":99,"character":21},{"__symbolic":"reference","module":"@lxlib/theme","name":"LxlibI18NService","line":100,"character":59},{"__symbolic":"reference","module":"@lxlib/theme","name":"TitleService","line":101,"character":56},{"__symbolic":"reference","module":"@lxlib/seed/reuse-tab","name":"ReuseTabService","line":102,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":103,"character":17}]}],"refresh":[{"__symbolic":"method"}],"genBreadcrumb":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}],"checkContent":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PageHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":26},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":13,"character":40},{"__symbolic":"reference","module":"@lxlib/util","name":"LxlibUtilModule","line":13,"character":57},{"__symbolic":"reference","module":"ng-zorro-antd/affix","name":"NzAffixModule","line":13,"character":74},{"__symbolic":"reference","module":"ng-zorro-antd/skeleton","name":"NzSkeletonModule","line":13,"character":89},{"__symbolic":"reference","module":"ng-zorro-antd/breadcrumb","name":"NzBreadCrumbModule","line":13,"character":107}],"declarations":[{"__symbolic":"reference","name":"PageHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"PageHeaderComponent"}]}]}],"members":{}}},"origins":{"PageHeaderConfig":"./page-header.config","PageHeaderComponent":"./page-header.component","PageHeaderModule":"./page-header.module"},"importAs":"@lxlib/seed/page-header"}