@ohayojp.com/components/page-header/pageHeader.metadata.json

Common business components of ohayojp.

{"__symbolic":"module","version":4,"metadata":{"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=\"isBrowser && 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\" [nzTitle]=\"false\" [nzActive]=\"true\" [nzParagraph]=\"{ rows: 3 }\" [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":51,"character":3},"arguments":["conTpl",{"static":false}]}]}],"affix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["affix",{"static":false}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":78,"character":12}}]}],"wide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":79,"character":12}}]}],"home":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"homeLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"homeI18n":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"autoBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":83,"character":12}}]}],"autoTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":84,"character":12}}]}],"syncTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":85,"character":12}}]}],"fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":86,"character":12}}]}],"fixedOffsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputNumber","line":87,"character":12}}]}],"breadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"recursiveBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ohayojp.com/util","name":"InputBoolean","line":89,"character":12}}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"extra":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":103,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":103,"character":17},"arguments":[{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"OHAYO_I18N_TOKEN","line":103,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":104,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":104,"character":17},"arguments":[{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"TitleService","line":104,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":105,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":105,"character":17},"arguments":[{"__symbolic":"reference","module":"@ohayojp.com/components/reuse-tab","name":"ReuseTabService","line":105,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"SettingsService","line":99,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":100,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":101,"character":20},{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"MenuService","line":102,"character":21},{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"OhayoI18NService","line":103,"character":59},{"__symbolic":"reference","module":"@ohayojp.com/theme","name":"TitleService","line":104,"character":56},{"__symbolic":"reference","module":"@ohayojp.com/components/reuse-tab","name":"ReuseTabService","line":105,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":106,"character":17},{"__symbolic":"reference","module":"@ohayojp.com/util","name":"OhayoConfigService","line":107,"character":15},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":108,"character":14}]}],"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":"@ohayojp.com/util","name":"OhayoUtilModule","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":{"PageHeaderComponent":"./page-header.component","PageHeaderModule":"./page-header.module"},"importAs":"@ohayojp.com/components/page-header"}