https://preview-8494-ng-zorro-antd.surge.sh/6712.73054b6ae7b47b51.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[6712],{6712:(B,x,d)=>{d.r(x),d.d(x,{NzDemoFlexModule:()=>M});var O=d(9072),i=d(2928),e=d(4496);let z=(()=>{class o{constructor(){this.nzVertical=!1,this.nzJustify="normal",this.nzAlign="normal",this.nzGap=0,this.nzWrap="nowrap",this.nzFlex="unset"}get gap(){switch(this.nzGap){case"small":return"8px";case"middle":return"16px";case"large":return"24px";default:return"number"==typeof this.nzGap?`${this.nzGap}px`:this.nzGap}}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275dir=e.Sc5({type:o,selectors:[["","nz-flex",""],["nz-flex"]],hostAttrs:[1,"ant-flex"],hostVars:60,hostBindings:function(s,n){2&s&&(e.m4B("gap",n.gap)("flex",n.nzFlex),e.eAK("ant-flex-vertical",n.nzVertical)("ant-flex-justify-flex-start","flex-start"===n.nzJustify)("ant-flex-justify-center","center"===n.nzJustify)("ant-flex-justify-flex-end","flex-end"===n.nzJustify)("ant-flex-justify-space-between","space-between"===n.nzJustify)("ant-flex-justify-space-around","space-around"===n.nzJustify)("ant-flex-justify-space-evenly","space-evenly"===n.nzJustify)("ant-flex-justify-start","start"===n.nzJustify)("ant-flex-justify-end","end"===n.nzJustify)("ant-flex-justify-right","right"===n.nzJustify)("ant-flex-justify-left","left"===n.nzJustify)("ant-flex-justify-stretch","stretch"===n.nzJustify)("ant-flex-justify-normal","normal"===n.nzJustify)("ant-flex-align-flex-start","flex-start"===n.nzAlign)("ant-flex-align-center","center"===n.nzAlign)("ant-flex-align-flex-end","flex-end"===n.nzAlign)("ant-flex-align-space-between","space-between"===n.nzAlign)("ant-flex-align-space-around","space-around"===n.nzAlign)("ant-flex-align-space-evenly","space-evenly"===n.nzAlign)("ant-flex-align-start","start"===n.nzAlign)("ant-flex-align-end","end"===n.nzAlign)("ant-flex-align-right","right"===n.nzAlign)("ant-flex-align-left","left"===n.nzAlign)("ant-flex-align-stretch","stretch"===n.nzAlign)("ant-flex-align-normal","normal"===n.nzAlign)("ant-flex-wrap-wrap","wrap"===n.nzWrap)("ant-flex-wrap-wrap-reverse","wrap-reverse"===n.nzWrap)("ant-flex-wrap-nowrap","nowrap"===n.nzWrap))},inputs:{nzVertical:"nzVertical",nzJustify:"nzJustify",nzAlign:"nzAlign",nzGap:"nzGap",nzWrap:"nzWrap",nzFlex:"nzFlex"},exportAs:["nzFlex"],standalone:!0})}return o})(),F=(()=>{class o{static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275mod=e.a4G({type:o});static#t=this.\u0275inj=e.s3X({})}return o})();var C=d(9400),p=d(8352),E=d(4592),k=d(9656),w=d(1368);const v=[F,C.oT,p.EV,E.E5,k.sn,w.MD];var f=d(6056),R=d(8700),b=d(8656),h=d(3172),y=d(9100),D=d(5120),g=d(28),r=d(6504),A=d(7324);let t=(()=>{class o{constructor(){this.justifySegment=["flex-start","center","flex-end","space-between","space-around","space-evenly"],this.alignSegment=["flex-start","center","flex-end"],this.selectedJustification=0,this.selectedLAlignment=0}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex-align"]],decls:17,vars:6,consts:[[1,"segment-wrapper"],[3,"nzOptions","ngModel","ngModelChange"],["nz-flex","",1,"btn-wrappers",3,"nzJustify","nzAlign"],["nz-button","","nzType","primary"]],template:function(s,n){1&s&&(e.I0R(0,"div",0)(1,"span"),e.OEk(2,"Select justify:"),e.C$Y(),e.I0R(3,"nz-segmented",1),e.iHE("ngModelChange",function(c){return e.kNx(n.selectedJustification,c)||(n.selectedJustification=c),c}),e.C$Y()(),e.I0R(4,"div",0)(5,"span"),e.OEk(6,"Select align:"),e.C$Y(),e.I0R(7,"nz-segmented",1),e.iHE("ngModelChange",function(c){return e.kNx(n.selectedLAlignment,c)||(n.selectedLAlignment=c),c}),e.C$Y()(),e.I0R(8,"div",2)(9,"button",3),e.OEk(10,"Primary"),e.C$Y(),e.I0R(11,"button",3),e.OEk(12,"Primary"),e.C$Y(),e.I0R(13,"button",3),e.OEk(14,"Primary"),e.C$Y(),e.I0R(15,"button",3),e.OEk(16,"Primary"),e.C$Y()()),2&s&&(e.yG2(3),e.E7m("nzOptions",n.justifySegment),e.OKB("ngModel",n.selectedJustification),e.yG2(4),e.E7m("nzOptions",n.alignSegment),e.OKB("ngModel",n.selectedLAlignment),e.yG2(),e.E7m("nzJustify",n.justifySegment[n.selectedJustification])("nzAlign",n.alignSegment[n.selectedLAlignment]))},dependencies:[r.ue,r._G,z,C.gJ,p.Ez,g.k,A.o9],styles:[".segment-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}.btn-wrappers[_ngcontent-%COMP%]{block-size:10rem;border:1px solid var(--ant-primary-6)}"]})}return o}

1)(),u=(()=>{class o{constructor(){this.isVertical=!1}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex-basic"]],decls:10,vars:4,consts:[[3,"ngModel","ngModelChange"],["nz-radio","",3,"nzValue"],["nz-flex","",3,"nzVertical"],[1,"flex-item"],[1,"flex-item","even"]],template:function(s,n){1&s&&(e.I0R(0,"nz-radio-group",0),e.iHE("ngModelChange",function(c){return e.kNx(n.isVertical,c)||(n.isVertical=c),c}),e.I0R(1,"label",1),e.OEk(2,"horizontal"),e.C$Y(),e.I0R(3,"label",1),e.OEk(4,"vertical"),e.C$Y()(),e.I0R(5,"div",2),e.wR5(6,"div",3)(7,"div",4)(8,"div",3)(9,"div",4),e.C$Y()),2&s&&(e.OKB("ngModel",n.isVertical),e.yG2(),e.E7m("nzValue",!1),e.yG2(2),e.E7m("nzValue",!0),e.yG2(2),e.E7m("nzVertical",n.isVertical))},dependencies:[r.ue,r._G,z,k.es,k.uw],styles:["nz-radio-group[_ngcontent-%COMP%]{margin-block-end:1rem}.flex-item[_ngcontent-%COMP%]{inline-size:25%;block-size:54px;background-color:var(--ant-primary-6)}.even[_ngcontent-%COMP%]{background-color:var(--ant-primary-5)}"]})}return o})(),a=(()=>{class o{static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex-combination"]],decls:7,vars:3,consts:[["nz-flex","",1,"combination-wrapper",3,"nzGap"],["alt","Angular","width","150","height","150","src","https://img.alicdn.com/tfs/TB1g.mWZAL0gK0jSZFtXXXQCXXa-200-200.svg"],["nz-flex","",3,"nzVertical","nzGap"]],template:function(s,n){1&s&&(e.I0R(0,"div",0),e.wR5(1,"img",1),e.I0R(2,"div",2)(3,"h2"),e.OEk(4," Ant Design of Angular "),e.C$Y(),e.I0R(5,"h3"),e.OEk(6," An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license. "),e.C$Y()()()),2&s&&(e.E7m("nzGap",80),e.yG2(2),e.E7m("nzVertical",!0)("nzGap","large"))},dependencies:[z],styles:[".combination-wrapper[_ngcontent-%COMP%]{inline-size:40rem;padding:2rem;border:1px solid #f0f0f0;border-radius:2px}"]})}return o})();function I(o,G){if(1&o){const l=e.KQA();e.I0R(0,"nz-slider",8),e.iHE("ngModelChange",function(n){e.usT(l);const m=e.GaO();return e.kNx(m.customGapValue,n)||(m.customGapValue=n),e.CGJ(n)}),e.C$Y()}if(2&o){const l=e.GaO();e.E7m("nzMin",0)("nzMax",100),e.OKB("ngModel",l.customGapValue)}}let $=(()=>{class o{constructor(){this.gapSegment=["small","middle","large","custom"],this.selectedGap=0,this.customGapValue=0}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex-gap"]],decls:14,vars:4,consts:[[1,"segment-wrapper"],[3,"nzOptions","ngModel","ngModelChange"],[3,"nzMin","nzMax","ngModel"],["nz-flex","",3,"nzGap"],["nz-button","","nzType","primary"],["nz-button","","nzType","dashed"],["nz-button","","nzType","default"],["nz-button","","nzType","link"],[3,"nzMin","nzMax","ngModel","ngModelChange"]],template:function(s,n){1&s&&(e.I0R(0,"div",0)(1,"span"),e.OEk(2,"Select gap:"),e.C$Y(),e.I0R(3,"nz-segmented",1),e.iHE("ngModelChange",function(c){return e.kNx(n.selectedGap,c)||(n.selectedGap=c),c}),e.C$Y()(),e.yuY(4,I,1,3,"nz-slider",2),e.I0R(5,"div",3)(6,"button",4),e.OEk(7,"Primary"),e.C$Y(),e.I0R(8,"button",5),e.OEk(9,"Dashed"),e.C$Y(),e.I0R(10,"button",6),e.OEk(11,"Default"),e.C$Y(),e.I0R(12,"button",7),e.OEk(13,"Link"),e.C$Y()()),2&s&&(e.yG2(3),e.E7m("nzOptions",n.gapSegment),e.OKB("ngModel",n.selectedGap),e.yG2(),e.C0Y(4,"custom"===n.gapSegment[n.selectedGap]?4:-1),e.yG2(),e.E7m("nzGap",0===n.selectedGap?"small":1===n.selectedGap?"middle":2===n.selectedGap?"large":n.customGapValue))},dependencies:[r.ue,r._G,z,C.gJ,p.Ez,g.k,A.o9,E.Gc],styles:[".segment-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}"]})}return o})();function _(o,G){if(1&o&&(e.I0R(0,"button",3),e.OEk(1),e.C$Y()),2&o){const l=G.$implicit;e.yG2(),e.oRS("Button ",l,"")}}let Y=(()=>{class o{constructor(){this.wrapSegment=["wrap","wrap-reverse","nowrap"],this.selectedWrap=0,this.array=Array.from({length:20},(l,s)=>s+1)}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex-wrap"]],decls:7,vars:4,consts:[[1,"segment-wrapper"],[3,"nzOptions","ngModel","ngModelChange"],["nz-flex","",1,"btn-wrapper",3,"nzGap","nzWrap"],["nz-button","","nzType","primary",2,"width","100px"],["style","width: 100px","nz-button","","nzType","primary"]],template:function(s,n){1&s&&(e.I0R(0,"div",0)(1,"span"),e.OEk(2,"Select wrap:"),e.C$Y(),e.I0R(3,"nz-segmented",1),e.iHE("ngModelChange",function(c){return e.kNx(n.selectedWrap,c)||(n.selectedWrap=c),c}),e.C$Y()(),e.I0R(4,"div",2),e.c53(5,_,2,1,"button",4,e.oxv),e.C$Y()),2&s&&(e.yG2(3),e.E7m("nzOptions",n.wrapSegment),e.OKB("ngModel",n.selectedWrap),e.yG2(),e.E7m("nzGap","middle")("nzWrap",n.wrapSegment[n.selectedWrap]),e.yG2(),e.oho(n.array))},dependencies:[r.ue,r._G,z,C.gJ,p.Ez,g.k,A.o9],styles:[".segment-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}.btn-wrapper[_ngcontent-%COMP%]{overflow:auto;padding-block:10px}"]})}return o}

1)(),S=(()=>{class o{constructor(){this.expanded=!1}goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(l=>{l.nzExpanded=this.expanded,l.expandCode(this.expanded),l.check()})}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex"]],viewQuery:function(s,n){if(1&s&&e.CC$(f.A,5),2&s){let m;e.wto(m=e.Gqi())&&(n.codeBoxes=m)}},decls:216,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-flex-demo-basic","nzTitle","\u57fa\u672c\u5e03\u5c40"],["nzHref","#components-flex-demo-align","nzTitle","\u5bf9\u9f50\u65b9\u5f0f"],["nzHref","#components-flex-demo-gap","nzTitle","\u8bbe\u7f6e\u95f4\u9699"],["nzHref","#components-flex-demo-wrap","nzTitle","\u81ea\u52a8\u6362\u884c"],["nzHref","#components-flex-demo-combination","nzTitle","\u7ec4\u5408\u4f7f\u7528"],["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/flex/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"],["id","\u4e0e-space-\u7ec4\u4ef6\u7684\u533a\u522b"],["onclick","window.location.hash = '\u4e0e-space-\u7ec4\u4ef6\u7684\u533a\u522b'",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"],["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,"nzSpan"],["nzTitle","\u57fa\u672c\u5e03\u5c40","nzSelector","nz-demo-flex-basic","nzGenerateCommand","ng g ng-zorro-antd:flex-basic <name>","nzComponentName","NzDemoFlexBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5bf9\u9f50\u65b9\u5f0f","nzSelector","nz-demo-flex-align","nzGenerateCommand","ng g ng-zorro-antd:flex-align <name>","nzComponentName","NzDemoFlexAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u8bbe\u7f6e\u95f4\u9699","nzSelector","nz-demo-flex-gap","nzGenerateCommand","ng g ng-zorro-antd:flex-gap <name>","nzComponentName","NzDemoFlexGapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u52a8\u6362\u884c","nzSelector","nz-demo-flex-wrap","nzGenerateCommand","ng g ng-zorro-antd:flex-wrap <name>","nzComponentName","NzDemoFlexWrapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7ec4\u5408\u4f7f\u7528","nzSelector","nz-demo-flex-combination","nzGenerateCommand","ng g ng-zorro-antd:flex-combination <name>","nzComponentName","NzDemoFlexCombinationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-flex]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-flex]:standalone'",1,"anchor"],["href","https://developer.mozilla.org/zh-CN/docs/Web/CSS/justify-content","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-items","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex-wrap","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex","target","_blank","rel","noopener"]],template:function(s,n){1&s&&(e.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),e.qCj("nzClick",function(c){return n.goLink(c)}),e.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e.C$Y()(),e.I0R(9,"section",8)(10,"h1"),e.OEk(11,"Flex"),e.I0R(12,"span",9),e.OEk(13,"\u5f39\u6027\u5e03\u5c40"),e.C$Y(),e.wR5(14,"span",10),e.I0R(15,"a",11),e.wR5(16,"span",12),e.C$Y()(),e.I0R(17,"section",8),e.EdD(),e.I0R(18,"p"),e.OEk(19,"\u5f39\u6027\u5e03\u5c40"),e.C$Y(),e.I0R(20,"h2",13)(21,"span"),e.OEk(22,"\u4f55\u65f6\u4f7f\u7528"),e.C$Y(),e.I0R(23,"a",14),e.OEk(24,"#"),e.C$Y()(),e.I0R(25,"ul")(26,"li"),e.OEk(27,"\u9002\u5408\u8bbe\u7f6e\u5143\u7d20\u4e4b\u95f4\u7684\u95f4\u8ddd\u3002"),e.C$Y(),e.I0R(28,"li"),e.OEk(29,"\u9002\u5408\u8bbe\u7f6e\u5404\u79cd\u6c34\u5e73\u3001\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f\u3002"),e.C$Y()(),e.I0R(30,"h3",15)(31,"span"),e.OEk(32,"\u4e0e Space \u7ec4\u4ef6\u7684\u533a\u522b"),e.C$Y(),e.I0R(33,"a",16),e.OEk(34,"#"),e.C$Y()(),e.I0R(35,"ul")(36,"li"),e.OEk(37,"Space \u4e3a\u5185\u8054\u5143\u7d20\u63d0\u4f9b\u95f4\u8ddd\uff0c\u5176\u672c\u8eab\u4f1a\u4e3a\u6bcf\u4e00\u4e2a\u5b50\u5143\u7d20\u6dfb\u52a0\u5305\u88f9\u5143\u7d20\u7528\u4e8e\u5185\u8054\u5bf9\u9f50\u3002\u9002\u7528\u4e8e\u884c\u3001\u5217\u4e2d\u591a\u4e2a\u5b50\u5143\u7d20\u7684\u7b49\u8ddd\u6392\u5217\u3002"),e.C$Y(),e.I0R(38,"li"),e.OEk(39,"Flex \u4e3a\u5757\u7ea7\u5143\u7d20\u63d0\u4f9b\u95f4\u8ddd\uff0c\u5176\u672c\u8eab\u4e0d\u4f1a\u6dfb\u52a0\u5305\u88f9\u5143\u7d20\u3002\u9002\u7528\u4e8e\u5782\u76f4\u6216\u6c34\u5e73\u65b9\u5411\u4e0a\u7684\u5b50\u5143\u7d20\u5e03\u5c40\uff0c\u5e76\u63d0\u4f9b\u4e86\u66f4\u591a\u7684\u7075\u6d3b\u6027\u548c\u63a7\u5236\u80fd\u529b\u3002"),e.C$Y()(),e.I0R(40,"h3",17)(41,"span"),e.OEk(42,"\u5f15\u5165\u6a21\u5757"),e.C$Y(),e.I0R(43,"a",18),e.OEk(44,"#"),e.C$Y()(),e.I0R(45,"pre",19)(46,"code")(47,"span",20),e.OEk(48,"import"),e.C$Y(),e.OEk(49," "),e.I0R(50,"span",21),e.OEk(51,"{"),e.C$Y(),e.OEk(52," NzFlexModule "),e.I0R(53,"span",21),e.OEk(54,"}"),e.C$Y(),e.OEk(55," "),e.I0R(56,"span",20),e.OEk(57,"from"),e.C$Y(),e.OEk(58," "),e.I0R(59,"span",22),e.OEk(60,"'ng-zorro-antd/flex'"),e.C$Y(),e.I0R(61,"span",21),e.OEk(62,";"),e.C$Y()()(),e.eAF(),e.C$Y(),e.I0R(63,"h2")(64,"span"),e.OEk(65,"\u4ee3\u7801\u6f14\u793a"),e.C$Y(),e.I0R(66,"span",23),e.qCj("click",function(){return n.expandAllCode()}),e.C$Y()()(),e.I0R(67,"div",24)(68,"div",25)(69,"nz-code-box",26),e.wR5(70,"nz-demo-flex-basic",27),e.I0R(71,"div",28),e.EdD(),e.I0R(72,"p"),e.OEk(73,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(74,"nz-code-box",29),e.wR5(75,"nz-demo-flex-align",27),e.I0R(76,"div",28),e.EdD(),e.I0R(77,"p"),e.OEk(78,"\u8bbe\u7f6e\u5bf9\u9f50\u65b9\u5f0f\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(79,"nz-code-box",30),e.wR5(80,"nz-demo-flex-gap",27),e.I0R(81,"div",28),e.EdD(),e.I0R(82,"p"),e.OEk(83,"\u4f7f\u7528 "),e.I0R(84,"code"),e.OEk(85,"gap"),e.C$Y(),e.OEk(86," \u8bbe\u7f6e\u5143\u7d20\u4e4b\u95f4\u7684\u95f4\u8ddd\uff0c\u9884\u8bbe\u4e86 "),e.I0R(87,"code"),e.OEk(88,"small"),e.C$Y(),e.OEk(89,"\u3001"),e.I0R(90,"code"),e.OEk(91,"middle"),e.C$Y(),e.OEk(92,"\u3001"),e.I0R(93,"code"),e.OEk(94,"large"),e.C$Y(),e.OEk(95," \u4e09\u79cd\u5c3a\u5bf8\uff0c\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u95f4\u8ddd\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(96,"nz-code-box",31),e.wR5(97,"nz-demo-flex-wrap",27),e.I0R(98,"div",28),e.EdD(),e.I0R(99,"p"),e.OEk(100,"\u81ea\u52a8\u6362\u884c\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(101,"nz-code-box",32),e.wR5(102,"nz-demo-flex-combination",27),e.I0R(103,"div",28),e.EdD(),e.I0R(104,"p"),e.OEk(105,"\u5d4c\u5957\u4f7f\u7528\uff0c\u53ef\u4ee5\u5b9e\u73b0\u66f4\u590d\u6742\u7684\u5e03\u5c40\u3002"),e.C$Y(),e.eAF(),e.C$Y()()()(),e.I0R(106,"section",33),e.EdD(),e.I0R(107,"h2",34)(108,"span"),e.OEk(109,"API"),e.C$Y(),e.I0R(110,"a",35),e.OEk(111,"#"),e.C$Y()(),e.I0R(112,"h3",36)(113,"span"),e.OEk(114,"[nz-flex]"),e.C$Y(),e.I0R(115,"label",37),e.OEk(116,"directive"),e.C$Y(),e.I0R(117,"label",38),e.OEk(118,"standalone"),e.C$Y(),e.I0R(119,"a",39),e.OEk(120,"#"),e.C$Y()(),e.I0R(121,"table")(122,"thead")(123,"tr")(124,"th"),e.OEk(125,"\u53c2\u6570"),e.C$Y(),e.I0R(126,"th"),e.OEk(127,"\u8bf4\u660e"),e.C$Y(),e.I0R(128,"th"),e.OEk(129,"\u7c7b\u578b"),e.C$Y(),e.I0R(130,"th"),e.OEk(131,"\u9ed8\u8ba4\u503c"),e.C$Y()()(),e.I0R(132,"tbody")(133,"tr")(134,"td")(135,"code"),e.OEk(136,"[nzVertical]"),e.C$Y()(),e.I0R(137,"td"),e.OEk(138,"\u4f7f\u7528 "),e.I0R(139,"code"),e.OEk(140,"flex-direction: column"),e.C$Y(),e.OEk(141,"\u63cf\u8ff0flex\u7684\u5782\u76f4\u65b9\u5411"),e.C$Y(),e.I0R(142,"td")(143,"code"),e.OEk(144,"boolean"),e.C$Y()(),e.I0R(145,"td")(146,"code"),e.OEk(147,"false"),e.C$Y()()(),e.I0R(148,"tr")(149,"td")(150,"code"),e.OEk(151,"[nzJustify]"),e.C$Y()(),e.I0R(152,"td"),e.OEk(153,"\u8bbe\u7f6e\u5143\u7d20\u5728\u4e3b\u8f74\u65b9\u5411\u4e0a\u7684\u5bf9\u9f50\u65b9\u5f0f\uff0c\u53c2\u7167 "),e.I0R(154,"a",40),e.OEk(155,"justify-content"),e.C$Y()(),e.I0R(156,"td")(157,"code"),e.OEk(158,"NzJustify"),e.C$Y()(),e.I0R(159,"td")(160,"code"),e.OEk(161,"'normal'"),e.C$Y()()(),e.I0R(162,"tr")(163,"td")(164,"code"),e.OEk(165,"[nzAlign]"),e.C$Y()(),e.I0R(166,"td"),e.OEk(167,"\u8bbe\u7f6e\u5143\u7d20\u5728\u4ea4\u53c9\u8f74\u65b9\u5411\u4e0a\u7684\u5bf9\u9f50\u65b9\u5f0f\uff0c\u53c2\u7167 "),e.I0R(168,"a",41),e.OEk(169,"align-items"),e.C$Y()(),e.I0R(170,"td")(171,"code"),e.OEk(172,"NzAlign"),e.C$Y()(),e.I0R(173,"td")(174,"code"),e.OEk(175,"'normal'"),e.C$Y()()(),e.I0R(176,"tr")(177,"td")(178,"code"),e.OEk(179,"[nzGap]"),e.C$Y()(),e.I0R(180,"td"),e.OEk(181,"\u8bbe\u7f6e\u9879\u76ee\u7684\u95f4\u9699"),e.C$Y(),e.I0R(182,"td")(183,"code"),e.OEk(184,"'small' | 'middle' | 'large' | number | string"),e.C$Y()(),e.I0R(185,"td")(186,"code"),e.OEk(187,"0"),e.C$Y()()(),e.I0R(188,"tr")(189,"td")(190,"code"),e.OEk(191,"[nzWrap]"),e.C$Y()(),e.I0R(192,"td"),e.OEk(193,"\u6307\u5b9a flex \u5143\u7d20\u5355\u884c\u663e\u793a\u8fd8\u662f\u591a\u884c\u663e\u793a\uff0c\u53c2\u7167 "),e.I0R(194,"a",42),e.OEk(195,"flex-wrap"),e.C$Y()(),e.I0R(196,"td")(197,"code"),e.OEk(198,"NzWrap"),e.C$Y()(),e.I0R(199,"td")(200,"code"),e.OEk(201,"'nowrap'"),e.C$Y()()(),e.I0R(202,"tr")(203,"td")(204,"code"),e.OEk(205,"[nzFlex]"),e.C$Y()(),e.I0R(206,"td"),e.OEk(207,"flex css\u7b80\u5199\u5c5e\u6027\uff0c\u53c2\u7167 "),e.I0R(208,"a",43),e.OEk(209,"flex"),e.C$Y()(),e.I0R(210,"td")(211,"code"),e.OEk(212,"NzFlex"),e.C$Y()(),e.I0R(213,"td")(214,"code"),e.OEk(215,"'unset'"),e.C$Y()()()()(),e.eAF(),e.C$Y()()),2&s&&(e.yG2(),e.E7m("nzOffsetTop",16),e.yG2(),e.E7m("nzAffix",!1),e.yG2(65),e.E7m("nzGutter",8),e.yG2(),e.E7m("nzSpan",24),e.yG2(),e.E7m("nzId","components-flex-demo-basic")("nzLink","components-flex-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/basic.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-align")("nzLink","components-flex-demo-align")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/align.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-gap")("nzLink","components-flex-demo-gap")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/gap.md"),e.yG2(17),e.E7m("nzId","components-flex-demo-wrap")("nzLink","components-flex-demo-wrap")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/wrap.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-combination")("nzLink","components-flex-demo-combination")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/combination.md"))},dependencies:[f.A,R.s9,R.mK,b.g,h.QD,h.ox,y.qG,D.If,g.k,t,u,a,$,Y],encapsulation:2})}return o}

1)(),N=(()=>{class o{constructor(){this.expanded=!1}goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(l=>{l.nzExpanded=this.expanded,l.expandCode(this.expanded),l.check()})}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.In1({type:o,selectors:[["nz-demo-flex"]],viewQuery:function(s,n){if(1&s&&e.CC$(f.A,5),2&s){let m;e.wto(m=e.Gqi())&&(n.codeBoxes=m)}},decls:213,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-flex-demo-basic","nzTitle","Basic"],["nzHref","#components-flex-demo-align","nzTitle","Align"],["nzHref","#components-flex-demo-gap","nzTitle","Gap"],["nzHref","#components-flex-demo-wrap","nzTitle","Wrap"],["nzHref","#components-flex-demo-combination","nzTitle","Combination"],["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/flex/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"],["id","difference-with-space-component"],["onclick","window.location.hash = 'difference-with-space-component'",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"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-flex-basic","nzGenerateCommand","ng g ng-zorro-antd:flex-basic <name>","nzComponentName","NzDemoFlexBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Align","nzSelector","nz-demo-flex-align","nzGenerateCommand","ng g ng-zorro-antd:flex-align <name>","nzComponentName","NzDemoFlexAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Gap","nzSelector","nz-demo-flex-gap","nzGenerateCommand","ng g ng-zorro-antd:flex-gap <name>","nzComponentName","NzDemoFlexGapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Wrap","nzSelector","nz-demo-flex-wrap","nzGenerateCommand","ng g ng-zorro-antd:flex-wrap <name>","nzComponentName","NzDemoFlexWrapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Combination","nzSelector","nz-demo-flex-combination","nzGenerateCommand","ng g ng-zorro-antd:flex-combination <name>","nzComponentName","NzDemoFlexCombinationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-flex]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-flex]:standalone'",1,"anchor"],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/align-items","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/flex","target","_blank","rel","noopener"]],template:function(s,n){1&s&&(e.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),e.qCj("nzClick",function(c){return n.goLink(c)}),e.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e.C$Y()(),e.I0R(9,"section",8)(10,"h1"),e.OEk(11,"Flex"),e.wR5(12,"span",9)(13,"span",10),e.I0R(14,"a",11),e.wR5(15,"span",12),e.C$Y()(),e.I0R(16,"section",8),e.EdD(),e.I0R(17,"p"),e.OEk(18,"Wrapper for "),e.I0R(19,"code"),e.OEk(20,"Display: flex"),e.C$Y(),e.OEk(21,"."),e.C$Y(),e.I0R(22,"h2",13)(23,"span"),e.OEk(24,"When To Use"),e.C$Y(),e.I0R(25,"a",14),e.OEk(26,"#"),e.C$Y()(),e.I0R(27,"ul")(28,"li"),e.OEk(29,"Good for setting spacing between elements."),e.C$Y(),e.I0R(30,"li"),e.OEk(31,"Suitable for setting various horizontal and vertical alignments."),e.C$Y()(),e.I0R(32,"h3",15)(33,"span"),e.OEk(34,"Difference with Space component"),e.C$Y(),e.I0R(35,"a",16),e.OEk(36,"#"),e.C$Y()(),e.I0R(37,"ul")(38,"li"),e.OEk(39,"Space is used to set the spacing between inline elements. It will add a wrapper element for each child element for inline alignment. Suitable for equidistant arrangement of multiple child elements in rows and columns."),e.C$Y(),e.I0R(40,"li"),e.OEk(41,"Flex is used to set the layout of block-level elements. It does not add a wrapper element. Suitable for layout of child elements in vertical or horizontal direction, and provides more flexibility and control."),e.C$Y()(),e.I0R(42,"h3",17)(43,"span"),e.OEk(44,"Import Module"),e.C$Y(),e.I0R(45,"a",18),e.OEk(46,"#"),e.C$Y()(),e.I0R(47,"pre",19)(48,"code")(49,"span",20),e.OEk(50,"import"),e.C$Y(),e.OEk(51," "),e.I0R(52,"span",21),e.OEk(53,"{"),e.C$Y(),e.OEk(54," NzFlexModule "),e.I0R(55,"span",21),e.OEk(56,"}"),e.C$Y(),e.OEk(57," "),e.I0R(58,"span",20),e.OEk(59,"from"),e.C$Y(),e.OEk(60," "),e.I0R(61,"span",22),e.OEk(62,"'ng-zorro-antd/flex'"),e.C$Y(),e.I0R(63,"span",21),e.OEk(64,";"),e.C$Y()()(),e.eAF(),e.C$Y(),e.I0R(65,"h2")(66,"span"),e.OEk(67,"Examples"),e.C$Y(),e.I0R(68,"span",23),e.qCj("click",function(){return n.expandAllCode()}),e.C$Y()()(),e.I0R(69,"div",24)(70,"div",25)(71,"nz-code-box",26),e.wR5(72,"nz-demo-flex-basic",27),e.I0R(73,"div",28),e.EdD(),e.I0R(74,"p"),e.OEk(75,"The basic usage."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(76,"nz-code-box",29),e.wR5(77,"nz-demo-flex-align",27),e.I0R(78,"div",28),e.EdD(),e.I0R(79,"p"),e.OEk(80,"Set align."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(81,"nz-code-box",30),e.wR5(82,"nz-demo-flex-gap",27),e.I0R(83,"div",28),e.EdD(),e.I0R(84,"p"),e.OEk(85,"Set the "),e.I0R(86,"code"),e.OEk(87,"gap"),e.C$Y(),e.OEk(88," between elements, which has three preset sizes: "),e.I0R(89,"code"),e.OEk(90,"small"),e.C$Y(),e.OEk(91,", "),e.I0R(92,"code"),e.OEk(93,"middle"),e.C$Y(),e.OEk(94,", "),e.I0R(95,"code"),e.OEk(96,"large"),e.C$Y(),e.OEk(97,", You can also customize the gap size."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(98,"nz-code-box",31),e.wR5(99,"nz-demo-flex-wrap",27),e.I0R(100,"div",28),e.EdD(),e.I0R(101,"p"),e.OEk(102,"Wrap line."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(103,"nz-code-box",32),e.wR5(104,"nz-demo-flex-combination",27),e.I0R(105,"div",28),e.EdD(),e.I0R(106,"p"),e.OEk(107,"Nesting can achieve more complex layouts."),e.C$Y(),e.eAF(),e.C$Y()()()(),e.I0R(108,"section",33),e.EdD(),e.I0R(109,"h2",34)(110,"span"),e.OEk(111,"API"),e.C$Y(),e.I0R(112,"a",35),e.OEk(113,"#"),e.C$Y()(),e.I0R(114,"h3",36)(115,"span"),e.OEk(116,"[nz-flex]"),e.C$Y(),e.I0R(117,"label",37),e.OEk(118,"directive"),e.C$Y(),e.I0R(119,"label",38),e.OEk(120,"standalone"),e.C$Y(),e.I0R(121,"a",39),e.OEk(122,"#"),e.C$Y()(),e.I0R(123,"table")(124,"thead")(125,"tr")(126,"th"),e.OEk(127,"Property"),e.C$Y(),e.I0R(128,"th"),e.OEk(129,"Description"),e.C$Y(),e.I0R(130,"th"),e.OEk(131,"Type"),e.C$Y(),e.I0R(132,"th"),e.OEk(133,"Default"),e.C$Y()()(),e.I0R(134,"tbody")(135,"tr")(136,"td")(137,"code"),e.OEk(138,"[nzVertical]"),e.C$Y()(),e.I0R(139,"td"),e.OEk(140,"Is direction of the flex vertical, use "),e.I0R(141,"code"),e.OEk(142,"flex-direction: column"),e.C$Y()(),e.I0R(143,"td")(144,"code"),e.OEk(145,"boolean"),e.C$Y()(),e.I0R(146,"td")(147,"code"),e.OEk(148,"fal

1se"),e.C$Y()()(),e.I0R(149,"tr")(150,"td")(151,"code"),e.OEk(152,"[nzJustify]"),e.C$Y()(),e.I0R(153,"td"),e.OEk(154,"Sets the alignment of elements in the direction of the main axis"),e.C$Y(),e.I0R(155,"td"),e.OEk(156,"reference "),e.I0R(157,"a",40),e.OEk(158,"justify-content"),e.C$Y()(),e.I0R(159,"td")(160,"code"),e.OEk(161,"'normal'"),e.C$Y()()(),e.I0R(162,"tr")(163,"td")(164,"code"),e.OEk(165,"[nzAlign]"),e.C$Y()(),e.I0R(166,"td"),e.OEk(167,"Sets the alignment of elements in the direction of the cross axis"),e.C$Y(),e.I0R(168,"td"),e.OEk(169,"reference "),e.I0R(170,"a",41),e.OEk(171,"align-items"),e.C$Y()(),e.I0R(172,"td")(173,"code"),e.OEk(174,"'normal'"),e.C$Y()()(),e.I0R(175,"tr")(176,"td")(177,"code"),e.OEk(178,"[nzGap]"),e.C$Y()(),e.I0R(179,"td"),e.OEk(180,"Sets the gap between items"),e.C$Y(),e.I0R(181,"td")(182,"code"),e.OEk(183,"'small' | 'middle' | 'large' | number | string"),e.C$Y()(),e.I0R(184,"td")(185,"code"),e.OEk(186,"0"),e.C$Y()()(),e.I0R(187,"tr")(188,"td")(189,"code"),e.OEk(190,"[nzWrap]"),e.C$Y()(),e.I0R(191,"td"),e.OEk(192,"Set whether the element is displayed in a single line or in multiple lines"),e.C$Y(),e.I0R(193,"td"),e.OEk(194,"reference "),e.I0R(195,"a",42),e.OEk(196,"flex-wrap"),e.C$Y()(),e.I0R(197,"td")(198,"code"),e.OEk(199,"'nowrap'"),e.C$Y()()(),e.I0R(200,"tr")(201,"td")(202,"code"),e.OEk(203,"[nzFlex]"),e.C$Y()(),e.I0R(204,"td"),e.OEk(205,"Flex CSS shorthand properties"),e.C$Y(),e.I0R(206,"td"),e.OEk(207,"reference "),e.I0R(208,"a",43),e.OEk(209,"flex"),e.C$Y()(),e.I0R(210,"td")(211,"code"),e.OEk(212,"'unset'"),e.C$Y()()()()(),e.eAF(),e.C$Y()()),2&s&&(e.yG2(),e.E7m("nzOffsetTop",16),e.yG2(),e.E7m("nzAffix",!1),e.yG2(67),e.E7m("nzGutter",8),e.yG2(),e.E7m("nzSpan",24),e.yG2(),e.E7m("nzId","components-flex-demo-basic")("nzLink","components-flex-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/basic.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-align")("nzLink","components-flex-demo-align")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/align.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-gap")("nzLink","components-flex-demo-gap")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/gap.md"),e.yG2(17),e.E7m("nzId","components-flex-demo-wrap")("nzLink","components-flex-demo-wrap")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/wrap.md"),e.yG2(5),e.E7m("nzId","components-flex-demo-combination")("nzLink","components-flex-demo-combination")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/flex/demo/combination.md"))},dependencies:[f.A,R.s9,R.mK,b.g,h.QD,h.ox,y.qG,D.If,g.k,t,u,a,$,Y],encapsulation:2})}return o})(),M=(()=>{class o{static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275mod=e.a4G({type:o});static#t=this.\u0275inj=e.s3X({imports:[i.K,v,O.qQ.forChild([{path:"en",component:N},{path:"zh",component:S}])]})}return o})()},9656:(B,x,d)=>{d.d(x,{es:()=>D,sn:()=>g,uw:()=>y});var O=d(1316),i=d(4496),e=d(6504),z=d(2540),F=d(5657),C=d(800),p=d(3616),E=d(5739),k=d(1900),w=d(916),v=d(3972);const f=["*"],R=["inputElement"],b=["nz-radio",""];let h=(()=>{class r{constructor(){this.selected$=new z.o(1),this.touched$=new F.E,this.disabled$=new z.o(1),this.name$=new z.o(1)}touch(){this.touched$.next()}select(t){this.selected$.next(t)}setDisabled(t){this.disabled$.next(t)}setName(t){this.name$.next(t)}static#e=this.\u0275fac=function(u){return new(u||r)};static#n=this.\u0275prov=i.wxM({token:r,factory:r.\u0275fac})}return r})(),y=(()=>{class r{constructor(t,u,a){this.cdr=t,this.nzRadioService=u,this.directionality=a,this.value=null,this.destroy$=new F.E,this.isNzDisableFirstChange=!0,this.onChange=()=>{},this.onTouched=()=>{},this.nzDisabled=!1,this.nzButtonStyle="outline",this.nzSize="default",this.nzName=null,this.dir="ltr"}ngOnInit(){this.nzRadioService.selected$.pipe((0,p.a)(this.destroy$)).subscribe(t=>{this.value!==t&&(this.value=t,this.onChange(this.value))}),this.nzRadioService.touched$.pipe((0,p.a)(this.destroy$)).subscribe(()=>{Promise.resolve().then(()=>this.onTouched())}),this.directionality.change?.pipe((0,p.a)(this.destroy$)).subscribe(t=>{this.dir=t,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngOnChanges(t){const{nzDisabled:u,nzName:a}=t;u&&this.nzRadioService.setDisabled(this.nzDisabled),a&&this.nzRadioService.setName(this.nzName)}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}writeValue(t){this.value=t,this.nzRadioService.select(t),this.cdr.markForCheck()}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||t,this.isNzDisableFirstChange=!1,this.nzRadioService.setDisabled(this.nzDisabled),this.cdr.markForCheck()}static#e=this.\u0275fac=function(u){return new(u||r)(i.GI1(i.kD9),i.GI1(h),i.GI1(k.yG,8))};static#n=this.\u0275cmp=i.In1({type:r,selectors:[["nz-radio-group"]],hostAttrs:[1,"ant-radio-group"],hostVars:8,hostBindings:function(u,a){2&u&&i.eAK("ant-radio-group-large","large"===a.nzSize)("ant-radio-group-small","small"===a.nzSize)("ant-radio-group-solid","solid"===a.nzButtonStyle)("ant-radio-group-rtl","rtl"===a.dir)},inputs:{nzDisabled:"nzDisabled",nzButtonStyle:"nzButtonStyle",nzSize:"nzSize",nzName:"nzName"},exportAs:["nzRadioGroup"],standalone:!0,features:[i.M5G([h,{provide:e.Y6,useExisting:(0,i.wd)(()=>r),multi:!0}]),i.SYr,i.UHJ],ngContentSelectors:f,decls:1,vars:0,template:function(u,a){1&u&&(i.kPM(),i._Xx(0))},encapsulation:2,changeDetection:0})}return(0,O.UN)([(0,E.U7)()],r.prototype,"nzDisabled",void 0),r})(),D=(()=>{class r{focus(){this.focusMonitor.focusVia(this.inputElement,"keyboard")}blur(){this.inputElement.nativeElement.blur()}constructor(t,u,a,I,$,_,Y){this.ngZone=t,this.elementRef=u,this.cdr=a,this.focusMonitor=I,this.directionality=$,this.nzRadioService=_,this.nzFormStatusService=Y,this.isNgModel=!1,this.destroy$=new F.E,this.isNzDisableFirstChange=!0,this.isChecked=!1,this.name=null,this.onChange=()=>{},this.onTouched=()=>{},this.nzValue=null,this.nzDisabled=!1,this.nzAutoFocus=!1,this.isRadioButton=!1,this.dir="ltr"}setDisabledState(t){this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||t,this.isNzDisableFirstChange=!1,this.cdr.markForCheck()}writeValue(t){this.isChecked=t,this.cdr.markForCheck()}registerOnChange(t){this.isNgModel=!0,this.onChange=t}registerOnTouched(t){this.onTouched=t}ngOnInit(){this.nzRadioService&&(this.nzRadioService.name$.pipe((0,p.a)(this.destroy$)).subscribe(t=>{this.name=t,this.cdr.markForCheck()}),this.nzRadioService.disabled$.pipe((0,p.a)(this.destroy$)).subscribe(t=>{this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||t,this.isNzDisableFirstChange=!1,this.cdr.markForCheck()}),this.nzRadioService.selected$.pipe((0,p.a)(this.destroy$)).subscribe(t=>{const u=this.isChecked;this.isChecked=this.nzValue===t,this.isNgModel&&u!==this.isChecked&&!1===this.isChecked&&this.onChange(!1),this.cdr.markForCheck()})),this.focusMonitor.monitor(this.elementRef,!0).pipe((0,p.a)(this.destroy$)).subscribe(t=>{t||(Promise.resolve().then(()=>this.onTouched()),this.nzRadioService&&this.nzRadioService.touch())}),this.directionality.change.pipe((0,p.a)(this.destroy$)).subscribe(t=>{this.dir=t,this.cdr.detectChanges()}),this.dir=this.directionality.value,this.setupClickListener()}ngAfterViewInit(){this.nzAutoFocus&&this.focus()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.focusMonitor.stopMonitoring(this.elementRef)}setupClickListener(){this.ngZone.runOutsideAngular(()=>{(0,C.w)(this.elementRef.nativeElement,"click").pipe((0,p.a)(this.destroy$)).subscribe(t=>{t.stopPropagation(),t.preventDefault(),!this.nzDisabled&&!this.isChecked&&this.ngZone.run(()=>{this.focus(),this.nzRadioService?.select(this.nzValue),this.isNgModel&&(this.isChecked=!0,this.onChange(!0)),this.cdr.markForCheck()})})})}static#e=this.\u0275fac=function(u){return new(u||r)(i.GI1(i.WW2),i.GI1(i.GMv),i.GI1(i.kD9),i.GI1(w.Kk),i.GI1(k.yG,8),i.GI1(h,8),i.GI1(v.WC,8))};static#n=this.\u0275cmp=i.In1({type:r,selectors:[["","nz-radio",""],["","nz-radio-button",""]],viewQuery:function(u,a){if(1&u&&i.CC$(R,7),2&u){let I;i.wto(I=i.Gqi())&&(a.inputElement=I.first)}},hostVars:18,hostBindings:function(u,a){2&u&&i.eAK("ant-radio-wrapper-in-form-item",!!a.nzFormStatusService)("ant-radio-wrapper",!a.isRadioButton)("ant-radio-button-wrapper",a.isRadioButton)("ant-radio-wrapper-checked",a.isChecked&&!a.isRadioButton)("ant-radio-button-wrapper-checked",a.isChecked&&a.isRadioButton)("ant-radio-wrapper-disabled",a.nzDisabled&&!a.isRadioButton)("ant-radio-button-wrapper-disabled",a.nzDisabled&&a.isRadioButton)("ant-radio-wrapper-rtl",!a.isRadioButton&&"rtl"===a.dir)("ant-radio-button-wrapper-rtl",a.isRadioButton&&"rtl"===a.dir)},inputs:{nzValue:"nzValue",nzDisabled:"nzDisabled",nzAutoFocus:"nzAutoFocus",

1isRadioButton:[i.Wk5.HasDecoratorInputTransform,"nz-radio-button","isRadioButton",i.cZD]},exportAs:["nzRadio"],standalone:!0,features:[i.M5G([{provide:e.Y6,useExisting:(0,i.wd)(()=>r),multi:!0}]),i.QJr,i.UHJ],attrs:b,ngContentSelectors:f,decls:6,vars:24,consts:[["type","radio",3,"disabled","checked"],["inputElement",""]],template:function(u,a){1&u&&(i.kPM(),i.I0R(0,"span"),i.wR5(1,"input",0,1)(3,"span"),i.C$Y(),i.I0R(4,"span"),i._Xx(5),i.C$Y()),2&u&&(i.eAK("ant-radio",!a.isRadioButton)("ant-radio-checked",a.isChecked&&!a.isRadioButton)("ant-radio-disabled",a.nzDisabled&&!a.isRadioButton)("ant-radio-button",a.isRadioButton)("ant-radio-button-checked",a.isChecked&&a.isRadioButton)("ant-radio-button-disabled",a.nzDisabled&&a.isRadioButton),i.yG2(),i.eAK("ant-radio-input",!a.isRadioButton)("ant-radio-button-input",a.isRadioButton),i.E7m("disabled",a.nzDisabled)("checked",a.isChecked),i.e48("autofocus",a.nzAutoFocus?"autofocus":null)("name",a.name),i.yG2(2),i.eAK("ant-radio-inner",!a.isRadioButton)("ant-radio-button-inner",a.isRadioButton))},encapsulation:2,changeDetection:0})}return(0,O.UN)([(0,E.U7)()],r.prototype,"nzDisabled",void 0),(0,O.UN)([(0,E.U7)()],r.prototype,"nzAutoFocus",void 0),r})(),g=(()=>{class r{static#e=this.\u0275fac=function(u){return new(u||r)};static#n=this.\u0275mod=i.a4G({type:r});static#t=this.\u0275inj=i.s3X({})}return r})()}}]);