https://preview-9092-ng-zorro-antd.surge.sh/chunk-UPDMVVKD.js

1import{a as Xe,b as Ye}from"./chunk-IO6WFONR.js";import{a as Ze,b as $e,d as Qe}from"./chunk-GIVWLFIX.js";import{a as qe}from"./chunk-HFHM36MR.js";import"./chunk-KCO4COLI.js";import{a as H,g as le,h as re,j as me}from"./chunk-LI6HY6GI.js";import"./chunk-J5QXSPGU.js";import"./chunk-IK42E2MX.js";import{Ba as Re,Ca as Le,Ha as g,Hc as Ue,Ib as Pe,Ja as x,Jc as oe,Kc as ie,Nc as ae,Pb as Ve,Ub as w,gc as ne,na as ze,p as te,qc as je,ua as Ae,uc as We,va as Ge,wb as fe}from"./chunk-26X2XAD6.js";import{Aa as D,Ac as V,Bc as O,Cc as k,Gc as b,Hc as n,Ja as J,Jb as s,Jc as Ie,Ka as ye,Kb as _e,L as Ee,Ld as Me,Mc as Oe,Nc as ke,Oc as we,Pb as h,Sc as K,Wb as l,Yb as G,a as ge,aa as P,bd as C,dc as I,f as be,ia as Se,ic as e,id as ee,jc as t,kc as r,l as Ce,lc as De,m as de,mc as ve,na as xe,nb as Be,nd as se,oc as T,rc as y,sb as m,tc as S,uc as Te,vc as Ne,wa as Fe,xa as z,xd as He,ya as f,yb as B,za as _,zc as ce}from"./chunk-PXCXDVYP.js";import"./chunk-EQDQRRRY.js";function nt(i,p){}function ot(i,p){if(i&1&&(e(0,"div",2),h(1,nt,0,0,"ng-template",4),t()),i&2){let o=S(2);m(),l("ngTemplateOutlet",o.nzIcon)}}function it(i,p){if(i&1&&(De(0),n(1),ve()),i&2){let o=S(3);m(),Ie(" ",o.nzDescription," ")}}function at(i,p){if(i&1&&(e(0,"div",3),h(1,it,2,1,"ng-container",5),t()),i&2){let o=S(2);m(),l("nzStringTemplateOutlet",o.nzDescription)}}function lt(i,p){if(i&1&&h(0,ot,2,1,"div",2)(1,at,2,1,"div",3),i&2){let o=S();I(o.nzIcon?0:-1),m(),I(o.nzDescription&&o.nzShape==="square"?1:-1)}}function rt(i,p){i&1&&(e(0,"div",2),r(1,"nz-icon",6),t())}function mt(i,p){if(i&1){let o=T();e(0,"a",2),y("click",function(){_(o);let a=S();return D(a.nzOnClick.emit(!0))}),r(1,"nz-float-button-content",3),t()}if(i&2){let o=S();G("ant-float-btn-default",o.nzType==="default"),l("target",o.nzTarget)("href",o.nzHref,Be)("nzType",o.nzType),m(),l("nzIcon",o.nzIcon)("nzDescription",o.nzDescription)("nzShape",o.nzShape)}}function ut(i,p){if(i&1){let o=T();e(0,"button",4),y("click",function(){_(o);let a=S();return D(a.nzOnClick.emit(!0))}),r(1,"nz-float-button-content",3),t()}if(i&2){let o=S();G("ant-float-btn-default",o.nzType==="default"),l("nzType",o.nzType),m(),l("nzIcon",o.nzIcon)("nzDescription",o.nzDescription)("nzShape",o.nzShape)}}var pt=["backTop"];function dt(i,p){i&1&&r(0,"nz-icon",3)}var ct=["*"];function st(i,p){if(i&1&&(e(0,"div"),Ne(1),t()),i&2){let o=S();G("ant-float-btn-group-wrap",!!o.nzTrigger),l("@fadeMotion",void 0)}}function zt(i,p){if(i&1){let o=T();e(0,"nz-float-button",4),y("nzOnClick",function(){_(o);let a=S(2);return D(a.clickOpenMenu())})("mouseover",function(){_(o);let a=S(2);return D(a.hoverOpenMenu())}),t()}if(i&2){let o=S(2);l("nzType",o.nzType)("nzIcon",o.nzIcon)("nzShape",o.nzShape)("nzDescription",o.nzDescription)}}function ft(i,p){if(i&1){let o=T();e(0,"nz-float-button",5),y("nzOnClick",function(){_(o);let a=S(2);return D(a.clickCloseMenu())}),t()}if(i&2){let o=S(2),u=b(3);l("nzType",o.nzType)("nzIcon",u)("nzShape",o.nzShape)}}function ht(i,p){if(i&1&&h(0,zt,1,4,"nz-float-button",2)(1,ft,1,3,"nz-float-button",3),i&2){let o=S();I(!o.isOpen&&!o.nzOpen?0:1)}}function gt(i,p){i&1&&r(0,"nz-icon",6)}var Je=(()=>{class i{nzIcon=null;nzDescription=null;nzShape="circle";static \u0275fac=function(u){return new(u||i)};static \u0275cmp=s({type:i,selectors:[["nz-float-button-content"]],inputs:{nzIcon:"nzIcon",nzDescription:"nzDescription",nzShape:"nzShape"},exportAs:["nzFloatButtonContent"],decls:4,vars:1,consts:[[1,"ant-float-btn-body"],[1,"ant-float-btn-content"],[1,"ant-float-btn-icon"],[1,"ant-float-btn-description"],[3,"ngTemplateOutlet"],[4,"nzStringTemplateOutlet"],["nzType","file-text","nzTheme","outline"]],template:function(u,a){u&1&&(e(0,"div",0)(1,"div",1),h(2,lt,2,2)(3,rt,2,0,"div",2),t()()),u&2&&(m(2),I(a.nzDescription||a.nzIcon?2:3))},dependencies:[x,g,Me,Pe],encapsulation:2,changeDetection:0})}return i})(),E=(()=>{class i{destroy$;directionality;cdr;nzHref=null;nzTarget=null;nzType="default";nzShape="circle";nzIcon=null;nzDescription=null;nzOnClick=new J;dir="ltr";constructor(o,u,a){this.destroy$=o,this.directionality=u,this.cdr=a,this.dir=this.directionality.value}ngOnInit(){this.directionality.change?.pipe(P(this.destroy$)).subscribe(o=>{this.dir=o,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}static \u0275fac=function(u){return new(u||i)(B(w),B(te),B(ee))};static \u0275cmp=s({type:i,selectors:[["nz-float-button"]],hostAttrs:[1,"ant-float-btn"],hostVars:6,hostBindings:function(u,a){u&2&&G("ant-float-btn-circle",a.nzShape==="circle")("ant-float-btn-square",a.nzShape==="square")("ant-float-btn-rtl",a.dir==="rtl")},inputs:{nzHref:"nzHref",nzTarget:"nzTarget",nzType:"nzType",nzShape:"nzShape",nzIcon:"nzIcon",nzDescription:"nzDescription"},outputs:{nzOnClick:"nzOnClick"},exportAs:["nzFloatButton"],features:[K([w])],decls:2,vars:1,consts:[["nz-button","",1,"ant-float-btn-inner",3,"target","href","nzType","ant-float-btn-default"],["nz-button","",1,"ant-float-btn-inner",3,"nzType","ant-float-btn-default"],["nz-button","",1,"ant-float-btn-inner",3,"click","target","href","nzType"],[3,"nzIcon","nzDescription","nzShape"],["nz-button","",1,"ant-float-btn-inner",3,"click","nzType"]],template:function(u,a){u&1&&h(0,mt,2,8,"a",0)(1,ut,2,6,"button",1),u&2&&I(a.nzHref?0:1)},dependencies:[Qe,$e,Ze,qe,Je],encapsulation:2,changeDetection:0})}return i})(),bt="backTop",Ct=Le({passive:!0}),Z=(()=>{let i,p=[],o=[];return class he{static{let a=typeof Symbol=="function"&&Symbol.metadata?Object.create(null):void 0;i=[Ge()],Ce(null,null,i,{kind:"field",name:"nzVisibilityHeight",static:!1,private:!1,access:{has:d=>"nzVisibilityHeight"in d,get:d=>d.nzVisibilityHeight,set:(d,c)=>{d.nzVisibilityHeight=c}},metadata:a},p,o),a&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})}

1nzConfigService;scrollSrv;platform;ngZone;cdr;destroy$;directionality;_nzModuleName=bt;scrollListenerDestroy$=new be;target=null;visible=!1;dir="ltr";nzHref=null;nzType="default";nzShape="circle";nzIcon=null;nzDescription=null;nzTemplate;nzVisibilityHeight=de(this,p,400);nzTarget=de(this,o);nzDuration=450;nzOnClick=new J;set backTop(a){a&&(this.backTopClickSubscription.unsubscribe(),this.backTopClickSubscription=ze(a.nativeElement,"click").pipe(P(this.destroy$)).subscribe(()=>{this.scrollSrv.scrollTo(this.getTarget(),0,{duration:this.nzDuration}),this.nzOnClick.observers.length&&this.ngZone.run(()=>this.nzOnClick.emit(!0))}))}doc=xe(He);backTopClickSubscription=ge.EMPTY;constructor(a,d,c,L,Ke,et,tt){this.nzConfigService=a,this.scrollSrv=d,this.platform=c,this.ngZone=L,this.cdr=Ke,this.destroy$=et,this.directionality=tt,this.dir=this.directionality.value}ngOnInit(){this.registerScrollEvent(),this.directionality.change?.pipe(P(this.destroy$)).subscribe(a=>{this.dir=a,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(),this.handleScroll(),ze(this.getTarget(),"scroll",Ct).pipe(Ee(50),P(this.scrollListenerDestroy$)).subscribe(()=>this.handleScroll()))}ngOnDestroy(){this.scrollListenerDestroy$.next(),this.scrollListenerDestroy$.complete()}detectChanges(){this.cdr.detectChanges()}ngOnChanges(a){let{nzTarget:d}=a;d&&(this.target=typeof this.nzTarget=="string"?this.doc.querySelector(this.nzTarget):this.nzTarget,this.registerScrollEvent())}static \u0275fac=function(d){return new(d||he)(B(Ae),B(Ve),B(Re),B(ye),B(ee),B(w),B(te))};static \u0275cmp=s({type:he,selectors:[["nz-float-button-top"]],viewQuery:function(d,c){if(d&1&&V(pt,5),d&2){let L;O(L=k())&&(c.backTop=L.first)}},hostAttrs:[1,"ant-float-btn","ant-float-btn-top"],hostVars:8,hostBindings:function(d,c){d&2&&G("ant-float-btn-circle",c.nzShape==="circle")("ant-float-btn-hidden",!c.visible)("ant-float-btn-square",c.nzShape==="square")("ant-float-btn-rtl",c.dir==="rtl")},inputs:{nzHref:"nzHref",nzType:"nzType",nzShape:"nzShape",nzIcon:"nzIcon",nzDescription:"nzDescription",nzTemplate:"nzTemplate",nzVisibilityHeight:[2,"nzVisibilityHeight","nzVisibilityHeight",se],nzTarget:"nzTarget",nzDuration:[2,"nzDuration","nzDuration",se]},outputs:{nzOnClick:"nzOnClick"},exportAs:["nzFloatButtonTop"],features:[K([w]),Fe],decls:5,vars:6,consts:[["backTop",""],["top",""],[3,"nzIcon","nzDescription","nzHref","nzType","nzShape"],["nzType","vertical-align-top","nzTheme","outline"]],template:function(d,c){if(d&1&&(e(0,"div",null,0),r(2,"nz-float-button",2),h(3,dt,1,0,"ng-template",null,1,C),t()),d&2){let L=b(4);l("@fadeMotion",void 0),m(2),l("nzIcon",c.nzIcon||L)("nzDescription",c.nzDescription)("nzHref",c.nzHref)("nzType",c.nzType)("nzShape",c.nzShape)}},dependencies:[E,x,g],encapsulation:2,data:{animation:[fe]},changeDetection:0})}})(),R=(()=>{class i{destroy$;directionality;cdr;nzFloatButtonComponent;nzFloatButtonTopComponents;nzHref=null;nzTarget=null;nzType="default";nzIcon=null;nzDescription=null;nzShape="circle";nzTrigger=null;nzOpen=null;nzOnOpenChange=new J;isOpen=!1;dir="ltr";constructor(o,u,a){this.destroy$=o,this.directionality=u,this.cdr=a,this.dir=this.directionality.value}ngOnInit(){this.directionality.change?.pipe(P(this.destroy$)).subscribe(o=>{this.dir=o,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngAfterContentInit(){this.nzFloatButtonComponent&&this.nzFloatButtonComponent.forEach(o=>{o.nzShape=this.nzShape}),this.nzFloatButtonTopComponents&&this.nzFloatButtonTopComponents.forEach(o=>{o.nzShape=this.nzShape,o.detectChanges()})}clickOpenMenu(){this.nzTrigger!=="click"||this.nzOpen!==null||(this.isOpen=!0,this.nzOnOpenChange.emit(!0),this.cdr.markForCheck())}hoverOpenMenu(){this.nzTrigger!=="hover"||this.nzOpen!==null||(this.isOpen=!0,this.nzOnOpenChange.emit(!0),this.cdr.markForCheck())}clickCloseMenu(){this.nzTrigger==="click"&&(this.isOpen=!1,this.nzOnOpenChange.emit(!1),this.cdr.markForCheck())}hoverCloseMenu(){this.nzTrigger!=="hover"||typeof this.nzOpen=="boolean"||(this.isOpen=!1,this.nzOnOpenChange.emit(!1),this.cdr.markForCheck())}static \u0275fac=function(u){return new(u||i)(B(w),B(te),B(ee))};static \u0275cmp=s({type:i,selectors:[["nz-float-button-group"]],contentQueries:function(u,a,d){if(u&1&&(ce(d,E,4),ce(d,Z,4)),u&2){let c;O(c=k())&&(a.nzFloatButtonComponent=c),O(c=k())&&(a.nzFloatButtonTopComponents=c)}},hostAttrs:[1,"ant-float-btn-group"],hostVars:10,hostBindings:function(u,a){u&1&&y("mouseleave",function(){return a.hoverCloseMenu()}),u&2&&G("ant-float-btn-group-circle",a.nzShape==="circle")("ant-float-btn-group-circle-shadow",a.nzShape==="circle")("ant-float-btn-group-square",a.nzShape==="square")("ant-float-btn-group-square-shadow",a.nzShape==="square"&&!a.nzTrigger)("ant-float-btn-group-rtl",a.dir==="rtl")},inputs:{nzHref:"nzHref",nzTarget:"nzTarget",nzType:"nzType",nzIcon:"nzIcon",nzDescription:"nzDescription",nzShape:"nzShape",nzTrigger:"nzTrigger",nzOpen:"nzOpen"},outputs:{nzOnOpenChange:"nzOnOpenChange"},exportAs:["nzFloatButtonGroup"],features:[K([w])],ngContentSelectors:ct,decls:4,vars:2,consts:[["close",""],[3,"ant-float-btn-group-wrap"],[3,"nzType","nzIcon","nzShape","nzDescription"],[3,"nzType","nzIcon","nzShape"],[3,"nzOnClick","mouseover","nzType","nzIcon","nzShape","nzDescription"],[3,"nzOnClick","nzType","nzIcon","nzShape"],["nzType","close","nzTheme","outline"]],template:function(u,a){u&1&&(Te(),h(0,st,2,3,"div",1)(1,ht,2,1)(2,gt,1,0,"ng-template",null,0,C)),u&2&&(I(!a.nzTrigger||a.isOpen||a.nzOpen===!0?0:-1),m(),I(a.nzTrigger?1:-1))},dependencies:[E,x,g],encapsulation:2,data:{animation:[fe]},changeDetection:0})}return i})(),F=(()=>

1{class i{static \u0275fac=function(u){return new(u||i)};static \u0275mod=_e({type:i});static \u0275inj=Se({imports:[E,R,Z,Je]})}return i})();var q=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-basic"]],decls:2,vars:0,consts:[[1,"basic"]],template:function(o,u){o&1&&(e(0,"div",0),r(1,"nz-float-button"),t())},dependencies:[F,E],styles:[".basic[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};function Et(i,p){i&1&&n(0,"HELP")}function St(i,p){i&1&&r(0,"nz-icon",5)}var $=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-description"]],decls:7,vars:3,consts:[["description",""],["icon",""],[1,"description"],["nzShape","square",2,"right","24px",3,"nzIcon","nzDescription"],["nzShape","square",2,"right","94px",3,"nzDescription"],["nzType","file-text","nzTheme","outline"]],template:function(o,u){if(o&1&&(e(0,"div",2),r(1,"nz-float-button",3)(2,"nz-float-button",4),t(),h(3,Et,1,0,"ng-template",null,0,C)(5,St,1,0,"ng-template",null,1,C)),o&2){let a=b(4),d=b(6);m(),l("nzIcon",d)("nzDescription",a),m(),l("nzDescription",a)}},dependencies:[F,E,x,g],styles:[".description[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};function xt(i,p){i&1&&r(0,"nz-icon",6)}function Ft(i,p){i&1&&r(0,"nz-icon",7)}var Q=class i{openChange(p){console.log(p)}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-group-menu"]],decls:11,vars:4,consts:[["icon",""],["inner",""],[1,"menu"],["nzType","primary","nzTrigger","click",2,"right","24px",3,"nzOnOpenChange","nzIcon"],[3,"nzIcon"],["nzType","primary","nzTrigger","hover",2,"right","94px",3,"nzOnOpenChange","nzIcon"],["nzType","customer-service","nzTheme","outline"],["nzType","comment","nzTheme","outline"]],template:function(o,u){if(o&1){let a=T();e(0,"div",2)(1,"nz-float-button-group",3),y("nzOnOpenChange",function(c){return _(a),D(u.openChange(c))}),r(2,"nz-float-button")(3,"nz-float-button",4),t(),e(4,"nz-float-button-group",5),y("nzOnOpenChange",function(c){return _(a),D(u.openChange(c))}),r(5,"nz-float-button")(6,"nz-float-button",4),t()(),h(7,xt,1,0,"ng-template",null,0,C)(9,Ft,1,0,"ng-template",null,1,C)}if(o&2){let a=b(8),d=b(10);m(),l("nzIcon",a),m(2),l("nzIcon",d),m(),l("nzIcon",a),m(2),l("nzIcon",d)}},dependencies:[F,E,R,x,g],styles:[".menu[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button-group[_ngcontent-%COMP%], nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};function yt(i,p){i&1&&r(0,"nz-icon",7)}function Bt(i,p){i&1&&r(0,"nz-icon",8)}var j=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-group"]],decls:15,vars:6,consts:[["icon",""],["customer",""],[1,"group"],["nzShape","circle",2,"right","24px"],[3,"nzIcon"],[3,"nzVisibilityHeight"],["nzShape","square",2,"right","94px"],["nzType","question-circle","nzTheme","outline"],["nzType","customer-service","nzTheme","outline"]],template:function(o,u){if(o&1&&(e(0,"div",2)(1,"nz-float-button-group",3),r(2,"nz-float-button",4)(3,"nz-float-button")(4,"nz-float-button-top",5)(5,"nz-float-button",4),t(),e(6,"nz-float-button-group",6),r(7,"nz-float-button",4)(8,"nz-float-button")(9,"nz-float-button-top",5)(10,"nz-float-button",4),t()(),h(11,yt,1,0,"ng-template",null,0,C)(13,Bt,1,0,"ng-template",null,1,C)),o&2){let a=b(12),d=b(14);m(2),l("nzIcon",a),m(2),l("nzVisibilityHeight",600),m(),l("nzIcon",d),m(2),l("nzIcon",a),m(2),l("nzVisibilityHeight",600),m(),l("nzIcon",d)}},dependencies:[F,E,R,Z,x,g],styles:[".group[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button-group[_ngcontent-%COMP%], nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};function _t(i,p){i&1&&r(0,"nz-icon",6)}function Dt(i,p){i&1&&r(0,"nz-icon",7)}var W=class i{isOpen=!0;static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-open"]],decls:9,vars:4,consts:[["icon",""],["inner",""],[1,"open"],["nzType","primary","nzTrigger","hover",2,"right","24px",3,"nzIcon","nzOpen"],[3,"nzIcon"],[3,"ngModelChange","ngModel"],["nzType","customer-service","nzTheme","outline"],["nzType","comment","nzTheme","outline"]],template:function(o,u){if(o&1){let a=T();e(0,"div",2)(1,"nz-float-button-group",3),r(2,"nz-float-button")(3,"nz-float-button",4),t(),e(4,"nz-switch",5),we("ngModelChange",function(c){return _(a),ke(u.isOpen,c)||(u.isOpen=c),D(c)}),t(),h(5,_t,1,0,"ng-template",null,0,C)(7,Dt,1,0,"ng-template",null,1,C),t()}if(o&2){let a=b(6),d=b(8);

1m(),l("nzIcon",a)("nzOpen",u.isOpen),m(2),l("nzIcon",d),m(),Oe("ngModel",u.isOpen)}},dependencies:[Ue,je,We,F,E,R,x,g,Ye,Xe],styles:[".open[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button-group[_ngcontent-%COMP%], nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};function vt(i,p){i&1&&r(0,"nz-icon",4)}var U=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-shape"]],decls:5,vars:2,consts:[["icon",""],[1,"shape"],["nzShape","circle","nzType","primary",2,"right","94px",3,"nzIcon"],["nzShape","square","nzType","primary",2,"right","24px",3,"nzIcon"],["nzType","customer-service","nzTheme","outline"]],template:function(o,u){if(o&1&&(e(0,"div",1),r(1,"nz-float-button",2)(2,"nz-float-button",3),h(3,vt,1,0,"ng-template",null,0,C),t()),o&2){let a=b(4);m(),l("nzIcon",a),m(),l("nzIcon",a)}},dependencies:[F,E,x,g],styles:[".shape[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};var X=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-top"]],decls:2,vars:0,template:function(o,u){o&1&&(r(0,"nz-float-button-top"),n(1," Scroll down to see the back to top button on the bottom right "))},dependencies:[F,Z],encapsulation:2})};function Tt(i,p){i&1&&r(0,"nz-icon",4)}var Y=class i{static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button-type"]],decls:5,vars:2,consts:[["icon",""],[1,"type"],["nzType","primary",2,"right","24px",3,"nzIcon"],["nzType","default",2,"right","94px",3,"nzIcon"],["nzType","question-circle","nzTheme","outline"]],template:function(o,u){if(o&1&&(e(0,"div",1),r(1,"nz-float-button",2)(2,"nz-float-button",3),t(),h(3,Tt,1,0,"ng-template",null,0,C)),o&2){let a=b(4);m(),l("nzIcon",a),m(),l("nzIcon",a)}},dependencies:[F,E,x,g],styles:[".type[_ngcontent-%COMP%]{height:300px;position:relative}nz-float-button[_ngcontent-%COMP%]{position:absolute}"]})};var ue=class i{expanded=!1;codeBoxes;goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(p=>p.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button"]],viewQuery:function(o,u){if(o&1&&V(H,5),o&2){let a;O(a=k())&&(u.codeBoxes=a)}},decls:384,vars:47,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-float-button-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-float-button-demo-type","nzTitle","\u7C7B\u578B"],["nzHref","#components-float-button-demo-shape","nzTitle","\u5F62\u72B6"],["nzHref","#components-float-button-demo-description","nzTitle","\u63CF\u8FF0"],["nzHref","#components-float-button-demo-group","nzTitle","\u6D6E\u52A8\u6309\u94AE\u7EC4"],["nzHref","#components-float-button-demo-group-menu","nzTitle","\u83DC\u5355\u6A21\u5F0F"],["nzHref","#components-float-button-demo-open","nzTitle","\u53D7\u63A7\u6A21\u5F0F"],["nzHref","#components-float-button-demo-top","nzTitle","\u8FD4\u56DE\u9876\u90E8"],["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/float-button/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"],["id","\u5F15\u5165\u6A21\u5757"],["onclick","window.location.hash = '\u5F15\u5165\u6A21\u5757'",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-float-button-basic","nzGenerateCommand","ng g ng-zorro-antd:float-button-basic <name>","nzComponentName","NzDemoFloatButtonBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5F62\u72B6","nzSelector","nz-demo-float-button-shape","nzGenerateCommand","ng g ng-zorro-antd:float-button-shape <name>","nzComponentName","NzDemoFloatButtonShapeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u6D6E\u52A8\u6309\u94AE\u7EC4","nzSelector","nz-demo-float-button-group","nzGenerateCommand","ng g ng-zorro-antd:float-button-group <name>","nzComponentName","NzDemoFloatButtonGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u53D7\u63A7\u6A21\u5F0F","nzSelector","nz-demo-float-button-open","nzGenerateCommand","ng g ng-zorro-antd:float-button-open <name>","nzComponentName","NzDemoFloatButtonOpenComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u7C7B\u578B","nzSelector","nz-demo-float-button-type","nzGenerateCommand","ng g ng-zorro-antd:float-button-type <name>","nzComponentName","NzDemoFloatButtonTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u63CF\u8FF0","nzSelector","nz-demo-float-button-description","nzGenerateCommand","ng g ng-zorro-antd:float-button-description <name>","nzComponentName","NzDemoFloatButtonDescriptionComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u83DC\u5355\u6A21\u5F0F","nzSelector","nz-demo-float-button-group-menu","nzGenerateCommand","ng g ng-zorro-antd:float-button-group-menu <name>","nzComponentName","NzDemoFloatButtonGroupMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8FD4\u56DE\u9876\u90E8","nzSelector","nz-demo-float-button-top","nzGenerateCommand","ng g ng-zorro-antd:float-button-top <name>","nzComponentName","NzDemoFloatButtonTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","\u5171\u540C\u7684_api"],["onclick","window.location.hash = '\u5171\u540C\u7684_api'",1,"anchor"],["id","nz-float-button-group"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-float-button-group'",1,"anchor"],["id","nz-float-button-top"],["onclick","window.location.hash = 'nz-float-button-top'",1,"anchor"]],template:function(o,u){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),y("nzClick",function(d){return u.goLink(d)}),r(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)(10,"nz-link",9)(11,"nz-link",10),t()(),e(12,"section",11)(13,"h1"),n(14,"FloatButton"),e(15,"span",12),n(16,"\u60AC\u6D6E\u6309\u94AE"),t(),r(17,"span",13),e(18,"a",14),r(19,"nz-icon",15),t()(),e(20,"section",11),f(),e(21,"h2",16)(22,"span"),n(23,"\u4F55\u65F6\u4F7F\u7528"),t(),e(24,"a",17),n(25,"#"),t()(),e(26,"ul")(27,"li")(28,"p"),n(29,"\u7528\u4E8E\u7F51\u7AD9\u4E0A\u7684\u5168\u5C40\u529F\u80FD\uFF1B"),t()(),e(30,"li")(31,"p"),n(32,"\u65E0\u8BBA\u6D4F\u89C8\u5230\u4F55\u5904\u90FD\u53EF\u4EE5\u770B\u89C1\u7684\u6309\u94AE\u3002"),t()()(),e(33,"h3",18)(34,"span"),n(35,"\u5F15\u5165\u6A21\u5757"),t(),e(36,"a",19),n(37,"#"),t()(),e(38,"pre")(39,"code",20)(40,"span",21),n(41,"import"),t(),n(42," "),e(43,"span",22),n(44,"{"),t(),n(45," NzFloatButtonModule "),e(46,"span",22),n(47,"}"),t(),n(48," "),e(49,"span",21),n(50,"from"),t(),n(51," "),e(52,"span",23),n(53,"'ng-zorro-antd/float-button'"),t(),e(54,"span",22),n(55,";"),t(),n(56,`
2`),t()(),z(),t(),e(57,"h2")(58,"span"),n(59,"\u4EE3\u7801\u6F14\u793A"),t(),e(60,"nz-icon",24),y("click",function(){return u.expandAllCode()}),t()()(),e(61,"div",25)(62,"div",26)(63,"nz-code-box",27),r(64,"nz-demo-float-button-basic",28),e(65,"div",29),f(),e(66,"p"),n(67,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),t(),z(),t()(),e(68,"nz-code-box",30),r(69,"nz-demo-float-button-shape",28),e(70,"div",29),f(),e(71,"p"),n(72,"\u901A\u8FC7 "),e(73,"code"),n(74,"nsShape"),t(),n(75," \u8BBE\u7F6E\u4E0D\u540C\u7684\u5F62\u72B6\u3002"),t(),z(),t()(),e(76,"nz-code-box",31),r(77,"nz-demo-float-button-group",28),e(78,"div",29),f(),e(79,"p"),n(80,"\u6309\u94AE\u7EC4\u5408\u4F7F\u7528\u65F6\uFF0C\u63A8\u8350\u4F7F\u7528 "),e(81,"code"),n(82,"nz-float-button-group"),t(),n(83,"\uFF0C\u5E76\u901A\u8FC7\u8BBE\u7F6E "),e(84,"code"),n(85,"nzShape"),t(),n(86," \u5C5E\u6027\u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7EC4\u7684\u5F62\u72B6\u3002"),t(),z(),t()(),e(87,"nz-code-box",32),r(88,"nz-demo-float-button-open",28),e(89,"div",29),f(),e(90,"p"),n(91,"\u8BBE\u7F6E "),e(92,"code"),n(93,"nzOpen"),t(),n(94," \u5C5E\u6027\u63A7\u5236 "),e(95,"code"),n(96,"nz-float-button-group"),t(),n(97," \u662F\u5426\u5C55\u5F00"),t(),z(),t()()(),e(98,"div",26)(99,"nz-code-box",33),r(100,"nz-demo-float-button-type",28),e(101,"div",29),f(),e(102,"p"),n(103,"\u901A\u8FC7 "),e(104,"code"),n(105,"nzType"),t(),n(106," \u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7684\u7C7B\u578B\u3002"),t(),z(),t()(),e(107,"nz-code-box",34),r(108,"nz-demo-float-button-description",28),e(109,"div",29),f(),e(110,"p"),n(111,"\u53EF\u4EE5\u901A\u8FC7 "),e(112,"code"),n(113,"nzDescription"),t(),n(114," \u8BBE\u7F6E\u6587\u5B57\u5185\u5BB9\u3002"),t(),e(115,"blockquote")(116,"p"),n(117,"\u4EC5\u5F53 "),e(118,"code"),n(119,"shape"),t(),n(120," \u5C5E\u6027\u4E3A "),e(121,"code"),n(122,"square"),t(),n(123," \u65F6\u652F\u6301\u3002\u7531\u4E8E\u7A7A\u95F4\u8F83\u5C0F\uFF0C\u63A8\u8350\u4F7F\u7528\u6BD4\u8F83\u7CBE\u7B80\u7684\u53CC\u6570\u6587\u5B57\u3002"),t()(),z(),t()(),e(124,"nz-code-box",35),r(125,"nz-demo-float-button-group-menu",28),e(126,"div",29),f(),e(127,"p"),n(128,"\u8BBE\u7F6E "),e(129,"code"),n(130,"nzTrigger"),t(),n(131," \u5C5E\u6027\u5373\u53EF\u5F00\u542F\u83DC\u5355\u6A21\u5F0F\u3002\u63D0\u4F9B "),e(132,"code"),n(133,"hover"),t(),n(134," \u548C "),e(135,"code"),n(136,"click"),t(),n(137," \u4E24\u79CD\u89E6\u53D1\u65B9\u5F0F\u3002"),t(),z(),t()(),e(138,"nz-code-box",36),r(139,"nz-demo-float-button-top",28),e(140,"div",29),f(),e(141,"p"),n(142,"\u8FD4\u56DE\u9875\u9762\u9876\u90E8\u7684\u64CD\u4F5C\u6309\u94AE\u3002"),t(),z(),t()()()(),e(143,"section",37),f(),e(144,"h2",38)(145,"span"),n(146,"API"),t(),e(147,"a",39),n(148,"#"),t()(),e(149,"h3",40)(150,"span"),n(151,"\u5171\u540C\u7684 API"),t(),e(152,"a",41),n(153,"#"),t()(),e(154,"table")(155,"thead")(156,"tr")(157,"th"),n(158,"\u53C2\u6570"),t(),e(159,"th"),n(160,"\u8BF4\u660E"),t(),e(161,"th"),n(162,"\u7C7B\u578B"),t(),e(163,"th"),n(164,"\u9ED8\u8BA4\u503C"),t()()(),e(165,"tbody")(166,"tr")(167,"td")(168,"code"),n(169,"[nzIcon]"),t()(),e(170,"td"),n(171,"\u81EA\u5B9A\u4E49\u56FE\u6807"),t(),e(172,"td")(173,"code"),n(174,"TemplateRef<void>"),t()(),e(175,"td"),n(176,"-"),t()(),e(177,"tr")(178,"td")(179,"code"),n(180,"[nzDescription]"),t()(),e(181,"td"),n(182,"\u6587\u5B57\u53CA\u5176\u5B83\u5185\u5BB9"),t(),e(183,"td")(184,"code"),n(185,"TemplateRef<void> | string"),t()(),e(186,"td"),n(187,"-"),t()(),e(188,"tr")(189,"td")(190,"code"),n(191,"[nzType]"),t()(),e(192,"td"),n(193,"\u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B"),t(),e(194,"td")(195,"code"),n(196,"default | primary"),t()(),e(197,"td")(198,"code"),n(199,"default"),t()()(),e(200,"tr")(201,"td")(202,"code"),n(203,"[nzShape]"),t()(),e(204,"td"),n(205,"\u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6"),t(),e(206,"td")(207,"code"),n(208,"circle | square"),t()(),e(209,"td")(210,"code"),n(211,"circle"),t()()(),e(212,"tr")(213,"td")(214,"code"),n(215,"[nzHref]"),t()(),e(216,"td"),n(217,"\u70B9\u51FB\u8DF3\u8F6C\u7684\u5730\u5740\uFF0C\u6307\u5B9A\u6B64\u5C5E\u6027 button \u7684\u884C\u4E3A\u548C a \u94FE\u63A5\u4E00\u81F4"),t(),e(218,"td")(219,"code"),n(220,"string"),t()(),e(221,"td"),n(222,"-"),t()(),e(223,"tr")(224,"td")(225,"code"),n(226,"[nzTarget]"),t()(),e(227,"td"),n(228,"\u76F8\u5F53\u4E8E a \u6807\u7B7E\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548"),t(),e(229,"td")(230,"code"),n(231,"string"),t()(),e(232,"td"),n(233,"-"),t()(),e(234,"tr")(235,"td")(236,"code"),n(237,"(nzOnClick)"),t()(),e(238,"td"),n(239,"\u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03"),t(),e(240,"td")(241,"code"),n(242,"

2EventEmitter<boolean>"),t()(),e(243,"td"),n(244,"-"),t()()()(),e(245,"h3",42)(246,"span"),n(247,"nz-float-button-group"),t(),e(248,"label",43),n(249,"component"),t(),e(250,"a",44),n(251,"#"),t()(),e(252,"table")(253,"thead")(254,"tr")(255,"th"),n(256,"\u53C2\u6570"),t(),e(257,"th"),n(258,"\u8BF4\u660E"),t(),e(259,"th"),n(260,"\u7C7B\u578B"),t(),e(261,"th"),n(262,"\u9ED8\u8BA4\u503C"),t()()(),e(263,"tbody")(264,"tr")(265,"td")(266,"code"),n(267,"[nzShape]"),t()(),e(268,"td"),n(269,"\u8BBE\u7F6E\u6309\u94AE\u7EC4\u5F62\u72B6"),t(),e(270,"td")(271,"code"),n(272,"circle | square"),t()(),e(273,"td")(274,"code"),n(275,"circle"),t()()(),e(276,"tr")(277,"td")(278,"code"),n(279,"[nzTrigger]"),t()(),e(280,"td"),n(281,"\u89E6\u53D1\u65B9\u5F0F\uFF08\u6709\u89E6\u53D1\u65B9\u5F0F\u4E3A\u83DC\u5355\u6A21\u5F0F\uFF09"),t(),e(282,"td")(283,"code"),n(284,"click | hover"),t()(),e(285,"td"),n(286,"-"),t()(),e(287,"tr")(288,"td")(289,"code"),n(290,"[nzOpen]"),t()(),e(291,"td"),n(292,"\u53D7\u63A7\u5C55\u5F00"),t(),e(293,"td")(294,"code"),n(295,"boolean"),t()(),e(296,"td"),n(297,"-"),t()(),e(298,"tr")(299,"td")(300,"code"),n(301,"(nzOnOpenChange)"),t()(),e(302,"td"),n(303,"\u5C55\u5F00\u6536\u8D77\u65F6\u7684\u56DE\u8C03"),t(),e(304,"td")(305,"code"),n(306,"EventEmitter<boolean>"),t()(),e(307,"td"),n(308,"-"),t()()()(),e(309,"h3",45)(310,"span"),n(311,"nz-float-button-top"),t(),e(312,"label",43),n(313,"component"),t(),e(314,"a",46),n(315,"#"),t()(),e(316,"table")(317,"thead")(318,"tr")(319,"th"),n(320,"\u6210\u5458"),t(),e(321,"th"),n(322,"\u8BF4\u660E"),t(),e(323,"th"),n(324,"\u7C7B\u578B"),t(),e(325,"th"),n(326,"\u9ED8\u8BA4\u503C"),t(),e(327,"th"),n(328,"\u5168\u5C40\u914D\u7F6E"),t()()(),e(329,"tbody")(330,"tr")(331,"td")(332,"code"),n(333,"[nzVisibilityHeight]"),t()(),e(334,"td"),n(335,"\u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0 "),e(336,"code"),n(337,"nz-float-button-top"),t()(),e(338,"td")(339,"code"),n(340,"number"),t()(),e(341,"td")(342,"code"),n(343,"400"),t()(),e(344,"td"),n(345,"\u2705"),t()(),e(346,"tr")(347,"td")(348,"code"),n(349,"[nzTarget]"),t()(),e(350,"td"),n(351,"\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(),e(352,"td")(353,"code"),n(354,"string | Element"),t()(),e(355,"td")(356,"code"),n(357,"window"),t()(),r(358,"td"),t(),e(359,"tr")(360,"td")(361,"code"),n(362,"[nzDuration]"),t()(),e(363,"td"),n(364,"\u56DE\u5230\u9876\u90E8\u6240\u9700\u65F6\u95F4\uFF08ms\uFF09"),t(),e(365,"td")(366,"code"),n(367,"number"),t()(),e(368,"td")(369,"code"),n(370,"450"),t()(),r(371,"td"),t(),e(372,"tr")(373,"td")(374,"code"),n(375,"(nzOnClick)"),t()(),e(376,"td"),n(377,"\u70B9\u51FB\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570"),t(),e(378,"td")(379,"code"),n(380,"EventEmitter<boolean>"),t()(),e(381,"td"),n(382,"-"),t(),r(383,"td"),t()()(),z(),t()()),o&2&&(m(),l("nzOffsetTop",16),m(),l("nzAffix",!1),m(59),l("nzGutter",16),m(),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-float-button-demo-basic")("nzLink","components-float-button-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/basic.md"),m(5),l("nzId","components-float-button-demo-shape")("nzLink","components-float-button-demo-shape")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/shape.md"),m(8),l("nzId","components-float-button-demo-group")("nzLink","components-float-button-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/group.md"),m(11),l("nzId","components-float-button-demo-open")("nzLink","components-float-button-demo-open")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/open.md"),m(11),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-float-button-demo-type")("nzLink","components-float-button-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/type.md"),m(8),l("nzId","components-float-button-demo-description")("nzLink","components-float-button-demo-description")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/description.md"),m(17),l("nzId","components-float-button-demo-group-menu")("nzLink","components-float-button-demo-group-menu")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/group-menu.md"),m(14),l("nzId","components-float-button-demo-top")("nzLink","components-float-button-demo-top")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/top.md"))},dependencies:[me,H,le,re,ae,ie,oe,ne,g,q,$,Q,j,W,U,X,Y],encapsulation:2})};var pe=class i{expanded=!1;codeBoxes;goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

2h(p=>p.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=s({type:i,selectors:[["nz-demo-float-button"]],viewQuery:function(o,u){if(o&1&&V(H,5),o&2){let a;O(a=k())&&(u.codeBoxes=a)}},decls:393,vars:47,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-float-button-demo-basic","nzTitle","Basic"],["nzHref","#components-float-button-demo-type","nzTitle","Type"],["nzHref","#components-float-button-demo-shape","nzTitle","Shape"],["nzHref","#components-float-button-demo-description","nzTitle","Description"],["nzHref","#components-float-button-demo-group","nzTitle","FloatButton Group"],["nzHref","#components-float-button-demo-group-menu","nzTitle","Menu mode"],["nzHref","#components-float-button-demo-open","nzTitle","Controlled mode"],["nzHref","#components-float-button-demo-top","nzTitle","Back Top"],["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/float-button/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"],["id","import_module"],["onclick","window.location.hash = 'import_module'",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-float-button-basic","nzGenerateCommand","ng g ng-zorro-antd:float-button-basic <name>","nzComponentName","NzDemoFloatButtonBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Shape","nzSelector","nz-demo-float-button-shape","nzGenerateCommand","ng g ng-zorro-antd:float-button-shape <name>","nzComponentName","NzDemoFloatButtonShapeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","FloatButton Group","nzSelector","nz-demo-float-button-group","nzGenerateCommand","ng g ng-zorro-antd:float-button-group <name>","nzComponentName","NzDemoFloatButtonGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Controlled mode","nzSelector","nz-demo-float-button-open","nzGenerateCommand","ng g ng-zorro-antd:float-button-open <name>","nzComponentName","NzDemoFloatButtonOpenComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Type","nzSelector","nz-demo-float-button-type","nzGenerateCommand","ng g ng-zorro-antd:float-button-type <name>","nzComponentName","NzDemoFloatButtonTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Description","nzSelector","nz-demo-float-button-description","nzGenerateCommand","ng g ng-zorro-antd:float-button-description <name>","nzComponentName","NzDemoFloatButtonDescriptionComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Menu mode","nzSelector","nz-demo-float-button-group-menu","nzGenerateCommand","ng g ng-zorro-antd:float-button-group-menu <name>","nzComponentName","NzDemoFloatButtonGroupMenuComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Back Top","nzSelector","nz-demo-float-button-top","nzGenerateCommand","ng g ng-zorro-antd:float-button-top <name>","nzComponentName","NzDemoFloatButtonTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","common_api"],["onclick","window.location.hash = 'common_api'",1,"anchor"],["id","nz-float-button-group"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-float-button-group'",1,"anchor"],["id","nz-float-button-top"],["onclick","window.location.hash = 'nz-float-button-top'",1,"anchor"]],template:function(o,u){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),y("nzClick",function(d){return u.goLink(d)}),r(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)(10,"nz-link",9)(11,"nz-link",10),t()(),e(12,"section",11)(13,"h1"),n(14,"FloatButton"),r(15,"span",12)(16,"span",13),e(17,"a",14),r(18,"nz-icon",15),t()(),e(19,"section",11),f(),e(20,"h2",16)(21,"span"),n(22,"When To Use"),t(),e(23,"a",17),n(24,"#"),t()(),e(25,"ul")(26,"li")(27,"p"),n(28,"For global functionality on the site."),t()(),e(29,"li")(30,"p"),n(31,"Buttons that can be seen wherever you browse."),t()()(),e(32,"h3",18)(33,"span"),n(34,"Import Module"),t(),e(35,"a",19),n(36,"#"),t()(),e(37,"pre")(38,"code",20)(39,"span",21),n(4

20,"import"),t(),n(41," "),e(42,"span",22),n(43,"{"),t(),n(44," NzFloatButtonModule "),e(45,"span",22),n(46,"}"),t(),n(47," "),e(48,"span",21),n(49,"from"),t(),n(50," "),e(51,"span",23),n(52,"'ng-zorro-antd/float-button'"),t(),e(53,"span",22),n(54,";"),t(),n(55,`
3`),t()(),z(),t(),e(56,"h2")(57,"span"),n(58,"Examples"),t(),e(59,"nz-icon",24),y("click",function(){return u.expandAllCode()}),t()()(),e(60,"div",25)(61,"div",26)(62,"nz-code-box",27),r(63,"nz-demo-float-button-basic",28),e(64,"div",29),f(),e(65,"p"),n(66,"The most basic usage."),t(),z(),t()(),e(67,"nz-code-box",30),r(68,"nz-demo-float-button-shape",28),e(69,"div",29),f(),e(70,"p"),n(71,"Change the shape of the FloatButton with "),e(72,"code"),n(73,"nsShape"),t(),n(74,"."),t(),z(),t()(),e(75,"nz-code-box",31),r(76,"nz-demo-float-button-group",28),e(77,"div",29),f(),e(78,"p"),n(79,"When multiple buttons are used together, "),e(80,"code"),n(81,"nz-float-button-group"),t(),n(82," is recommended. By setting "),e(83,"code"),n(84,"nzShape"),t(),n(85," of FloatButtonGroup, you can change the shape of group."),t(),z(),t()(),e(86,"nz-code-box",32),r(87,"nz-demo-float-button-open",28),e(88,"div",29),f(),e(89,"p"),n(90,"Set the "),e(91,"code"),n(92,"nzOpen"),t(),n(93," property to control whether "),e(94,"code"),n(95,"nz-float-button-group"),t(),n(96," is expanded."),t(),z(),t()()(),e(97,"div",26)(98,"nz-code-box",33),r(99,"nz-demo-float-button-type",28),e(100,"div",29),f(),e(101,"p"),n(102,"Change the type of the FloatButton with "),e(103,"code"),n(104,"nzType"),t(),n(105,"."),t(),z(),t()(),e(106,"nz-code-box",34),r(107,"nz-demo-float-button-description",28),e(108,"div",29),f(),e(109,"p"),n(110,"Setting "),e(111,"code"),n(112,"nzDescription"),t(),n(113," prop to show FloatButton with description."),t(),e(114,"blockquote")(115,"p"),n(116,"supported only when "),e(117,"code"),n(118,"shape"),t(),n(119," is "),e(120,"code"),n(121,"square"),t(),n(122,". Due to narrow space for text, short sentence is recommended."),t()(),z(),t()(),e(123,"nz-code-box",35),r(124,"nz-demo-float-button-group-menu",28),e(125,"div",29),f(),e(126,"p"),n(127,"Open menu mode with "),e(128,"code"),n(129,"nzTrigger"),t(),n(130,", which could be "),e(131,"code"),n(132,"hover"),t(),n(133," or "),e(134,"code"),n(135,"click"),t(),n(136,"."),t(),z(),t()(),e(137,"nz-code-box",36),r(138,"nz-demo-float-button-top",28),e(139,"div",29),f(),e(140,"p"),n(141,"Set the "),e(142,"code"),n(143,"nzOpen"),t(),n(144," property to control whether "),e(145,"code"),n(146,"nz-float-button-group"),t(),n(147," is expanded."),t(),z(),t()()()(),e(148,"section",37),f(),e(149,"h2",38)(150,"span"),n(151,"API"),t(),e(152,"a",39),n(153,"#"),t()(),e(154,"h3",40)(155,"span"),n(156,"common API"),t(),e(157,"a",41),n(158,"#"),t()(),e(159,"table")(160,"thead")(161,"tr")(162,"th"),n(163,"Property"),t(),e(164,"th"),n(165,"Description"),t(),e(166,"th"),n(167,"Type"),t(),e(168,"th"),n(169,"Default"),t()()(),e(170,"tbody")(171,"tr")(172,"td")(173,"code"),n(174,"[nzIcon]"),t()(),e(175,"td"),n(176,"Set the icon component of button"),t(),e(177,"td")(178,"code"),n(179,"TemplateRef<void>"),t()(),e(180,"td"),n(181,"-"),t()(),e(182,"tr")(183,"td")(184,"code"),n(185,"[nzDescription]"),t()(),e(186,"td"),n(187,"Text and other"),t(),e(188,"td")(189,"code"),n(190,"TemplateRef<void> | string"),t()(),e(191,"td"),n(192,"-"),t()(),e(193,"tr")(194,"td")(195,"code"),n(196,"[nzType]"),t()(),e(197,"td"),n(198,"Setting button type"),t(),e(199,"td")(200,"code"),n(201,"default | primary"),t()(),e(202,"td")(203,"code"),n(204,"default"),t()()(),e(205,"tr")(206,"td")(207,"code"),n(208,"[nzShape]"),t()(),e(209,"td"),n(210,"Setting button shape"),t(),e(211,"td")(212,"code"),n(213,"circle | square"),t()(),e(214,"td")(215,"code"),n(216,"circle"),t()()(),e(217,"tr")(218,"td")(219,"code"),n(220,"[nzHref]"),t()(),e(221,"td"),n(222,"The target of hyperlink"),t(),e(223,"td")(224,"code"),n(225,"string"),t()(),e(226,"td"),n(227,"-"),t()(),e(228,"tr")(229,"td")(230,"code"),n(231,"[nzTarget]"),t()(),e(232,"td"),n(233,"Specifies where to display the linked URL"),t(),e(234,"td")(235,"code"),n(236,"string"),t()(),e(237,"td"),n(238,"-"),t()(),e(239,"tr")(240,"td")(241,"code"),n(242,"(nzOnClick)"),t()(),e(243,"td"),n(244,"Set the handler to handle "),e(245,"code"),n(246,"click"),t(),n(247," event"),t(),e(248,"td")(249,"code"),n(250,"EventEmitter<boolean>"),t()(),e(251,"td"),n(252,"-"),t()()()(),e(253,"h3",42)(254,"span"),n(255,"nz-float-button-group"),t(),e(256,"label",43),n(257,"component"),t(),e(258,"a",44),n(259,"#"),t()(),e(260,"table")(261,"thead")(262,"tr")(263,"th"),n(264,"Property"),t(),e(265,"th"),n(266,"Description"),t(),e(267,"th"),n(268,"Type"),t(),e(269,"th"),n(270,"Default"),t()()(),e(271,"tbody")(272,"tr")(273,"td")(274,"code"),n(275,"[nzShape]"),t()(),e(276,"td"),n(277,"Set button group shape"),t(),e(278,"td")(279,"code"),n(280,"circle | square"),t()(),e(281,"td")(282,"code"),n(283,"circle"),t()()(),e(284,"tr")(285,"td")(286,"code"),n(287,"[nzTrigger]"),t()(),e(288,"td"),n(289,"Which action can trigger menu open/close"),t(),e(290,"td")(291,"code"),n(292,"click | hover"),t()(),e(293,"td"),n(294,"-"),t()(),e(295,"tr")(296,"td")(297,"code"),n(298,"[nzOpen]"),t()(),e(299,"td"),n(300,"Whether the menu is visible or not"),t(),e(301,"td")(302,"code"),n(303,"boolean"),t()(),e(304,"td"),n(305,"-"),t()(),e(306,"tr")(307,"td")(308,"code"),n(309,"(nzOnOpenChange)"),t()(),e(310,"td"),n(311,"Callback executed when active menu is changed"),t(),e(312,"td")(313,"code"),n(314,"EventEmitter<boolean>"),t()(),e(315,"td"),n(316,"-"),t()()()(),e(317,"h3",45)(318,"span"),n(319,"nz-float-button-top"),t(),e(320,"label",43),n(321,"component"),t(),e(322,"a",46),n(323,"#"),t()(),e(324,"table")(325,"thead")(326,"tr")(327,"th"),n(328,"Property"),t(),e(329,"th"),n(330,"Description"),t(),e(331,"th"),n(332,"Type"),t(),e(333,"th"),n(334,"Default"),t(),e(335,"th"),n(336,"Global Config"),t()()(),e(337,"tbody")(338,"tr")(339,"td")(340,"code"),n(341,"[nzVisibilityHeight]"),t()(),e(342,"td"),n(343,"the "),e(344,"code"),n(345,"nz-float-button-top"),t(),n(346," button will not show until the scroll height reaches this value"),t(),e(347,"td")(348,"code"),n(349,"number"),t()(),e(350,"td")(351,"code"),n(352,"400"),t()(),e(353,"td"),n(354,"\u2705"),t()(),e(355,"tr")(356,"td")(357,"code"),n(358,"[nzTarget]"),t()(),e(359,"td"),n(360,"specifies the scrollable area dom node"),t(),e(361,"td")(362,"code"),n(363,"string | Element"),t()(),e(364,"td")(365,"code"),n(366,"window"),t()(),r(367,"td"),t(),e(368,"tr")(369,"td")(370,"code"),n(371,"[nzDuration]"),t()(),e(372,"td"),n(373,"Time to return to top (ms)"),t(),e(374,"td")(375,"code"),n(376,"number"),t()(),e(377,"td")(378,"code"),n(379,"450"),t()(),r(380,"td"),t(),e(381,"tr")(382,"td")(383,"code"),n(384,"(nzOnClick)"),t()(),e(385,"td"),n(386,"a callback function, which can be executed when you click the button"),t(),e(387,"td")(388,"code"),n(389,"EventEmitter<boolean>"),t()(),e(390,"td"),n(391,"-"),t(),r(392,"td"),t()()(),z(),t()()),o&2&&(m(),l("nzOff

3setTop",16),m(),l("nzAffix",!1),m(58),l("nzGutter",16),m(),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-float-button-demo-basic")("nzLink","components-float-button-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/basic.md"),m(5),l("nzId","components-float-button-demo-shape")("nzLink","components-float-button-demo-shape")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/shape.md"),m(8),l("nzId","components-float-button-demo-group")("nzLink","components-float-button-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/group.md"),m(11),l("nzId","components-float-button-demo-open")("nzLink","components-float-button-demo-open")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/open.md"),m(11),l("nzXl",12)("nzSpan",24),m(),l("nzId","components-float-button-demo-type")("nzLink","components-float-button-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/type.md"),m(8),l("nzId","components-float-button-demo-description")("nzLink","components-float-button-demo-description")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/description.md"),m(17),l("nzId","components-float-button-demo-group-menu")("nzLink","components-float-button-demo-group-menu")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/group-menu.md"),m(14),l("nzId","components-float-button-demo-top")("nzLink","components-float-button-demo-top")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/float-button/demo/top.md"))},dependencies:[me,H,le,re,ae,ie,oe,ne,g,q,$,Q,j,W,U,X,Y],encapsulation:2})};var Ht=[{path:"en",component:pe},{path:"zh",component:ue}],ro=Ht;export{ro as default};