chunk-2IULXKVX.js

import{a as B,b as G,c as _,d as A,e as R,f as O,g as L,h as V,i as Z,j as M}from"./chunk-7JJSXXL4.js";import"./chunk-UEKWUORR.js";import"./chunk-SL5TNLXK.js";import"./chunk-UFRZRMO7.js";import"./chunk-GCOWXR2U.js";import{h as z,n as y,o as H,t as T,u as D}from"./chunk-ZLLB3446.js";import"./chunk-WSU5OMEA.js";import"./chunk-4TSNSEJQ.js";import{$ as m,Ae as b,Db as n,Ga as f,Ma as E,Re as u,Ye as I,Ze as N,_ as a,ab as l,bb as t,cb as e,db as i,ef as w,ff as k,mb as x,rh as v,sb as h,tb as g,ub as C,ya as o}from"./chunk-BKDXVBLI.js";import"./chunk-DAQOROHW.js";function Q(s,d){s&1&&(t(0,"span"),n(1,"Collapse"),e())}function F(s,d){s&1&&i(0,"span")}var S=class s{expanded=!1;codeBoxes;goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||s)};static \u0275cmp=f({type:s,selectors:[["nz-demo-collapse"]],viewQuery:function(r,c){if(r&1&&h(z,5),r&2){let p;g(p=C())&&(c.codeBoxes=p)}},decls:371,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#when_to_use","nzTitle","When To Use",1,"toc-indent-1"],["nzHref","#examples","nzTitle","Examples",1,"toc-indent-1"],["nzHref","#components-collapse-demo-basic","nzTitle","Collapse",1,"toc-indent-2"],["nzHref","#components-collapse-demo-accordion","nzTitle","Accordion",1,"toc-indent-2"],["nzHref","#components-collapse-demo-size","nzTitle","Size",1,"toc-indent-2"],["nzHref","#components-collapse-demo-mix","nzTitle","Nested panel",1,"toc-indent-2"],["nzHref","#components-collapse-demo-borderless","nzTitle","Borderless",1,"toc-indent-2"],["nzHref","#components-collapse-demo-custom","nzTitle","Custom Panel",1,"toc-indent-2"],["nzHref","#components-collapse-demo-noarrow","nzTitle","No arrow",1,"toc-indent-2"],["nzHref","#components-collapse-demo-extra","nzTitle","Extra Node",1,"toc-indent-2"],["nzHref","#components-collapse-demo-ghost","nzTitle","Ghost Collapse",1,"toc-indent-2"],["nzHref","#components-collapse-demo-collapsible","nzTitle","Collapsible",1,"toc-indent-2"],["nzHref","#api","nzTitle","API",1,"toc-indent-1"],[1,"markdown"],[4,"nzSpaceItem"],["name","collapse","description","A content area which can be collapsed and expanded.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["id","examples"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["onclick","window.location.hash = 'examples'",1,"anchor"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Collapse","nzVersion","","nzId","components-collapse-demo-basic","nzSelector","nz-demo-collapse-basic","nzLink","components-collapse-demo-basic","nzGenerateCommand","ng g ng-zorro-antd:collapse-basic <name>","nzComponentName","NzDemoCollapseBasicComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/basic.md",3,"nzIframe","nzIframeHeight"],["demo",""],["intro",""],["nzTitle","Accordion","nzVersion","","nzId","components-collapse-demo-accordion","nzSelector","nz-demo-collapse-accordion","nzLink","components-collapse-demo-accordion","nzGenerateCommand","ng g ng-zorro-antd:collapse-accordion <name>","nzComponentName","NzDemoCollapseAccordionComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/accordion.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Size","nzVersion","20.2.0","nzId","components-collapse-demo-size","nzSelector","nz-demo-collapse-size","nzLink","components-collapse-demo-size","nzGenerateCommand","ng g ng-zorro-antd:collapse-size <name>","nzComponentName","NzDemoCollapseSizeComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/size.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Nested panel","nzVersion","","nzId","components-collapse-demo-mix","nzSelector","nz-demo-collapse-mix","nzLink","components-collapse-demo-mix","nzGenerateCommand","ng g ng-zorro-antd:collapse-mix <name>","nzComponentName","NzDemoCollapseMixComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/mix.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Borderless","nzVersion","","nzId","components-collapse-demo-borderless","nzSelector","nz-demo-collapse-borderless","nzLink","components-collapse-demo-borderless","nzGenerateCommand","ng g ng-zorro-antd:collapse-borderless <name>","nzComponentName","NzDemoCollapseBorderlessComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/borderless.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Custom Panel","nzVersion","","nzId","components-collapse-demo-custom","nzSelector","nz-demo-collapse-custom","nzLink","components-collapse-demo-custom","nzGenerateCommand","ng g ng-zorro-antd:collapse-custom <name>","nzComponentName","NzDemoCollapseCustomComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/custom.md",3,"nzIframe","nzIframeHeight"],["nzTitle","No arrow","nzVersion","","nzId","components-collapse-demo-noarrow","nzSelector","nz-demo-collapse-noarrow","nzLink","components-collapse-demo-noarrow","nzGenerateCommand","ng g ng-zorro-antd:collapse-noarrow <name>","nzComponentName","NzDemoCollapseNoarrowComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/noarrow.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Extra Node","nzVersion","","nzId","components-collapse-demo-extra","nzSelector","nz-demo-collapse-extra","nzLink","components-collapse-demo-extra","nzGenerateCommand","ng g ng-zorro-antd:collapse-extra <name>","nzComponentName","NzDemoCollapseExtraComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/extra.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Ghost Collapse","nzVersion","","nzId","components-collapse-demo-ghost","nzSelector","nz-demo-collapse-ghost","nzLink","components-collapse-demo-ghost","nzGenerateCommand","ng g ng-zorro-antd:collapse-ghost <name>","nzComponentName","NzDemoCollapseGhostComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/ghost.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Collapsible","nzVersion","20.2.0","nzId","components-collapse-demo-collapsible","nzSelector","nz-demo-collapse-collapsible","nzLink","components-collapse-demo-collapsible","nzGenerateCommand","ng g ng-zorro-antd:collapse-collapsible <name>","nzComponentName","NzDemoCollapseCollapsibleComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/collapse/demo/collapsible.md",3,"nzIframe","nzIframeHeight"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-collapse"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-collapse'",1,"anchor"],["id","nz-collapse-panel"],["onclick","window.location.hash = 'nz-collapse-panel'",1,"anchor"]],template:function(r,c){r&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(P){return c.goLink(P)}),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)(13,"nz-link",12)(14,"nz-link",13)(15,"nz-link",14),e()(),t(16,"section",15)(17,"h1")(18,"nz-space"),E(19,Q,2,0,"span",16)(20,F,1,0,"span",16),e()(),i(21,"component-meta",17),t(22,"section",15),m(),t(23,"h2",18)(24,"span"),n(25,"When To Use"),e(),t(26,"a",19),n(27,"#"),e()(),t(28,"ul")(29,"li"),n(30,"Can be used to group or hide complex regions to keep the page clean."),e(),t(31,"li")(32,"code"),n(33,"Accordion"),e(),n(34," is a special kind of "),t(35,"code"),n(36,"Collapse"),e(),n(37,", which allows only one panel to be expanded at a time."),e()(),a(),e(),t(38,"h2",20)(39,"span"),n(40,"Examples"),e(),t(41,"nz-icon",21),x("click",function(){return c.expandAllCode()}),e(),t(42,"a",22),n(43,"#"),e()()(),t(44,"div",23)(45,"div",24)(46,"nz-code-box",25),i(47,"nz-demo-collapse-basic",26),t(48,"div",27),m(),t(49,"p"),n(50,"More than one panel can be expanded at a time, the first panel is initialized to be active in this case."),e(),a(),e()(),t(51,"nz-code-box",28),i(52,"nz-demo-collapse-accordion",26),t(53,"div",27),m(),t(54,"p"),n(55,"Accordion mode, only one panel can be expanded at a time. The first panel will be expanded by default."),e(),a(),e()(),t(56,"nz-code-box",29),i(57,"nz-demo-collapse-size",26),t(58,"div",27),m(),t(59,"p"),n(60,`Set the size of the collapse.
If a large or small collapse is desired, set the `),t(61,"code"),n(62,"nzSize"),e(),n(63," property to either "),t(64,"code"),n(65,"large"),e(),n(66," or "),t(67,"code"),n(68,"small"),e(),n(69," respectively. Omit the "),t(70,"code"),n(71,"nzSize"),e(),n(72," property for a collapse with the default size."),e(),a(),e()(),t(73,"nz-code-box",30),i(74,"nz-demo-collapse-mix",26),t(75,"div",27),m(),t(76,"p")(77,"code"),n(78,"Collapse"),e(),n(79," is nested inside the "),t(80,"code"),n(81,"Collapse"),e(),n(82,"."),e(),a(),e()(),t(83,"nz-code-box",31),i(84,"nz-demo-collapse-borderless",26),t(85,"div",27),m(),t(86,"p"),n(87,"A borderless style of Collapse."),e(),a(),e()(),t(88,"nz-code-box",32),i(89,"nz-demo-collapse-custom",26),t(90,"div",27),m(),t(91,"p"),n(92,"Customize the background, border, margin and icon styles for each panel."),e(),a(),e()(),t(93,"nz-code-box",33),i(94,"nz-demo-collapse-noarrow",26),t(95,"div",27),m(),t(96,"p"),n(97,"You can disable showing arrow icon by passing "),t(98,"code"),n(99,'[nzShowArrow]="false"'),e(),n(100," to "),t(101,"code"),n(102,"nz-collapse-panel"),e(),n(103," component."),e(),a(),e()(),t(104,"nz-code-box",34),i(105,"nz-demo-collapse-extra",26),t(106,"div",27),m(),t(107,"p"),n(108,"You can use "),t(109,"code"),n(110,"nzExtra"),e(),n(111," to put extra elements in the top right corner."),e(),a(),e()(),t(112,"nz-code-box",35),i(113,"nz-demo-collapse-ghost",26),t(114,"div",27),m(),t(115,"p"),n(116,"Making collapse's background to transparent."),e(),a(),e()(),t(117,"nz-code-box",36),i(118,"nz-demo-collapse-collapsible",26),t(119,"div",27),m(),t(120,"p"),n(121,"Specify the trigger area of collapsible by "),t(122,"code"),n(123,"nzCollapsible"),e(),n(124,"."),e(),a(),e()()()(),t(125,"section",37),m(),t(126,"h2",38)(127,"span"),n(128,"API"),e(),t(129,"a",39),n(130,"#"),e()(),t(131,"h3",40)(132,"span"),n(133,"nz-collapse"),e(),t(134,"label",41),n(135,"component"),e(),t(136,"a",42),n(137,"#"),e()(),t(138,"table")(139,"thead")(140,"tr")(141,"th"),n(142,"Property"),e(),t(143,"th"),n(144,"Description"),e(),t(145,"th"),n(146,"Type"),e(),t(147,"th"),n(148,"Default"),e(),t(149,"th"),n(150,"Global Config"),e(),t(151,"th"),n(152,"Version"),e()()(),t(153,"tbody")(154,"tr")(155,"td")(156,"code"),n(157,"[nzAccordion]"),e()(),t(158,"td"),n(159,"Accordion mode"),e(),t(160,"td")(161,"code"),n(162,"boolean"),e()(),t(163,"td")(164,"code"),n(165,"false"),e()(),t(166,"td"),n(167,"\u2705"),e(),i(168,"td"),e(),t(169,"tr")(170,"td")(171,"code"),n(172,"[nzBordered]"),e()(),t(173,"td"),n(174,"Set border style"),e(),t(175,"td")(176,"code"),n(177,"boolean"),e()(),t(178,"td")(179,"code"),n(180,"true"),e()(),t(181,"td"),n(182,"\u2705"),e(),i(183,"td"),e(),t(184,"tr")(185,"td")(186,"code"),n(187,"[nzGhost]"),e()(),t(188,"td"),n(189,"Make the collapse borderless and its background transparent"),e(),t(190,"td")(191,"code"),n(192,"boolean"),e()(),t(193,"td")(194,"code"),n(195,"false"),e()(),t(196,"td"),n(197,"\u2705"),e(),i(198,"td"),e(),t(199,"tr")(200,"td")(201,"code"),n(202,"[nzExpandIconPosition]"),e()(),t(203,"td"),n(204,"Set expand icon position"),e(),t(205,"td")(206,"code"),n(207,"'start' | 'end'"),e()(),t(208,"td")(209,"code"),n(210,"'start'"),e()(),t(211,"td"),n(212,"-"),e(),i(213,"td"),e(),t(214,"tr")(215,"td")(216,"code"),n(217,"[nzSize]"),e()(),t(218,"td"),n(219,"Set size of collapse"),e(),t(220,"td")(221,"code"),n(222,"'small' | 'large'"),e()(),t(223,"td")(224,"code"),n(225,"'middle'"),e()(),t(226,"td"),n(227,"-"),e(),t(228,"td"),n(229,"20.2.0"),e()()()(),t(230,"h3",43)(231,"span"),n(232,"nz-collapse-panel"),e(),t(233,"label",41),n(234,"component"),e(),t(235,"a",44),n(236,"#"),e()(),t(237,"table")(238,"thead")(239,"tr")(240,"th"),n(241,"Property"),e(),t(242,"th"),n(243,"Description"),e(),t(244,"th"),n(245,"Type"),e(),t(246,"th"),n(247,"Default"),e(),t(248,"th"),n(249,"Global Config"),e(),t(250,"th"),n(251,"Version"),e()()(),t(252,"tbody")(253,"tr")(254,"td")(255,"code"),n(256,"[nzDisabled]"),e()(),t(257,"td"),n(258,"If "),t(259,"code"),n(260,"true"),e(),n(261,", panel cannot be opened or closed"),e(),t(262,"td")(263,"code"),n(264,"boolean"),e()(),t(265,"td")(266,"code"),n(267,"false"),e()(),t(268,"td"),n(269,"-"),e(),i(270,"td"),e(),t(271,"tr")(272,"td")(273,"code"),n(274,"[nzHeader]"),e()(),t(275,"td"),n(276,"Title of the panel"),e(),t(277,"td")(278,"code"),n(279,"string | TemplateRef<void>"),e()(),t(280,"td"),n(281,"-"),e(),t(282,"td"),n(283,"-"),e(),i(284,"td"),e(),t(285,"tr")(286,"td")(287,"code"),n(288,"[nzExpandedIcon]"),e()(),t(289,"td"),n(290,"Customize an icon for toggle"),e(),t(291,"td")(292,"code"),n(293,"string | TemplateRef<void>"),e()(),t(294,"td"),n(295,"-"),e(),t(296,"td"),n(297,"-"),e(),i(298,"td"),e(),t(299,"tr")(300,"td")(301,"code"),n(302,"[nzExtra]"),e()(),t(303,"td"),n(304,"Extra element in the corner"),e(),t(305,"td")(306,"code"),n(307,"string | TemplateRef<void>"),e()(),t(308,"td"),n(309,"-"),e(),t(310,"td"),n(311,"-"),e(),i(312,"td"),e(),t(313,"tr")(314,"td")(315,"code"),n(316,"[nzShowArrow]"),e()(),t(317,"td"),n(318,"Display arrow or not"),e(),t(319,"td")(320,"code"),n(321,"boolean"),e()(),t(322,"td")(323,"code"),n(324,"true"),e()(),t(325,"td"),n(326,"\u2705"),e(),i(327,"td"),e(),t(328,"tr")(329,"td")(330,"code"),n(331,"[nzActive]"),e()(),t(332,"td"),n(333,"Active status of panel, double binding"),e(),t(334,"td")(335,"code"),n(336,"boolean"),e()(),t(337,"td"),n(338,"-"),e(),t(339,"td"),n(340,"-"),e(),i(341,"td"),e(),t(342,"tr")(343,"td")(344,"code"),n(345,"[nzCollapsible]"),e()(),t(346,"td"),n(347,"Set collapsible trigger area"),e(),t(348,"td")(349,"code"),n(350,"'header' | 'icon' | 'disabled'"),e()(),t(351,"td"),n(352,"-"),e(),t(353,"td"),n(354,"-"),e(),t(355,"td"),n(356,"20.2.0"),e()(),t(357,"tr")(358,"td")(359,"code"),n(360,"(nzActiveChange)"),e()(),t(361,"td"),n(362,"Callback function of the active status"),e(),t(363,"td")(364,"code"),n(365,"EventEmitter<boolean>"),e()(),t(366,"td"),n(367,"-"),e(),t(368,"td"),n(369,"-"),e(),i(370,"td"),e()()(),a(),e()()),r&2&&(o(),l("nzOffsetTop",16),o(),l("nzAffix",!1),o(42),l("nzGutter",8),o(),l("nzSpan",24),o(),l("nzIframe",!1)("nzIframeHeight",null),o(5),l("nzIframe",!1)("nzIframeHeight",null),o(5),l("nzIframe",!1)("nzIframeHeight",null),o(17),l("nzIframe",!1)("nzIframeHeight",null),o(10),l("nzIframe",!1)("nzIframeHeight",null),o(5),l("nzIframe",!1)("nzIframeHeight",null),o(5),l("nzIframe",!1)("nzIframeHeight",null),o(11),l("nzIframe",!1)("nzIframeHeight",null),o(8),l("nzIframe",!1)("nzIframeHeight",null),o(5),l("nzIframe",!1)("nzIframeHeight",null))},dependencies:[D,z,T,y,H,b,k,w,v,u,N,I,B,G,_,A,R,O,L,V,Z,M],encapsulation:2})};export{S as default};