chunk-F5OJNTVD.js

import{a as h,g as R,h as P,j as V}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ba as Ee,Ca as xe,Ha as T,Ja as ke,Jc as O,Kc as M,Nc as L,Pb as Se,Ub as A,gc as H,na as U,p as ge,ua as he,va as be,wb as Ce}from"./chunk-O3IWK6WU.js";import{Aa as oe,Ac as k,Bc as C,Fc as S,Gc as n,Ib as z,Ja as ae,Jb as me,Ka as re,Kd as fe,L as K,Ob as N,Rc as se,Vb as l,Xb as le,a as W,aa as w,ad as I,cc as ce,f as Y,hc as t,hd as ue,ia as ee,ic as e,jc as r,l as J,m as Z,md as $,na as te,nc as de,qc as g,rb as d,sc as pe,wa as ne,wd as ze,xa as s,xb as f,ya as u,za as ie,zc as x}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var De=["backTop"];function Ne(a,m){a&1&&(t(0,"div",5)(1,"div",6),r(2,"nz-icon",7),e()())}function Fe(a,m){}function _e(a,m){if(a&1&&(t(0,"div",3,0),N(2,Ne,3,0,"ng-template",null,1,I)(4,Fe,0,0,"ng-template",4),e()),a&2){let i=S(3),p=pe();le("ant-back-top-rtl",p.dir==="rtl"),l("@fadeMotion",void 0),d(4),l("ngTemplateOutlet",p.nzTemplate||i)}}var we="backTop",Ie=xe({passive:!0}),E=(()=>{let a,m=[],i=[];return class q{static{let o=typeof Symbol=="function"&&Symbol.metadata?Object.create(null):void 0;a=[be()],J(null,null,a,{kind:"field",name:"nzVisibilityHeight",static:!1,private:!1,access:{has:c=>"nzVisibilityHeight"in c,get:c=>c.nzVisibilityHeight,set:(c,b)=>{c.nzVisibilityHeight=b}},metadata:o},m,i),o&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})}nzConfigService;scrollSrv;platform;zone;cdr;destroy$;directionality;_nzModuleName=we;scrollListenerDestroy$=new Y;target=null;visible=!1;dir="ltr";nzTemplate;nzVisibilityHeight=Z(this,m,400);nzTarget=Z(this,i);nzDuration=450;nzClick=new ae;set backTop(o){o&&(this.backTopClickSubscription.unsubscribe(),this.backTopClickSubscription=U(o.nativeElement,"click").pipe(w(this.destroy$)).subscribe(()=>{this.scrollSrv.scrollTo(this.getTarget(),0,{duration:this.nzDuration}),this.nzClick.observers.length&&this.zone.run(()=>this.nzClick.emit(!0))}))}backTopClickSubscription=W.EMPTY;doc=te(ze);constructor(o,c,b,_,Be,ve,ye){this.nzConfigService=o,this.scrollSrv=c,this.platform=b,this.zone=_,this.cdr=Be,this.destroy$=ve,this.directionality=ye,this.dir=this.directionality.value}ngOnInit(){this.registerScrollEvent(),this.directionality.change?.pipe(w(this.destroy$)).subscribe(o=>{this.dir=o,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.cdr.detectChanges())}registerScrollEvent(){this.platform.isBrowser&&(this.scrollListenerDestroy$.next(!0),this.handleScroll(),U(this.getTarget(),"scroll",Ie).pipe(K(50),w(this.scrollListenerDestroy$)).subscribe(()=>this.handleScroll()))}ngOnDestroy(){this.scrollListenerDestroy$.next(!0),this.scrollListenerDestroy$.complete()}ngOnChanges(o){let{nzTarget:c}=o;c&&(this.target=typeof this.nzTarget=="string"?this.doc.querySelector(this.nzTarget):this.nzTarget,this.registerScrollEvent())}static \u0275fac=function(c){return new(c||q)(f(he),f(Se),f(Ee),f(re),f(ue),f(A),f(ge))};static \u0275cmp=z({type:q,selectors:[["nz-back-top"]],viewQuery:function(c,b){if(c&1&&x(De,5),c&2){let _;k(_=C())&&(b.backTop=_.first)}},inputs:{nzTemplate:"nzTemplate",nzVisibilityHeight:[2,"nzVisibilityHeight","nzVisibilityHeight",$],nzTarget:"nzTarget",nzDuration:[2,"nzDuration","nzDuration",$]},outputs:{nzClick:"nzClick"},exportAs:["nzBackTop"],features:[se([A]),ne],decls:1,vars:1,consts:[["backTop",""],["defaultContent",""],[1,"ant-back-top",3,"ant-back-top-rtl"],[1,"ant-back-top"],[3,"ngTemplateOutlet"],[1,"ant-back-top-content"],[1,"ant-back-top-icon"],["nzType","vertical-align-top"]],template:function(c,b){c&1&&N(0,_e,5,4,"div",2),c&2&&ce(b.visible?0:-1)},dependencies:[fe,ke,T],encapsulation:2,data:{animation:[Ce]},changeDetection:0})}})(),B=(()=>{class a{static \u0275fac=function(p){return new(p||a)};static \u0275mod=me({type:a});static \u0275inj=ee({imports:[E]})}return a})();var v=class a{static \u0275fac=function(i){return new(i||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-back-top-basic"]],decls:5,vars:0,template:function(i,p){i&1&&(r(0,"nz-back-top"),n(1," Scroll down to see the bottom-right "),t(2,"strong"),n(3,"gray"),e(),n(4," button. "))},dependencies:[B,E],styles:["strong[_ngcontent-%COMP%]{color:#40404099}"]})};function Ae(a,m){a&1&&(t(0,"div",2),n(1,"UP"),e())}var y=class a{notify(){console.log("notify")}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-back-top-custom"]],decls:7,vars:2,consts:[["tpl",""],[3,"nzClick","nzTemplate","nzVisibilityHeight"],[1,"ant-back-top-inner"]],template:function(i,p){if(i&1){let o=de();t(0,"nz-back-top",1),g("nzClick",function(){return ie(o),oe(p.notify())}),N(1,Ae,2,0,"ng-template",null,0,I),e(),n(3," Scroll down to see the bottom-right "),t(4,"strong"),n(5,"blue"),e(),n(6," button. ")}if(i&2){let o=S(2);l("nzTemplate",o)("nzVisibilityHeight",100)}},dependencies:[B,E],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}"]})};var D=class a{static \u0275fac=function(i){return new(i||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-back-top-target"]],decls:8,vars:1,consts:[["divTarget",""],[1,"long-div"],[1,"long-div-inner"],[3,"nzTarget"]],template:function(i,p){if(i&1&&(n(0," Scroll down to see the bottom-right "),t(1,"strong"),n(2,"gray"),e(),n(3," button. "),t(4,"div",1,0),r(6,"div",2)(7,"nz-back-top",3),e()),i&2){let o=S(5);d(7),l("nzTarget",o)}},dependencies:[B,E],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}"]})};var j=class a{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(i){return new(i||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-back-top"]],viewQuery:function(i,p){if(i&1&&x(h,5),i&2){let o;k(o=C())&&(p.codeBoxes=o)}},decls:182,vars:22,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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(i,p){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(c){return p.goLink(c)}),r(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),e()(),t(7,"section",6)(8,"h1"),n(9,"BackTop"),t(10,"span",7),n(11,"\u56DE\u5230\u9876\u90E8"),e(),r(12,"span",8),t(13,"a",9),r(14,"nz-icon",10),e()(),t(15,"section",6),u(),t(16,"ul")(17,"li"),n(18,"\u6CE8\u610F\uFF1A\u8BE5\u7EC4\u4EF6\u5C06\u5728\u540E\u7EED\u79FB\u9664\uFF0C\u8BF7\u524D\u5F80 FloatButton \u7EC4\u4EF6\u4E2D\u4F7F\u7528 "),t(19,"code"),n(20,"<nz-float-button-top></nz-float-button-top>"),e()()(),t(21,"p"),n(22,"\u8FD4\u56DE\u9875\u9762\u9876\u90E8\u7684\u64CD\u4F5C\u6309\u94AE\u3002"),e(),t(23,"h2",11)(24,"span"),n(25,"\u4F55\u65F6\u4F7F\u7528"),e(),t(26,"a",12),n(27,"#"),e()(),t(28,"ul")(29,"li"),n(30,"\u5F53\u9875\u9762\u5185\u5BB9\u533A\u57DF\u6BD4\u8F83\u957F\u65F6\uFF1B"),e(),t(31,"li"),n(32,"\u5F53\u7528\u6237\u9700\u8981\u9891\u7E41\u8FD4\u56DE\u9876\u90E8\u67E5\u770B\u76F8\u5173\u5185\u5BB9\u65F6\u3002"),e()(),t(33,"pre")(34,"code",13)(35,"span",14),n(36,"import"),e(),n(37," "),t(38,"span",15),n(39,"{"),e(),n(40," NzBackTopModule "),t(41,"span",15),n(42,"}"),e(),n(43," "),t(44,"span",14),n(45,"from"),e(),n(46," "),t(47,"span",16),n(48,"'ng-zorro-antd/back-top'"),e(),t(49,"span",15),n(50,";"),e(),n(51,`
`),e()(),s(),e(),t(52,"h2")(53,"span"),n(54,"\u4EE3\u7801\u6F14\u793A"),e(),t(55,"nz-icon",17),g("click",function(){return p.expandAllCode()}),e()()(),t(56,"div",18)(57,"div",19)(58,"nz-code-box",20),r(59,"nz-demo-back-top-basic",21),t(60,"div",22),u(),t(61,"p"),n(62,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),e(),s(),e()(),t(63,"nz-code-box",23),r(64,"nz-demo-back-top-target",21),t(65,"div",22),u(),t(66,"p"),n(67,"\u8BBE\u7F6E "),t(68,"code"),n(69,"nzTarget"),e(),n(70," \u53C2\u6570\uFF0C\u5141\u8BB8\u5BF9\u67D0\u4E2A\u5BB9\u5668\u8FD4\u56DE\u9876\u90E8\u3002"),e(),s(),e()()(),t(71,"div",19)(72,"nz-code-box",24),r(73,"nz-demo-back-top-custom",21),t(74,"div",22),u(),t(75,"p"),n(76,"\u53EF\u4EE5\u81EA\u5B9A\u4E49\u56DE\u5230\u9876\u90E8\u6309\u94AE\u7684\u6837\u5F0F\uFF0C\u9650\u5236\u5BBD\u9AD8\uFF1A"),t(77,"code"),n(78,"40px * 40px"),e(),n(79,"\u3002"),e(),s(),e()()()(),t(80,"section",25),u(),t(81,"h2",26)(82,"span"),n(83,"API"),e(),t(84,"a",27),n(85,"#"),e()(),t(86,"h3",28)(87,"span"),n(88,"nz-back-top"),e(),t(89,"label",29),n(90,"component"),e(),t(91,"a",30),n(92,"#"),e()(),t(93,"blockquote")(94,"p"),n(95,"\u6709\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u8DDD\u79BB\u5E95\u90E8 "),t(96,"code"),n(97,"50px"),e(),n(98,`\uFF0C\u53EF\u8986\u76D6\u3002
\u81EA\u5B9A\u4E49\u6837\u5F0F\u5BBD\u9AD8\u4E0D\u5927\u4E8E `),t(99,"code"),n(100,"40px * 40px"),e(),n(101,"\u3002"),e()(),t(102,"table")(103,"thead")(104,"tr")(105,"th"),n(106,"\u6210\u5458"),e(),t(107,"th"),n(108,"\u8BF4\u660E"),e(),t(109,"th"),n(110,"\u7C7B\u578B"),e(),t(111,"th"),n(112,"\u9ED8\u8BA4\u503C"),e(),t(113,"th"),n(114,"\u5168\u5C40\u914D\u7F6E"),e()()(),t(115,"tbody")(116,"tr")(117,"td")(118,"code"),n(119,"[nzTemplate]"),e()(),t(120,"td"),n(121,"\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF0C\u89C1\u793A\u4F8B"),e(),t(122,"td")(123,"code"),n(124,"TemplateRef<void>"),e()(),t(125,"td"),n(126,"-"),e(),r(127,"td"),e(),t(128,"tr")(129,"td")(130,"code"),n(131,"[nzVisibilityHeight]"),e()(),t(132,"td"),n(133,"\u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0 "),t(134,"code"),n(135,"nz-back-top"),e()(),t(136,"td")(137,"code"),n(138,"number"),e()(),t(139,"td")(140,"code"),n(141,"400"),e()(),t(142,"td"),n(143,"\u2705"),e()(),t(144,"tr")(145,"td")(146,"code"),n(147,"[nzTarget]"),e()(),t(148,"td"),n(149,"\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"),e(),t(150,"td")(151,"code"),n(152,"string | Element"),e()(),t(153,"td")(154,"code"),n(155,"window"),e()(),r(156,"td"),e(),t(157,"tr")(158,"td")(159,"code"),n(160,"[nzDuration]"),e()(),t(161,"td"),n(162,"\u56DE\u5230\u9876\u90E8\u6240\u9700\u65F6\u95F4\uFF08ms\uFF09"),e(),t(163,"td")(164,"code"),n(165,"number"),e()(),t(166,"td")(167,"code"),n(168,"450"),e()(),r(169,"td"),e(),t(170,"tr")(171,"td")(172,"code"),n(173,"(nzClick)"),e()(),t(174,"td"),n(175,"\u70B9\u51FB\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570"),e(),t(176,"td")(177,"code"),n(178,"EventEmitter<boolean>"),e()(),t(179,"td"),n(180,"-"),e(),r(181,"td"),e()()(),s(),e()()),i&2&&(d(),l("nzOffsetTop",16),d(),l("nzAffix",!1),d(54),l("nzGutter",16),d(),l("nzXl",12)("nzSpan",24),d(),l("nzId","components-back-top-demo-basic")("nzLink","components-back-top-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/basic.md"),d(5),l("nzId","components-back-top-demo-target")("nzLink","components-back-top-demo-target")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/target.md"),d(8),l("nzXl",12)("nzSpan",24),d(),l("nzId","components-back-top-demo-custom")("nzLink","components-back-top-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/custom.md"))},dependencies:[V,h,R,P,L,M,O,H,T,v,y,D],encapsulation:2})};var Q=class a{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(i){return new(i||a)};static \u0275cmp=z({type:a,selectors:[["nz-demo-back-top"]],viewQuery:function(i,p){if(i&1&&x(h,5),i&2){let o;k(o=C())&&(p.codeBoxes=o)}},decls:182,vars:22,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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(i,p){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(c){return p.goLink(c)}),r(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5),e()(),t(7,"section",6)(8,"h1"),n(9,"BackTop"),r(10,"span",7)(11,"span",8),t(12,"a",9),r(13,"nz-icon",10),e()(),t(14,"section",6),u(),t(15,"ul")(16,"li"),n(17,"Note: This component will be removed later. Please use "),t(18,"code"),n(19,"<nz-float-button-top></nz-float-button-top>"),e(),n(20," in the FloatButton component."),e()(),t(21,"p")(22,"code"),n(23,"nz-back-top"),e(),n(24," makes it easy to go back to the top of the page."),e(),t(25,"h2",11)(26,"span"),n(27,"When To Use"),e(),t(28,"a",12),n(29,"#"),e()(),t(30,"ul")(31,"li"),n(32,"When the page content is very long."),e(),t(33,"li"),n(34,"When you need to go back to the top very frequently in order to view the contents."),e()(),t(35,"pre")(36,"code",13)(37,"span",14),n(38,"import"),e(),n(39," "),t(40,"span",15),n(41,"{"),e(),n(42," NzBackTopModule "),t(43,"span",15),n(44,"}"),e(),n(45," "),t(46,"span",14),n(47,"from"),e(),n(48," "),t(49,"span",16),n(50,"'ng-zorro-antd/back-top'"),e(),t(51,"span",15),n(52,";"),e(),n(53,`
`),e()(),s(),e(),t(54,"h2")(55,"span"),n(56,"Examples"),e(),t(57,"nz-icon",17),g("click",function(){return p.expandAllCode()}),e()()(),t(58,"div",18)(59,"div",19)(60,"nz-code-box",20),r(61,"nz-demo-back-top-basic",21),t(62,"div",22),u(),t(63,"p"),n(64,"The most basic usage."),e(),s(),e()(),t(65,"nz-code-box",23),r(66,"nz-demo-back-top-target",21),t(67,"div",22),u(),t(68,"p"),n(69,"specifies the scrollable area dom node."),e(),s(),e()()(),t(70,"div",19)(71,"nz-code-box",24),r(72,"nz-demo-back-top-custom",21),t(73,"div",22),u(),t(74,"p"),n(75,"You can customize the style of the button, just note the size limit: no more than "),t(76,"code"),n(77,"40px * 40px"),e(),n(78,"."),e(),s(),e()()()(),t(79,"section",25),u(),t(80,"h2",26)(81,"span"),n(82,"API"),e(),t(83,"a",27),n(84,"#"),e()(),t(85,"h3",28)(86,"span"),n(87,"nz-back-top"),e(),t(88,"label",29),n(89,"component"),e(),t(90,"a",30),n(91,"#"),e()(),t(92,"blockquote")(93,"p"),n(94,"The distance to the bottom is set to "),t(95,"code"),n(96,"50px"),e(),n(97,` by default, which is overridable.
If you decide to use custom styles, please note the size limit: no more than `),t(98,"code"),n(99,"40px * 40px"),e(),n(100,"."),e()(),t(101,"table")(102,"thead")(103,"tr")(104,"th"),n(105,"Property"),e(),t(106,"th"),n(107,"Description"),e(),t(108,"th"),n(109,"Type"),e(),t(110,"th"),n(111,"Default"),e(),t(112,"th"),n(113,"Global Config"),e()()(),t(114,"tbody")(115,"tr")(116,"td")(117,"code"),n(118,"[nzTemplate]"),e()(),t(119,"td"),n(120,"custom content"),e(),t(121,"td")(122,"code"),n(123,"TemplateRef<void>"),e()(),t(124,"td"),n(125,"-"),e(),r(126,"td"),e(),t(127,"tr")(128,"td")(129,"code"),n(130,"[nzVisibilityHeight]"),e()(),t(131,"td"),n(132,"the "),t(133,"code"),n(134,"nz-back-top"),e(),n(135," button will not show until the scroll height reaches this value"),e(),t(136,"td")(137,"code"),n(138,"number"),e()(),t(139,"td")(140,"code"),n(141,"400"),e()(),t(142,"td"),n(143,"\u2705"),e()(),t(144,"tr")(145,"td")(146,"code"),n(147,"[nzTarget]"),e()(),t(148,"td"),n(149,"specifies the scrollable area dom node"),e(),t(150,"td")(151,"code"),n(152,"string | Element"),e()(),t(153,"td")(154,"code"),n(155,"window"),e()(),r(156,"td"),e(),t(157,"tr")(158,"td")(159,"code"),n(160,"[nzDuration]"),e()(),t(161,"td"),n(162,"Time to return to top (ms)"),e(),t(163,"td")(164,"code"),n(165,"number"),e()(),t(166,"td")(167,"code"),n(168,"450"),e()(),r(169,"td"),e(),t(170,"tr")(171,"td")(172,"code"),n(173,"(nzClick)"),e()(),t(174,"td"),n(175,"a callback function, which can be executed when you click the button"),e(),t(176,"td")(177,"code"),n(178,"EventEmitter<boolean>"),e()(),t(179,"td"),n(180,"-"),e(),r(181,"td"),e()()(),s(),e()()),i&2&&(d(),l("nzOffsetTop",16),d(),l("nzAffix",!1),d(56),l("nzGutter",16),d(),l("nzXl",12)("nzSpan",24),d(),l("nzId","components-back-top-demo-basic")("nzLink","components-back-top-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/basic.md"),d(5),l("nzId","components-back-top-demo-target")("nzLink","components-back-top-demo-target")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/target.md"),d(5),l("nzXl",12)("nzSpan",24),d(),l("nzId","components-back-top-demo-custom")("nzLink","components-back-top-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/back-top/demo/custom.md"))},dependencies:[V,h,R,P,L,M,O,H,T,v,y,D],encapsulation:2})};var Pe=[{path:"en",component:Q},{path:"zh",component:j}],Nt=Pe;export{Nt as default};