1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[744],{744:(k,A,Z)=>{Z.r(A),Z.d(A,{NzDemoLayoutModule:()=>D});var y=Z(4190),b=Z(6242),o=Z(1437),i=Z(6869),g=Z(227),d=Z(207);const x=[o.wm,i.ip,g.PV,d.lt];var l=Z(379),n=Z(9212),p=Z(5393),z=Z(8101),c=Z(3185),_=Z(8332);let m=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-basic"]],decls:37,vars:0,template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-header"),n._uU(2,"Header"),n.qZA(),n.TgZ(3,"nz-content"),n._uU(4,"Content"),n.qZA(),n.TgZ(5,"nz-footer"),n._uU(6,"Footer"),n.qZA()(),n.TgZ(7,"nz-layout")(8,"nz-header"),n._uU(9,"Header"),n.qZA(),n.TgZ(10,"nz-layout")(11,"nz-sider"),n._uU(12,"Sider"),n.qZA(),n.TgZ(13,"nz-content"),n._uU(14,"Content"),n.qZA()(),n.TgZ(15,"nz-footer"),n._uU(16,"Footer"),n.qZA()(),n.TgZ(17,"nz-layout")(18,"nz-header"),n._uU(19,"Header"),n.qZA(),n.TgZ(20,"nz-layout")(21,"nz-content"),n._uU(22,"Content"),n.qZA(),n.TgZ(23,"nz-sider"),n._uU(24,"Sider"),n.qZA()(),n.TgZ(25,"nz-footer"),n._uU(26,"Footer"),n.qZA()(),n.TgZ(27,"nz-layout")(28,"nz-sider"),n._uU(29,"Sider"),n.qZA(),n.TgZ(30,"nz-layout")(31,"nz-header"),n._uU(32,"Header"),n.qZA(),n.TgZ(33,"nz-content"),n._uU(34,"Content"),n.qZA(),n.TgZ(35,"nz-footer"),n._uU(36,"Footer"),n.qZA()()())},dependencies:[o.hw,o.E8,o.OK,o.nX,o.t7],styles:["[_nghost-%COMP%]{text-align:center}nz-header[_ngcontent-%COMP%], nz-footer[_ngcontent-%COMP%]{background:#7dbcea;color:#fff}nz-footer[_ngcontent-%COMP%]{line-height:1.5}nz-sider[_ngcontent-%COMP%]{background:#3ba0e9;color:#fff;line-height:120px}nz-content[_ngcontent-%COMP%]{background:rgba(16,142,233,1);color:#fff;min-height:120px;line-height:120px}nz-layout[_ngcontent-%COMP%]{margin-bottom:48px}nz-layout[_ngcontent-%COMP%] nz-layout[_ngcontent-%COMP%], nz-layout[_ngcontent-%COMP%]:last-child{margin:0}"]})}return u})(),U=(()=>{class u{constructor(){this.isCollapsed=!1}static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-custom-trigger"]],decls:35,vars:3,consts:[["nzCollapsible","",3,"nzCollapsed","nzTrigger","nzCollapsedChange"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-submenu","","nzTitle","User","nzIcon","user"],["nz-menu-item",""],["nz-submenu","","nzTitle","Team","nzIcon","team"],["nz-icon","","nzType","file"],["nz-icon","",1,"trigger",3,"nzType","click"],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-sider",0),n.NdJ("nzCollapsedChange",function(s){return a.isCollapsed=s}),n._UZ(2,"div",1),n.TgZ(3,"ul",2)(4,"li",3)(5,"ul")(6,"li",4),n._uU(7,"Tom"),n.qZA(),n.TgZ(8,"li",4),n._uU(9,"Bill"),n.qZA(),n.TgZ(10,"li",4),n._uU(11,"Alex"),n.qZA()()(),n.TgZ(12,"li",5)(13,"ul")(14,"li",4),n._uU(15,"Team 1"),n.qZA(),n.TgZ(16,"li",4),n._uU(17,"Team 2"),n.qZA()()(),n.TgZ(18,"li",4),n._UZ(19,"span",6),n.TgZ(20,"span"),n._uU(21,"File"),n.qZA()()()(),n.TgZ(22,"nz-layout")(23,"nz-header")(24,"span",7),n.NdJ("click",function(){return a.isCollapsed=!a.isCollapsed}),n.qZA()(),n.TgZ(25,"nz-content")(26,"nz-breadcrumb")(27,"nz-breadcrumb-item"),n._uU(28,"User"),n.qZA(),n.TgZ(29,"nz-breadcrumb-item"),n._uU(30,"Bill"),n.qZA()(),n.TgZ(31,"div",8),n._uU(32,"Bill is a cat."),n.qZA()(),n.TgZ(33,"nz-footer"),n._uU(34,"Ant Design \xa92020 Implement By Angular"),n.qZA()()()),2&e&&(n.xp6(1),n.Q6J("nzCollapsed",a.isCollapsed)("nzTrigger",null),n.xp6(23),n.Q6J("nzType",a.isCollapsed?"menu-unfold":"menu-fold"))},dependencies:[g.Ls,o.hw,o.E8,o.OK,o.nX,o.t7,i.wO,i.u9,i.rY,d.Dg,d.MO],styles:[".trigger[_ngcontent-%COMP%]{font-size:18px;line-height:64px;padding:0 24px;
1cursor:pointer;transition:color .3s}.trigger[_ngcontent-%COMP%]:hover{color:#1890ff}.logo[_ngcontent-%COMP%]{height:32px;background:rgba(255,255,255,.2);margin:16px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:0 16px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),T=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-fixed-sider"]],decls:137,vars:0,consts:[[1,"layout"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nz-icon","","nzType","file"],["nz-icon","","nzType","video-camera"],["nz-icon","","nzType","upload"],["nz-icon","","nzType","bar-chart"],["nz-icon","","nzType","cloud-o"],["nz-icon","","nzType","appstore-o"],["nz-icon","","nzType","team"],["nz-icon","","nzType","shop"],[1,"right-layout"],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout",0)(1,"nz-sider"),n._UZ(2,"div",1),n.TgZ(3,"ul",2)(4,"li",3),n._UZ(5,"span",4),n.TgZ(6,"span"),n._uU(7,"nav 1"),n.qZA()(),n.TgZ(8,"li",3),n._UZ(9,"span",5),n.TgZ(10,"span"),n._uU(11,"nav 2"),n.qZA()(),n.TgZ(12,"li",3),n._UZ(13,"span",6),n.TgZ(14,"span"),n._uU(15,"nav 3"),n.qZA()(),n.TgZ(16,"li",3),n._UZ(17,"span",7),n.TgZ(18,"span"),n._uU(19,"nav 4"),n.qZA()(),n.TgZ(20,"li",3),n._UZ(21,"span",8),n.TgZ(22,"span"),n._uU(23,"nav 5"),n.qZA()(),n.TgZ(24,"li",3),n._UZ(25,"span",9),n.TgZ(26,"span"),n._uU(27,"nav 6"),n.qZA()(),n.TgZ(28,"li",3),n._UZ(29,"span",10),n.TgZ(30,"span"),n._uU(31,"nav 7"),n.qZA()(),n.TgZ(32,"li",3),n._UZ(33,"span",11),n.TgZ(34,"span"),n._uU(35,"nav 8"),n.qZA()()()(),n.TgZ(36,"nz-layout",12),n._UZ(37,"nz-header"),n.TgZ(38,"nz-content")(39,"div",13),n._uU(40," ... "),n._UZ(41,"br"),n._uU(42," Really "),n._UZ(43,"br"),n._uU(44," ... "),n._UZ(45,"br"),n._uU(46," ... "),n._UZ(47,"br"),n._uU(48," ... "),n._UZ(49,"br"),n._uU(50," long "),n._UZ(51,"br"),n._uU(52," ... "),n._UZ(53,"br"),n._uU(54," ... "),n._UZ(55,"br"),n._uU(56," ... "),n._UZ(57,"br"),n._uU(58," ... "),n._UZ(59,"br"),n._uU(60," ... "),n._UZ(61,"br"),n._uU(62," ... "),n._UZ(63,"br"),n._uU(64," ... "),n._UZ(65,"br"),n._uU(66," ... "),n._UZ(67,"br"),n._uU(68," ... "),n._UZ(69,"br"),n._uU(70," ... "),n._UZ(71,"br"),n._uU(72," ... "),n._UZ(73,"br"),n._uU(74," ... "),n._UZ(75,"br"),n._uU(76," ... "),n._UZ(77,"br"),n._uU(78," ... "),n._UZ(79,"br"),n._uU(80," ... "),n._UZ(81,"br"),n._uU(82," ... "),n._UZ(83,"br"),n._uU(84," ... "),n._UZ(85,"br"),n._uU(86," ... "),n._UZ(87,"br"),n._uU(88," ... "),n._UZ(89,"br"),n._uU(90," ... "),n._UZ(91,"br"),n._uU(92," ... "),n._UZ(93,"br"),n._uU(94," ... "),n._UZ(95,"br"),n._uU(96," ... "),n._UZ(97,"br"),n._uU(98," ... "),n._UZ(99,"br"),n._uU(100," ... "),n._UZ(101,"br"),n._uU(102," ... "),n._UZ(103,"br"),n._uU(104," ... "),n._UZ(105,"br"),n._uU(106," ... "),n._UZ(107,"br"),n._uU(108," ... "),n._UZ(109,"br"),n._uU(110," ... "),n._UZ(111,"br"),n._uU(112," ... "),n._UZ(113,"br"),n._uU(114," ... "),n._UZ(115,"br"),n._uU(116," ... "),n._UZ(117,"br"),n._uU(118," ... "),n._UZ(119,"br"),n._uU(120," ... "),n._UZ(121,"br"),n._uU(122," ... "),n._UZ(123,"br"),n._uU(124," ... "),n._UZ(125,"br"),n._uU(126," ... "),n._UZ(127,"br"),n._uU(128," ... "),n._UZ(129,"br"),n._uU(130," ... "),n._UZ(131,"br"),n._uU(132," ... "),n._UZ(133,"br"),n._uU(134," content "),n.qZA()(),n.TgZ(135,"nz-footer"),n._uU(136,"Ant Design \xa92020 Implement By Angular"),n.qZA()()())},dependencies:[g.Ls,o.hw,o.E8,o.OK,o.nX,o.t7,i.wO,i.u9],styles:[".logo[_ngcontent-%COMP%]{height:32px;background:rgba(255,255,255,.2);margin:16px}.layout[_ngcontent-%COMP%]{min-height:100vh}nz-sider[_ngcontent-%COMP%]{overflow:auto;height:100%;position:fixed;left:0}.right-layout[_ngcontent-%COMP%]{margin-left:200px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:24px 16px 0;overflow:initial}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;text-align:center}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),h=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-fixed"]],decls:22,vars:0,consts:[[1,"layout"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal"],["nz-menu-item",""],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout",0)(1,"nz-header"),n._UZ(2,"div",1),n.TgZ(3,"ul",2)(4,"li",3),n._uU(5,"nav 1"),n.qZA(),n.TgZ(6,"li",3),n._uU(7,"nav 2"),n.qZA(),n.TgZ(8,"li",3),n._uU(9,"nav 3"),n.qZA()()(),n.TgZ(10,"nz-content")(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),n._uU(13,"Home"),n.qZA(),n.TgZ(14,"nz-breadcrumb-item"),n._uU(15,"List"),n.qZA(),n.TgZ(16,"nz-breadcrumb-item"),n._uU(17,"App"),n.qZA()(),n.TgZ(18,"div",4),n._uU(19,"Content"),n.qZA()(),n.TgZ(20,"nz-footer"),n._uU(21,"Ant Design \xa92020 Implement By Angular"),n.qZA()())},dependencies:[o.hw,o.E8,o.OK,o.nX,i.wO,i.u9,d.Dg,d.MO],styles:[".layout[_ngcontent-%COMP%]{min-height:100vh}.logo[_ngcontent-%COMP%]{width:120px;height:31px;background:rgba(255,255,255,.2);margin:16px 24px 16px 0;float:left}nz-header[_ngcontent-%COMP%]{position:fixed;width:100%}[nz-menu][_ngcontent-%COMP%]{line-height:64px}nz-content[_ngcontent-%COMP%]{padding:0 50px;margin-top:64px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:380px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),F=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-responsive"]],decls:27,vars:1,consts:[[1,"layout"],["nzCollapsible","","nzBreakpoint","lg",3,"nzCollapsedWidth"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nz-icon","","nzType","user"],["nz-icon","","nzType","video-camera"],["nz-icon","","nzType","upload"],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout",0)(1,"nz-sider",1),n._UZ(2,"div",2),n.TgZ(3,"ul",3)(4,"li",4),n._UZ(5,"span",5),n.TgZ(6,"span"),n._uU(7,"nav 1"),n.qZA()(),n.TgZ(8,"li",4),n._UZ(9,"span",6),n.TgZ(10,"span"),n._uU(11,"nav 2"),n.qZA()(),n.TgZ(12,"li",4),n._UZ(13,"span",7),n.TgZ(14,"span"),n._uU(15,"nav 3"),n.qZA()(),n.TgZ(16,"li",4),n._UZ(17,"span",5),n.TgZ(18,"span"),n._uU(19,"nav 4"),n.qZA()()()(),n.TgZ(20,"nz-layout"),n._UZ(21,"nz-header"),n.TgZ(22,"nz-content")(23,"div",8),n._uU(24,"Content"),n.qZA()(),n.TgZ(25,"nz-footer"),n._uU(26,"Ant Design \xa92020 Implement By Angular"),n.qZA()()()),2&e&&(n.xp6(1),n.Q6J("nzCollapsedWidth",0))},dependencies:[g.Ls,o.hw,o.E8,o.OK,o.nX,o.t7,i.wO,i.u9],styles:[".layout[_ngcontent-%COMP%]{min-height:100vh}.logo[_ngcontent-%COMP%]{height:32px;background:rgba(255,255,255,.2);margin:16px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:24px 16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),q=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-side"]],decls:42,vars:0,consts:[["nzCollapsible","","nzWidth","200px"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nz-icon","","nzType","pie-chart"],["nz-icon","","nzType","desktop"],["nz-submenu","","nzTitle","User","nzIcon","user"],["nz-submenu","","nzTitle","Team","nzIcon","team"],["nz-icon","","nzType","file"],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-sider",0),n._UZ(2,"div",1),n.TgZ(3,"ul",2)(4,"li",3),n._UZ(5,"span",4),n.TgZ(6,"span"),n._uU(7,"Option 1"),n.qZA()(),n.TgZ(8,"li",3),n._UZ(9,"span",5),n.TgZ(10,"span"),n._uU(11,"Option 2"),n.qZA()(),n.TgZ(12,"li",6)(13,"ul")(14,"li",3),n._uU(15,"Tom"),n.qZA(),n.TgZ(16,"li",3),n._uU(17,"Bill"),n.qZA(),n.TgZ(18,"li",3),n._uU(19,"Alex"),n.qZA()()(),n.TgZ(20,"li",7)(21,"ul")(22,"li",3),n._uU(23,"Team 1"),n.qZA(),n.TgZ(24,"li",3),n._uU(25,"Team 2"),n.qZA()()(),n.TgZ(26,"li",3),n._UZ(27,"span",8),n.TgZ(28,"span"),n._uU(29,"File"),n.qZA()()()(),n.TgZ(30,"nz-layout"),n._UZ(31,"nz-header"),n.TgZ(32,"nz-content")(33,"nz-breadcrumb")(34,"nz-breadcrumb-item"),n._uU(35,"User"),n.qZA(),n.TgZ(36,"nz-breadcrumb-item"),n._uU(37,"Bill"),n.qZA()(),n.TgZ(38,"div",9),n._uU(39,"Bill is a cat."),n.qZA()(),n.TgZ(40,"nz-footer"),n._uU(41,"Ant Design \xa92020 Implement By Angular"),n.qZA()()())},dependencies:[g.Ls,o.hw,o.E8,o.OK,o.nX,o.t7,i.wO,i.u9,i.rY,d.Dg,d.MO],styles:[".logo[_ngcontent-%COMP%]{height:32px;margin:16px;background:rgba(255,255,255,.3)}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:0 16px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),f=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-top-side-2"]],decls:53,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal",1,"header-menu"],["nz-menu-item","","nzSelected",""],["nz-menu-item",""],["nzWidth","200px","nzTheme","light"],["nz-menu","","nzMode","inline",1,"sider-menu"],["nz-submenu","","nzOpen","","nzIcon","user","nzTitle","subnav 1"],["nz-submenu","","nzTitle","subnav 2","nzIcon","laptop"],["nz-submenu","","nzTitle","subnav 3","nzIcon","notification"],[1,"inner-layout"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-header"),n._UZ(2,"div",0),n.TgZ(3,"ul",1)(4,"li",2),n._uU(5,"nav 1"),n.qZA(),n.TgZ(6,"li",3),n._uU(7,"nav 2"),n.qZA(),n.TgZ(8,"li",3),n._uU(9,"nav 3"),n.qZA()()(),n.TgZ(10,"nz-layout")(11,"nz-sider",4)(12,"ul",5)(13,"li",6)(14,"ul")(15,"li",2),n._uU(16,"option1"),n.qZA(),n.TgZ(17,"li",3),n._uU(18,"option2"),n.qZA(),n.TgZ(19,"li",3),n._uU(20,"option3"),n.qZA(),n.TgZ(21,"li",3),n._uU(22,"option4"),n.qZA()()(),n.TgZ(23,"li",7)(24,"ul")(25,"li",3),n._uU(26,"option5"),n.qZA(),n.TgZ(27,"li",3),n._uU(28,"option6"),n.qZA(),n.TgZ(29,"li",3),n._uU(30,"option7"),n.qZA(),n.TgZ(31,"li",3),n._uU(32,"option8"),n.qZA()()(),n.TgZ(33,"li",8)(34,"ul")(35,"li",3),n._uU(36,"option9"),n.qZA(),n.TgZ(37,"li",3),n._uU(38,"option10"),n.qZA(),n.TgZ(39,"li",3),n._uU(40,"option11"),n.qZA(),n.TgZ(41,"li",3),n._uU(42,"option12"),n.qZA()()()()(),n.TgZ(43,"nz-layout",9)(44,"nz-breadcrumb")(45,"nz-breadcrumb-item"),n._uU(46,"Home"),n.qZA(),n.TgZ(47,"nz-breadcrumb-item"),n._uU(48,"List"),n.qZA(),n.TgZ(49,"nz-breadcrumb-item"),n._uU(50,"App"),n.qZA()(),n.TgZ(51,"nz-content"),n._uU(52,"Content"),n.qZA()()()())},dependencies:[o.hw,o.E8,o.OK,o.t7,i.wO,i.u9,i.rY,d.Dg,d.MO],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:rgba(255,255,255,.2);margin:16px 30px 16px 0;float:left}.header-menu[_ngcontent-%COMP%]{line-height:64px}.sider-menu[_ngcontent-%COMP%]{height:100%;border-right:0}.inner-layout[_ngcontent-%COMP%]{padding:0 24px 24px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}nz-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:280px}"]})}return u})(),C=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-top-side"]],decls:55,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal",1,"header-menu"],["nz-menu-item",""],["nz-menu-item","","nzSelected",""],[1,"outer-content"],[1,"inner-layout"],["nzWidth","200px","nzTheme","light"],["nz-menu","","nzMode","inline",1,"sider-menu"],["nz-submenu","","nzOpen","","nzTitle","subnav 1","nzIcon","user"],["nz-submenu","","nzTitle","subnav 2","nzIcon","laptop"],["nz-submenu","","nzTitle","subnav 3","nzIcon","notification"],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-header"),n._UZ(2,"div",0),n.TgZ(3,"ul",1)(4,"li",2),n._uU(5,"nav 1"),n.qZA(),n.TgZ(6,"li",3),n._uU(7,"nav 2"),n.qZA(),n.TgZ(8,"li",2),n._uU(9,"nav 3"),n.qZA()()(),n.TgZ(10,"nz-content",4)(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),n._uU(13,"Home"),n.qZA(),n.TgZ(14,"nz-breadcrumb-item"),n._uU(15,"List"),n.qZA(),n.TgZ(16,"nz-breadcrumb-item"),n._uU(17,"App"),n.qZA()(),n.TgZ(18,"nz-layout",5)(19,"nz-sider",6)(20,"ul",7)(21,"li",8)(22,"ul")(23,"li",3),n._uU(24,"option1"),n.qZA(),n.TgZ(25,"li",2),n._uU(26,"option2"),n.qZA(),n.TgZ(27,"li",2),n._uU(28,"option3"),n.qZA(),n.TgZ(29,"li",2),n._uU(30,"option4"),n.qZA()()(),n.TgZ(31,"li",9)(32,"ul")(33,"li",2),n._uU(34,"option5"),n.qZA(),n.TgZ(35,"li",2),n._uU(36,"option6"),n.qZA(),n.TgZ(37,"li",2),n._uU(38,"option7"),n.qZA(),n.TgZ(39,"li",2),n._uU(40,"option8"),n.qZA()()(),n.TgZ(41,"li",10)(42,"ul")(43,"li",2),n._uU(44,"option9"),n.qZA(),n.TgZ(45,"li",2),n._uU(46,"option10"),n.qZA(),n.TgZ(47,"li",2),n._uU(48,"option11"),n.qZA(),n.TgZ(49,"li",2),n._uU(50,"option12"),n.qZA()()()()(),n.TgZ(51,"nz-content",11),n._uU(52,"Content"),n.qZA()(),n.TgZ(53,"nz-footer"),n._uU(54,"Ant Design \xa92020 Implement By Angular"),n.qZA()()())},dependencies:[o.hw,o.E8,o.OK,o.nX,o.t7,i.wO,i.u9,i.rY,d.Dg,d.MO],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:rgba(255,255,255,.2);margin:16px 28px 16px 0;float:left}.header-menu[_ngcontent-%COMP%]{line-height:64px}.outer-content[_ngcontent-%COMP%]{padding:0 50px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-layout[_ngcontent-%COMP%]{padding:24px 0;background:#fff}.sider-menu[_ngcontent-%COMP%]{height:100%}.inner-content[_ngcontent-%COMP%]{padding:0 24px;min-height:280px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})}return u})(),E=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout-top"]],decls:22,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal"],["nz-menu-item",""],[1,"inner-content"]],template:function(e,a){1&e&&(n.TgZ(0,"nz-layout")(1,"nz-header"),n._UZ(2,"div",0),n.TgZ(3,"ul",1)(4,"li",2),n._uU(5,"nav 1"),n.qZA(),n.TgZ(6,"li",2),n._uU(7,"nav 2"),n.qZA(),n.TgZ(8,"li",2),n._uU(9,"nav 3"),n.qZA()()(),n.TgZ(10,"nz-content")(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),n._uU(13,"Home"),n.qZA(),n.TgZ(14,"nz-breadcrumb-item"),n._uU(15,"List"),n.qZA(),n.TgZ(16,"nz-breadcrumb-item"),n._uU(17,"App"),n.qZA()(),n.TgZ(18,"div",3),n._uU(19,"Content"),n.qZA()(),n.TgZ(20,"nz-footer"),n._uU(21,"Ant Design \xa92020 Implement By Angular"),n.qZA()())},dependencies:[o.hw,o.E8,o.OK,o.nX,i.wO,i.u9,d.Dg,d.MO],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:rgba(255,255,255,.2);margin:16px 24px 16px 0;float:left}[nz-menu][_ngcontent-%COMP%]{line-height:64px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}nz-content[_ngcontent-%COMP%]{padding:0 50px}nz-footer[_ngcontent-%COMP%]{text-align:center}.inner-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:280px}"]})}return u})(),B=(()=>{class u{constructor(){this.expanded=!1}goLink(t){window&&(window.location.hash=t)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac
1h(t=>{t.nzExpanded=this.expanded,t.expandCode(this.expanded),t.check()})}static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout"]],viewQuery:function(e,a){if(1&e&&n.Gf(l.G,5),2&e){let r;n.iGM(r=n.CRH())&&(a.codeBoxes=r)}},decls:598,vars:40,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-layout-demo-basic","nzTitle","\u57fa\u672c\u7ed3\u6784"],["nzHref","#components-layout-demo-top","nzTitle","\u4e0a\u4e2d\u4e0b\u5e03\u5c40"],["nzHref","#components-layout-demo-top-side-2","nzTitle","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40-\u901a\u680f"],["nzHref","#components-layout-demo-top-side","nzTitle","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40"],["nzHref","#components-layout-demo-side","nzTitle","\u4fa7\u8fb9\u5e03\u5c40"],["nzHref","#components-layout-demo-custom-trigger","nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668"],["nzHref","#components-layout-demo-responsive","nzTitle","\u54cd\u5e94\u5f0f\u5e03\u5c40"],["nzHref","#components-layout-demo-fixed","nzTitle","\u56fa\u5b9a\u5934\u90e8"],["nzHref","#components-layout-demo-fixed-sider","nzTitle","\u56fa\u5b9a\u4fa7\u8fb9\u680f"],["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/layout/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","\u8bbe\u8ba1\u89c4\u5219"],["onclick","window.location.hash = '\u8bbe\u8ba1\u89c4\u5219'",1,"anchor"],["id","\u5c3a\u5bf8"],["onclick","window.location.hash = '\u5c3a\u5bf8'",1,"anchor"],["id","\u4ea4\u4e92"],["onclick","window.location.hash = '\u4ea4\u4e92'",1,"anchor"],["id","\u89c6\u89c9"],["onclick","window.location.hash = '\u89c6\u89c9'",1,"anchor"],["id","\u7ec4\u4ef6\u6982\u8ff0"],["onclick","window.location.hash = '\u7ec4\u4ef6\u6982\u8ff0'",1,"anchor"],["href","http://caniuse.com/#search=flex","target","_blank","rel","noopener"],["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\u7ed3\u6784","nzSelector","nz-demo-layout-basic","nzGenerateCommand","ng g ng-zorro-antd:layout-basic <name>","nzComponentName","NzDemoLayoutBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u4e0a\u4e2d\u4e0b\u5e03\u5c40","nzSelector","nz-demo-layout-top","nzGenerateCommand","ng g ng-zorro-antd:layout-top <name>","nzComponentName","NzDemoLayoutTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40-\u901a\u680f","nzSelector","nz-demo-layout-top-side-2","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side-2 <name>","nzComponentName","NzDemoLayoutTopSide2Component","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40","nzSelector","nz-demo-layout-top-side","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side <name>","nzComponentName","NzDemoLayoutTopSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4fa7\u8fb9\u5e03\u5c40","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","/iframe/#/layout-side",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668","nzSelector","nz-demo-layout-custom-trigger","nzGenerateCommand","ng g ng-zorro-antd:layout-custom-trigger <name>","nzComponentName","NzDemoLayoutCustomTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u54cd\u5e94\u5f0f\u5e03\u5c40","nzSelector","nz-demo-layout-responsive","nzGenerateCommand","ng g ng-zorro-antd:layout-responsive <name>","nzComponentName","NzDemoLayoutResponsiveComponent","nzIframeSource","/iframe/#/layout-responsive",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56fa\u5b9a\u5934\u90e8","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","/iframe/#/layout-fixed",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56fa\u5b9a\u4fa7\u8fb9\u680f","nzSelector","nz-demo-layout-fixed-sider","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed-sider <name>","nzComponentName","NzDemoLayoutFixedSiderComponent","nzIframeSource","/iframe/#/layout-fixed-sider",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],["id","nz-sider:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-sider:standalone'",1,"anchor"],["id","breakpoint-width"],["onclick","window.location.hash = 'breakpoint-width'",1,"anchor"],[1,"language-js"]],template:function(e,a){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(s){return a.goLink(s)}),n._UZ(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),n.qZA()(),n.TgZ(13,"section",12)(14,"h1"),n._uU(15,"Layout"),n.TgZ(16,"span",13),n._uU(17,"\u5e03\u5c40"),n.qZA(),n._UZ(18,"span",14),n.TgZ(19,"a",15),n._UZ(20,"span",16),n.qZA()(),n.TgZ(21,"section",12),n.IAx(),n.TgZ(22,"p"),n._uU(23,"\u534f\u52a9\u8fdb\u884c\u9875\u9762\u7ea7\u6574\u4f53\u5e03\u5c40\u3002"),n.qZA(),n.TgZ(24,"pre",17)(25,"code")(26,"span",18),n._uU(27,"import"),n.qZA(),n._uU(28," "),n.TgZ(29,"span",19),n._uU(30,"{"),n.qZA(),n._uU(31," NzLayoutModule "),n.TgZ(32,"span",19),n._uU(33,"}"),n.qZA(),n._uU(34," "),n.TgZ(35,"span",18),n._uU(36,"from"),n.qZA(),n._uU(37," "),n.TgZ(38,"span",20),n._uU(39,"'ng-zorro-antd/layout'"),n.qZA(),n.TgZ(40,"span",19),n._uU(41,";"),n.qZA()()(),n.TgZ(42,"h2",21)(43,"span"),n._uU(44,"\u8bbe\u8ba1\u89c4\u5219"),n.qZA(),n.TgZ(45,"a",22),n._uU(46,"#"),n.qZA()(),n.TgZ(47,"h3",23)(48,"span"),n._uU(49,"\u5c3a\u5bf8"),n.qZA(),n.TgZ(50,"a",24),n._uU(51,"#"),n.qZA()(),n.TgZ(52,"p"),n._uU(53,"\u4e00\u7ea7\u5bfc\u822a\u9879\u504f\u5de6\u9760\u8fd1 logo \u653e\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u504f\u53f3\u653e\u7f6e\u3002"),n.qZA(),n.TgZ(54,"ul")(55,"li"),n._uU(56,"\u9876\u90e8\u5bfc\u822a\uff08\u5927\u90e8\u5206\u7cfb\u7edf\uff09\uff1a\u4e00\u7ea7\u5bfc\u822a\u9ad8\u5ea6 "),n.TgZ(57,"code"),n._uU(58,"64px"),n.qZA(),n._uU(59,"\uff0c\u4e8c\u7ea7\u5bfc\u822a "),n.TgZ(60,"code"),n._uU(61,"48px"),n.qZA(),n._uU(62,"\u3002"),n.qZA(),n.TgZ(63,"li"),n._uU(64,"\u9876\u90e8\u5bfc\u822a\uff08\u5c55\u793a\u7c7b\u9875\u9762\uff09\uff1a\u4e00\u7ea7\u5bfc\u822a\u9ad8\u5ea6 "),n.TgZ(65,"code"),n._uU(66,"80px"),n.qZA(),n._uU(67,"\uff0c\u4e8c\u7ea7\u5bfc\u822a "),n.TgZ(68,"code"),n._uU(69,"56px"),n.qZA(),n._uU(70,"\u3002"),n.qZA(),n.TgZ(71,"li"),n._uU(72,"\u9876\u90e8\u5bfc\u822a\u9ad8\u5ea6\u7684\u8303\u56f4\u8ba1\u7b97\u516c\u5f0f\u4e3a\uff1a"),n.TgZ(73,"code"),n._uU(74,"48+8n"),n.qZA(),n._uU(75,"\u3002"),n.qZA(),n.TgZ(76,"li"),n._uU(77,"\u4fa7\u8fb9\u5bfc\u822a\u5bbd\u5ea6\u7684\u8303\u56f4\u8ba1\u7b97\u516c\u5f0f\uff1a"),n.TgZ(78,"code"),n._uU(79,"200+8n"),n.qZA(),n._uU(80,"\u3002"),n.qZA()(),n.TgZ(81,"h3",25)(82,"span"),n._uU(83,"\u4ea4\u4e92"),n.qZA(),n.TgZ(84,"a",26),n._uU(85,"#"),n.qZA()(),n.TgZ(86,"ul")(87,"li"),n._uU(88,"\u4e00\u7ea7\u5bfc\u822a\u548c\u672b\u7ea7\u7684\u5bfc\u822a\u9700\u8981\u5728\u53ef\u89c6\u5316\u7684\u5c42\u9762\u88ab\u5f3a\u8c03\u51fa\u6765\uff1b"),n.qZA(),n.TgZ(89,"li"),n._uU(90,"\u5f53\u524d\u9879\u5e94\u8be5\u5728\u5448\u73b0\u4e0a\u4f18\u5148\u7ea7\u6700\u9ad8\uff1b"),n.qZA(),n.TgZ(91,"li"),n._uU(92,"\u5f53\u5bfc\u822a\u6536\u8d77\u7684\u65f6\u5019\uff0c\u5f53\u524d\u9879\u7684\u6837\u5f0f\u81ea\u52a8\u8d4b\u4e88\u7ed9\u5b83\u7684\u4e0a\u4e00\u4e2a\u5c42\u7ea7\uff1b"),n.qZA(),n.TgZ(93,"li"),n._uU(94,"\u5de6\u4fa7\u5bfc\u822a\u680f\u7684\u6536\u653e\u4ea4\u4e92\u540c\u65f6\u652f\u6301\u624b\u98ce\u7434\u548c\u5168\u5c55\u5f00\u7684\u6837\u5f0f\uff0c\u6839\u636e\u4e1a\u52a1\u7684\u8981\u6c42\u8fdb\u884c\u9002\u5f53\u7684\u9009\u62e9\u3002"),n.qZA()(),n.TgZ(95,"h3",27)(96,"span"),n._uU(97,"\u89c6\u89c9"),n.qZA(),n.TgZ(98,"a",28),n._uU(99,"#"),n.qZA()(),n.TgZ(100,"p"),n._uU(101,"\u5bfc\u822a\u6837\u5f0f\u4e0a\u9700\u8981\u6839\u636e\u4fe1\u606f\u5c42\u7ea7\u5408\u7406\u7684\u9009\u62e9\u6837\u5f0f\uff1a"),n.qZA(),n.TgZ(102,"ul")(103,"li")(104,"p")(105,"strong"),n._uU(106,"\u5927\u8272\u5757\u5f3a\u8c03"),n.qZA()(),n.TgZ(107,"p"),n._uU(108,"\u5efa\u8bae\u7528\u4e8e\u5e95\u8272\u4e3a\u6df1\u8272\u7cfb\u65f6\uff0c\u5f53\u524d\u9875\u9762\u7236\u7ea7\u7684\u5bfc\u822a\u9879\u3002"),n.qZA()(),n.TgZ(109,"li")(110,"p")(111,"strong"),n._uU(112,"\u9ad8\u4eae\u706b\u67f4\u68cd"),n.qZA()(),n.TgZ(113,"p"),n._uU(114,"\u5f53\u5bfc\u822a\u680f\u5e95\u8272\u4e3a\u6d45\u8272\u7cfb\u65f6\u4f7f\u7528\uff0c\u53ef\u7528\u4e8e\u5f53\u524d\u9875\u9762\u5bf9\u5e94\u5bfc\u822a\u9879\uff0c\u5efa\u8bae\u5c3d\u91cf\u5728\u5bfc\u822a\u8def\u5f84\u7684\u6700\u7ec8\u9879\u4f7f\u7528\u3002"),n.qZA()(),n.TgZ(115,"li")(116,"p")(117,"strong"),n._uU(118,"\u5b57\u4f53\u9ad8\u4eae\u53d8\u8272"),n.qZA()(),n.TgZ(119,"p"),n._uU(120,"\u4ece\u53ef\u89c6\u5316\u5c42\u9762\uff0c\u5b57\u4f53\u9ad8\u4eae\u7684\u89c6\u89c9\u5f3a\u5316\u529b\u5ea6\u4f4e\u4e8e\u5927\u8272\u5757\uff0c\u901a\u5e38\u5728\u5f53\u524d\u9879\u7684\u4e0a\u4e00\u7ea7\u4f7f\u7528\u3002"),n.qZA()(),n.TgZ(121,"li")(122,"p")(123,"strong"),n._uU(124,"\u5b57\u4f53\u653e\u5927"),n.qZA()(),n.TgZ(125,"p")(126,"code"),n._uU(127,"12px"),n.qZA(),n._uU(128,"\u3001"),n.TgZ(129,"code"),n._uU(130,"14px"),n.qZA(),n._uU(131," \u662f\u5bfc\u822a\u7684\u6807\u51c6\u5b57\u53f7\uff0c14 \u53f7\u5b57\u4f53\u7528\u5728\u4e00\u3001\u4e8c\u7ea7\u5bfc\u822a\u4e2d\u3002\u5b57\u53f7\u53ef\u4ee5\u8003\u8651\u5bfc\u822a\u9879\u7684\u7b49\u7ea7\u505a\u76f8\u5e94\u9009\u62e9\u3002"),n.qZA()()(),n.TgZ(132,"h2",29)(133,"span"),n._uU(134,"\u7ec4\u4ef6\u6982\u8ff0"),n.qZA(),n.TgZ(135,"a",30),n._uU(136,"#"),n.qZA()(),n.TgZ(137,"ul")(138,"li")(139,"code"),n._uU(140,"nz-layout"),n.qZA(),n._uU(141,"\uff1a\u5e03\u5c40\u5bb9\u5668\uff0c\u5176\u4e0b\u53ef\u5d4c\u5957 "),n.TgZ(142,"code"),n._uU(143,"nz-header"),n.qZA(),n.TgZ(144,"code"),n._uU(145,"nz-sider"),n.qZA(),n.TgZ(146,"code"),n._uU(147,"nz-content"),n.qZA(),n.TgZ(148,"code"),n._uU(149,"nz-footer"),n.qZA(),n._uU(150," \u6216 "),n.TgZ(151,"code"),n._uU(152,"nz-layout"),n.qZA(),n._uU(153," \u672c\u8eab\uff0c\u53ef\u4ee5\u653e\u5728\u4efb\u4f55\u7236\u5bb9\u5668\u4e2d\u3002"),n.qZA(),n.TgZ(154,"li")(155,"code"),n._uU(156,"nz-header"),n.qZA(),n._uU(157,"\uff1a\u9876\u90e8\u5e03\u5c40\uff0c\u81ea\u5e26\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5176\u4e0b\u53ef\u5d4c\u5957\u4efb\u4f55\u5143\u7d20\uff0c\u53ea\u80fd\u653e\u5728 "),n.TgZ(158,"code"),n._uU(159,"nz-layout"),n.qZA(),n._uU(160," \u4e2d\u3002"),n.qZA(),n.TgZ(161,"li")(162,"code"),n._uU(163,"nz-sider"),n.qZA(),n._uU(164,"\uff1a\u4fa7\u8fb9\u680f\uff0c\u81ea\u5e26\u9ed8\u8ba4\u6837\u5f0f\u53ca\u57fa\u672c\u529f\u80fd\uff0c\u5176\u4e0b\u53ef\u5d4c\u5957\u4efb\u4f55\u5143\u7d20\uff0c\u53ea\u80fd\u653e\u5728 "),n.TgZ(165,"code"),n._uU(166,"nz-layout"),n.qZA(),n._uU(167," \u4e2d\u3002"),n.qZA(),n.TgZ(168,"li")(169,"code"),n._uU(170,"nz-content"),n.qZA(),n._uU(171,"\uff1a\u5185\u5bb9\u90e8\u5206\uff0c\u81ea\u5e26\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5176\u4e0b\u53ef\u5d4c\u5957\u4efb\u4f55\u5143\u7d20\uff0c\u53ea\u80fd\u653e\u5728 "),n.TgZ(172,"code"),n._uU(173,"nz-layout"),n.qZA(),n._uU(174," \u4e2d\u3002"),n.qZA(),n.TgZ(175,"li")(176,"code"),n._uU(177,"nz-footer"),n.qZA(),n._uU(178,"\uff1a\u5e95\u90e8\u5e03\u5c40\uff0c\u81ea\u5e26\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5176\u4e0b\u53ef\u5d4c\u5957\u4efb\u4f55\u5143\u7d20\uff0c\u53ea\u80fd\u653e\u5728 "),n.TgZ(179,"code"),n._uU(180,"nz-layout"),n.qZA(),n._uU(181," \u4e2d\u3002"),n.qZA()(),n.TgZ(182,"blockquote")(183,"p"),n._uU(184,"\u6ce8\u610f\uff1a\u91c7\u7528 flex \u5e03\u5c40\u5b9e\u73b0\uff0c\u8bf7\u6ce8\u610f"),n.TgZ(185,"a",31),n._uU(186,"\u6d4f\u89c8\u5668\u517c\u5bb9\u6027"),n.qZA(),n._uU(187,"\u95ee\u9898\u3002"),n.qZA()(),n.fQ9(),n.qZA(),n.TgZ(188,"h2")(189,"
1span"),n._uU(190,"\u4ee3\u7801\u6f14\u793a"),n.qZA(),n.TgZ(191,"span",32),n.NdJ("click",function(){return a.expandAllCode()}),n.qZA()()(),n.TgZ(192,"div",33)(193,"div",34)(194,"nz-code-box",35),n._UZ(195,"nz-demo-layout-basic",36),n.TgZ(196,"div",37),n.IAx(),n.TgZ(197,"p"),n._uU(198,"\u5178\u578b\u7684\u9875\u9762\u5e03\u5c40\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(199,"nz-code-box",38),n._UZ(200,"nz-demo-layout-top",36),n.TgZ(201,"div",37),n.IAx(),n.TgZ(202,"p"),n._uU(203,"\u6700\u57fa\u672c\u7684\u300e\u4e0a-\u4e2d-\u4e0b\u300f\u5e03\u5c40\u3002"),n.qZA(),n.TgZ(204,"p"),n._uU(205,"\u4e00\u822c\u4e3b\u5bfc\u822a\u653e\u7f6e\u4e8e\u9875\u9762\u7684\u9876\u7aef\uff0c\u4ece\u5de6\u81ea\u53f3\u4f9d\u6b21\u4e3a\uff1alogo\u3001\u4e00\u7ea7\u5bfc\u822a\u9879\u3001\u8f85\u52a9\u83dc\u5355\uff08\u7528\u6237\u3001\u8bbe\u7f6e\u3001\u901a\u77e5\u7b49\uff09\u3002\u901a\u5e38\u5c06\u5185\u5bb9\u653e\u5728\u56fa\u5b9a\u5c3a\u5bf8\uff08\u4f8b\u5982\uff1a1200px\uff09\u5185\uff0c\u6574\u4e2a\u9875\u9762\u6392\u7248\u7a33\u5b9a\uff0c\u4e0d\u53d7\u7528\u6237\u7ec8\u7aef\u663e\u793a\u5668\u5f71\u54cd\uff1b\u4e0a\u4e0b\u7ea7\u7684\u7ed3\u6784\u7b26\u5408\u7528\u6237\u4e0a\u4e0b\u6d4f\u89c8\u7684\u4e60\u60ef\uff0c\u4e5f\u662f\u8f83\u4e3a\u7ecf\u5178\u7684\u7f51\u7ad9\u5bfc\u822a\u6a21\u5f0f\u3002\u9875\u9762\u4e0a\u4e0b\u5207\u5206\u7684\u65b9\u5f0f\u63d0\u9ad8\u4e86\u4e3b\u5de5\u4f5c\u533a\u57df\u7684\u4fe1\u606f\u5c55\u793a\u6548\u7387\uff0c\u4f46\u5728\u7eb5\u5411\u7a7a\u95f4\u4e0a\u4f1a\u6709\u4e00\u4e9b\u727a\u7272\u3002\u6b64\u5916\uff0c\u7531\u4e8e\u5bfc\u822a\u680f\u6c34\u5e73\u7a7a\u95f4\u7684\u9650\u5236\uff0c\u4e0d\u9002\u5408\u90a3\u4e9b\u4e00\u7ea7\u5bfc\u822a\u9879\u5f88\u591a\u7684\u4fe1\u606f\u7ed3\u6784\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(206,"nz-code-box",39),n._UZ(207,"nz-demo-layout-top-side-2",36),n.TgZ(208,"div",37),n.IAx(),n.TgZ(209,"p"),n._uU(210,"\u540c\u6837\u62e5\u6709\u9876\u90e8\u5bfc\u822a\u53ca\u4fa7\u8fb9\u680f\uff0c\u533a\u522b\u662f\u4e24\u8fb9\u672a\u7559\u8fb9\u8ddd\uff0c\u591a\u7528\u4e8e\u5e94\u7528\u578b\u7684\u7f51\u7ad9\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(211,"nz-code-box",40),n._UZ(212,"nz-demo-layout-top-side",36),n.TgZ(213,"div",37),n.IAx(),n.TgZ(214,"p"),n._uU(215,"\u62e5\u6709\u9876\u90e8\u5bfc\u822a\u53ca\u4fa7\u8fb9\u680f\u7684\u9875\u9762\uff0c\u591a\u7528\u4e8e\u5c55\u793a\u7c7b\u7f51\u7ad9\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(216,"nz-code-box",41),n._UZ(217,"nz-demo-layout-side",36),n.TgZ(218,"div",37),n.IAx(),n.TgZ(219,"p"),n._uU(220,"\u4fa7\u8fb9\u4e24\u5217\u5f0f\u5e03\u5c40\u3002\u9875\u9762\u6a2a\u5411\u7a7a\u95f4\u6709\u9650\u65f6\uff0c\u4fa7\u8fb9\u5bfc\u822a\u53ef\u6536\u8d77\u3002"),n.qZA(),n.TgZ(221,"p"),n._uU(222,"\u4fa7\u8fb9\u5bfc\u822a\u5728\u9875\u9762\u5e03\u5c40\u4e0a\u91c7\u7528\u7684\u662f\u5de6\u53f3\u7684\u7ed3\u6784\uff0c\u4e00\u822c\u4e3b\u5bfc\u822a\u653e\u7f6e\u4e8e\u9875\u9762\u7684\u5de6\u4fa7\u56fa\u5b9a\u4f4d\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u653e\u7f6e\u4e8e\u5de5\u4f5c\u533a\u9876\u90e8\u3002\u5185\u5bb9\u6839\u636e\u6d4f\u89c8\u5668\u7ec8\u7aef\u8fdb\u884c\u81ea\u9002\u5e94\uff0c\u80fd\u63d0\u9ad8\u6a2a\u5411\u7a7a\u95f4\u7684\u4f7f\u7528\u7387\uff0c\u4f46\u662f\u6574\u4e2a\u9875\u9762\u6392\u7248\u4e0d\u7a33\u5b9a\u3002\u4fa7\u8fb9\u5bfc\u822a\u7684\u6a21\u5f0f\u5c42\u7ea7\u6269\u5c55\u6027\u5f3a\uff0c\u4e00\u3001\u4e8c\u3001\u4e09\u7ea7\u5bfc\u822a\u9879\u76ee\u53ef\u4ee5\u66f4\u4e3a\u987a\u7545\u4e14\u5177\u5173\u8054\u6027\u7684\u88ab\u5c55\u793a\uff0c\u540c\u65f6\u4fa7\u8fb9\u5bfc\u822a\u53ef\u4ee5\u56fa\u5b9a\uff0c\u4f7f\u5f97\u7528\u6237\u5728\u64cd\u4f5c\u548c\u6d4f\u89c8\u4e2d\u53ef\u4ee5\u5feb\u901f\u7684\u5b9a\u4f4d\u548c\u5207\u6362\u5f53\u524d\u4f4d\u7f6e\uff0c\u6709\u5f88\u9ad8\u7684\u64cd\u4f5c\u6548\u7387\u3002\u4f46\u8fd9\u7c7b\u5bfc\u822a\u6a2a\u5411\u9875\u9762\u5185\u5bb9\u7684\u7a7a\u95f4\u4f1a\u88ab\u727a\u7272\u4e00\u90e8\u4efd\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(223,"nz-code-box",42),n._UZ(224,"nz-demo-layout-custom-trigger",36),n.TgZ(225,"div",37),n.IAx(),n.TgZ(226,"p"),n._uU(227,"\u8981\u4f7f\u7528\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668\uff0c\u53ef\u4ee5\u8bbe\u7f6e "),n.TgZ(228,"code"),n._uU(229,'[nzTrigger]="null"'),n.qZA(),n._uU(230," \u6765\u9690\u85cf\u9ed8\u8ba4\u8bbe\u5b9a\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(231,"nz-code-box",43),n._UZ(232,"nz-demo-layout-responsive",36),n.TgZ(233,"div",37),n.IAx(),n.TgZ(234,"p"),n._uU(235,"nz-sider \u652f\u6301\u54cd\u5e94\u5f0f\u5e03\u5c40\u3002"),n.qZA(),n.TgZ(236,"blockquote")(237,"p"),n._uU(238,"\u8bf4\u660e\uff1a\u914d\u7f6e "),n.TgZ(239,"code"),n._uU(240,"nzBreakpoint"),n.qZA(),n._uU(241," \u5c5e\u6027\u5373\u751f\u6548\uff0c\u89c6\u7a97\u5bbd\u5ea6\u5c0f\u4e8e "),n.TgZ(242,"code"),n._uU(243,"nzBreakpoint"),n.qZA(),n._uU(244," \u65f6 "),n.TgZ(245,"code"),n._uU(246,"nz-sider"),n.qZA(),n._uU(247," \u7f29\u5c0f\u4e3a "),n.TgZ(248,"code"),n._uU(249,"nzCollapsedWidth"),n.qZA(),n._uU(250," \u5bbd\u5ea6\uff0c\u82e5\u5c06 "),n.TgZ(251,"code"),n._uU(252,"nzCollapsedWidth"),n.qZA(),n._uU(253," \u8bbe\u7f6e\u4e3a\u96f6\uff0c\u4f1a\u51fa\u73b0\u7279\u6b8a trigger\u3002"),n.qZA()(),n.fQ9(),n.qZA()(),n.TgZ(254,"nz-code-box",44),n._UZ(255,"nz-demo-layout-fixed",36),n.TgZ(256,"div",37),n.IAx(),n.TgZ(257,"p"),n._uU(258,"\u4e00\u822c\u7528\u4e8e\u56fa\u5b9a\u9876\u90e8\u5bfc\u822a\uff0c\u65b9\u4fbf\u9875\u9762\u5207\u6362\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(259,"nz-code-box",45),n._UZ(260,"nz-demo-layout-fixed-sider",36),n.TgZ(261,"div",37),n.IAx(),n.TgZ(262,"p"),n._uU(263,"\u5f53\u5185\u5bb9\u8f83\u957f\u65f6\uff0c\u4f7f\u7528\u56fa\u5b9a\u4fa7\u8fb9\u680f\u53ef\u4ee5\u63d0\u4f9b\u66f4\u597d\u7684\u4f53\u9a8c\u3002"),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(264,"section",46),n.IAx(),n.TgZ(265,"h2",47)(266,"span"),n._uU(267,"API"),n.qZA(),n.TgZ(268,"a",48),n._uU(269,"#"),n.qZA()(),n.TgZ(270,"pre",49)(271,"code")(272,"span",50)(273,"span",50)(274,"span",19),n._uU(275,"<"),n.qZA(),n._uU(276,"nz-layout"),n.qZA(),n.TgZ(277,"span",19),n._uU(278,">"),n.qZA()(),n._uU(279,"\n "),n.TgZ(280,"span",50)(281,"span",50)(282,"span",19),n._uU(283,"<"),n.qZA(),n._uU(284,"nz-header"),n.qZA(),n.TgZ(285,"span",19),n._uU(286,">"),n.qZA()(),n._uU(287,"header"),n.TgZ(288,"span",50)(289,"span",50)(290,"span",19),n._uU(291,"</"),n.qZA(),n._uU(292,"nz-header"),n.qZA(),n.TgZ(293,"span",19),n._uU(294,">"),n.qZA()(),n._uU(295,"\n "),n.TgZ(296,"span",50)(297,"span",50)(298,"span",19),n._uU(299,"<"),n.qZA(),n._uU(300,"nz-layout"),n.qZA(),n.TgZ(301,"span",19),n._uU(302,">"),n.qZA()(),n._uU(303,"\n "),n.TgZ(304,"span",50)(305,"span",50)(306,"span",19),n._uU(307,"<"),n.qZA(),n._uU(308,"nz-sider"),n.qZA(),n.TgZ(309,"span",19),n._uU(310,">"),n.qZA()(),n._uU(311,"left sidebar"),n.TgZ(312,"span",50)(313,"span",50)(314,"
1span",19),n._uU(315,"</"),n.qZA(),n._uU(316,"nz-sider"),n.qZA(),n.TgZ(317,"span",19),n._uU(318,">"),n.qZA()(),n._uU(319,"\n "),n.TgZ(320,"span",50)(321,"span",50)(322,"span",19),n._uU(323,"<"),n.qZA(),n._uU(324,"nz-content"),n.qZA(),n.TgZ(325,"span",19),n._uU(326,">"),n.qZA()(),n._uU(327,"main content"),n.TgZ(328,"span",50)(329,"span",50)(330,"span",19),n._uU(331,"</"),n.qZA(),n._uU(332,"nz-content"),n.qZA(),n.TgZ(333,"span",19),n._uU(334,">"),n.qZA()(),n._uU(335,"\n "),n.TgZ(336,"span",50)(337,"span",50)(338,"span",19),n._uU(339,"<"),n.qZA(),n._uU(340,"nz-sider"),n.qZA(),n.TgZ(341,"span",19),n._uU(342,">"),n.qZA()(),n._uU(343,"right sidebar"),n.TgZ(344,"span",50)(345,"span",50)(346,"span",19),n._uU(347,"</"),n.qZA(),n._uU(348,"nz-sider"),n.qZA(),n.TgZ(349,"span",19),n._uU(350,">"),n.qZA()(),n._uU(351,"\n "),n.TgZ(352,"span",50)(353,"span",50)(354,"span",19),n._uU(355,"</"),n.qZA(),n._uU(356,"nz-layout"),n.qZA(),n.TgZ(357,"span",19),n._uU(358,">"),n.qZA()(),n._uU(359,"\n "),n.TgZ(360,"span",50)(361,"span",50)(362,"span",19),n._uU(363,"<"),n.qZA(),n._uU(364,"nz-footer"),n.qZA(),n.TgZ(365,"span",19),n._uU(366,">"),n.qZA()(),n._uU(367,"footer"),n.TgZ(368,"span",50)(369,"span",50)(370,"span",19),n._uU(371,"</"),n.qZA(),n._uU(372,"nz-footer"),n.qZA(),n.TgZ(373,"span",19),n._uU(374,">"),n.qZA()(),n._uU(375,"\n"),n.TgZ(376,"span",50)(377,"span",50)(378,"span",19),n._uU(379,"</"),n.qZA(),n._uU(380,"nz-layout"),n.qZA(),n.TgZ(381,"span",19),n._uU(382,">"),n.qZA()()()(),n.TgZ(383,"h3",51)(384,"span"),n._uU(385,"nz-sider"),n.qZA(),n.TgZ(386,"label",52),n._uU(387,"component"),n.qZA(),n.TgZ(388,"label",53),n._uU(389,"standalone"),n.qZA(),n.TgZ(390,"a",54),n._uU(391,"#"),n.qZA()(),n.TgZ(392,"p"),n._uU(393,"\u4fa7\u8fb9\u680f\u3002"),n.qZA(),n.TgZ(394,"table")(395,"thead")(396,"tr")(397,"th"),n._uU(398,"\u53c2\u6570"),n.qZA(),n.TgZ(399,"th"),n._uU(400,"\u8bf4\u660e"),n.qZA(),n.TgZ(401,"th"),n._uU(402,"\u7c7b\u578b"),n.qZA(),n.TgZ(403,"th"),n._uU(404,"\u9ed8\u8ba4\u503c"),n.qZA()()(),n.TgZ(405,"tbody")(406,"tr")(407,"td")(408,"code"),n._uU(409,"[nzBreakpoint]"),n.qZA()(),n.TgZ(410,"td"),n._uU(411,"\u89e6\u53d1\u54cd\u5e94\u5f0f\u5e03\u5c40\u7684\u65ad\u70b9"),n.qZA(),n.TgZ(412,"td")(413,"code"),n._uU(414,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n.qZA()(),n.TgZ(415,"td"),n._uU(416,"-"),n.qZA()(),n.TgZ(417,"tr")(418,"td")(419,"code"),n._uU(420,"[nzCollapsedWidth]"),n.qZA()(),n.TgZ(421,"td"),n._uU(422,"\u6536\u7f29\u5bbd\u5ea6\uff0c\u8bbe\u7f6e\u4e3a 0 \u4f1a\u51fa\u73b0\u7279\u6b8a "),n.TgZ(423,"code"),n._uU(424,"trigger"),n.qZA()(),n.TgZ(425,"td")(426,"code"),n._uU(427,"number"),n.qZA()(),n.TgZ(428,"td")(429,"code"),n._uU(430,"64"),n.qZA()()(),n.TgZ(431,"tr")(432,"td")(433,"code"),n._uU(434,"[nzCollapsible]"),n.qZA()(),n.TgZ(435,"td"),n._uU(436,"\u662f\u5426\u53ef\u6536\u8d77"),n.qZA(),n.TgZ(437,"td")(438,"code"),n._uU(439,"boolean"),n.qZA()(),n.TgZ(440,"td")(441,"code"),n._uU(442,"false"),n.qZA()()(),n.TgZ(443,"tr")(444,"td")(445,"code"),n._uU(446,"[nzCollapsed]"),n.qZA()(),n.TgZ(447,"td"),n._uU(448,"\u5f53\u524d\u6536\u8d77\u72b6\u6001\uff0c\u53ef\u53cc\u5411\u7ed1\u5b9a"),n.qZA(),n.TgZ(449,"td")(450,"code"),n._uU(451,"boolean"),n.qZA()(),n.TgZ(452,"td")(453,"code"),n._uU(454,"false"),n.qZA()()(),n.TgZ(455,"tr")(456,"td")(457,"code"),n._uU(458,"[nzReverseArrow]"),n.qZA()(),n.TgZ(459,"td"),n._uU(460,"\u7ffb\u8f6c\u6298\u53e0\u63d0\u793a\u7bad\u5934\u7684\u65b9\u5411\uff0c\u5f53 "),n.TgZ(461,"code"),n._uU(462,"Sider"),n.qZA(),n._uU(463," \u5728\u53f3\u8fb9\u65f6\u53ef\u4ee5\u4f7f\u7528"),n.qZA(),n.TgZ(464,"td")(465,"code"),n._uU(466,"boolean"),n.qZA()(),n.TgZ(467,"td")(468,"code"),n._uU(469,"false"),n.qZA()()(),n.TgZ(470,"tr")(471,"td")(472,"code"),n._uU(473,"[nzTrigger]"),n.qZA()(),n.TgZ(474,"td"),n._uU(475,"\u81ea\u5b9a\u4e49 "),n.TgZ(476,"code"),n._uU(477,"trigger"),n.qZA(),n._uU(478,"\uff0c\u8bbe\u7f6e\u4e3a "),n.TgZ(479,"code"),n._uU(480,"null"),n.qZA(),n._uU(481," \u65f6\u9690\u85cf "),n.TgZ(482,"code"),n._uU(483,"trigger"),n.qZA()(),n.TgZ(484,"td")(485,"code"),n._uU(486,"TemplateRef<void>"),n.qZA()(),n.TgZ(487,"td"),n._uU(488,"-"),n.qZA()(),n.TgZ(489,"tr")(490,"td")(491,"code"),n._uU(492,"[nzZeroTrigger]"),n.qZA()(),n.TgZ(493,"td"),n._uU(494,"\u81ea\u5b9a\u4e49 "),n.TgZ(495,"code"),n._uU(496,"nzCollapsedWidth"),n.qZA(),n._uU(497," \u4e3a 0 \u65f6\u7684 \u7279\u6b8a"),n.TgZ(498,"code"),n._uU(499,"trigger"),n.qZA()(),n.TgZ(500,"td")(501,"code"),n._uU(502,"TemplateRef<void>"),n.qZA()(),n.TgZ(503,"td"),n._uU(504,"-"),n.qZA()(),n.TgZ(505,"tr")(506,"td")(507,"code"),n._uU(508,"[nzWidth]"),n.qZA()(),n.TgZ(509,"td"),n._uU(510,"\u5bbd\u5ea6"),n.qZA(),n.TgZ(511,"td")(512,"code"),n._uU(513,"number | string"),n.qZA()(),n.TgZ(514,"td")(515,"code"),n._uU(516,"200"),n.qZA()()(),n.TgZ(517,"tr")(518,"td")(519,"code"),n._uU(520,"[nzTheme]"),n.qZA()(),n.TgZ(521,"td"),n._uU(522,"\u4e3b\u9898\u989c\u8272"),n.qZA(),n.TgZ(523,"td")(524,"code"),n._uU(525,"'light' | 'dark'"),n.qZA()(),n.TgZ(526,"td")(527,"code"),n._uU(528,"dark"),n.qZA()()(),n.TgZ(529,"tr")(
1530,"td")(531,"code"),n._uU(532,"(nzCollapsedChange)"),n.qZA()(),n.TgZ(533,"td"),n._uU(534,"\u5c55\u5f00-\u6536\u8d77\u65f6\u7684\u56de\u8c03\u51fd\u6570"),n.qZA(),n.TgZ(535,"td")(536,"code"),n._uU(537,"EventEmitter<boolean>"),n.qZA()(),n.TgZ(538,"td"),n._uU(539,"-"),n.qZA()()()(),n.TgZ(540,"h4",55)(541,"span"),n._uU(542,"breakpoint width"),n.qZA(),n.TgZ(543,"a",56),n._uU(544,"#"),n.qZA()(),n.TgZ(545,"pre",57)(546,"code")(547,"span",19),n._uU(548,"{"),n.qZA(),n._uU(549,"\n xs"),n.TgZ(550,"span",19),n._uU(551,":"),n.qZA(),n._uU(552," "),n.TgZ(553,"span",20),n._uU(554,"'480px'"),n.qZA(),n.TgZ(555,"span",19),n._uU(556,","),n.qZA(),n._uU(557,"\n sm"),n.TgZ(558,"span",19),n._uU(559,":"),n.qZA(),n._uU(560," "),n.TgZ(561,"span",20),n._uU(562,"'768px'"),n.qZA(),n.TgZ(563,"span",19),n._uU(564,","),n.qZA(),n._uU(565,"\n md"),n.TgZ(566,"span",19),n._uU(567,":"),n.qZA(),n._uU(568," "),n.TgZ(569,"span",20),n._uU(570,"'992px'"),n.qZA(),n.TgZ(571,"span",19),n._uU(572,","),n.qZA(),n._uU(573,"\n lg"),n.TgZ(574,"span",19),n._uU(575,":"),n.qZA(),n._uU(576," "),n.TgZ(577,"span",20),n._uU(578,"'1200px'"),n.qZA(),n.TgZ(579,"span",19),n._uU(580,","),n.qZA(),n._uU(581,"\n xl"),n.TgZ(582,"span",19),n._uU(583,":"),n.qZA(),n._uU(584," "),n.TgZ(585,"span",20),n._uU(586,"'1600px'"),n.qZA(),n.TgZ(587,"span",19),n._uU(588,","),n.qZA(),n._uU(589,"\n xxl"),n.TgZ(590,"span",19),n._uU(591,":"),n.qZA(),n._uU(592," "),n.TgZ(593,"span",20),n._uU(594,"'1600px'"),n.qZA(),n._uU(595,"\n"),n.TgZ(596,"span",19),n._uU(597,"}"),n.qZA()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(190),n.Q6J("nzGutter",8),n.xp6(1),n.Q6J("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),n.xp6(7),n.Q6J("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),n.xp6(7),n.Q6J("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),n.xp6(8),n.Q6J("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),n.xp6(23),n.Q6J("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[l.G,p.IT,p.Fp,z.$,c.t3,c.SK,_.SY,g.Ls,m,U,T,h,F,q,f,C,E],encapsulation:2})}return u})(),v=(()=>{class u{constructor(){this.expanded=!1}goLink(t){window&&(window.location.hash=t)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(t=>{t.nzExpanded=this.expanded,t.expandCode(this.expanded),t.check()})}static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275cmp=n.Xpm({type:u,selectors:[["nz-demo-layout"]],viewQuery:function(e,a){if(1&e&&n.Gf(l.G,5),2&e){let r;n.iGM(r=n.CRH())&&(a.codeBoxes=r)}},decls:614,vars:40,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-layout-demo-basic","nzTitle","Basic Structure"],["nzHref","#components-layout-demo-top","nzTitle","Header-Content-Footer"],["nzHref","#components-layout-demo-top-side-2","nzTitle","Header Sider 2"],["nzHref","#components-layout-demo-top-side","nzTitle","Header-Sider"],["nzHref","#components-layout-demo-side","nzTitle","Sider"],["nzHref","#components-layout-demo-custom-trigger","nzTitle","Custom trigger"],["nzHref","#components-layout-demo-responsive","nzTitle","Responsive"],["nzHref","#components-layout-demo-fixed","nzTitle","Fixed Header"],["nzHref","#components-layout-demo-fixed-sider","nzTitle","Fixed Sider"],["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/layout/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","specification"],["onclick","window.location.hash = 'specification'",1,"anchor"],["id","size"],["onclick","window.location.hash = 'size'",1,"anchor"],["id","interaction-rules"],["onclick","window.location.hash = 'interaction-rules'",1,"anchor"],["id","visualization-rules"],["onclick","window.location.hash = 'visualization-rules'",1,"anchor"],["id","component-overview"],["onclick","window.location.hash = 'component-overview'",1,"anchor"],["href","http://caniuse.com/#search=flex","target","_blank","rel","noopener"],["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 Structure","nzSelector","nz-demo-layout-basic","nzGenerateCommand","ng g ng-zorro-antd:layout-basic <name>","nzComponentName","NzDemoLayoutBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Header-Content-Footer","nzSelector","nz-demo-layout-top","nzGenerateCommand","ng g ng-zorro-antd:layout-top <name>","nzComponentName","NzDemoLayoutTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Header Sider 2","nzSelector","nz-demo-layout-top-side-2","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side-2 <name>","nzComponentName","NzDemoLayoutTopSide2Component","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Header-Sider","nzSelector","nz-demo-layout-top-side","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side <name>","nzComponentName","NzDemoLayoutTopSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Sider","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","/iframe/#/layout-side",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom trigger","nzSelector","nz-demo-layout-custom-trigger","nzGenerateCommand","ng g ng-zorro-antd:layout-custom-trigger <name>","nzComponentName","NzDemoLayoutCustomTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Responsive","nzSelector","nz-demo-layout-responsive","nzGenerateCommand","ng g ng-zorro-antd:layout-responsive <name>","nzComponentName","NzDemoLayoutResponsiveComponent","nzIframeSource","/iframe/#/layout-responsive",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Fixed Header","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","/iframe/#/layout-fixed",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Fixed Sider","nzSelector","nz-demo-layout-fixed-sider","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed-sider <name>","nzComponentName","NzDemoLayoutFixedSiderComponent","nzIframeSource","/iframe/#/layout-fixed-sider",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],["id","nz-sider:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-sider:standalone'",1,"anchor"],["id","breakpoint-width"],["onclick","window.location.hash = 'breakpoint-width'",1,"anchor"],[1,"language-js"]],template:function(e,a){1&e&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(s){return a.goLink(s)}),n._UZ(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),n.qZA()(),n.TgZ(13,"section",12)(14,"h1"),n._uU(15,"Layout"),n._UZ(16,"span",13)(17,"span",14),n.TgZ(18,"a",15),n._UZ(19,"span",16),n.qZA()(),n.TgZ(20,"section",12),n.IAx(),n.TgZ(21,"p"),n._uU(22,"Handling the overall layout of a page."),n.qZA(),n.TgZ(23,"pre",17)(24,"code")(25,"span",18),n._uU(26,"import"),n.qZA(),n._uU(27," "),n.TgZ(28,"span",19),n._uU(29,"{"),n.qZA(),n._uU(30," NzLayoutModule "),n.TgZ(31,"span",19),n._uU(32,"}"),n.qZA(),n._uU(33," "),n.TgZ(34,"span",18),n._uU(35,"from"),n.qZA(),n._uU(36," "),n.TgZ(37,"span",20),n._uU(38,"'ng-zorro-antd/layout'"),n.qZA(),n.TgZ(39,"span",19),n._uU(40,";"),n.qZA()()(),n.TgZ(41,"h2",21)(42,"span"),n._uU(43,"Specification"),n.qZA(),n.TgZ(44,"a",22),n._uU(45,"#"),n.qZA()(),n.TgZ(46,"h3",23)(47,"span"),n._uU(48,"Size"),n.qZA(),n.TgZ(49,"a",24),n._uU(50,"#"),n.qZA()(),n.TgZ(51,"p"),n._uU(52,"The first level navigation is inclined left near a logo, and the secondary menu is inclined right."),n.qZA(),n.TgZ(53,"ul")(54,"li"),n._uU(55,"Top Navigation (almost systems): the height of the first level navigation "),n.TgZ(56,"code"),n._uU(57,"64px"),n.qZA(),n._uU(58,", the second level navigation "),n.TgZ(59,"code"),n._uU(60,"48px"),n.qZA(),n._uU(61,"."),n.qZA(),n.TgZ(62,"li"),n._uU(63,"Top Navigation(contents page): the height of the first level navigation "),n.TgZ(64,"code"),n._uU(65,"80px"),n.qZA(),n._uU(66,", the second level navigation "),n.TgZ(67,"code"),n._uU(68,"56px"),n.qZA(),n._uU(69,"."),n.qZA(),n.TgZ(70,"li"),n._uU(71,"Calculation formula of a top navigation: "),n.TgZ(72,"code"),n._uU(73,"48+8n"),n.qZA(),n._uU(74,"."),n.qZA(),n.TgZ(75,"li"),n._uU(76,"Calculation formula of an aside navigation: "),n.TgZ(77,"code"),n._uU(78,"200+8n"),n.qZA(),n._uU(79,"."),n.qZA()(),n.TgZ(80,"h3",25)(81,"span"),n._uU(82,"Interaction rules"),n.qZA(),n.TgZ(83,"a",26),n._uU(84,"#"),n.qZA()(),n.TgZ(85,"ul")(86,"li"),n._uU(87,"The first level navigation and the last level navigation should be distincted by visualization;"),n.qZA(),n.TgZ(88,"li"),n._uU(89,"The current item should have the highest priority of visualization;"),n.qZA(),n.TgZ(90,"li"),n._uU(91,"When the current navigation item is collapsed, the style of the current navigation item will be applied to its parent level;"),n.qZA(),n.TgZ(92,"li"),n._uU(93,"The left side navigation bar has support for both the accordion and expanding styles, you can choose the one that fits your case best."),n.qZA()(),n.TgZ(94,"h2",27)(95,"span"),n._uU(96,"Visualization rules"),n.qZA(),n.TgZ(97,"a",28),n._uU(98,"#"),n.qZA()(),n.TgZ(99,"p"),n._uU(100,"Style of a navigation should conform to the its level."),n.qZA(),n.TgZ(101,"ul")(102,"li")(103,"p")(104,"strong"),n._uU(105,"Emphasis by colorblock"),n.qZA()(),n.TgZ(106,"p"),n._uU(107,"When background color is a deep color, you can use this pattern for the parent level navigation item of current page."),n.qZA()(),n.TgZ(108,"li")(109,"p")(110,"strong"),n._uU(111,"The highlight match stick"),n.qZA()(),n.TgZ(112,"p"),n._uU(113,"When background color is a light color, you can use this pattern for the current page navigation item, we recommed using it for the last item of the navigation path."),n.qZA()(),n.TgZ(114,"li")(115,"p")(116,"strong"),n._uU(117,"Hightlighted font"),n.qZA()(),n.TgZ(118,"p"),n._uU(119,"From the visualization aspect, hightlighted font is stronger than colorblock, this pattern is often used for the parent level of the current item."),n.qZA()(),n.TgZ(120,"li")(121,"p")(122,"strong"),n._uU(123,"Enlarge the size of the font"),n.qZA()(),n.TgZ(124,"p")(125,"code"),n._uU(126,"12px"),n.qZA(),n._uU(127,"\u3001"),n.TgZ(128,"code"),n._uU(129,"14px"),n.qZA(),n._uU(130," is a standard font size of navigations\uff0c"),n.TgZ(131,"code"),n._uU(132,"14px"),n.qZA(),n._uU(133," is used for the first and the second level of the navigation. You can choose a approprigate font size in terms of the level of your navigation."),n.qZA()()(),n.TgZ(134,"h2",29)(135,"span"),n._uU(136,"Component Overview"),n.qZA(),n.TgZ(137,"a",30),n._uU(138,"#"),n.qZA()(),n.TgZ(139,"ul")(140,"li")(141,"code"),n._uU(142,"nz-layout"),n.qZA(),n._uU(143,": The layout wrapper, in which "),n.TgZ(144,"code"),n._uU(145,"nz-header"),n.qZA(),n.TgZ(146,"code"),n._uU(147,"nz-sider"),n.qZA(),n.TgZ(148,"code"),n._uU(149,"nz-content"),n.qZA(),n.TgZ(150,"code"),n._uU(151,"nz-footer"),n.qZA(),n._uU(152," or "),n.TgZ(153,"code"),n._uU(154,"nz-layout"),n.qZA(),n._uU(155," itself can be nested, and can be placed in any parent container."),n.qZA(),n.TgZ(156,"li")(157,"code"),n._uU(158,"nz-header"),n.qZA(),n._uU(159,": The top layout with default style, in which any element can be nested, and must be placed in "),n.TgZ(160,"code"),n._uU(161,"nz-layout"),n.qZA(),n._uU(162,"."),n.qZA(),n.TgZ(163,"li")(164,"code"),n._uU(165,"nz-sider"),n.qZA(),n._uU(166,": The sidebar with default style and basic functions, in which any element can be nested, and must be placed in "),n.TgZ(167,"code"),n._uU(168,"nz-layout"),n.qZA(),n._uU(169,"."),n.qZA(),n.TgZ(170,"li")(171,"code"),n._uU(172,"nz-content"),n.qZA(),n._uU(173,": The content layout with default style, in which any element can be nested, and must be placed in "),n.TgZ(174,"code"),n._uU(175,"nz-layout"),n.qZA(),n._uU(176,"."),n.qZA(),n.TgZ(177,"li")(178,"code"),n._uU(179,"nz-footer"),n.qZA(),n._uU(180,": The bottom layout with default style, in which any element can be nested, and must be placed in "),n.TgZ(181,"code"),n._uU(182,"nz-layout"),n.qZA(),n._uU(183,"."),n.qZA()(),n.TgZ(184,"blockquote")(185,"p"),n._uU(186,"Based on "),n.TgZ(187,"code"),n._uU(188,"flex layout"),n.qZA(),n._uU(189,", please pay attention to the "),n.TgZ(190,"a",31),n._uU(191,"compatibility"),n.qZA(),n._uU(192,"."),n.qZA()(),n.fQ9(),n.qZA(),n.TgZ(193,"h2")(194,"span"),n._uU(195,"Examples"),n.qZA(),n.TgZ(196,"span",32),n.NdJ("
1click",function(){return a.expandAllCode()}),n.qZA()()(),n.TgZ(197,"div",33)(198,"div",34)(199,"nz-code-box",35),n._UZ(200,"nz-demo-layout-basic",36),n.TgZ(201,"div",37),n.IAx(),n.TgZ(202,"p"),n._uU(203,"Classic page layouts."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(204,"nz-code-box",38),n._UZ(205,"nz-demo-layout-top",36),n.TgZ(206,"div",37),n.IAx(),n.TgZ(207,"p"),n._uU(208,'The most basic "header-content-footer" layout.'),n.qZA(),n.TgZ(209,"p"),n._uU(210,"Generally, the mainnav is placed at the top of the page, and includes the logo, the first level navigation, and the secondary menu (users, settings, notifications) from left to right in it.\nWe always put contents in a fixed size navigation (eg: "),n.TgZ(211,"code"),n._uU(212,"1200px"),n.qZA(),n._uU(213,"), the layout of the whole page is stable, it's not affected by viewing area."),n.qZA(),n.TgZ(214,"p"),n._uU(215,"Top-bottom structure is conform with the top-bottom viewing habit, it's a classical navigation pattern of websites. This pattern demonstrates efficiency in the main workarea, while using some vertical space. And because the horizontal space of the navigation is limited, this pattern is not suitable for cases when the first level navigation contains many elements or links"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(216,"nz-code-box",39),n._UZ(217,"nz-demo-layout-top-side-2",36),n.TgZ(218,"div",37),n.IAx(),n.TgZ(219,"p"),n._uU(220,"Both the top navigation and the sidebar, commonly used in application site."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(221,"nz-code-box",40),n._UZ(222,"nz-demo-layout-top-side",36),n.TgZ(223,"div",37),n.IAx(),n.TgZ(224,"p"),n._uU(225,"Both the top navigation and the sidebar, commonly used in documentation site."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(226,"nz-code-box",41),n._UZ(227,"nz-demo-layout-side",36),n.TgZ(228,"div",37),n.IAx(),n.TgZ(229,"p"),n._uU(230,"Two-columns layout. The sider menu can be collapsed when horizontal space is limited."),n.qZA(),n.TgZ(231,"p"),n._uU(232,"Generally, the mainnav is placed on the left side of the page, and the secondary menu is placed on the top of the working area. Contents will adapt the layout to the viewing area to improve the horizontal space usage, while the layout of the whole page is not stable."),n.qZA(),n.TgZ(233,"p"),n._uU(234,"The level of the aisde navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(235,"nz-code-box",42),n._UZ(236,"nz-demo-layout-custom-trigger",36),n.TgZ(237,"div",37),n.IAx(),n.TgZ(238,"p"),n._uU(239,"If you want to use a customized trigger, you can hide the default one by setting "),n.TgZ(240,"code"),n._uU(241,'[nzTrigger]="null"'),n.qZA(),n._uU(242,"."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(243,"nz-code-box",43),n._UZ(244,"nz-demo-layout-responsive",36),n.TgZ(245,"div",37),n.IAx(),n.TgZ(246,"p"),n._uU(247,"Layout.Sider supports responsive layout."),n.qZA(),n.TgZ(248,"blockquote")(249,"p"),n._uU(250,"Note: You can get a responsive layout by setting "),n.TgZ(251,"code"),n._uU(252,"nzBreakpoint"),n.qZA(),n._uU(253,", the "),n.TgZ(254,"code"),n._uU(255,"nz-sider"),n.qZA(),n._uU(256," will collapse to the width of "),n.TgZ(257,"code"),n._uU(258,"nzCollapsedWidth"),n.qZA(),n._uU(259," when window width is below the "),n.TgZ(260,"code"),n._uU(261,"nzBreakpoint"),n.qZA(),n._uU(262,". And a special trigger will appear if the "),n.TgZ(263,"code"),n._uU(264,"nzCollapsedWidth"),n.qZA(),n._uU(265," is set to "),n.TgZ(266,"code"),n._uU(267,"0"),n.qZA(),n._uU(268,"."),n.qZA()(),n.fQ9(),n.qZA()(),n.TgZ(269,"nz-code-box",44),n._UZ(270,"nz-demo-layout-fixed",36),n.TgZ(271,"div",37),n.IAx(),n.TgZ(272,"p"),n._uU(273,"Fixed Header is generally used to fix the top navigation to facilitate page switching."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(274,"nz-code-box",45),n._UZ(275,"nz-demo-layout-fixed-sider",36),n.TgZ(276,"div",37),n.IAx(),n.TgZ(277,"p"),n._uU(278,"When dealing with long content, a fixed sider can provide a better user experience."),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(279,"section",46),n.IAx(),n.TgZ(280,"h2",47)(281,"span"),n._uU(282,"API"),n.qZA(),n.TgZ(283,"a",48),n._uU(284,"#"),n.qZA()(),n.TgZ(285,"pre",49)(286,"code")(287,"span",50)(288,"span",50)(289,"span",19),n._uU(290,"<"),n.qZA(),n._uU(291,"nz-layout"),n.qZA(),n.TgZ(292,"span",19),n._uU(293,">"),n.qZA()(),n._uU(294,"\n "),n.TgZ(295,"span",50)(296,"span",50)(297,"span",19),n._uU(298,"<"),n.qZA(),n._uU(299,"nz-header"),n.qZA(),n.TgZ(300,"span",19),n._uU(301,">"),n.qZA()(),n._uU(302,"header"),n.TgZ(303,"span",50)(304,"span",50)(305,"span",19),n._uU(306,"</"),n.qZA(),n._uU(307,"nz-header"),n.qZA(),n.TgZ(308,"span",19),n._uU(309,">"),n.qZA()(),n._uU(310,"\n "),n.TgZ(311,"span",50)(312,"span",50)(313,"span",19),n._uU(314,"<"),n.qZA(),n._uU(315,"nz-layout"),n.qZA(),n.TgZ(316,"span",19),n._uU(317,">"),n.qZA()(),n._uU(318,"\n "),n.TgZ(319,"span",50)(320,"span",50)(321,"span",19),n._uU(322,"<"),n.qZA(),n._uU(323,"nz-sider"),n.qZA(),n.TgZ(324,"span",19),n._uU(325,">"),n.qZA()(),n._uU(326,"left sidebar"),n.TgZ(327,"span",50)(328,"span",50)(329,"span",19),n._uU(330,"</"),n.qZA(),n._uU(331,"nz-sider"),n.qZA(),n.TgZ(332,"span",19),n._uU(333,">"),n.qZA()(),n._uU(334,"\n "),n.TgZ(335,"span",50)(336,"span",50)(337,"span",19),n._uU(338,"<"),n.qZA(),n._uU(339,"nz-content"),n.qZA(),n.TgZ(340,"span",19),n._uU(341,">"),n.qZA()(),n._uU(342,"main content"),n.TgZ(343,"span",50)(344,"span",50)(345,"span",19),n._uU(346,"</"),n.qZA(),n._uU(347,"nz-content"),n.qZA(),n.TgZ(348,"span",19),n._uU(349,">"),n.qZA()(),n._uU(350,"\n "),n.TgZ(351,"span",50)(352,"span",50)(353,"span",19),n._uU(354,"<"),n.qZA(),n._uU(355,"nz-sider"),n.qZA(),n.TgZ(356,"span",19),n._uU(357,">"),n.qZA()(),n._uU(358,"right sidebar"),n.TgZ(359,"span",50)(360,"span",50)(361,"span",19),n._uU(362,"</"),n.qZA(),n._uU(363,"nz-sider"),n.qZA(),n.TgZ(364,"span",19),n._uU(365,">"),n.qZA()(),n._uU(366,"\n "),n.TgZ(367,"span",50)(368,"span",50)(369,"span",19),n._uU(370,"</"),n.qZA(),n._uU(371,"nz-layout"),n.qZA(),n.TgZ(372,"span",19),n._uU(373,">"),n.qZA()(),n._uU(374,"\n "),n.TgZ(375,"span",50)(376,"span",50)(377,"span",19),n._uU(378,"<"),n.qZA(),n._uU(379,"nz-footer"),n.qZA(),n.TgZ(380,"span",19),n._uU(381,">"),n.qZA()(),n._uU(382,"footer"),n.TgZ(383,"span",50)(384,"span",50)(385,"span",19),n._uU(386,"</"),n.qZA(),n._uU(387,"nz-footer"),n.qZA(),n.TgZ(388,"span",19),n._uU(389,">"),n.qZA()(),n._uU(390,"\n"),n.TgZ(391,"span",50)(392,"span",50)(393,"span",19),n._uU(394,"</"),n.qZA(),n._uU(395,"nz-layout"),n.qZA(),n.TgZ(396,"span",19),n._uU(397,">"),n.qZA()()()(),n.TgZ(398,"h3",51)(399,"span"),n._uU(400,"nz-sider"),n.qZA(),n.TgZ(401,"label",52),n._uU(402,"component"),n.qZA(),n.TgZ(403,"label",53),n._uU(404,"standalone"),n.qZA(),n.TgZ(405,"a",54),n._uU(406,"#"),n.qZA()(),n.TgZ(407,"p"),n._uU(408,"The sidebar."),n.qZA(),n.TgZ(409,"table")(410,"thead")(411,"tr")(412,"th"),n._uU(413,"Property"),n.qZA(),n.TgZ(414,"th"),n._uU(415,"Description"),n.qZA(),n.TgZ(416,"th"),n._uU(417,"Type"),n.qZA(),n.TgZ(418,"th"),n._uU(419,"Default"),n.qZA()()(),n.TgZ(420,"tbody")(421,"tr")(422,"td")(423,"code"),n._uU(424,"[nzBreakpoint]"),n.qZA()(),n.TgZ(425,"td"),n._uU(426,"breakpoints of the responsive layout"),n.qZA(),n.TgZ(427,"td")(428,"code"),n._uU(429,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n.qZA()(),n.TgZ(430,"td"),n._uU(431,"-"),n.qZA()(),n.TgZ(432,"tr")(433,"td")(434,"code"),n._uU(435,"[nzCollapsedWidth]"),n.qZA()(),n.TgZ(436,"td"),n._uU(437,"width of the collapsed
1sidebar, by setting to "),n.TgZ(438,"code"),n._uU(439,"0"),n.qZA(),n._uU(440," a special "),n.TgZ(441,"code"),n._uU(442,"trigger"),n.qZA(),n._uU(443," will appear"),n.qZA(),n.TgZ(444,"td")(445,"code"),n._uU(446,"number"),n.qZA()(),n.TgZ(447,"td")(448,"code"),n._uU(449,"64"),n.qZA()()(),n.TgZ(450,"tr")(451,"td")(452,"code"),n._uU(453,"[nzCollapsible]"),n.qZA()(),n.TgZ(454,"td"),n._uU(455,"whether can be collapsed"),n.qZA(),n.TgZ(456,"td")(457,"code"),n._uU(458,"boolean"),n.qZA()(),n.TgZ(459,"td")(460,"code"),n._uU(461,"false"),n.qZA()()(),n.TgZ(462,"tr")(463,"td")(464,"code"),n._uU(465,"[nzCollapsed]"),n.qZA()(),n.TgZ(466,"td"),n._uU(467,"the collapsed status can be double binding"),n.qZA(),n.TgZ(468,"td")(469,"code"),n._uU(470,"boolean"),n.qZA()(),n.TgZ(471,"td")(472,"code"),n._uU(473,"false"),n.qZA()()(),n.TgZ(474,"tr")(475,"td")(476,"code"),n._uU(477,"[nzReverseArrow]"),n.qZA()(),n.TgZ(478,"td"),n._uU(479,"reverse direction of arrow, for a sider that expands from the right"),n.qZA(),n.TgZ(480,"td")(481,"code"),n._uU(482,"boolean"),n.qZA()(),n.TgZ(483,"td")(484,"code"),n._uU(485,"false"),n.qZA()()(),n.TgZ(486,"tr")(487,"td")(488,"code"),n._uU(489,"[nzTrigger]"),n.qZA()(),n.TgZ(490,"td"),n._uU(491,"specify the customized "),n.TgZ(492,"code"),n._uU(493,"trigger"),n.qZA(),n._uU(494,", set to "),n.TgZ(495,"code"),n._uU(496,"null"),n.qZA(),n._uU(497," to hide the "),n.TgZ(498,"code"),n._uU(499,"trigger"),n.qZA()(),n.TgZ(500,"td")(501,"code"),n._uU(502,"string | TemplateRef<void>"),n.qZA()(),n.TgZ(503,"td"),n._uU(504,"-"),n.qZA()(),n.TgZ(505,"tr")(506,"td")(507,"code"),n._uU(508,"[nzZeroTrigger]"),n.qZA()(),n.TgZ(509,"td"),n._uU(510,"specify the customized trigger when "),n.TgZ(511,"code"),n._uU(512,"nzCollapsedWidth"),n.qZA(),n._uU(513," setting to "),n.TgZ(514,"code"),n._uU(515,"0"),n.qZA()(),n.TgZ(516,"td")(517,"code"),n._uU(518,"TemplateRef<void>"),n.qZA()(),n.TgZ(519,"td"),n._uU(520,"-"),n.qZA()(),n.TgZ(521,"tr")(522,"td")(523,"code"),n._uU(524,"[nzWidth]"),n.qZA()(),n.TgZ(525,"td"),n._uU(526,"width of the sidebar"),n.qZA(),n.TgZ(527,"td")(528,"code"),n._uU(529,"number | string"),n.qZA()(),n.TgZ(530,"td")(531,"code"),n._uU(532,"200"),n.qZA()()(),n.TgZ(533,"tr")(534,"td")(535,"code"),n._uU(536,"[nzTheme]"),n.qZA()(),n.TgZ(537,"td"),n._uU(538,"color theme of the sidebar"),n.qZA(),n.TgZ(539,"td")(540,"code"),n._uU(541,"'light' | 'dark'"),n.qZA()(),n.TgZ(542,"td")(543,"code"),n._uU(544,"dark"),n.qZA()()(),n.TgZ(545,"tr")(546,"td")(547,"code"),n._uU(548,"(nzCollapsedChange)"),n.qZA()(),n.TgZ(549,"td"),n._uU(550,"the callback function"),n.qZA(),n.TgZ(551,"td")(552,"code"),n._uU(553,"EventEmitter<boolean>"),n.qZA()(),n.TgZ(554,"td"),n._uU(555,"-"),n.qZA()()()(),n.TgZ(556,"h4",55)(557,"span"),n._uU(558,"breakpoint width"),n.qZA(),n.TgZ(559,"a",56),n._uU(560,"#"),n.qZA()(),n.TgZ(561,"pre",57)(562,"code")(563,"span",19),n._uU(564,"{"),n.qZA(),n._uU(565,"\n xs"),n.TgZ(566,"span",19),n._uU(567,":"),n.qZA(),n._uU(568," "),n.TgZ(569,"span",20),n._uU(570,"'575px'"),n.qZA(),n.TgZ(571,"span",19),n._uU(572,","),n.qZA(),n._uU(573,"\n sm"),n.TgZ(574,"span",19),n._uU(575,":"),n.qZA(),n._uU(576," "),n.TgZ(577,"span",20),n._uU(578,"'576px'"),n.qZA(),n.TgZ(579,"span",19),n._uU(580,","),n.qZA(),n._uU(581,"\n md"),n.TgZ(582,"span",19),n._uU(583,":"),n.qZA(),n._uU(584," "),n.TgZ(585,"span",20),n._uU(586,"'768px'"),n.qZA(),n.TgZ(587,"span",19),n._uU(588,","),n.qZA(),n._uU(589,"\n lg"),n.TgZ(590,"span",19),n._uU(591,":"),n.qZA(),n._uU(592," "),n.TgZ(593,"span",20),n._uU(594,"'992px'"),n.qZA(),n.TgZ(595,"span",19),n._uU(596,","),n.qZA(),n._uU(597,"\n xl"),n.TgZ(598,"span",19),n._uU(599,":"),n.qZA(),n._uU(600," "),n.TgZ(601,"span",20),n._uU(602,"'1200px'"),n.qZA(),n.TgZ(603,"span",19),n._uU(604,","),n.qZA(),n._uU(605,"\n xxl"),n.TgZ(606,"span",19),n._uU(607,":"),n.qZA(),n._uU(608," "),n.TgZ(609,"span",20),n._uU(610,"'1600px'"),n.qZA(),n._uU(611,"\n"),n.TgZ(612,"span",19),n._uU(613,"}"),n.qZA()()(),n.fQ9(),n.qZA()()),2&e&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(195),n.Q6J("nzGutter",8),n.xp6(1),n.Q6J("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),n.xp6(12),n.Q6J("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),n.xp6(9),n.Q6J("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),n.xp6(8),n.Q6J("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),n.xp6(26),n.Q6J("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),n.xp6(5),n.Q6J("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[l.G,p.IT,p.Fp,z.$,c.t3,c.SK,_.SY,g.Ls,m,U,T,h,F,q,f,C,E],encapsulation:2})}return u})(),D=(()=>{class u{static#n=this.\u0275fac=function(e){return new(e||u)};static#u=this.\u0275mod=n.oAB({type:u});static#e=this.\u0275inj=n.cJS({imports:[b.G,x,y.Bz.forChild([{path:"en",component:v},{path:"zh",component:B}])]})}return u})()}}]);
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.