1import{a as Ce,c as Ee}from"./chunk-JBMHZAGQ.js";import{b as he,c as fe,d as be}from"./chunk-P6K4AZYQ.js";import{e as bt,f as xt,g as St}from"./chunk-2XPKS5VS.js";import"./chunk-KJB4BO3U.js";import{a as xe,b as Se}from"./chunk-YV4XACTG.js";import{a as ct,c as st,d as ut,e as zt}from"./chunk-EGUG6LI7.js";import{c as lt,e as pt}from"./chunk-NOU7LN2D.js";import{a as it,c as at}from"./chunk-4K572MPF.js";import{a as I,g as se,h as ue,j as Q,k as V,l as U,m as ze,n as ge}from"./chunk-JPVHXKRA.js";import{b as ht,c as ft}from"./chunk-TCGAHCGZ.js";import"./chunk-6HORUWQO.js";import{$a as tt,C as et,Cc as de,Kd as y,Ld as T,Nd as B,Od as _,Pd as F,Qd as le,Rd as pe,Sd as gt,Td as ce,a as Je,ab as nt,ac as ot,bc as rt,cc as mt,dc as dt,lb as N,md as D,nb as me,nd as H,od as P}from"./chunk-TLWJJJ37.js";import{$ as ye,$b as t,Ab as E,Bc as n,Cc as Be,Eb as h,Gb as qe,Na as Ve,Sb as ne,Ub as ie,Zb as r,_b as e,ac as l,bc as ae,cc as oe,ec as $e,f as Oe,ia as Le,kc as S,l as Re,lb as o,m as Pe,ma as je,mc as C,nc as We,oc as v,pc as Te,qc as re,ra as c,rb as Z,rc as R,rd as Ye,s as Ge,sa as s,sc as G,ta as Ze,ua as Qe,wc as Xe,yb as u,yc as Ke,zb as Ue}from"./chunk-2LWTOIHP.js";import{f as He}from"./chunk-JNGVGNCT.js";var vt=[[["nz-breadcrumb","nz-page-header-breadcrumb",""]],[["nz-avatar","nz-page-header-avatar",""]],[["nz-page-header-tags"],["","nz-page-header-tags",""]],[["nz-page-header-extra"],["","nz-page-header-extra",""]],[["nz-page-header-content"],["","nz-page-header-content",""]],[["nz-page-header-footer"],["","nz-page-header-footer",""]],[["nz-page-header-title"],["","nz-page-header-title",""]],[["nz-page-header-subtitle"],["","nz-page-header-subtitle",""]]],Nt=["nz-breadcrumb[nz-page-header-breadcrumb]","nz-avatar[nz-page-header-avatar]","nz-page-header-tags, [nz-page-header-tags]","nz-page-header-extra, [nz-page-header-extra]","nz-page-header-content, [nz-page-header-content]","nz-page-header-footer, [nz-page-header-footer]","nz-page-header-title, [nz-page-header-title]","nz-page-header-subtitle, [nz-page-header-subtitle]"];function Dt(i,m){if(i&1&&(ae(0),l(1,"nz-icon",8),oe()),i&2){let a=m.$implicit,d=C(2);o(),r("nzType",a||d.getBackIcon())}}function Ht(i,m){if(i&1){let a=$e();e(0,"div",5),S("click",function(){Ze(a);let b=C();return Qe(b.onBack())}),e(1,"div",6),h(2,Dt,2,1,"ng-container",7),t()()}if(i&2){let a=C();o(2),r("nzStringTemplateOutlet",a.nzBackIcon)}}function Pt(i,m){if(i&1&&(ae(0),n(1),oe()),i&2){let a=C(2);o(),Be(a.nzTitle)}}function yt(i,m){if(i&1&&(e(0,"span",3),h(1,Pt,2,1,"ng-container",7),t()),i&2){let a=C();o(),r("nzStringTemplateOutlet",a.nzTitle)}}function Tt(i,m){i&1&&v(0,6)}function Bt(i,m){if(i&1&&(ae(0),n(1),oe()),i&2){let a=C(2);o(),Be(a.nzSubtitle)}}function _t(i,m){if(i&1&&(e(0,"span",4),h(1,Bt,2,1,"ng-container",7),t()),i&2){let a=C();o(),r("nzStringTemplateOutlet",a.nzSubtitle)}}function Ft(i,m){i&1&&v(0,7)}var M=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-title"],["","nz-page-header-title",""]],hostAttrs:[1,"ant-page-header-heading-title"],exportAs:["nzPageHeaderTitle"]})}return i})(),w=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-subtitle"],["","nz-page-header-subtitle",""]],hostAttrs:[1,"ant-page-header-heading-sub-title"],exportAs:["nzPageHeaderSubtitle"]})}return i})(),A=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-content"],["","nz-page-header-content",""]],hostAttrs:[1,"ant-page-header-content"],exportAs:["nzPageHeaderContent"]})}return i})(),ve=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-tags"],["","nz-page-header-tags",""]],hostAttrs:[1,"ant-page-header-heading-tags"],exportAs:["nzPageHeaderTags"]})}return i})(),O=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-extra"],["","nz-page-header-extra",""]],hostAttrs:[1,"ant-page-header-heading-extra"],exportAs:["nzPageHeaderExtra"]})}return i})(),Fe=(()=>
1{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-page-header-footer"],["","nz-page-header-footer",""]],hostAttrs:[1,"ant-page-header-footer"],exportAs:["nzPageHeaderFooter"]})}return i})(),ee=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-breadcrumb","nz-page-header-breadcrumb",""]],exportAs:["nzPageHeaderBreadcrumb"]})}return i})(),Ct=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275dir=E({type:i,selectors:[["nz-avatar","nz-page-header-avatar",""]],exportAs:["nzPageHeaderAvatar"]})}return i})(),It="pageHeader",f=(()=>{var d;let i,m=[],a=[];return d=class{nzConfigService;elementRef;nzResizeObserver;cdr;directionality;location=je(Je);_nzModuleName=It;nzBackIcon=null;nzTitle;nzSubtitle;nzGhost=Pe(this,m,!0);nzBack=(Pe(this,a),new qe);nzPageHeaderFooter;nzPageHeaderBreadcrumb;compact=!1;destroy$=new Oe;dir="ltr";enableBackButton=!0;constructor(p,z,g,te,j){this.nzConfigService=p,this.elementRef=z,this.nzResizeObserver=g,this.cdr=te,this.directionality=j}ngOnInit(){this.directionality.change?.pipe(ye(this.destroy$)).subscribe(p=>{this.dir=p,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngAfterViewInit(){this.nzBack.observers.length||(this.enableBackButton=this.location.getState()?.navigationId>1,this.location.subscribe(()=>{this.enableBackButton=!0,this.cdr.detectChanges()})),this.nzResizeObserver.observe(this.elementRef).pipe(Ge(([p])=>p.contentRect.width),ye(this.destroy$)).subscribe(p=>{this.compact=p<768,this.cdr.markForCheck()})}onBack(){this.nzBack.observers.length?this.nzBack.emit():this.location.back()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}getBackIcon(){return this.dir==="rtl"?"arrow-right":"arrow-left"}},(()=>{let p=typeof Symbol=="function"&&Symbol.metadata?Object.create(null):void 0;i=[nt()],Re(null,null,i,{kind:"field",name:"nzGhost",static:!1,private:!1,access:{has:z=>"nzGhost"in z,get:z=>z.nzGhost,set:(z,g)=>{z.nzGhost=g}},metadata:p},m,a),p&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:p})})(),He(d,"\u0275fac",function(z){return new(z||d)(Z(tt),Z(Ve),Z(gt),Z(Ye),Z(et))}),He(d,"\u0275cmp",u({type:d,selectors:[["nz-page-header"]],contentQueries:function(z,g,te){if(z&1&&(Te(te,Fe,5),Te(te,ee,5)),z&2){let j;R(j=G())&&(g.nzPageHeaderFooter=j.first),R(j=G())&&(g.nzPageHeaderBreadcrumb=j.first)}},hostAttrs:[1,"ant-page-header"],hostVars:10,hostBindings:function(z,g){z&2&&Ke("has-footer",g.nzPageHeaderFooter)("ant-page-header-ghost",g.nzGhost)("has-breadcrumb",g.nzPageHeaderBreadcrumb)("ant-page-header-compact",g.compact)("ant-page-header-rtl",g.dir==="rtl")},inputs:{nzBackIcon:"nzBackIcon",nzTitle:"nzTitle",nzSubtitle:"nzSubtitle",nzGhost:"nzGhost"},outputs:{nzBack:"nzBack"},exportAs:["nzPageHeader"],ngContentSelectors:Nt,decls:13,vars:3,consts:[[1,"ant-page-header-heading"],[1,"ant-page-header-heading-left"],[1,"ant-page-header-back"],[1,"ant-page-header-heading-title"],[1,"ant-page-header-heading-sub-title"],[1,"ant-page-header-back",3,"click"],["role","button","tabindex","0",1,"ant-page-header-back-button"],[4,"nzStringTemplateOutlet"],["nzTheme","outline",3,"nzType"]],template:function(z,g){z&1&&(We(vt),v(0),e(1,"div",0)(2,"div",1),ne(3,Ht,3,1,"div",2),v(4,1),ne(5,yt,2,1,"span",3)(6,Tt,1,0),ne(7,_t,2,1,"span",4)(8,Ft,1,0),v(9,2),t(),v(10,3),t(),v(11,4),v(12,5)),z&2&&(o(3),ie(g.nzBackIcon!==null&&g.enableBackButton?3:-1),o(2),ie(g.nzTitle?5:6),o(2),ie(g.nzSubtitle?7:8))},dependencies:[dt,mt,me,N],encapsulation:2,changeDetection:0})),d})();var x=(()=>{class i{static \u0275fac=function(d){return new(d||i)};static \u0275mod=Ue({type:i});static \u0275inj=Le({imports:[f]})}return i})();function wt(i,m){i&1&&(e(0,"button",13),n(1,"Operation"),t())}function At(i,m){i&1&&(e(0,"button",13),n(1,"Operation"),t())}function Ot(i,m){i&1&&(e(0,"button",14),n(1,"Primary"),t())}function Rt(i,m){i&1&&(e(0,"button",13),n(1,"Operation"),t())}function Gt(i,m){i&1&&(e(0,"button",13),n(1,"Operation"),t())}function Lt(i,m){i&1&&(e(0,"button",14),n(1,"Primary"),t())}var $=class i{static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-actions"]],decls:42,vars:8,consts:[["nzBackIcon",""],["nz-button","",4,"nzSpaceItem"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["nzSize","small",3,"nzColumn"],["nzTitle","Created",3,"nzSpan"],["nzTitle","Association",3,"nzSpan"],["nzTitle","Creation Time",3,"nzSpan"],["nzTitle","Effective Time",3,"nzSpan"],["nzTitle","Remarks",3,"nzSpan"],["nzColor","blue"],["nzTitle","Status","nzValue","Pending"],["nzTitle","Price","nzPrefix","$",2,"margin","0 32px",3,"nzValue"],["nzTitle","Balance","nzPrefix","$",3,"nz
1Value"],["nz-button",""],["nz-button","","nzType","primary"]],template:function(a,d){a&1&&(e(0,"nz-page-header",0)(1,"nz-page-header-title"),n(2,"Title"),t(),e(3,"nz-page-header-subtitle"),n(4,"This is a subtitle"),t(),e(5,"nz-page-header-extra")(6,"nz-space"),h(7,wt,2,0,"button",1)(8,At,2,0,"button",1)(9,Ot,2,0,"button",2),t()(),e(10,"nz-page-header-content")(11,"nz-descriptions",3)(12,"nz-descriptions-item",4),n(13,"Lili Qu"),t(),e(14,"nz-descriptions-item",5)(15,"a"),n(16,"421421"),t()(),e(17,"nz-descriptions-item",6),n(18,"2017-01-10"),t(),e(19,"nz-descriptions-item",7),n(20,"2017-10-10"),t(),e(21,"nz-descriptions-item",8),n(22," Gonghu Road, Xihu District, Hangzhou, Zhejiang, China "),t()()()(),l(23,"br"),e(24,"nz-page-header",0)(25,"nz-page-header-title"),n(26,"Title"),t(),e(27,"nz-page-header-subtitle"),n(28,"This is a subtitle"),t(),e(29,"nz-page-header-tags")(30,"nz-tag",9),n(31,"Running"),t()(),e(32,"nz-page-header-extra")(33,"nz-space"),h(34,Rt,2,0,"button",1)(35,Gt,2,0,"button",1)(36,Lt,2,0,"button",2),t()(),e(37,"nz-page-header-content")(38,"nz-row"),l(39,"nz-statistic",10)(40,"nz-statistic",11)(41,"nz-statistic",12),t()()()),a&2&&(o(11),r("nzColumn",3),o(),r("nzSpan",1),o(2),r("nzSpan",1),o(3),r("nzSpan",1),o(2),r("nzSpan",1),o(2),r("nzSpan",2),o(19),r("nzValue",568.08),o(),r("nzValue",3345.08))},dependencies:[_,B,y,T,U,V,Q,pe,F,x,f,M,w,A,ve,O,P,H,D,Ee,Ce,Se,xe],encapsulation:2})};var W=class i{onBack(){console.log("onBack")}static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-basic"]],decls:1,vars:0,consts:[["nzBackIcon","","nzTitle","Title","nzSubtitle","This is a subtitle",3,"nzBack"]],template:function(a,d){a&1&&(e(0,"nz-page-header",0),S("nzBack",function(){return d.onBack()}),t())},dependencies:[x,f],encapsulation:2})};var X=class i{static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-breadcrumb"]],decls:9,vars:0,consts:[["nzTitle","Title","nzSubtitle","This is a subtitle"],["nz-page-header-breadcrumb",""]],template:function(a,d){a&1&&(e(0,"nz-page-header",0)(1,"nz-breadcrumb",1)(2,"nz-breadcrumb-item"),n(3,"First-level Menu"),t(),e(4,"nz-breadcrumb-item")(5,"a"),n(6,"Second-level Menu"),t()(),e(7,"nz-breadcrumb-item"),n(8,"Third-level Menu"),t()()())},dependencies:[be,fe,he,x,f,ee],encapsulation:2})};function Zt(i,m){i&1&&(e(0,"button",18),n(1,"Operation"),t())}function Qt(i,m){i&1&&(e(0,"button",18),n(1,"Operation"),t())}function Vt(i,m){i&1&&(e(0,"button",19),n(1,"Primary"),t())}function Ut(i,m){if(i&1&&(e(0,"button",20),l(1,"nz-icon",21),t()),i&2){C();let a=Xe(24);r("nzDropdownMenu",a)}}var K=class i{static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-content"]],decls:51,vars:1,consts:[["menu","nzDropdownMenu"],["nz-page-header-breadcrumb",""],["nz-page-header-avatar","","nzSrc","https://avatars0.githubusercontent.com/u/22736418?s=88&v=4"],[3,"nzColor"],["nz-button","",4,"nzSpaceItem"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["nz-button","","nzNoAnimation","","nz-dropdown","","nzPlacement","bottomRight","style","border: none; padding: 0",3,"nzDropdownMenu",4,"nzSpaceItem"],["nz-menu",""],["nz-menu-item",""],["nz-row",""],[1,"content"],["nz-paragraph",""],[1,"content-link"],["src","https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg","alt","start"],["src","https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg","alt","info"],["src","https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg","alt","doc"],[1,"content-image"],["src","https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg","alt","content"],["nz-button",""],["nz-button","","nzType","primary"],["nz-button","","nzNoAnimation","","nz-dropdown","","nzPlacement","bottomRight",2,"border","none","padding","0",3,"nzDropdownMenu"],["nzType","more","nzTheme","outline",2,"font-size","20px","vertical-align","top"]],template:function(a,d){a&1&&(e(0,"nz-page-header")(1,"nz-breadcrumb",1)(2,"nz-breadcrumb-item"),n(3,"First-level Menu"),t(),e(4,"nz-breadcrumb-item")(5,"a"),n(6,"Second-level Menu"),t()(),e(7,"nz-breadcrumb-item"),n(8,"Third-level Menu"),t()(),l(9,"nz-avatar",2),e(10,"nz-page-header-title"),n(11,"Title"),t(),e(12,"nz-page-header-subtitle"),n(13,"This is a subtitle"),t(),e(14,"nz-page-header-tags")(15,"nz-tag",3),n(16,"Running"),t()(),e(17,"nz-page-header-extra")(18,"nz-space"),h(19,Zt,2,0,"button",4)(20,Qt,2,0,"button",4)(21,Vt,2,0,"button",5)(22,Ut,2,1,"button",6),t(),e(23,"nz-dropdown-menu",null,0)(25,"ul",7)(26,"li",8),n(27,"1st menu item length"),t(),e(28,"li",8),n(29,"2nd menu item length"),t(),e(30,"li",8),n(31,"3rd menu item length"),t()()()(),e(32,"nz-page-header-content")(33,"div",9)(34,"div",10)(35,"p",11),n(36," Ant Design interprets the color system into two levels: a system-level color system and a product-level color system. "),t(),e(37,"p",11),n(38," Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams. "),t(),e(39,"div",12)(40,"a"),l(41,"img",13),n(42," Quick Start "),t(),e(43,"a"),l(44,"img",14),n(45," Product Info "),t(),e(46,"a"),l(47,"img",15),n(48," Product Doc "),t()()(),e(49,"div",16),l(50,"img",17),t()()()()),a&2&&(
1o(15),r("nzColor","blue"))},dependencies:[at,it,be,fe,he,_,B,y,T,zt,pt,lt,ct,ut,st,pe,F,me,N,rt,ot,x,f,M,w,A,ve,O,ee,Ct,P,H,D,Se,xe,ft,ht],styles:[".content[_ngcontent-%COMP%]{flex:1}.content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-bottom:1em}.content-link[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{margin-right:16px}.content-link[_ngcontent-%COMP%] a[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{margin-right:8px}.content-image[_ngcontent-%COMP%]{margin:0 0 0 60px;display:flex;align-items:center}.content-image[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%}@media (max-width: 768px){.content-image[_ngcontent-%COMP%]{flex:100%;margin:24px 0 0}}"]})};function qt(i,m){i&1&&(e(0,"button",9),n(1,"Operation"),t())}function $t(i,m){i&1&&(e(0,"button",9),n(1,"Operation"),t())}function Wt(i,m){i&1&&(e(0,"button",10),n(1,"Primary"),t())}var Y=class i{static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-ghost"]],decls:23,vars:7,consts:[["nzBackIcon","",3,"nzGhost"],["nz-button","",4,"nzSpaceItem"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["nzSize","small",3,"nzColumn"],["nzTitle","Created",3,"nzSpan"],["nzTitle","Association",3,"nzSpan"],["nzTitle","Creation Time",3,"nzSpan"],["nzTitle","Effective Time",3,"nzSpan"],["nzTitle","Remarks",3,"nzSpan"],["nz-button",""],["nz-button","","nzType","primary"]],template:function(a,d){a&1&&(e(0,"nz-page-header",0)(1,"nz-page-header-title"),n(2,"Title"),t(),e(3,"nz-page-header-subtitle"),n(4,"This is a subtitle"),t(),e(5,"nz-page-header-extra")(6,"nz-space"),h(7,qt,2,0,"button",1)(8,$t,2,0,"button",1)(9,Wt,2,0,"button",2),t()(),e(10,"nz-page-header-content")(11,"nz-descriptions",3)(12,"nz-descriptions-item",4),n(13,"Lili Qu"),t(),e(14,"nz-descriptions-item",5)(15,"a"),n(16,"421421"),t()(),e(17,"nz-descriptions-item",6),n(18,"2017-01-10"),t(),e(19,"nz-descriptions-item",7),n(20,"2017-10-10"),t(),e(21,"nz-descriptions-item",8),n(22," Gonghu Road, Xihu District, Hangzhou, Zhejiang, China "),t()()()()),a&2&&(r("nzGhost",!1),o(11),r("nzColumn",3),o(),r("nzSpan",1),o(2),r("nzSpan",1),o(3),r("nzSpan",1),o(2),r("nzSpan",1),o(2),r("nzSpan",2))},dependencies:[_,B,y,T,U,V,Q,x,f,M,w,A,O,P,H,D],encapsulation:2})};function Xt(i,m){i&1&&(e(0,"button",17),n(1,"Operation"),t())}function Kt(i,m){i&1&&(e(0,"button",17),n(1,"Operation"),t())}function Yt(i,m){i&1&&(e(0,"button",18),n(1,"Primary"),t())}var J=class i{static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header-responsive"]],decls:33,vars:8,consts:[["nzBackIcon",""],["nz-button","",4,"nzSpaceItem"],["nz-button","","nzType","primary",4,"nzSpaceItem"],[1,"content"],[1,"main"],["nzSize","small",3,"nzColumn"],["nzTitle","Created",3,"nzSpan"],["nzTitle","Association",3,"nzSpan"],["nzTitle","Creation Time",3,"nzSpan"],["nzTitle","Effective Time",3,"nzSpan"],["nzTitle","Remarks",3,"nzSpan"],[1,"extra"],["nzTitle","Status","nzValue","Pending"],["nzTitle","Price","nzPrefix","$",2,"margin","0 32px",3,"nzValue"],[3,"nzSelectedIndex"],["nzTitle","Details"],["nzTitle","Rule"],["nz-button",""],["nz-button","","nzType","primary"]],template:function(a,d){a&1&&(e(0,"nz-page-header",0)(1,"nz-page-header-title"),n(2,"Title"),t(),e(3,"nz-page-header-subtitle"),n(4,"This is a subtitle"),t(),e(5,"nz-page-header-extra")(6,"nz-space"),h(7,Xt,2,0,"button",1)(8,Kt,2,0,"button",1)(9,Yt,2,0,"button",2),t()(),e(10,"nz-page-header-content")(11,"div",3)(12,"div",4)(13,"nz-descriptions",5)(14,"nz-descriptions-item",6),n(15,"Lili Qu"),t(),e(16,"nz-descriptions-item",7)(17,"a"),n(18,"421421"),t()(),e(19,"nz-descriptions-item",8),n(20,"2017-01-10"),t(),e(21,"nz-descriptions-item",9),n(22,"2017-10-10"),t(),e(23,"nz-descriptions-item",10),n(24," Gonghu Road, Xihu District, Hangzhou, Zhejiang, China "),t()()(),e(25,"div",11)(26,"div"),l(27,"nz-statistic",12)(28,"nz-statistic",13),t()()()(),e(29,"nz-page-header-footer")(30,"nz-tabset",14),l(31,"nz-tab",15)(32,"nz-tab",16),t()()()),a&2&&(o(13),r("nzColumn",2),o(),r("nzSpan",1),o(2),r("nzSpan",1),o(3),r("nzSpan",1),o(2),r("nzSpan",1),o(2),r("nzSpan",2),o(5),r("nzValue",568.08),o(2),r("nzSelectedIndex",1))},dependencies:[_,B,y,T,U,V,Q,x,f,M,w,A,O,Fe,P,H,D,Ee,Ce,St,xt,bt],styles:[".content[_ngcontent-%COMP%]{display:flex}.extra[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{display:flex;width:max-content;justify-content:flex-end}@media (max-width: 576px){.content[_ngcontent-%COMP%]{display:block}.main[_ngcontent-%COMP%]{width:100%;margin-bottom:12px}.extra[_ngcontent-%COMP%]{width:100%;margin-left:0;text-align:left}}"]})};var Ne=class i{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac
vendor: 5,135 bytes, line 1
1h(m=>m.expandCode(this.expanded))}static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header"]],viewQuery:function(a,d){if(a&1&&re(I,5),a&2){let b;R(b=G())&&(d.codeBoxes=b)}},decls:262,vars:34,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-page-header-demo-basic","nzTitle","\u6807\u51C6\u6837\u5F0F"],["nzHref","#components-page-header-demo-ghost","nzTitle","\u767D\u5E95\u6A21\u5F0F"],["nzHref","#components-page-header-demo-breadcrumb","nzTitle","\u5E26\u9762\u5305\u5C51\u9875\u5934"],["nzHref","#components-page-header-demo-content","nzTitle","\u7EC4\u5408\u793A\u4F8B"],["nzHref","#components-page-header-demo-actions","nzTitle","\u591A\u79CD\u5F62\u6001\u7684 PageHeader"],["nzHref","#components-page-header-demo-responsive","nzTitle","\u54CD\u5E94\u5F0F"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","page-header","description","\u5E26\u6709\u901A\u7528\u64CD\u4F5C\u7684\u9875\u5934\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u6807\u51C6\u6837\u5F0F","nzSelector","nz-demo-page-header-basic","nzGenerateCommand","ng g ng-zorro-antd:page-header-basic <name>","nzComponentName","NzDemoPageHeaderBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u767D\u5E95\u6A21\u5F0F","nzSelector","nz-demo-page-header-ghost","nzGenerateCommand","ng g ng-zorro-antd:page-header-ghost <name>","nzComponentName","NzDemoPageHeaderGhostComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u9762\u5305\u5C51\u9875\u5934","nzSelector","nz-demo-page-header-breadcrumb","nzGenerateCommand","ng g ng-zorro-antd:page-header-breadcrumb <name>","nzComponentName","NzDemoPageHeaderBreadcrumbComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u7EC4\u5408\u793A\u4F8B","nzSelector","nz-demo-page-header-content","nzGenerateCommand","ng g ng-zorro-antd:page-header-content <name>","nzComponentName","NzDemoPageHeaderContentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u591A\u79CD\u5F62\u6001\u7684 PageHeader","nzSelector","nz-demo-page-header-actions","nzGenerateCommand","ng g ng-zorro-antd:page-header-actions <name>","nzComponentName","NzDemoPageHeaderActionsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u54CD\u5E94\u5F0F","nzSelector","nz-demo-page-header-responsive","nzGenerateCommand","ng g ng-zorro-antd:page-header-responsive <name>","nzComponentName","NzDemoPageHeaderResponsiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["id","nz-page-header"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-page-header'",1,"anchor"],["href","https://angular.cn/api/common/Location#back","target","_blank","rel","noopener"],["href","https://angular.cn/api/router/RouterModule","target","_blank","rel","noopener"],["href","https://angular.cn/api/common/Location","target","_blank","rel","noopener"],["id","page_header_\u7EC4\u6210\u90E8\u5206"],["onclick","window.location.hash = 'page_header_\u7EC4\u6210\u90E8\u5206'",1,"anchor"]],template:function(a,d){a&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),S("nzClick",function(p){return d.goLink(p)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),e(10,"section",9)(11,"h1"),n(12,"PageHeader"),e(13,"span",10),n(14,"\u9875\u5934"),t(),l(15,"span",11),e(16,"a",12),l(17,"nz-icon",13),t()(),l(18,"component-meta",14),e(19,"section",9),s(),e(20,"h2",15)(21,"span"),n(22,"\u4F55\u65F6\u4F7F\u7528"),t(),e(23,"a",16),n(24,"#"),t()(),e(25,"p"),n(26,"\u9875\u5934\u4F4D\u4E8E\u9875\u5BB9\u5668\u4E2D\uFF0C\u9875\u5BB9\u5668\u9876\u90E8\uFF0C\u8D77\u5230\u4E86\u5185\u5BB9\u6982\u89C8\u548C\u5F15\u5BFC\u9875\u7EA7\u64CD\u4F5C\u7684\u4F5C\u7528\u3002\u5305\u62EC\u7531\u9762\u5305\u5C51\u3001\u6807\u9898\u3001\u9875\u9762\u5185\u5BB9\u7B80\u4ECB\u3001\u9875\u9762\u7EA7\u64CD\u4F5C\u7B49\u3001\u9875\u9762\u7EA7\u5BFC\u822A\u7EC4\u6210\u3002"),t(),e(27,"p"),n(28,"\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4
1EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002"),t(),c(),t(),e(29,"h2")(30,"span"),n(31,"\u4EE3\u7801\u6F14\u793A"),t(),e(32,"nz-icon",17),S("click",function(){return d.expandAllCode()}),t()()(),e(33,"div",18)(34,"div",19)(35,"nz-code-box",20),l(36,"nz-demo-page-header-basic",21),e(37,"div",22),s(),e(38,"p"),n(39,"\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002"),t(),c(),t()(),e(40,"nz-code-box",23),l(41,"nz-demo-page-header-ghost",21),e(42,"div",22),s(),e(43,"p"),n(44,"\u9ED8\u8BA4 PageHeader \u662F\u900F\u660E\u5E95\u8272\u7684\u3002\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0CPageHeader \u9700\u8981\u81EA\u5DF1\u7684\u80CC\u666F\u989C\u8272\u3002"),t(),c(),t()(),e(45,"nz-code-box",24),l(46,"nz-demo-page-header-breadcrumb",21),e(47,"div",22),s(),e(48,"p"),n(49,"\u5E26\u9762\u5305\u5C51\u9875\u5934\uFF0C\u9002\u5408\u5C42\u7EA7\u6BD4\u8F83\u6DF1\u7684\u9875\u9762\uFF0C\u8BA9\u7528\u6237\u53EF\u4EE5\u5FEB\u901F\u5BFC\u822A\u3002"),t(),c(),t()(),e(50,"nz-code-box",25),l(51,"nz-demo-page-header-content",21),e(52,"div",22),s(),e(53,"p"),n(54,"\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002"),t(),c(),t()(),e(55,"nz-code-box",26),l(56,"nz-demo-page-header-actions",21),e(57,"div",22),s(),e(58,"p"),n(59,"\u4F7F\u7528\u64CD\u4F5C\u533A\uFF0C\u5E76\u81EA\u5B9A\u4E49\u5B50\u8282\u70B9\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u5C55\u793A\u4E00\u4E9B\u590D\u6742\u7684\u4FE1\u606F\uFF0C\u5E2E\u52A9\u7528\u6237\u5FEB\u901F\u4E86\u89E3\u8FD9\u4E2A\u9875\u9762\u7684\u4FE1\u606F\u548C\u64CD\u4F5C\u3002"),t(),c(),t()(),e(60,"nz-code-box",27),l(61,"nz-demo-page-header-responsive",21),e(62,"div",22),s(),e(63,"p"),n(64,"\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0"),t(),c(),t()()()(),e(65,"section",28),s(),e(66,"h2",29)(67,"span"),n(68,"API"),t(),e(69,"a",30),n(70,"#"),t()(),e(71,"pre")(72,"code",31)(73,"span",32)(74,"span",32)(75,"span",33),n(76,"<"),t(),n(77,"nz-page-header"),t(),n(78," "),e(79,"span",34),n(80,"nzTitle"),t(),e(81,"span",35)(82,"span",36),n(83,"="),t(),e(84,"span",33),n(85,'"'),t(),n(86,"Page Title"),e(87,"span",33),n(88,'"'),t()(),e(89,"span",33),n(90,">"),t()(),e(91,"span",32)(92,"span",32)(93,"span",33),n(94,"</"),t(),n(95,"nz-page-header"),t(),e(96,"span",33),n(97,">"),t()(),n(98,` 2`),t()(),e(99,"h3",37)(100,"span"),n(101,"nz-page-header"),t(),e(102,"label",38),n(103,"component"),t(),e(104,"a",39),n(105,"#"),t()(),e(106,"table")(107,"thead")(108,"tr")(109,"th"),n(110,"\u53C2\u6570"),t(),e(111,"th"),n(112,"\u8BF4\u660E"),t(),e(113,"th"),n(114,"\u7C7B\u578B"),t(),e(115,"th"),n(116,"\u9ED8\u8BA4\u503C"),t(),e(117,"th"),n(118,"\u5168\u5C40\u914D\u7F6E"),t()()(),e(119,"tbody")(120,"tr")(121,"td")(122,"code"),n(123,"[nzGhost]"),t()(),e(124,"td"),n(125,"\u4F7F\u80CC\u666F\u8272\u900F\u660E"),t(),e(126,"td")(127,"code"),n(128,"boolean"),t()(),e(129,"td")(130,"code"),n(131,"true"),t()(),e(132,"td"),n(133,"\u2705"),t()(),e(134,"tr")(135,"td")(136,"code"),n(137,"[nzTitle]"),t()(),e(138,"td"),n(139,"title \u6587\u5B57"),t(),e(140,"td")(141,"code"),n(142,"string | TemplateRef<void>"),t()(),e(143,"td"),n(144,"-"),t(),e(145,"td"),n(146,"-"),t()(),e(147,"tr")(148,"td")(149,"code"),n(150,"[nzSubtitle]"),t()(),e(151,"td"),n(152,"subTitle \u6587\u5B57"),t(),e(153,"td")(154,"code"),n(155,"string | TemplateRef<void>"),t()(),e(156,"td"),n(157,"-"),t(),e(158,"td"),n(159,"-"),t()(),e(160,"tr")(161,"td")(162,"code"),n(163,"[nzBackIcon]"),t()(),e(164,"td"),n(165,"\u81EA\u5B9A\u4E49 back icon"),t(),e(166,"td")(167,"code"),n(168,"string | TemplateRef<void>"),t()(),e(169,"td"),n(170,"-"),t(),e(171,"td"),n(172,"-"),t()(),e(173,"tr")(174,"td")(175,"code"),n(176,"(nzBack)"),t()(),e(177,"td"),n(178,"\u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6"),t(),e(179,"td")(180,"code"),n(181,"EventEmitter<void>"),t()(),e(182,"td"),n(183,"\u672A\u8BA2\u9605\u8BE5\u4E8B\u4EF6\u65F6\u9ED8\u8BA4\u8C03\u7528 "),e(184,"a",40),n(185,"Location[back]"),t(),n(186,"\uFF08\u9700\u8981\u5F15\u5165 "),e(187,"a",41),n(188,"RouterModule"),t(),n(189," \u6216\u8005\u6CE8\u518C "),e(190,"a",42),n(191,"Location"),t(),n(192,")"),t(),e(193,"td"),n(194,"-"),t()()()(),e(195,"h3",43)(196,"span"),n(197,"Page header \u7EC4\u6210\u90E8\u5206"),t(),e(198,"a",44),n(199,"#"),t()(),e(200,"table")(201,"thead")(202,"tr")(203,"th"),n(204,"\u5143\u7D20"),t(),e(205,"th"),n(206,"\u8B
2F4\u660E"),t()()(),e(207,"tbody")(208,"tr")(209,"td")(210,"code"),n(211,"nz-page-header-title"),t()(),e(212,"td"),n(213,"title \u90E8\u5206\uFF0C"),e(214,"code"),n(215,"[nzTitle]"),t(),n(216," \u4F18\u5148\u7EA7\u66F4\u9AD8"),t()(),e(217,"tr")(218,"td")(219,"code"),n(220,"nz-page-header-subtitle"),t()(),e(221,"td"),n(222,"subtitle \u90E8\u5206\uFF0C"),e(223,"code"),n(224,"[nzSubtitle]"),t(),n(225," \u4F18\u5148\u7EA7\u66F4\u9AD8"),t()(),e(226,"tr")(227,"td")(228,"code"),n(229,"nz-page-header-content"),t()(),e(230,"td"),n(231,"\u5185\u5BB9\u90E8\u5206"),t()(),e(232,"tr")(233,"td")(234,"code"),n(235,"nz-page-header-footer"),t()(),e(236,"td"),n(237,"\u5E95\u90E8\u90E8\u5206"),t()(),e(238,"tr")(239,"td")(240,"code"),n(241,"nz-page-header-tags"),t()(),e(242,"td"),n(243,"title \u65C1\u7684 tag \u5217\u8868\u5BB9\u5668"),t()(),e(244,"tr")(245,"td")(246,"code"),n(247,"nz-page-header-extra"),t()(),e(248,"td"),n(249,"title \u7684\u884C\u5C3E\u64CD\u4F5C\u533A\u90E8\u5206"),t()(),e(250,"tr")(251,"td")(252,"code"),n(253,"nz-breadcrumb[nz-page-header-breadcrumb]"),t()(),e(254,"td"),n(255,"\u9762\u5305\u5C51\u90E8\u5206"),t()(),e(256,"tr")(257,"td")(258,"code"),n(259,"nz-avatar[nz-page-header-avatar]"),t()(),e(260,"td"),n(261,"\u5934\u50CF\u90E8\u5206"),t()()()(),c(),t()()),a&2&&(o(),r("nzOffsetTop",16),o(),r("nzAffix",!1),o(31),r("nzGutter",8),o(),r("nzSpan",24),o(),r("nzId","components-page-header-demo-basic")("nzLink","components-page-header-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/basic.md"),o(5),r("nzId","components-page-header-demo-ghost")("nzLink","components-page-header-demo-ghost")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/ghost.md"),o(5),r("nzId","components-page-header-demo-breadcrumb")("nzLink","components-page-header-demo-breadcrumb")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/breadcrumb.md"),o(5),r("nzId","components-page-header-demo-content")("nzLink","components-page-header-demo-content")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/content.md"),o(5),r("nzId","components-page-header-demo-actions")("nzLink","components-page-header-demo-actions")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/actions.md"),o(5),r("nzId","components-page-header-demo-responsive")("nzLink","components-page-header-demo-responsive")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/responsive.md"))},dependencies:[ge,I,ze,se,ue,ce,le,F,de,N,$,W,X,K,Y,J],encapsulation:2})};var De=class i{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(m=>m.expandCode(this.expanded))}static \u0275fac=function(a){return new(a||i)};static \u0275cmp=u({type:i,selectors:[["nz-demo-page-header"]],viewQuery:function(a,d){if(a&1&&re(I,5),a&2){let b;R(b=G())&&(d.codeBoxes=b)}},decls:259,vars:34,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-page-header-demo-basic","nzTitle","Basic Page Header"],["nzHref","#components-page-header-demo-ghost","nzTitle","white background mode"],["nzHref","#components-page-header-demo-breadcrumb","nzTitle","Use with breadcrumbs"],["nzHref","#components-page-header-demo-content","nzTitle","Complete example"],["nzHref","#components-page-header-demo-actions","nzTitle","Various forms of PageHeader"],["nzHref","#components-page-header-demo-responsive","nzTitle","responsive"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","page-header","description","A header with common actions and design elements built in.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic Page Header","nzSelector","nz-demo-page-header-basic","nzGenerateCommand","ng g ng-zorro-antd:page-header-basic <name>","nzComponentName","NzDemoPageHeaderBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","white background mode","nzSelector","nz-demo-page-header-ghost","nzGenerateCommand","ng g ng-zorro-antd:page-header-ghost <name>","nzComponentName","NzDemoPageHeaderGhostComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Use with breadcrumbs","nzSelector","nz-demo-page-header-breadcrumb","nzGenerateCommand","ng g ng-zorro-antd:page-header-breadcrumb <name>","nzComponentName","NzDemoPageHeaderBreadcrumbComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Complete example","nzSelector","nz-demo-page-header-content","nzGenerateCommand","ng g ng-zorro-antd:page-header-content <name>","nzComponentName","NzDemoPageHeaderContentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Various forms of PageHeader","nzSelector","nz-demo-page-header-actions","nzGenerateCommand","ng g ng-zorro-antd:page-header-actions <name>","nzComponentName","NzDemoPageHeaderActionsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","responsive","nzSelector","nz-demo-page-header-responsive","nzGenerateCommand","ng g ng-zorro-antd:page-header-responsive <name>","nzComponentName","NzDemoPageHeaderResponsiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["id","nz-page-header"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-page-header'",1,"anchor"],["href","https://angular.dev/api/common/Location#back","target","_blank","rel","noopener"],["href","https://angular.dev/api/router/RouterModule","target","_blank","rel","noopener"],["href","https://angular.dev/api/common/Location","target","_blank","rel","noopener"],["id","page_header_sections"],["onclick","window.location.hash = 'page_header_sections'",1,"anchor"]],template:function(a,d){a&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),S("nzClick",function(p){return d.goLink(p)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),e(10,"section",9)(11,"h1"),n(12,"PageHeader"),l(13,"span",10)(14,"span",11),e(15,"a",12),l(16,"nz-icon",13),t()(),l(17,"component-meta",14),e(18,"section",9),s(),e(19,"h2",15)(20,"span"),n(21,"When To Use"),t(),e(22,"a",16),n(23,"#"),t()(),e(24,"p"),n(25,"PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation."),t(),c(),t(),e(26,"h2")(27,"span"),n(28,"Examples"),t(),e(29,"nz-icon",17),S("click",function(){return d.expandAllCode()}),t()()(),e(30,"div",18)(31,"div",19)(32,"nz-code-box",20),l(33,"nz-demo-page-header-basic",21),e(34,"div",22),s(),e(35,"p"),n(36,"
2Standard header, suitable for use in scenarios that require a brief description."),t(),c(),t()(),e(37,"nz-code-box",23),l(38,"nz-demo-page-header-ghost",21),e(39,"div",22),s(),e(40,"p"),n(41,"The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color."),t(),c(),t()(),e(42,"nz-code-box",24),l(43,"nz-demo-page-header-breadcrumb",21),e(44,"div",22),s(),e(45,"p"),n(46,"With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly."),t(),c(),t()(),e(47,"nz-code-box",25),l(48,"nz-demo-page-header-content",21),e(49,"div",22),s(),e(50,"p"),n(51,"Used all the capabilities provided by PageHeader."),t(),c(),t()(),e(52,"nz-code-box",26),l(53,"nz-demo-page-header-actions",21),e(54,"div",22),s(),e(55,"p"),n(56,"Use the operating area and customize the sub-nodes, suitable for use in the need to display some complex information to help users quickly understand the information and operations of this page."),t(),c(),t()(),e(57,"nz-code-box",27),l(58,"nz-demo-page-header-responsive",21),e(59,"div",22),s(),e(60,"p"),n(61,"Under different screen sizes, there should be different performance"),t(),c(),t()()()(),e(62,"section",28),s(),e(63,"h2",29)(64,"span"),n(65,"API"),t(),e(66,"a",30),n(67,"#"),t()(),e(68,"pre")(69,"code",31)(70,"span",32)(71,"span",32)(72,"span",33),n(73,"<"),t(),n(74,"nz-page-header"),t(),n(75," "),e(76,"span",34),n(77,"nzTitle"),t(),e(78,"span",35)(79,"span",36),n(80,"="),t(),e(81,"span",33),n(82,'"'),t(),n(83,"Page Title"),e(84,"span",33),n(85,'"'),t()(),e(86,"span",33),n(87,">"),t()(),e(88,"span",32)(89,"span",32)(90,"span",33),n(91,"</"),t(),n(92,"nz-page-header"),t(),e(93,"span",33),n(94,">"),t()(),n(95,` 3`),t()(),e(96,"h3",37)(97,"span"),n(98,"nz-page-header"),t(),e(99,"label",38),n(100,"component"),t(),e(101,"a",39),n(102,"#"),t()(),e(103,"table")(104,"thead")(105,"tr")(106,"th"),n(107,"Param"),t(),e(108,"th"),n(109,"Description"),t(),e(110,"th"),n(111,"Type"),t(),e(112,"th"),n(113,"Default value"),t(),e(114,"th"),n(115,"Global Config"),t()()(),e(116,"tbody")(117,"tr")(118,"td")(119,"code"),n(120,"[nzGhost]"),t()(),e(121,"td"),n(122,"Make background transparent"),t(),e(123,"td")(124,"code"),n(125,"boolean"),t()(),e(126,"td")(127,"code"),n(128,"true"),t()(),e(129,"td"),n(130,"\u2705"),t()(),e(131,"tr")(132,"td")(133,"code"),n(134,"[nzTitle]"),t()(),e(135,"td"),n(136,"Title string"),t(),e(137,"td")(138,"code"),n(139,"string | TemplateRef<void>"),t()(),e(140,"td"),n(141,"-"),t(),e(142,"td"),n(143,"-"),t()(),e(144,"tr")(145,"td")(146,"code"),n(147,"[nzSubtitle]"),t()(),e(148,"td"),n(149,"SubTitle string"),t(),e(150,"td")(151,"code"),n(152,"string | TemplateRef<void>"),t()(),e(153,"td"),n(154,"-"),t(),e(155,"td"),n(156,"-"),t()(),e(157,"tr")(158,"td")(159,"code"),n(160,"[nzBackIcon]"),t()(),e(161,"td"),n(162,"Custom back icon"),t(),e(163,"td")(164,"code"),n(165,"string | TemplateRef<void>"),t()(),e(166,"td"),n(167,"-"),t(),e(168,"td"),n(169,"-"),t()(),e(170,"tr")(171,"td")(172,"code"),n(173,"(nzBack)"),t()(),e(174,"td"),n(175,"Back icon click event"),t(),e(176,"td")(177,"code"),n(178,"EventEmitter<void>"),t()(),e(179,"td"),n(180,"Call "),e(181,"a",40),n(182,"Location[back]"),t(),n(183," when the event not subscribed\uFF08you need import "),e(184,"a",41),n(185,"RouterModule"),t(),n(186," or register "),e(187,"a",42),n(188,"Location"),t(),n(189,"\uFF09"),t(),e(190,"td"),n(191,"-"),t()()()(),e(192,"h3",43)(193,"span"),n(194,"Page header sections"),t(),e(195,"a",44),n(196,"#"),t()(),e(197,"table")(198,"thead")(199,"tr")(200,"th"),n(201,"Element"),t(),e(202,"th"),n(203,"Description"),t()()(),e(204,"tbody")(205,"tr")(206,"td")(207,"code"),n(208,"nz-page-header-title"),t()(),e(209,"td"),n(210,"Title section"),t()(),e(211,"tr")(212,"td")(213,"code"),n(214,"nz-page-header-subtitle"),t()(),e(215,"td"),n(216,"Subtitle section, "),e(217,"code"),n(218,"[nzTitle]"),t(),n(219," has high priority"),t()(),e(220,"tr")(221,"td")(222,"code"),n(223,"nz-page-header-content"),t()(),e(224,"td"),n(225,"Content section, "),e(226,"code"),n(227,"[nzSubtitle]"),t(),n(228," has high priority"),t()(),e(229,"tr")(230,"td")(231,"code"),n(232,"nz-page-header-footer"),t()(),e(233,"td"),n(234,"Footer section"),t()(),e(235,"tr")(236,"td")(237,"code"),n(238,"nz-page-header-tags"),t()(),e(239,"td"),n(240,"Tags container after the title"),t()(),e(241,"tr")(242,"td")(243,"code"),n(244,"nz-page-header-extra"),t()(),e(245,"td"),n(246,"Operating area, at the end of the line of the title line"),t()(),e(247,"tr")(248,"td")(249,"code"),n(250,"nz-breadcrumb[nz-page-header-breadcrumb]"),t()(),e(251,"td"),n(252,"Breadcrumb section"),t()(),e(253,"tr")(254,"td")(255,"code"),n(256,"nz-avatar[nz-page-header-avatar]"),t()(),e(257,"td"),n(258,"Avatar section"),t()()()(),c(),t()()),a&2&&(
3o(),r("nzOffsetTop",16),o(),r("nzAffix",!1),o(28),r("nzGutter",8),o(),r("nzSpan",24),o(),r("nzId","components-page-header-demo-basic")("nzLink","components-page-header-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/basic.md"),o(5),r("nzId","components-page-header-demo-ghost")("nzLink","components-page-header-demo-ghost")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/ghost.md"),o(5),r("nzId","components-page-header-demo-breadcrumb")("nzLink","components-page-header-demo-breadcrumb")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/breadcrumb.md"),o(5),r("nzId","components-page-header-demo-content")("nzLink","components-page-header-demo-content")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/content.md"),o(5),r("nzId","components-page-header-demo-actions")("nzLink","components-page-header-demo-actions")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/actions.md"),o(5),r("nzId","components-page-header-demo-responsive")("nzLink","components-page-header-demo-responsive")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/page-header/demo/responsive.md"))},dependencies:[ge,I,ze,se,ue,ce,le,F,de,N,$,W,X,K,Y,J],encapsulation:2})};var on=[{path:"en",component:De},{path:"zh",component:Ne}],wi=on;export{wi as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.