1import{a as nt,b as it}from"./chunk-EW7F66NP.js";import{a as et,b as tt}from"./chunk-USO7QHFQ.js";import{a as Ye,b as Xe}from"./chunk-TJWRDNYB.js";import"./chunk-FPT6KJOT.js";import{a as Ke,b as $e}from"./chunk-NIH6AOMC.js";import{d as Qe,e as Ue,f as je}from"./chunk-HAEQN7CQ.js";import{b as Ze,c as We}from"./chunk-UI4NNXTD.js";import{d as Pe,e as Le}from"./chunk-ICIWHR53.js";import"./chunk-3OWDJZPK.js";import{a as Re,b as Ge,c as Ve}from"./chunk-BAMFRZQ3.js";import{a as qe,b as Je}from"./chunk-HPKKS6Y7.js";import"./chunk-P3AVZZEV.js";import"./chunk-EWHPEZUW.js";import"./chunk-JETIFO2V.js";import{a as Ce,c as xe,d as be,e as he}from"./chunk-5UTYQDE2.js";import{c as Ee,e as ge}from"./chunk-UQJ7W5RK.js";import{b as Fe,h as _e,i as ke}from"./chunk-JR4XAX3Y.js";import"./chunk-NRTH7ZQQ.js";import{c as we,d as Ae,e as Me}from"./chunk-IP2RR7BB.js";import{a as He,b as Oe}from"./chunk-PXJKURHG.js";import{a as Te,b as Ie}from"./chunk-RDH7HK2G.js";import{a as T,g as pe,h as re,m as ce,n as de}from"./chunk-2ZL4YWDH.js";import"./chunk-DIGTPZB7.js";import"./chunk-ZM4OV56V.js";import{Bc as oe,Cd as ye,Dd as me,Ed as ae,Gc as A,Hd as le,Ic as E,Jc as g,Kc as f,Lc as C,Mc as x,Oc as b,Qc as h,Yc as M,_a as N,ab as w,ad as H,nd as O,td as De,vd as Ne,xd as Be,zc as y,zd as ve}from"./chunk-KK7CC6GQ.js";import{Ac as K,Bc as $,Cc as ee,Gc as F,Hc as n,Jb as z,Mc as te,Nc as ne,Oc as ie,Pb as s,Tc as Se,Wb as p,Xb as c,bd as k,ic as e,jc as t,kc as i,lc as Y,mc as X,rc as _,sb as a,xa as d,ya as u}from"./chunk-PXCXDVYP.js";import"./chunk-EQDQRRRY.js";function mt(o,m){o&1&&(Y(0),n(1,"center"),X())}function at(o,m){o&1&&(e(0,"button",8),n(1,"Button"),t())}function lt(o,m){o&1&&(e(0,"span",9),n(1,"Block"),t())}function pt(o,m){o&1&&(Y(0),n(1,"start"),X())}function rt(o,m){o&1&&(e(0,"button",8),n(1,"Button"),t())}function ct(o,m){o&1&&(e(0,"span",9),n(1,"Block"),t())}function dt(o,m){o&1&&(Y(0),n(1,"end"),X())}function ut(o,m){o&1&&(e(0,"button",8),n(1,"Button"),t())}function zt(o,m){o&1&&(e(0,"span",9),n(1,"Block"),t())}function st(o,m){o&1&&(Y(0),n(1,"baseline"),X())}function St(o,m){o&1&&(e(0,"button",8),n(1,"Button"),t())}function ft(o,m){o&1&&(e(0,"span",9),n(1,"Block"),t())}var P=class o{static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-align"]],decls:17,vars:0,consts:[[1,"space-align-container"],["nz-space","","nzAlign","center",1,"space-align-block"],[4,"nzSpaceItem"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["class","mock-block",4,"nzSpaceItem"],["nz-space","","nzAlign","start",1,"space-align-block"],["nz-space","","nzAlign","end",1,"space-align-block"],["nz-space","","nzAlign","baseline",1,"space-align-block"],["nz-button","","nzType","primary"],[1,"mock-block"]],template:function(l,r){l&1&&(e(0,"div",0)(1,"div",1),s(2,mt,2,0,"ng-container",2)(3,at,2,0,"button",3)(4,lt,2,0,"span",4),t(),e(5,"div",5),s(6,pt,2,0,"ng-container",2)(7,rt,2,0,"button",3)(8,ct,2,0,"span",4),t(),e(9,"div",6),s(10,dt,2,0,"ng-container",2)(11,ut,2,0,"button",3)(12,zt,2,0,"span",4),t(),e(13,"div",7),s(14,st,2,0,"ng-container",2)(15,St,2,0,"button",3)(16,ft,2,0,"span",4),t()())},dependencies:[h,b,C,x,f,g,E],styles:[".space-align-container[_ngcontent-%COMP%]{display:flex;align-items:flex-start;flex-wrap:wrap}.space-align-block[_ngcontent-%COMP%]{margin:8px 4px;border:1px solid #40a9ff;padding:4px;flex:none}.space-align-block[_ngcontent-%COMP%] .mock-block[_ngcontent-%COMP%]{display:inline-block;padding:32px 8px 16px;background:#96969633}"]})};function Et(o,m){o&1&&(e(0,"button",3),n(1,"Button"),t())}function gt(o,m){o&1&&(e(0,"nz-upload",4)(1,"button",5),i(2,"nz-icon",6),n(3," Click to Upload "),t()())}function Ct(o,m){o&1&&(e(0,"button",7),n(1," Confirm "),t())}var V=class o{static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-basic"]],decls:4,vars:0,consts:[["nz-button","","nzType","primary",4,"nzSpaceItem"],["nzAction","https://www.mocky.io/v2/5cc8019d300000980a055e76",4,"nzSpaceItem"],["nz-button","","nz-popconfirm","","nzOkText","Yes","nzCancelText","No","nzPopconfirmTitle","Are you sure delete this task?",4,"nzSpaceItem"],["nz-button","","nzType","primary"],["nzAction","https://www.mocky.io/v2/5cc8019d300000980a055e76"],["nz-button",""],["nzType","upload"],["nz-button","","nz-popconfirm","","nzOkText","Yes","nzCancelText","No","nzPopconfirmTitle","Are you sure delete this task?"]],template:function(l,r){l&1&&(e(0,"nz-space"),s(1,Et,2,0,"button",0)(2,gt,4,0,"nz-upload",1)(3,Ct,2,0,"button",2),t())},dependencies:[h,b,C,x,w,N,f,g,E,it,nt,tt,et],encapsulation:2})};function xt(o,m){o&1&&(e(0,"nz-space-compact",1)(1,"button",2),n(2,"Button 1"),t(),e(3,"button",2),n(4,"Button 2"),t(),e(5,"button",2),n(6,"Button 3"),t()())}function bt(o,m){o&1&&(e(0,"nz-space-compact",1)(1,"button",3),n(2,"Button 1"),t(),e(3,"button",3),n(4,"Button 2"),t(),e(5,"button",3),n(6,"Button 3"),t()())}function ht(o,m){o&1&&(e(0,"nz-space-compact",1)(1,"button",4),n(2,"Button 1"),t(),e(3,"button",4),n(4,"Button 2"),t(),e(5,"button",4),n(6,"Button 3"),t()())}var Z=class o{static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-compact-button-vertical"]],decls:4,vars:0,consts:[["nzDirection","vertical",4,"nzSpaceItem"],["nzDirection","vertical"],["nz-button",""],["nz-button","","nzType","dashed"],["nz-button","","nzType","primary"]],template:function(l,r){l&1&&(e(0,"nz-space"),s(1,xt,7,0,"nz-space-compact",0)(2,bt,7,0,"nz-space-compact",0)(3,ht,7,0,"nz-space-compact",0),t())},dependencies:[f,g,E,A,h,b,C,x],encapsulation:2})};var W=class o{static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-compact-buttons"]],decls:69,vars:2,consts:[["menu",""],["nzBlock",""],["nz-button","","nz-tooltip","","nzTooltipTitle","Like"],["nzType","like"],["nz-button","","nz-tooltip","","nzTooltipTitle","Comment"],["nzType","comment"],["nz-button","","nz-tooltip","","nzTooltipTitle","Star"],["nzType","star"],["nz-button","","nz-tooltip","","nzTooltipTitle","Heart"],["nzType","heart"],["nz-button","","nz-tooltip","","nzTooltipTitle","Share"],["nzType","share-alt"],["nz-button","","nz-tooltip","","nzTooltipTitle","Download"],["nzType","download"],["nz-menu",""],["nz-menu-item",""],["nz-button","","nz-dropdown","",3,"nzDropdownMenu"],["nzType","ellipsis"],["nz-button","","nzType","primary"],["nz-button","","nzType","primary","disabled","","nz-tooltip","","nzTooltipTitle","Tooltip"],["nz-button","","nzType","primary","nz-tooltip","","nzTooltipTitle","Tooltip"],["nz-button",""],["nz-button","","disabled","","nz-tooltip","","nzTooltipTitle","Tooltip"],["nz-button","","nz-tooltip","","nzTooltipTitle","Tooltip"],["nz-button","","nzType","primary","nz-dropdown","",3,"nzDropdownMenu"]],template:function(l,r){if(l&1&&(e(0,"nz-space-compact",1)(1,"button",2),i(2,"nz-icon",3),t(),e(3,"button",4),i(4,"nz-icon",5),t(),e(5,"button",6),i(6,"nz-icon",7),t(),e(7,"button",8),i(8,"nz-icon",9),t(),e(9,"button",10),i(10,"nz-icon",11),t(),e(11,"button",12),i(12,"nz-icon",13),t(),e(13,"nz-dropdown-menu",null,0)(15,"ul",14)(16,"li",15)(17,"a"),n(18,"1st item"),t()(),e(19,"li",15)(20,"a"),n(21,"2nd item"),t()(),e(22,"li",15)(23,"a"),n(24,"3rd item"),t()()()(),e(25,"button",16),i(26,"nz-icon",17),t()(),i(27,"br"),e(28,"nz-space-compact",1)(29,"button",18),n(30,"Button 1"),t(),e(31,"button",18),n(32,"Button 2"),t(),e(33,"button",18),n(34,"Button 3"),t(),e(35,"button",18),n(36,"Button 4"),t(),e(37,"button",19),i(38,"nz-icon",13),t(),e(39,"button",20),i(40,"nz-icon",13),t()(),i(41,"br"),e(42,"nz-space-compact",1)(43,"button",21),n(44,"Button 1"),t(),e(45,"button",21),n(46,"Button 2"),t(),e(47,"button",21),n(48,"Button 3"),t(),e(49,"button",22),i(50,"nz-icon",13),t(),e(51,"button",23),i(52,"nz-icon",13),t(),e(53,"button",18),n(54,"Button 4"),t(),e(55,"nz-dropdown-menu",null,0)(57,"ul",14)(58,"li",15)(59,"a"),n(60,"1st item"),t()(),e(61,"li",15)(62,"a"),n(63,"2nd item"),t()(),e(64,"li",15)(65,"a"),n(66,"3rd item"),t()()()(),e(67,"button",24),i(68,"nz-icon",17),t()()),l&2){let S=F(14);a(25),p("nzDropdownMenu",S),a(42),p("nzDropdownMenu",S)}},dependencies:[f,A,h,b,C,x,w,N,he,ge,Ee,Ce,be,xe,oe,y],encapsulation:2})};var Dt=()=>["Zhejianggggg"],Nt=()=>["text 1","text 2"];function Bt(o,m){o&1&&(e(0,"button",46),i(1,"nz-icon",47),t())}function vt(o,m){o&1&&(e(0,"button",46),i(1,"nz-icon",47),t())}function yt(o,m){o&1&&(e(0,"button",46),i(1,"nz-icon",47),t())}var Q=class o{cascaderOptions=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake",isLeaf:!0}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men",isLeaf:!0}]}]}];nodes=[{title:"parent 1",key:"100",children:[{title:"parent 1-0",key:"1001",children:[{title:"leaf 1-0-0",key:"10010",isLeaf:!0},{title:"leaf 1-0-1",key:"10011",isLeaf:!0}]},{title:"parent 1-1",key:"1002",children:[{title:"leaf 1-1-0",key:"10020",isLeaf:!0}]}]}];static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-compact"]],decls:108,vars:59,consts:[["addonTmpl",""],["auto",""],["nzBlock",""],["nz-input","","value","0571"],["nz-input","","value","26888888"],["nzBlock","","nzSize","small"],["nz-input","","value","https://ng.ant.design"],["nz-button","","nzType","primary"],["nz-input","","value","[email protected]:NG-ZORRO/ng-zorro-antd.git"],["nz-button","","nz-tooltip","","nzTooltipTitle","copy git url"],["nzType","copy"],["ngModel","Zhejianggggg"],["nzLabel","Zhejianggggg","nzValue","Zhejianggggg"],["nzLabel","Jiangsu","nzValue","Jiangsu"],["nz-input","","value","Xihu District, Hangzhou"],["nzSearch","",3,"nzAddOnAfter"],["nz-input","","value","+1"],["nzMode","multiple",3,"ngModel"],["ngModel","Option1"],["nzLabel","Option1","nzValue","Option1"],["nzLabel","Option2","nzValue","Option2"],["nz-input","","value","input content"],[3,"ngModel"],["ngModel","Option1-1"],["nzLabel","Option1-1","nzValue","Option1-1"],["nzLabel","Option2-1","nzValue","Option2-1"],["ngModel","Option1-2"],["nzLabel","Option1-2","nzValue","Option1-2"],["nzLabel","Option2-2","nzValue","Option2-2"],["ngModel","1"],["nzLabel","Between","nz
1Value","1"],["nzLabel","Except","nzValue","2"],["nz-input","","placeholder","Minimum",2,"width","100px","text-align","center"],["nz-input","","placeholder","~","disabled","",1,"site-input-split",2,"width","30px","border-left","0","border-right","0","pointer-events","none"],["nz-input","","placeholder","Maximum",1,"site-input-right",2,"width","100px","text-align","center"],["ngModel","Sign Up"],["nzLabel","Sign Up","nzValue","Sign Up"],["nzLabel","Sign In","nzValue","Sign In"],[3,"nzDataSource"],["nz-input","","placeholder","Email",3,"nzAutocomplete"],["nzPlaceholder","Select Address",3,"nzOptions"],["nzShowSearch","","nzPlaceHolder","Please select","ngModel","10010","nzDefaultExpandAll","",3,"nzNodes"],["nzAddOnBefore","Http://","nzAddOnAfter",".com"],["nz-input","","placeholder","input here"],["nzInputPrefix",""],["nzInputAddonBefore",""],["nz-button","",1,"ant-input-search-button"],["nzType","search"]],template:function(l,r){if(l&1&&(e(0,"nz-space-compact",2),i(1,"input",3)(2,"input",4),t(),i(3,"br"),e(4,"nz-space-compact",5),i(5,"input",6),e(6,"button",7),n(7,"Submit"),t()(),i(8,"br"),e(9,"nz-space-compact",2),i(10,"input",6),e(11,"button",7),n(12,"Submit"),t()(),i(13,"br"),e(14,"nz-space-compact",2),i(15,"input",8),e(16,"button",9),i(17,"nz-icon",10),t()(),i(18,"br"),e(19,"nz-space-compact",2)(20,"nz-select",11),i(21,"nz-option",12)(22,"nz-option",13),t(),i(23,"input",14),t(),i(24,"br"),e(25,"nz-space-compact",2)(26,"nz-input-group",15),i(27,"input",3),s(28,Bt,2,0,"ng-template",null,0,k),t(),e(30,"nz-input-group",15),i(31,"input",4),s(32,vt,2,0,"ng-template",null,0,k),t(),e(34,"nz-input-group",15),i(35,"input",16),s(36,yt,2,0,"ng-template",null,0,k),t()(),i(38,"br"),e(39,"nz-space-compact",2)(40,"nz-select",17),i(41,"nz-option",12)(42,"nz-option",13),t(),i(43,"input",14),t(),i(44,"br"),e(45,"nz-space-compact",2)(46,"nz-select",18),i(47,"nz-option",19)(48,"nz-option",20),t(),i(49,"input",21)(50,"nz-input-number",22),t(),i(51,"br"),e(52,"nz-space-compact",2),i(53,"input",21)(54,"nz-date-picker"),t(),i(55,"br"),e(56,"nz-space-compact",2),i(57,"nz-range-picker")(58,"input",21),e(59,"button",7),n(60,"\u67E5\u8BE2"),t()(),i(61,"br"),e(62,"nz-space-compact",2),i(63,"input",21)(64,"nz-range-picker"),t(),i(65,"br"),e(66,"nz-space-compact",2)(67,"nz-select",23),i(68,"nz-option",24)(69,"nz-option",25),t(),e(70,"nz-select",26),i(71,"nz-option",27)(72,"nz-option",28),t()(),i(73,"br"),e(74,"nz-space-compact",2)(75,"nz-select",29),i(76,"nz-option",30)(77,"nz-option",31),t(),i(78,"input",32)(79,"input",33)(80,"input",34),t(),i(81,"br"),e(82,"nz-space-compact",2)(83,"nz-select",35),i(84,"nz-option",36)(85,"nz-option",37),t(),i(86,"nz-autocomplete",38,1)(88,"input",39),t(),i(89,"br"),e(90,"nz-space-compact",2),i(91,"nz-time-picker")(92,"nz-cascader",40),t(),i(93,"br"),e(94,"nz-space-compact",2),i(95,"nz-tree-select",41),e(96,"button",7),n(97,"Submit"),t()(),i(98,"br"),e(99,"nz-space-compact",2)(100,"nz-input-group",42),i(101,"input",43),t(),e(102,"nz-input-number")(103,"span",44),n(104,"$"),t()(),e(105,"nz-input-number")(106,"span",45),n(107,"$"),t()()()),l&2){let S=F(29),D=F(87);a(),c("width",20,"%"),a(),c("width",30,"%"),a(3),c("width","calc(100% - 200px)"),a(5),c("width","calc(100% - 200px)"),a(5),c("width","calc(100% - 200px)"),a(8),c("width",50,"%"),a(3),c("width",30,"%"),p("nzAddOnAfter",S),a(4),c("width",50,"%"),p("nzAddOnAfter",S),a(4),c("width",20,"%"),p("nzAddOnAfter",S),a(6),c("width",50,"%"),p("ngModel",Se(57,Dt)),a(3),c("width",50,"%"),a(6),c("width",50,"%"),a(),p("ngModel",12),a(3),c("width",50,"%"),a(),c("width",50,"%"),a(3),c("width",70,"%"),a(),c("width",30,"%"),a(5),c("width",30,"%"),a(),c("width",70,"%"),a(19),c("width",30,"%"),a(3),p("nzDataSource",Se(58,Nt)),a(2),c("width",70,"%"),p("nzAutocomplete",D),a(3),c("width",70,"%"),a(),c("width",70,"%"),p("nzOptions",r.cascaderOptions),a(3),c("width",60,"%"),p("nzNodes",r.nodes),a(5),c("width",50,"%")}},dependencies:[f,A,h,b,C,x,w,N,ye,Be,ve,Ie,Te,De,Ne,ke,Fe,_e,Je,qe,Xe,Ye,je,Qe,Ue,We,Ze,Me,Ae,we,oe,y,O,M,H],styles:[".site-input-split[_ngcontent-%COMP%]{background-color:#fff}.site-input-right[_ngcontent-%COMP%]:not(.ant-input-rtl){border-left-width:0}.site-input-right[_ngcontent-%COMP%]:not(.ant-input-rtl):hover, .site-input-right[_ngcontent-%COMP%]:not(.ant-input-rtl):focus{border-left-width:1px}
1.site-input-right.ant-input-rtl[_ngcontent-%COMP%]{border-right-width:0}.site-input-right.ant-input-rtl[_ngcontent-%COMP%]:hover, .site-input-right.ant-input-rtl[_ngcontent-%COMP%]:focus{border-right-width:1px}"]})};function Tt(o,m){o&1&&(e(0,"button",6),n(1,"Button"),t())}function It(o,m){o&1&&(e(0,"button",7),n(1,"Default"),t())}function Ft(o,m){o&1&&(e(0,"button",8),n(1,"Dashed"),t())}function _t(o,m){o&1&&(e(0,"a",9),n(1,"Link"),t())}var U=class o{size=8;static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-customize"]],decls:6,vars:2,consts:[[3,"ngModelChange","ngModel"],[3,"nzSize"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["nz-button","","nzType","default",4,"nzSpaceItem"],["nz-button","","nzType","dashed",4,"nzSpaceItem"],["nz-button","","nzType","link",4,"nzSpaceItem"],["nz-button","","nzType","primary"],["nz-button","","nzType","default"],["nz-button","","nzType","dashed"],["nz-button","","nzType","link"]],template:function(l,r){l&1&&(e(0,"nz-slider",0),ie("ngModelChange",function(D){return ne(r.size,D)||(r.size=D),D}),t(),e(1,"nz-space",1),s(2,Tt,2,0,"button",2)(3,It,2,0,"button",3)(4,Ft,2,0,"button",4)(5,_t,2,0,"a",5),t()),l&2&&(te("ngModel",r.size),a(),p("nzSize",r.size))},dependencies:[O,M,H,h,b,C,x,f,g,E,$e,Ke],encapsulation:2})};function kt(o,m){o&1&&(e(0,"button",9),n(1,"Button"),t())}function wt(o,m){o&1&&(e(0,"button",10),n(1,"Default"),t())}function At(o,m){o&1&&(e(0,"button",11),n(1,"Dashed"),t())}function Mt(o,m){o&1&&(e(0,"a",12),n(1,"Link"),t())}var j=class o{size="small";static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-size"]],decls:12,vars:2,consts:[[3,"ngModelChange","ngModel"],["nz-radio","","nzValue","small"],["nz-radio","","nzValue","middle"],["nz-radio","","nzValue","large"],[3,"nzSize"],["nz-button","","nzType","primary",4,"nzSpaceItem"],["nz-button","","nzType","default",4,"nzSpaceItem"],["nz-button","","nzType","dashed",4,"nzSpaceItem"],["nz-button","","nzType","link",4,"nzSpaceItem"],["nz-button","","nzType","primary"],["nz-button","","nzType","default"],["nz-button","","nzType","dashed"],["nz-button","","nzType","link"]],template:function(l,r){l&1&&(e(0,"nz-radio-group",0),ie("ngModelChange",function(D){return ne(r.size,D)||(r.size=D),D}),e(1,"labe��������������������(),e(3,"label",2),n(4,"Middle"),t(),e(5,"label",3),n(6,"Large"),t()(),e(7,"nz-space",4),s(8,kt,2,0,"button",5)(9,wt,2,0,"button",6)(10,At,2,0,"button",7)(11,Mt,2,0,"a",8),t()),l&2&&(te("ngModel",r.size),a(7),p("nzSize",r.size))},dependencies:[O,M,H,h,b,C,x,Ve,Ge,Re,f,g,E],encapsulation:2})};function Ht(o,m){o&1&&i(0,"nz-divider",3)}function Ot(o,m){o&1&&(e(0,"a"),n(1,"Link"),t())}function Pt(o,m){o&1&&(e(0,"a"),n(1,"Link"),t())}function Lt(o,m){o&1&&(e(0,"a"),n(1,"Link"),t())}var q=class o{size=8;static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-split"]],decls:6,vars:1,consts:[["spaceSplit",""],[3,"nzSplit"],[4,"nzSpaceItem"],["nzType","vertical"]],template:function(l,r){if(l&1&&(e(0,"nz-space",1),s(1,Ht,1,0,"ng-template",null,0,k)(3,Ot,2,0,"a",2)(4,Pt,2,0,"a",2)(5,Lt,2,0,"a",2),t()),l&2){let S=F(2);p("nzSplit",S)}},dependencies:[Oe,He,f,g,E],encapsulation:2})};function Rt(o,m){o&1&&(e(0,"nz-card",2)(1,"p"),n(2,"Card content"),t(),e(3,"p"),n(4,"Card content"),t()())}function Gt(o,m){o&1&&(e(0,"nz-card",2)(1,"p"),n(2,"Card content"),t(),e(3,"p"),n(4,"Card content"),t()())}var J=class o{static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space-vertical"]],decls:3,vars:0,consts:[["nzDirection","vertical"],["nzTitle","Card","style","width: 300px",4,"nzSpaceItem"],["nzTitle","Card",2,"width","300px"]],template:function(l,r){l&1&&(e(0,"nz-space",0),s(1,Rt,5,0,"nz-card",1)(2,Gt,5,0,"nz-card",1),t())},dependencies:[Le,Pe,f,g,E],encapsulation:2})};var ze=class o{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(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space"]],viewQuery:function(l,r){if(l&1&&K(T,5),l&2){let S;$(S=ee())&&(r.codeBoxes=S)}},decls:293,vars:49,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-space-demo-basic","nzTitle","\u57FA\u672C\u7528\u6CD5"],["nzHref","#components-space-demo-vertical","nzTitle","\u5782\u76F4\u95F4\u8DDD"],["nzHref","#components-space-demo-size","nzTitle","\u95F4\u8DDD\u5927\u5C0F"],["nzHref","#components-space-demo-align","nzTitle","\u5BF9\u9F50"],["nzHref","#components-space-demo-customize","nzTitle","\u81EA\u5B9A\u4E49\u5C3A\u5BF8"],["nzHref","#components-space-demo-split","nzTitle","\u5206\u9694\u7B26"],["nzHref","#components-space-demo-compact","nzTitle","\u7D27\u51D1\u5E03\u5C40\u7EC4\u5408"],["nzHref","#components-space-demo-compact-buttons","
1nzTitle","Button \u7D27\u51D1\u5E03\u5C40"],["nzHref","#components-space-demo-compact-button-vertical","nzTitle","\u5782\u76F4\u65B9\u5411\u7D27\u51D1\u5E03\u5C40"],["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/space/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","space","description","\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u95F4\u8DDD\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u57FA\u672C\u7528\u6CD5","nzSelector","nz-demo-space-basic","nzGenerateCommand","ng g ng-zorro-antd:space-basic <name>","nzComponentName","NzDemoSpaceBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5782\u76F4\u95F4\u8DDD","nzSelector","nz-demo-space-vertical","nzGenerateCommand","ng g ng-zorro-antd:space-vertical <name>","nzComponentName","NzDemoSpaceVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u95F4\u8DDD\u5927\u5C0F","nzSelector","nz-demo-space-size","nzGenerateCommand","ng g ng-zorro-antd:space-size <name>","nzComponentName","NzDemoSpaceSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5BF9\u9F50","nzSelector","nz-demo-space-align","nzGenerateCommand","ng g ng-zorro-antd:space-align <name>","nzComponentName","NzDemoSpaceAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u5C3A\u5BF8","nzSelector","nz-demo-space-customize","nzGenerateCommand","ng g ng-zorro-antd:space-customize <name>","nzComponentName","NzDemoSpaceCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5206\u9694\u7B26","nzSelector","nz-demo-space-split","nzGenerateCommand","ng g ng-zorro-antd:space-split <name>","nzComponentName","NzDemoSpaceSplitComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u7D27\u51D1\u5E03\u5C40\u7EC4\u5408","nzSelector","nz-demo-space-compact","nzGenerateCommand","ng g ng-zorro-antd:space-compact <name>","nzComponentName","NzDemoSpaceCompactComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Button \u7D27\u51D1\u5E03\u5C40","nzSelector","nz-demo-space-compact-buttons","nzGenerateCommand","ng g ng-zorro-antd:space-compact-buttons <name>","nzComponentName","NzDemoSpaceCompactButtonsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5782\u76F4\u65B9\u5411\u7D27\u51D1\u5E03\u5C40","nzSelector","nz-demo-space-compact-button-vertical","nzGenerateCommand","ng g ng-zorro-antd:space-compact-button-vertical <name>","nzComponentName","NzDemoSpaceCompactButtonVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-space"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-space'",1,"anchor"],["id","nz-space-compact"],["onclick","window.location.hash = 'nz-space-compact'",1,"anchor"]],template:function(l,r){l&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),_("nzClick",function(D){return r.goLink(D)}),i(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)(12,"nz-link",11),t()(),e(13,"section",12)(14,"h1"),n(15,"Space"),e(16,"span",13),n(17,"\u95F4\u8DDD"),t(),i(18,"span",14),e(19,"a",15),i(20,"nz-icon",16),t()(),i(21,"component-meta",17),e(22,"section",12),u(),e(23,"h2",18)(24,"span"),n(25,"\u4F55\u65F6\u4F7F\u7528"),t(),e(26,"a",19),n(27,"#"),t()(),e(28,"p"),n(29,"\u907F\u514D\u7EC4\u4EF6\u7D27\u8D34\u5728\u4E00\u8D77\uFF0C\u62C9\u5F00\u7EDF\u4E00\u7684\u7A7A\u95F4\u3002"),t(),e(30,"ul")(31,"li"),n(32,"\u9002\u5408\u884C\u5185\u5143\u7D20\u7684\u6C34\u5E73\u95F4\u8DDD\u3002"),t(),e(33,"li"),n(34,"\u53EF\u4EE5\u8BBE\u7F6E\u5404\u79CD\u6C34\u5E73\u5BF9\u9F50\u65B9\u5F0F\u3002"),t(),e(35,"li"),n(36,"\u9700\u8981\u8868\u5355\u7EC4\u4EF6\u4E4B\u95F4\u7D27\u51D1\u8FDE\u63A5\u4E14\u5408\u5E76\u8FB9\u
16846\u65F6\uFF0C\u4F7F\u7528 "),e(37,"code"),n(38,"<nz-space-compact>"),t(),n(39,"\u3002"),t()(),e(40,"p"),n(41,"\u4E0E Flex \u7EC4\u4EF6\u7684\u533A\u522B\uFF1A"),t(),e(42,"ul")(43,"li"),n(44,"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"),t(),e(45,"li"),n(46,"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"),t()(),d(),t(),e(47,"h2")(48,"span"),n(49,"\u4EE3\u7801\u6F14\u793A"),t(),e(50,"nz-icon",20),_("click",function(){return r.expandAllCode()}),t()()(),e(51,"div",21)(52,"div",22)(53,"nz-code-box",23),i(54,"nz-demo-space-basic",24),e(55,"div",25),u(),e(56,"p"),n(57,"\u76F8\u90BB\u7EC4\u4EF6\u6C34\u5E73\u95F4\u8DDD\u3002"),t(),d(),t()(),e(58,"nz-code-box",26),i(59,"nz-demo-space-vertical",24),e(60,"div",25),u(),e(61,"p"),n(62,"\u76F8\u90BB\u7EC4\u4EF6\u5782\u76F4\u95F4\u8DDD\u3002"),t(),e(63,"p"),n(64,"\u53EF\u4EE5\u8BBE\u7F6E "),e(65,"code"),n(66,"width: 100%"),t(),n(67," \u72EC\u5360\u4E00\u884C\u3002"),t(),d(),t()(),e(68,"nz-code-box",27),i(69,"nz-demo-space-size",24),e(70,"div",25),u(),e(71,"p"),n(72,"\u95F4\u8DDD\u9884\u8BBE\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5927\u5C0F\u3002"),t(),e(73,"p"),n(74,"\u901A\u8FC7\u8BBE\u7F6E "),e(75,"code"),n(76,"nzSize"),t(),n(77," \u4E3A "),e(78,"code"),n(79,"large"),t(),e(80,"code"),n(81,"middle"),t(),n(82," \u5206\u522B\u628A\u95F4\u8DDD\u8BBE\u4E3A\u5927\u3001\u4E2D\u95F4\u8DDD\u3002\u82E5\u4E0D\u8BBE\u7F6E "),e(83,"code"),n(84,"nzSize"),t(),n(85,"\uFF0C\u5219\u95F4\u8DDD\u4E3A\u5C0F\u3002"),t(),d(),t()(),e(86,"nz-code-box",28),i(87,"nz-demo-space-align",24),e(88,"div",25),u(),e(89,"p"),n(90,"\u8BBE\u7F6E\u5BF9\u9F50\u6A21\u5F0F\u3002"),t(),d(),t()(),e(91,"nz-code-box",29),i(92,"nz-demo-space-customize",24),e(93,"div",25),u(),e(94,"p"),n(95,"\u81EA\u5B9A\u4E49\u95F4\u8DDD\u5927\u5C0F\u3002"),t(),d(),t()(),e(96,"nz-code-box",30),i(97,"nz-demo-space-split",24),e(98,"div",25),u(),e(99,"p"),n(100,"\u76F8\u90BB\u7EC4\u4EF6\u5206\u9694\u7B26\u3002"),t(),d(),t()(),e(101,"nz-code-box",31),i(102,"nz-demo-space-compact",24),e(103,"div",25),u(),e(104,"p"),n(105,"\u4F7F\u7528 "),e(106,"code"),n(107,"<nz-space-compact>"),t(),n(108," \u8BA9\u8868\u5355\u7EC4\u4EF6\u4E4B\u95F4\u7D27\u51D1\u8FDE\u63A5\u4E14\u5408\u5E76\u8FB9\u6846\u3002"),t(),d(),t()(),e(109,"nz-code-box",32),i(110,"nz-demo-space-compact-buttons",24),e(111,"div",25),u(),e(112,"p"),n(113,"Button \u7EC4\u4EF6\u7D27\u51D1\u6392\u5217\u7684\u793A\u4F8B\u3002"),t(),d(),t()(),e(114,"nz-code-box",33),i(115,"nz-demo-space-compact-button-vertical",24),e(116,"div",25),u(),e(117,"p"),n(118,"\u5782\u76F4\u65B9\u5411\u7684\u7D27\u51D1\u5E03\u5C40\uFF0C\u76EE\u524D\u4EC5\u652F\u6301 Button \u7EC4\u5408\u3002"),t(),d(),t()()()(),e(119,"section",34),u(),e(120,"h2",35)(121,"span"),n(122,"API"),t(),e(123,"a",36),n(124,"#"),t()(),e(125,"h3",37)(126,"span"),n(127,"nz-space"),t(),e(128,"label",38),n(129,"component"),t(),e(130,"a",39),n(131,"#"),t()(),e(132,"table")(133,"thead")(134,"tr")(135,"th"),n(136,"\u53C2\u6570"),t(),e(137,"th"),n(138,"\u8BF4\u660E"),t(),e(139,"th"),n(140,"\u7C7B\u578B"),t(),e(141,"th"),n(142,"\u9ED8\u8BA4\u503C"),t(),e(143,"th"),n(144,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),e(145,"tbody")(146,"tr")(147,"td")(148,"code"),n(149,"[nzSize]"),t()(),e(150,"td"),n(151,"\u95F4\u8DDD\u5927\u5C0F"),t(),e(152,"td")(153,"code"),n(154,"'small' | 'middle' | 'large' | number"),t()(),e(155,"td")(156,"code"),n(157,"'small'"),t()(),e(158,"td"),n(159,"\u2705"),t()(),e(160,"tr")(161,"td")(162,"code"),n(163,"[nzDirection]"),t()(),e(164,"td"),n(165,"\u95F4\u8DDD\u65B9\u5411"),t(),e(166,"td")(167,"code"),n(168,"'vertical' | 'horizontal'"),t()(),e(169,"td")(170,"code"),n(171,"horizontal"),t()(),i(172,"td"),t(),e(173,"tr")(174,"td")(175,"code"),n(176,"[nzAlign]"),t()(),e(177,"td"),n(178,"\u5BF9\u9F50\u65B9\u5F0F"),t(),e(179,"td")(180,"code"),n(181,"'start' | 'end' | 'baseline' | 'center'"),t()(),e(182,"td"),n(183,"-"),t(),i(184,"td"),t(),e(185,"tr")(186,"td")(187,"code"),n(188,"[nzWrap]"),t()(),e(189,"td"),n(190,"\u662F\u5426\u81EA\u52A8\u6362\u884C\uFF0C\u4EC5\u5728 "),e(191,"code"),n(192,"horizontal"),t(),n(193," \u65F6\u6709\u6548"),t(),e(194,"td")(195,"code"),n(196,"boolean"),t()(),e(197,"td")(198,"code"),n(199,"fal
1se"),t()(),i(200,"td"),t(),e(201,"tr")(202,"td")(203,"code"),n(204,"[nzSplit]"),t()(),e(205,"td"),n(206,"\u8BBE\u7F6E\u5206\u9694\u7B26"),t(),e(207,"td")(208,"code"),n(209,"TemplateRef | string"),t()(),e(210,"td"),n(211,"-"),t(),i(212,"td"),t()()(),e(213,"h3",40)(214,"span"),n(215,"nz-space-compact"),t(),e(216,"label",38),n(217,"component"),t(),e(218,"a",41),n(219,"#"),t()(),e(220,"p"),n(221,"\u9700\u8981\u8868\u5355\u7EC4\u4EF6\u4E4B\u95F4\u7D27\u51D1\u8FDE\u63A5\u4E14\u5408\u5E76\u8FB9\u6846\u65F6\uFF0C\u4F7F\u7528 "),e(222,"code"),n(223,"<nz-space-compact>"),t(),n(224,"\u3002\u652F\u6301\u7684\u7EC4\u4EF6\u6709\uFF1A"),t(),e(225,"ul")(226,"li"),n(227,"Button"),t(),e(228,"li"),n(229,"Cascader"),t(),e(230,"li"),n(231,"DatePicker"),t(),e(232,"li"),n(233,"Input"),t(),e(234,"li"),n(235,"Select"),t(),e(236,"li"),n(237,"TimePicker"),t(),e(238,"li"),n(239,"TreeSelect"),t()(),e(240,"table")(241,"thead")(242,"tr")(243,"th"),n(244,"\u53C2\u6570"),t(),e(245,"th"),n(246,"\u8BF4\u660E"),t(),e(247,"th"),n(248,"\u7C7B\u578B"),t(),e(249,"th"),n(250,"\u9ED8\u8BA4\u503C"),t(),e(251,"th"),n(252,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),e(253,"tbody")(254,"tr")(255,"td")(256,"code"),n(257,"[nzBlock]"),t()(),e(258,"td"),n(259,"\u5C06\u5BBD\u5EA6\u8C03\u6574\u4E3A\u7236\u5143\u7D20\u5BBD\u5EA6\u7684\u9009\u9879"),t(),e(260,"td")(261,"code"),n(262,"boolean"),t()(),e(263,"td")(264,"code"),n(265,"false"),t()(),i(266,"td"),t(),e(267,"tr")(268,"td")(269,"code"),n(270,"[nzDirection]"),t()(),e(271,"td"),n(272,"\u6307\u5B9A\u6392\u5217\u65B9\u5411"),t(),e(273,"td")(274,"code"),n(275,"'vertical' | 'horizontal'"),t()(),e(276,"td")(277,"code"),n(278,"'horizontal'"),t()(),i(279,"td"),t(),e(280,"tr")(281,"td")(282,"code"),n(283,"[nzSize]"),t()(),e(284,"td"),n(285,"\u5B50\u7EC4\u4EF6\u5927\u5C0F"),t(),e(286,"td")(287,"code"),n(288,"'large' | 'default' | 'small'"),t()(),e(289,"td")(290,"code"),n(291,"'default'"),t()(),i(292,"td"),t()()(),d(),t()()),l&2&&(a(),p("nzOffsetTop",16),a(),p("nzAffix",!1),a(49),p("nzGutter",8),a(),p("nzSpan",24),a(),p("nzId","components-space-demo-basic")("nzLink","components-space-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/basic.md"),a(5),p("nzId","components-space-demo-vertical")("nzLink","components-space-demo-vertical")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/vertical.md"),a(10),p("nzId","components-space-demo-size")("nzLink","components-space-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/size.md"),a(18),p("nzId","components-space-demo-align")("nzLink","components-space-demo-align")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/align.md"),a(5),p("nzId","components-space-demo-customize")("nzLink","components-space-demo-customize")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/customize.md"),a(5),p("nzId","components-space-demo-split")("nzLink","components-space-demo-split")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/split.md"),a(5),p("nzId","components-space-demo-compact")("nzLink","components-space-demo-compact")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact.md"),a(8),p("nzId","components-space-demo-compact-buttons")("nzLink","components-space-demo-compact-buttons")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact-buttons.md"),a(5),p("nzId","components-space-demo-compact-button-vertical")("nzLink","components-space-demo-compact-button-vertical")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact-button-vertical.md"))},dependencies:[de,T,ce,pe,re,le,ae,me,y,N,P,V,Z,W,Q,U,j,q,J],encapsulation:2})};var se=class o{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac
1h(m=>m.expandCode(this.expanded))}static \u0275fac=function(l){return new(l||o)};static \u0275cmp=z({type:o,selectors:[["nz-demo-space"]],viewQuery:function(l,r){if(l&1&&K(T,5),l&2){let S;$(S=ee())&&(r.codeBoxes=S)}},decls:292,vars:49,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-space-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-space-demo-vertical","nzTitle","Vertical Space"],["nzHref","#components-space-demo-size","nzTitle","Space Size"],["nzHref","#components-space-demo-align","nzTitle","Align"],["nzHref","#components-space-demo-customize","nzTitle","Customize Size"],["nzHref","#components-space-demo-split","nzTitle","Split"],["nzHref","#components-space-demo-compact","nzTitle","Compact Mode"],["nzHref","#components-space-demo-compact-buttons","nzTitle","Button Compact Mode"],["nzHref","#components-space-demo-compact-button-vertical","nzTitle","Vertical Compact Mode"],["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/space/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","space","description","Set components spacing.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-space-basic","nzGenerateCommand","ng g ng-zorro-antd:space-basic <name>","nzComponentName","NzDemoSpaceBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Vertical Space","nzSelector","nz-demo-space-vertical","nzGenerateCommand","ng g ng-zorro-antd:space-vertical <name>","nzComponentName","NzDemoSpaceVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Space Size","nzSelector","nz-demo-space-size","nzGenerateCommand","ng g ng-zorro-antd:space-size <name>","nzComponentName","NzDemoSpaceSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Align","nzSelector","nz-demo-space-align","nzGenerateCommand","ng g ng-zorro-antd:space-align <name>","nzComponentName","NzDemoSpaceAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customize Size","nzSelector","nz-demo-space-customize","nzGenerateCommand","ng g ng-zorro-antd:space-customize <name>","nzComponentName","NzDemoSpaceCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Split","nzSelector","nz-demo-space-split","nzGenerateCommand","ng g ng-zorro-antd:space-split <name>","nzComponentName","NzDemoSpaceSplitComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Compact Mode","nzSelector","nz-demo-space-compact","nzGenerateCommand","ng g ng-zorro-antd:space-compact <name>","nzComponentName","NzDemoSpaceCompactComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Button Compact Mode","nzSelector","nz-demo-space-compact-buttons","nzGenerateCommand","ng g ng-zorro-antd:space-compact-buttons <name>","nzComponentName","NzDemoSpaceCompactButtonsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Vertical Compact Mode","nzSelector","nz-demo-space-compact-button-vertical","nzGenerateCommand","ng g ng-zorro-antd:space-compact-button-vertical <name>","nzComponentName","NzDemoSpaceCompactButtonVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-space"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-space'",1,"anchor"],["id","nz-space-compact"],["onclick","window.location.hash = 'nz-space-compact'",1,"anchor"]],template:function(l,r){l&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),_("nzClick",function(D){return r.goLink(D)}),i(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)(12,"nz-link",11),t()(),e(13,"section",12)(14,"h1"),n(15,"Space"),i(16,"span",13)(17,"span",14),e(18,"a",15),i(19,"nz-icon",16),t()(),i(20,"component-meta",17),e(21,"section",12),u(),e(22,"h2",18)(23,"span"),n(24,"When To Use"),t(),e(25,"a",19),n(26,"#"),t()(),e(27,"ul")(28,"li"),n(29,"Avoid components clinging together and set a unified space."),t(),e(30,"li"),n(31,"Use "),e(32,"code"),n(33,"<nz-space-compact>"),t(),n(34," when child form components are compactly connected and the border is collapsed."),t()(),e(35,"p"),n(36,"The difference with Flex component is:"),t(),e(37,"ul")(38,"li"),n(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."),t(),e(40,"li"),n(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."),t()(),d(),t(),e(42,"h2")(43,"span"),n(44,"Examples"),t(),e(45,"nz-icon",20),_("click",function(){return r.expandAllCode()}),t()()(),e(46,"div",21)(47,"div",22)(48,"nz-code-box",23),i(49,"nz-demo-space-basic",24),e(50,"div",25),u(),e(51,"p"),n(52,"Crowded components horizontal spacing."),t(),d(),t()(),e(53,"nz-code-box",26),i(54,"nz-demo-space-vertical",24),e(55,"div",25),u(),e(56,"p"),n(57,"Crowded components vertical spacing."),t(),d(),t()(),e(58,"nz-code-box",27),i(59,"nz-demo-space-size",24),e(60,"div",25),u(),e(61,"p")(62,"code"),n(63,"large"),t(),n(64,", "),e(65,"code"),n(66,"middle"),t(),n(67," and "),e(68,"code"),n(69,"small"),t(),n(70," preset sizes."),t(),e(71,"p"),n(72,"Set the "),e(73,"code"),n(74,"nzSize"),t(),n(75," to "),e(76,"code"),n(77,"large"),t(),n(78," and "),e(79,"code"),n(80,"middle"),t(),n(81," by setting size to large and middle respectively. If "),e(82,"code"),n(83,"size"),t(),n(84," is not set, the spacing is "),e(85,"code"),n(86,"small"),t(),n(87,"."),t(),d(),t()(),e(88,"nz-code-box",28),i(89,"nz-demo-space-align",24),e(90,"div",25),u(),e(91,"p"),n(92,"Config item align."),t(),d(),t()(),e(93,"nz-code-box",29),i(94,"nz-demo-space-customize",24),e(95,"div",25),u(),e(96,"p"),n(97,"Custom spacing size."),t(),d(),t()(),e(98,"nz-code-box",30),i(99,"nz-demo-space-split",24),e(100,"div",25),u(),e(101,"p"),n(102,"Crowded components split."),t(),d(),t()(),e(103,"nz-code-box",31),i(104,"nz-demo-space-compact",24),e(105,"div",25),u(),e(106,"p"),n(107,"Compact Mode for form component."),t(),d(),t()(),e(108,"nz-code-box",32),i(109,"nz-demo-space-compact-buttons",24),e(110,"div",25),u(),e(111,"p"),n(112,"Button component compact example."),t(),d(),t()(),e(113,"nz-code-box",33),i(114,"nz-demo-space-compact-button-vertical",24),e(115,"div",25),u(),e(116,"p"),n(117,"Vertical Mode for Space.Compact, support Button only."),t(),d(),t()()()(),e(118,"section",34),u(),e(119,"h2",35)(120,"span"),n(121,"API"),t(),e(122,"a",36),n(123,"#"),t()(),e(124,"h3",37)(125,"span"),n(126,"nz-space"),t(),e(127,"label",38),n(128,"component"),t(),e(129,"a",39),n(130,"#"),t()(),e(131,"table")(132,"thead")(133,"tr")(134,"th"),n(135,"Property"),t(),e(136,"th"),n(137,"Description"),t(),e(138,"th"),n(139,"Type"),t(),e(140,"th"),n(141,"Default"),t(),e(142,"th"),n(143,"Global Config"),t()()(),e(144,"tbody")(145,"tr")(146,"td")(147,"code"),n(148,"[nzSize]"),t()(),e(149,"td"),n(150,"The space size"),t(),e(151,"td")(152,"code"),n(153,"'small' | 'middle' | 'large' | number"),t()(),e(154,"td")(155,"code"),n(156,"small"),t()(),e(157,"td"),n(158,"\u2705"),t()(),e(159,"tr")(160,"td")(161,"code"),n(162,"[nzDirection]"),t()(),e(163,"td"),n(164,"The space direction"),t(),e(165,"td")(166,"code"),n(167,"'vertical' | 'horizontal'"),t()(),e(168,"td")(169,"code"),n(170,"horizontal"),t()(),i(171,"td"),t(),e(172,"tr")(173,"td")(174,"code"),n(175,"[nzAlign]"),t()(),e(176,"td"),n(177,"Align items"),t(),e(178,"td")(179,"code"),n(180,"'start' | 'end' | 'baseline' | 'center'"),t()(),e(181,"td"),n(182,"-"),t(),i(183,"td"),t(),e(184,"tr")(185,"td")(186,"code"),n(187,"[nzWrap]"),t()(),e(188,"td"),n(189,"Auto wrap line, when "),e(190,"code"),n(191,"horizontal"),t(),n(192," effective"),t(),e(193,"td")(194,"code"),n(195,"boolean"),t()(),e(196,"td")(197,"code"),n(198,"false"),t()(),i(199,"td"),t(),e(200,"tr")(201,"td")(202,"code"),n(203,"[nzSplit]"),t()(),e(204,"td"),n(205,"Set split"),t(),e(206,"td")(207,"code"),n(208,"TemplateRef | string"),t()(),e(209,"td"),n(210,"-"),t(),i(211,"td"),t()()(),e(212,"h3",40)(213,"span"),n(214,"nz-space-compact"),t(),e(215,"label",38),n(216,"component"),t(),e(217,"a",41),n(218,"#"),t()(),e(219,"p"),n(220,"Use "),e(221,"code"),n(222,"<nz-space-compact>"),t(),n(223," when child form components are compactly connected and the border is collapsed. The supported components are\uFF1A"),t(),e(224,"ul")(225,"li"),n(226,"Button"),t(),e(227,"li"),n(228,"Cascader"),t(),e(229,"li"),n(230,"DatePicker"),t(),e(231,"li"),n(232,"Input"),t(),e(233,"li"),n(234,"Select"),t(),e(235,"li"),n(236,"TimePicker"),t(),e(237,"li"),n(238,"TreeSelect"),t()(),e(239,"table")(240,"thead")(241,"tr")(242,"th"),n(243,"\u53C2\u6570"),t(),e(244,"th"),n(245,"\u8BF4\u660E"),t(),e(246,"th"),n(247,"\u7C7B\u578B"),t(),e(248,"th"),n(249,"\u9ED8\u8BA4\u503C"),t(),e(250,"th"),n(251,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),e(252,"tbody")(253,"tr")(254,"td")(255,"code"),n(256,"[nzBlock]"),t()(),e(257,"td"),n(258,"Option to fit width to its parent's width"),t(),e(259,"td")(260,"code"),n(261,"boolean"),t()(),e(262,"td")(263,"code"),n(264,"fal
1se"),t()(),i(265,"td"),t(),e(266,"tr")(267,"td")(268,"code"),n(269,"[nzDirection]"),t()(),e(270,"td"),n(271,"Set direction of layout"),t(),e(272,"td")(273,"code"),n(274,"'vertical' | 'horizontal'"),t()(),e(275,"td")(276,"code"),n(277,"'horizontal'"),t()(),i(278,"td"),t(),e(279,"tr")(280,"td")(281,"code"),n(282,"[nzSize]"),t()(),e(283,"td"),n(284,"Set child component size"),t(),e(285,"td")(286,"code"),n(287,"'large' | 'default' | 'small'"),t()(),e(288,"td")(289,"code"),n(290,"'default'"),t()(),i(291,"td"),t()()(),d(),t()()),l&2&&(a(),p("nzOffsetTop",16),a(),p("nzAffix",!1),a(44),p("nzGutter",8),a(),p("nzSpan",24),a(),p("nzId","components-space-demo-basic")("nzLink","components-space-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/basic.md"),a(5),p("nzId","components-space-demo-vertical")("nzLink","components-space-demo-vertical")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/vertical.md"),a(5),p("nzId","components-space-demo-size")("nzLink","components-space-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/size.md"),a(30),p("nzId","components-space-demo-align")("nzLink","components-space-demo-align")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/align.md"),a(5),p("nzId","components-space-demo-customize")("nzLink","components-space-demo-customize")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/customize.md"),a(5),p("nzId","components-space-demo-split")("nzLink","components-space-demo-split")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/split.md"),a(5),p("nzId","components-space-demo-compact")("nzLink","components-space-demo-compact")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact.md"),a(5),p("nzId","components-space-demo-compact-buttons")("nzLink","components-space-demo-compact-buttons")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact-buttons.md"),a(5),p("nzId","components-space-demo-compact-button-vertical")("nzLink","components-space-demo-compact-button-vertical")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/space/demo/compact-button-vertical.md"))},dependencies:[de,T,ce,pe,re,le,ae,me,y,N,P,V,Z,W,Q,U,j,q,J],encapsulation:2})};var jt=[{path:"en",component:se},{path:"zh",component:ze}],wi=jt;export{wi as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.