https://preview-8223-ng-zorro-antd.surge.sh/1435.a9c5a53629a7b6cd.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[1435],{1435:(V,T,i)=>{i.r(T),i.d(T,{NzDemoBackTopModule:()=>L});var B=i(4190),E=i(6242),A=i(7582),g=i(2831),s=i(6814),t=i(9212),k=i(2438),F=i(8645),D=i(7394),m=i(9773),y=i(3620),N=i(8923),f=i(2196),z=i(2189),b=i(6700),_=i(9388),r=i(227);const I=["backTop"];function O(n,h){1&n&&(t.TgZ(0,"div",5)(1,"div",6),t._UZ(2,"span",7),t.qZA()())}function S(n,h){}function w(n,h){if(1&n&&(t.TgZ(0,"div",1,2),t.YNc(2,O,3,0,"ng-template",null,3,t.W1O)(4,S,0,0,"ng-template",4),t.qZA()),2&n){const e=t.MAs(3),o=t.oxw();t.ekj("ant-back-top-rtl","rtl"===o.dir),t.Q6J("@fadeMotion",void 0),t.xp6(4),t.Q6J("ngTemplateOutlet",o.nzTemplate||e)}}const Q=(0,g.i$)({passive:!0});let Z=(()=>{class n{set backTop(e){e&&(this.backTopClickSubscription.unsubscribe(),this.backTopClickSubscription=this.zone.runOutsideAngular(()=>(0,k.R)(e.nativeElement,"click").pipe((0,m.R)(this.destroy$)).subscribe(()=>{this.scrollSrv.scrollTo(this.getTarget(),0,{duration:this.nzDuration}),this.nzClick.observers.length&&this.zone.run(()=>this.nzClick.emit(!0))})))}constructor(e,o,a,u,c,P,Y,X,$){this.doc=e,this.nzConfigService=o,this.scrollSrv=a,this.platform=u,this.cd=c,this.zone=P,this.cdr=Y,this.destroy$=X,this.directionality=$,this._nzModuleName="backTop",this.scrollListenerDestroy$=new F.x,this.target=null,this.visible=!1,this.dir="ltr",this.nzVisibilityHeight=400,this.nzDuration=450,this.nzClick=new t.vpe,this.backTopClickSubscription=D.w0.EMPTY,this.dir=this.directionality.value}ngOnInit(){this.registerScrollEvent(),this.directionality.change?.pipe((0,m.R)(this.destroy$)).subscribe(e=>{this.dir=e,this.cdr.detectChanges()}),this.dir=this.directionality.value}getTarget(){return this.target||window}handleScroll(){this.visible!==this.scrollSrv.getScroll(this.getTarget())>this.nzVisibilityHeight&&(this.visible=!this.visible,this.cd.detectChanges())}registerScrollEvent(){this.platform.isBrowser&&(this.scrollListenerDestroy$.next(!0),this.handleScroll(),this.zone.runOutsideAngular(()=>{(0,k.R)(this.getTarget(),"scroll",Q).pipe((0,y.b)(50),(0,m.R)(this.scrollListenerDestroy$)).subscribe(()=>this.handleScroll())}))}ngOnDestroy(){this.scrollListenerDestroy$.next(!0),this.scrollListenerDestroy$.complete()}ngOnChanges(e){const{nzTarget:o}=e;o&&(this.target="string"==typeof this.nzTarget?this.doc.querySelector(this.nzTarget):this.nzTarget,this.registerScrollEvent())}static#t=this.\u0275fac=function(o){return new(o||n)(t.Y36(s.K0),t.Y36(f.jY),t.Y36(z.MF),t.Y36(g.t4),t.Y36(t.sBO),t.Y36(t.R0b),t.Y36(t.sBO),t.Y36(z.kn),t.Y36(_.Is,8))};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-back-top"]],viewQuery:function(o,a){if(1&o&&t.Gf(I,5),2&o){let u;t.iGM(u=t.CRH())&&(a.backTop=u.first)}},inputs:{nzTemplate:"nzTemplate",nzVisibilityHeight:"nzVisibilityHeight",nzTarget:"nzTarget",nzDuration:"nzDuration"},outputs:{nzClick:"nzClick"},exportAs:["nzBackTop"],features:[t._Bn([z.kn]),t.TTD],decls:1,vars:1,consts:[["class","ant-back-top",3,"ant-back-top-rtl",4,"ngIf"],[1,"ant-back-top"],["backTop",""],["defaultContent",""],[3,"ngTemplateOutlet"],[1,"ant-back-top-content"],[1,"ant-back-top-icon"],["nz-icon","","nzType","vertical-align-top"]],template:function(o,a){1&o&&t.YNc(0,w,5,4,"div",0),2&o&&t.Q6J("ngIf",a.visible)},dependencies:[s.O5,s.tP,r.Ls],encapsulation:2,data:{animation:[N.MC]},changeDetection:0})}return(0,A.gn)([(0,f.oS)(),(0,b.Rn)()],n.prototype,"nzVisibilityHeight",void 0),(0,A.gn)([(0,b.Rn)()],n.prototype,"nzDuration",void 0),n})();const G=[(()=>{class n{static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275mod=t.oAB({type:n});static#o=this.\u0275inj=t.cJS({imports:[_.vT,s.ez,g.ud,r.PV]})}return n})()];var p=i(379),d=i(5393),U=i(8101),l=i(3185),C=i(8332);let q=(()=>{class n{static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-demo-back-top-basic"]],decls:5,vars:0,template:function(o,a){1&o&&(t._UZ(0,"nz-back-top"),t._uU(1," Scroll down to see the bottom-right "),t.TgZ(2,"strong"),t._uU(3,"gray"),t.qZA(),t._uU(4," button. "))},dependencies:[Z],styles:["strong[_ngcontent-%COMP%]{color:#40404099}"]})}return n})();function M(n,h){1&n&&(t.TgZ(0,"div",2),t._uU(1,"UP"),t.qZA())}let x=(()=>{class n{notify(){console.log("notify")}static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-demo-back-top-custom"]],decls:7,vars:2,consts:[[3,"nzTemplate","nzVisibilityHeight","nzOnClick"],["tpl",""],[1,"ant-back-top-inner"]],template:function(o,a){if(1&o&&(t.TgZ(0,"nz-back-top",0),t.NdJ("nzOnClick",function(){return a.notify()}),t.YNc(1,M,2,0,"ng-template",null,1,t.W1O),t.qZA(),t._uU(3," Scroll down to see the bottom-right "),t.TgZ(4,"strong"),t._uU(5,"blue"),t.qZA(),t._uU(6," button. ")),2&o){const u=t.MAs(2);t.Q6J("nzTemplate",u)("nzVisibilityHeight",100)}},dependencies:[Z],styles:["[_nghost-%COMP%]     .ant-back-top{bottom:100px}[_nghost-%COMP%]     .ant-back-top-inner{height:40px;width:40px;line-height:40px;border-radius:4px;background-color:#1088e9;color:#fff;text-align:center;font-size:20px}[_nghost-%COMP%]     strong{color:#1088e9}"]})}return n})(),v=(()=>{class n{static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-demo-back-top-target"]],decls:8,vars:1,consts:[[1,"long-div"],["divTarget",""],[1,"long-div-inner"],[3,"nzTarget"]],template:function(o,a){if(1&o&&(t._uU(0," Scroll down to see the bottom-right "),t.TgZ(1,"strong"),t._uU(2,"gray"),t.qZA(),t._uU(3," button. "),t.TgZ(4,"div",0,1),t._UZ(6,"div",2)(7,"nz-back-top",3),t.qZA()),2&o){const u=t.MAs(5);t.xp6(7),t.Q6J("nzTarget",u)}},dependencies:[Z],styles:["[_nghost-%COMP%]     .long-div{height:300px;overflow-y:scroll;background-image:url(//zos.alipayobjects.com/rmsportal/RmjwQiJorKyobvI.jpg)}[_nghost-%COMP%]     .long-div-inner{height:1500px}[_nghost-%COMP%]     .long-div .ant-back-top{right:150px}[_nghost-%COMP%]     .long-div .ant-back-top-rtl{right:unset;left:150px}[_nghost-%COMP%]     strong{color:#40404099}"]})}return n})(),R=(()=>{class n{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

1h(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-demo-back-top"]],viewQuery:function(o,a){if(1&o&&t.Gf(p.G,5),2&o){let u;t.iGM(u=t.CRH())&&(a.codeBoxes=u)}},decls:176,vars:19,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-back-top-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-back-top-demo-custom","nzTitle","\u81ea\u5b9a\u4e49\u6837\u5f0f"],["nzHref","#components-back-top-demo-target","nzTitle","\u6eda\u52a8\u5bb9\u5668"],["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/back-top/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","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,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-back-top-basic","nzGenerateCommand","ng g ng-zorro-antd:back-top-basic <name>","nzComponentName","NzDemoBackTopBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u6eda\u52a8\u5bb9\u5668","nzSelector","nz-demo-back-top-target","nzGenerateCommand","ng g ng-zorro-antd:back-top-target <name>","nzComponentName","NzDemoBackTopTargetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u5b9a\u4e49\u6837\u5f0f","nzSelector","nz-demo-back-top-custom","nzGenerateCommand","ng g ng-zorro-antd:back-top-custom <name>","nzComponentName","NzDemoBackTopCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-back-top"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-back-top'",1,"anchor"]],template:function(o,a){1&o&&(t.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.NdJ("nzClick",function(c){return a.goLink(c)}),t._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),t.qZA()(),t.TgZ(7,"section",6)(8,"h1"),t._uU(9,"BackTop"),t.TgZ(10,"span",7),t._uU(11,"\u56de\u5230\u9876\u90e8"),t.qZA(),t._UZ(12,"span",8),t.TgZ(13,"a",9),t._UZ(14,"span",10),t.qZA()(),t.TgZ(15,"section",6),t.IAx(),t.TgZ(16,"p"),t._uU(17,"\u8fd4\u56de\u9875\u9762\u9876\u90e8\u7684\u64cd\u4f5c\u6309\u94ae\u3002"),t.qZA(),t.TgZ(18,"h2",11)(19,"span"),t._uU(20,"\u4f55\u65f6\u4f7f\u7528"),t.qZA(),t.TgZ(21,"a",12),t._uU(22,"#"),t.qZA()(),t.TgZ(23,"ul")(24,"li"),t._uU(25,"\u5f53\u9875\u9762\u5185\u5bb9\u533a\u57df\u6bd4\u8f83\u957f\u65f6\uff1b"),t.qZA(),t.TgZ(26,"li"),t._uU(27,"\u5f53\u7528\u6237\u9700\u8981\u9891\u7e41\u8fd4\u56de\u9876\u90e8\u67e5\u770b\u76f8\u5173\u5185\u5bb9\u65f6\u3002"),t.qZA()(),t.TgZ(28,"pre",13)(29,"code")(30,"span",14),t._uU(31,"import"),t.qZA(),t._uU(32," "),t.TgZ(33,"span",15),t._uU(34,"{"),t.qZA(),t._uU(35," NzBackTopModule "),t.TgZ(36,"span",15),t._uU(37,"}"),t.qZA(),t._uU(38," "),t.TgZ(39,"span",14),t._uU(40,"from"),t.qZA(),t._uU(41," "),t.TgZ(42,"span",16),t._uU(43,"'ng-zorro-antd/back-top'"),t.qZA(),t.TgZ(44,"span",15),t._uU(45,";"),t.qZA()()(),t.fQ9(),t.qZA(),t.TgZ(46,"h2")(47,"span"),t._uU(48,"\u4ee3\u7801\u6f14\u793a"),t.qZA(),t.TgZ(49,"span",17),t.NdJ("click",function(){return a.expandAllCode()}),t.qZA()()(),t.TgZ(50,"div",18)(51,"div",19)(52,"nz-code-box",20),t._UZ(53,"nz-demo-back-top-basic",21),t.TgZ(54,"div",22),t.IAx(),t.TgZ(55,"p"),t._uU(56,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),t.qZA(),t.fQ9(),t.qZA()(),t.TgZ(57,"nz-code-box",23),t._UZ(58,"nz-demo-back-top-target",21),t.TgZ(59,"div",22),t.IAx(),t.TgZ(60,"p"),t._uU(61,"\u8bbe\u7f6e "),t.TgZ(62,"code"),t._uU(63,"nzTarget"),t.qZA(),t._uU(64," \u53c2\u6570\uff0c\u5141\u8bb8\u5bf9\u67d0\u4e2a\u5bb9\u5668\u8fd4\u56de\u9876\u90e8\u3002"),t.qZA(),t.fQ9(),t.qZA()()(),t.TgZ(65,"div",19)(66,"nz-code-box",24),t._UZ(67,"nz-demo-back-top-custom",21),t.TgZ(68,"div",22),t.IAx(),t.TgZ(69,"p"),t._uU(70,"\u53ef\u4ee5\u81ea\u5b9a\u4e49\u56de\u5230\u9876\u90e8\u6309\u94ae\u7684\u6837\u5f0f\uff0c\u9650\u5236\u5bbd\u9ad8\uff1a"),t.TgZ(71,"code"),t._uU(72,"40px * 40px"),t.qZA(),t._uU(73,"\u3002"),t.qZA(),t.fQ9(),t.qZA()()()(),t.TgZ(74,"section",25),t.IAx(),t.TgZ(75,"h2",26)(76,"span"),t._uU(77,"API"),t.qZA(),t.TgZ(78,"a",27),t._uU(79,"#"),t.qZA()(),t.TgZ(80,"h3",28)(81,"span"),t._uU(82,"nz-back-top"),t.qZA(),t.TgZ(83,"label",29),t._uU(84,"component"),t.qZA(),t.TgZ(85,"a",30),t._uU(86,"#"),t.qZA()(),t.TgZ(87,"blockquote")(88,"p"),t._uU(89,"\u6709\u9ed8\u8ba4\u6837\u5f0f\uff0c\u8ddd\u79bb\u5e95\u90e8 "),t.TgZ(90,"code"),t._uU(91,"50px"),t.qZA(),t._uU(92,"\uff0c\u53ef\u8986\u76d6\u3002\n\u81ea\u5b9a\u4e49\u6837\u5f0f\u5bbd\u9ad8\u4e0d\u5927\u4e8e "),t.TgZ(93,"code"),t._uU(94,"40px * 40px"),t.qZA(),t._uU(95,"\u3002"),t.qZA()(),t.TgZ(96,"table")(97,"thead")(98,"tr")(99,"th"),t._uU(100,"\u6210\u5458"),t.qZA(),t.TgZ(101,"th"),t._uU(102,"\u8bf4\u660e"),t.qZA(),t.TgZ(103,"th"),t._uU(104,"\u7c7b\u578b"),t.qZA(),t.TgZ(105,"th"),t._uU(106,"\u9ed8\u8ba4\u503c"),t.qZA(),t.TgZ(107,"th"),t._uU(108,"\u5168\u5c40\u914d\u7f6e"),t.qZA()()(),t.TgZ(109,"tbody")(110,"tr")(111,"td")(112,"code"),t._uU(113,"[nzTemplate]"),t.qZA()(),t.TgZ(114,"td"),t._uU(115,"\u81ea\u5b9a\u4e49\u5185\u5bb9\uff0c\u89c1\u793a\u4f8b"),t.qZA(),t.TgZ(116,"td")(117,"code"),t._uU(118,"TemplateRef<void>"),t.qZA()(),t.TgZ(119,"td"),t._uU(120,"-"),t.qZA(),t._UZ(121,"td"),t.qZA(),t.TgZ(122,"tr")(123,"td")(124,"code"),t._uU(125,"[nzVisibilityHeight]"),t.qZA()(),t.TgZ(126,"td"),t._uU(127,"\u6eda\u52a8\u9ad8\u5ea6\u8fbe\u5230\u6b64\u53c2\u6570\u503c\u624d\u51fa\u73b0 "),t.TgZ(128,"code"),t._uU(129,"nz-back-top"),t.qZA()(),t.TgZ(130,"td")(131,"code"),t._uU(132,"number"),t.qZA()(),t.TgZ(133,"td")(134,"code"),t._uU(135,"400"),t.qZA()(),t.TgZ(136,"td"),t._uU(137,"\u2705"),t.qZA()(),t.TgZ(138,"tr")(139,"td")(140,"code"),t._uU(141,"[nzTarget]"),t.qZA()(),t.TgZ(142,"td"),t._uU(143,"\u8bbe\u7f6e\u9700\u8981\u76d1\u542c\u5176\u6eda\u52a8\u4e8b\u4ef6\u7684\u5143\u7d20\uff0c\u503c\u4e3a\u4e00\u4e2a\u8fd4\u56de\u5bf9\u5e94 DOM \u5143\u7d20\u7684\u51fd\u6570"),t.qZA(),t.TgZ(144,"td")(145,"code"),t._uU(146,"string | Element"),t.qZA()(),t.TgZ(147,"td")(148,"code"),t._uU(149,"window"),t.qZA()(),t._UZ(150,"td"),t.qZA(),t.TgZ(151,"tr")(152,"td")(153,"code"),t._uU(154,"[nzDuration]"),t.qZA()(),t.TgZ(155,"td"),t._uU(156,"\u56de\u5230\u9876\u90e8\u6240\u9700\u65f6\u95f4\uff08ms\uff09"),t.qZA(),t.TgZ(157,"td")(158,"code"),t._uU(159,"number"),t.qZA()(),t.TgZ(160,"td")(161,"code"),t._uU(162,"450"),t.qZA()(),t._UZ(163,"td"),t.qZA(),t.TgZ(164,"tr")(165,"td")(166,"code"),t._uU(167,"(nzClick)"),t.qZA()(),t.TgZ(168,"td"),t._uU(169,"\u70b9\u51fb\u6309\u94ae\u7684\u56de\u8c03\u51fd\u6570"),t.qZA(),t.TgZ(170,"td")(171,"code"),t._uU(172,"EventEmitter<boolean>"),t.qZA()(),t.TgZ(173,"td"),t._uU(174,"-"),t.qZA(),t._UZ(175,"td"),t.qZA()()(),t.fQ9(),t.qZA()()),2&o&&(t.xp6(1),t.Q6J("nzOffsetTop",16),t.xp6(1),t.Q6J("nzAffix",!1),t.xp6(48),t.Q6J("nzGutter",16),t.xp6(1),t.Q6J("nzXl",12)("nzSpan",24),t.xp6(1),t.Q6J("nzId","components-back-top-demo-basic")("nzLink","components-back-top-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/basic.md"),t.xp6(5),t.Q6J("nzId","components-back-top-demo-target")("nzLink","components-back-top-demo-target")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/target.md"),t.xp6(8),t.Q6J("nzXl",12)("nzSpan",24),t.xp6(1),t.Q6J("nzId","components-back-top-demo-custom")("nzLink","components-back-top-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/custom.md"))},dependencies:[p.G,d.IT,d.Fp,U.$,l.t3,l.SK,C.SY,r.Ls,q,x,v],encapsulation:2})}return n})(),J=(()=>{class n{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

1h(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275cmp=t.Xpm({type:n,selectors:[["nz-demo-back-top"]],viewQuery:function(o,a){if(1&o&&t.Gf(p.G,5),2&o){let u;t.iGM(u=t.CRH())&&(a.codeBoxes=u)}},decls:175,vars:19,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-back-top-demo-basic","nzTitle","Basic"],["nzHref","#components-back-top-demo-custom","nzTitle","Custom style"],["nzHref","#components-back-top-demo-target","nzTitle","Using nzTarget"],["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/back-top/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-back-top-basic","nzGenerateCommand","ng g ng-zorro-antd:back-top-basic <name>","nzComponentName","NzDemoBackTopBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Using nzTarget","nzSelector","nz-demo-back-top-target","nzGenerateCommand","ng g ng-zorro-antd:back-top-target <name>","nzComponentName","NzDemoBackTopTargetComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom style","nzSelector","nz-demo-back-top-custom","nzGenerateCommand","ng g ng-zorro-antd:back-top-custom <name>","nzComponentName","NzDemoBackTopCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-back-top"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-back-top'",1,"anchor"]],template:function(o,a){1&o&&(t.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.NdJ("nzClick",function(c){return a.goLink(c)}),t._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),t.qZA()(),t.TgZ(7,"section",6)(8,"h1"),t._uU(9,"BackTop"),t._UZ(10,"span",7)(11,"span",8),t.TgZ(12,"a",9),t._UZ(13,"span",10),t.qZA()(),t.TgZ(14,"section",6),t.IAx(),t.TgZ(15,"p")(16,"code"),t._uU(17,"nz-back-top"),t.qZA(),t._uU(18," makes it easy to go back to the top of the page."),t.qZA(),t.TgZ(19,"h2",11)(20,"span"),t._uU(21,"When To Use"),t.qZA(),t.TgZ(22,"a",12),t._uU(23,"#"),t.qZA()(),t.TgZ(24,"ul")(25,"li"),t._uU(26,"When the page content is very long."),t.qZA(),t.TgZ(27,"li"),t._uU(28,"When you need to go back to the top very frequently in order to view the contents."),t.qZA()(),t.TgZ(29,"pre",13)(30,"code")(31,"span",14),t._uU(32,"import"),t.qZA(),t._uU(33," "),t.TgZ(34,"span",15),t._uU(35,"{"),t.qZA(),t._uU(36," NzBackTopModule "),t.TgZ(37,"span",15),t._uU(38,"}"),t.qZA(),t._uU(39," "),t.TgZ(40,"span",14),t._uU(41,"from"),t.qZA(),t._uU(42," "),t.TgZ(43,"span",16),t._uU(44,"'ng-zorro-antd/back-top'"),t.qZA(),t.TgZ(45,"span",15),t._uU(46,";"),t.qZA()()(),t.fQ9(),t.qZA(),t.TgZ(47,"h2")(48,"span"),t._uU(49,"Examples"),t.qZA(),t.TgZ(50,"span",17),t.NdJ("click",function(){return a.expandAllCode()}),t.qZA()()(),t.TgZ(51,"div",18)(52,"div",19)(53,"nz-code-box",20),t._UZ(54,"nz-demo-back-top-basic",21),t.TgZ(55,"div",22),t.IAx(),t.TgZ(56,"p"),t._uU(57,"The most basic usage."),t.qZA(),t.fQ9(),t.qZA()(),t.TgZ(58,"nz-code-box",23),t._UZ(59,"nz-demo-back-top-target",21),t.TgZ(60,"div",22),t.IAx(),t.TgZ(61,"p"),t._uU(62,"specifies the scrollable area dom node."),t.qZA(),t.fQ9(),t.qZA()()(),t.TgZ(63,"div",19)(64,"nz-code-box",24),t._UZ(65,"nz-demo-back-top-custom",21),t.TgZ(66,"div",22),t.IAx(),t.TgZ(67,"p"),t._uU(68,"You can customize the style of the button, just note the size limit: no more than "),t.TgZ(69,"code"),t._uU(70,"40px * 40px"),t.qZA(),t._uU(71,"."),t.qZA(),t.fQ9(),t.qZA()()()(),t.TgZ(72,"section",25),t.IAx(),t.TgZ(73,"h2",26)(74,"span"),t._uU(75,"API"),t.qZA(),t.TgZ(76,"a",27),t._uU(77,"#"),t.qZA()(),t.TgZ(78,"h3",28)(79,"span"),t._uU(80,"nz-back-top"),t.qZA(),t.TgZ(81,"label",29),t._uU(82,"component"),t.qZA(),t.TgZ(83,"a",30),t._uU(84,"#"),t.qZA()(),t.TgZ(85,"blockquote")(86,"p"),t._uU(87,"The distance to the bottom is set to "),t.TgZ(88,"code"),t._uU(89,"50px"),t.qZA(),t._uU(90," by default, which is overridable.\nIf you decide to use custom styles, please note the size limit: no more than "),t.TgZ(91,"code"),t._uU(92,"40px * 40px"),t.qZA(),t._uU(93,"."),t.qZA()(),t.TgZ(94,"table")(95,"thead")(96,"tr")(97,"th"),t._uU(98,"Property"),t.qZA(),t.TgZ(99,"th"),t._uU(100,"Description"),t.qZA(),t.TgZ(101,"th"),t._uU(102,"Type"),t.qZA(),t.TgZ(103,"th"),t._uU(104,"Default"),t.qZA(),t.TgZ(105,"th"),t._uU(106,"Global Config"),t.qZA()()(),t.TgZ(107,"tbody")(108,"tr")(109,"td")(110,"code"),t._uU(111,"[nzTemplate]"),t.qZA()(),t.TgZ(112,"td"),t._uU(113,"custom content"),t.qZA(),t.TgZ(114,"td")(115,"code"),t._uU(116,"TemplateRef<void>"),t.qZA()(),t.TgZ(117,"td"),t._uU(118,"-"),t.qZA(),t._UZ(119,"td"),t.qZA(),t.TgZ(120,"tr")(121,"td")(122,"code"),t._uU(123,"[nzVisibilityHeight]"),t.qZA()(),t.TgZ(124,"td"),t._uU(125,"the "),t.TgZ(126,"code"),t._uU(127,"nz-back-top"),t.qZA(),t._uU(128," button will not show until the scroll height reaches this value"),t.qZA(),t.TgZ(129,"td")(130,"code"),t._uU(131,"number"),t.qZA()(),t.TgZ(132,"td")(133,"code"),t._uU(134,"400"),t.qZA()(),t.TgZ(135,"td"),t._uU(136,"\u2705"),t.qZA()(),t.TgZ(137,"tr")(138,"td")(139,"code"),t._uU(140,"[nzTarget]"),t.qZA()(),t.TgZ(141,"td"),t._uU(142,"specifies the scrollable area dom node"),t.qZA(),t.TgZ(143,"td")(144,"code"),t._uU(145,"string | Element"),t.qZA()(),t.TgZ(14

16,"td")(147,"code"),t._uU(148,"window"),t.qZA()(),t._UZ(149,"td"),t.qZA(),t.TgZ(150,"tr")(151,"td")(152,"code"),t._uU(153,"[nzDuration]"),t.qZA()(),t.TgZ(154,"td"),t._uU(155,"Time to return to top (ms)"),t.qZA(),t.TgZ(156,"td")(157,"code"),t._uU(158,"number"),t.qZA()(),t.TgZ(159,"td")(160,"code"),t._uU(161,"450"),t.qZA()(),t._UZ(162,"td"),t.qZA(),t.TgZ(163,"tr")(164,"td")(165,"code"),t._uU(166,"(nzClick)"),t.qZA()(),t.TgZ(167,"td"),t._uU(168,"a callback function, which can be executed when you click the button"),t.qZA(),t.TgZ(169,"td")(170,"code"),t._uU(171,"EventEmitter<boolean>"),t.qZA()(),t.TgZ(172,"td"),t._uU(173,"-"),t.qZA(),t._UZ(174,"td"),t.qZA()()(),t.fQ9(),t.qZA()()),2&o&&(t.xp6(1),t.Q6J("nzOffsetTop",16),t.xp6(1),t.Q6J("nzAffix",!1),t.xp6(49),t.Q6J("nzGutter",16),t.xp6(1),t.Q6J("nzXl",12)("nzSpan",24),t.xp6(1),t.Q6J("nzId","components-back-top-demo-basic")("nzLink","components-back-top-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/basic.md"),t.xp6(5),t.Q6J("nzId","components-back-top-demo-target")("nzLink","components-back-top-demo-target")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/target.md"),t.xp6(5),t.Q6J("nzXl",12)("nzSpan",24),t.xp6(1),t.Q6J("nzId","components-back-top-demo-custom")("nzLink","components-back-top-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/custom.md"))},dependencies:[p.G,d.IT,d.Fp,U.$,l.t3,l.SK,C.SY,r.Ls,q,x,v],encapsulation:2})}return n})(),L=(()=>{class n{static#t=this.\u0275fac=function(o){return new(o||n)};static#n=this.\u0275mod=t.oAB({type:n});static#o=this.\u0275inj=t.cJS({imports:[E.G,G,B.Bz.forChild([{path:"en",component:J},{path:"zh",component:R}])]})}return n})()}}]);