chunk-N74G3B3P.js

import{a as N,b as Ke,c as qe,d as _,e as Je,f as C}from"./chunk-JFWAWJQZ.js";import{d as je,l as fe,m as we,n as De}from"./chunk-MQ6HWH65.js";import"./chunk-OSRM2LOJ.js";import{a as Xe,b as Qe,c as Ye}from"./chunk-LT5CRFUS.js";import{d as Ge,e as Ze,f as Ue}from"./chunk-JKROHVJL.js";import"./chunk-2MWXDB2B.js";import{a as Le,b as Ve,c as We}from"./chunk-TOQK3HAA.js";import{a as W,b as G,c as Se,d as xe,e as Z}from"./chunk-VG3HH7LJ.js";import{a as $e,b as et}from"./chunk-44OZ4XVX.js";import{g as Pe,h as He}from"./chunk-YFUEY227.js";import"./chunk-XRZD46X6.js";import"./chunk-VED23IKS.js";import"./chunk-7IR2ER4N.js";import{a as ze,b as Ee}from"./chunk-QEKBGSGF.js";import"./chunk-RJ5JWWBU.js";import{a as Me,f as O,h as Oe,k as P}from"./chunk-GDHEBRUM.js";import"./chunk-O5GFCFR7.js";import{a as g,b as v,d as D}from"./chunk-56XIMETV.js";import{a as b}from"./chunk-MM6PISML.js";import{g as Ae,h as Ie,i as Re}from"./chunk-AMB2SXIB.js";import{a as I,g as ce,h as se,j as pe}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as ae,Hc as re,Jc as y,Kc as A,Nc as ue,gc as de,mc as Ne,qc as ne,uc as ie}from"./chunk-O3IWK6WU.js";import{Aa as p,Ac as L,Bc as V,Fc as B,Gc as t,Hc as ye,Ib as x,Ic as Te,Lc as $,Mc as ee,Nc as te,Ob as z,Sc as Fe,Tc as ke,Vb as a,ad as F,hc as n,ic as e,jc as i,kc as T,lc as k,na as Be,nc as w,qc as c,rb as o,sc as h,xa as E,xb as ve,ya as S,za as s,zc as H}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";function it(l,u){l&1&&(T(0),n(1,"p"),t(2,"Some contents..."),e(),n(3,"p"),t(4,"Some contents..."),e(),n(5,"p"),t(6,"Some contents..."),e(),k())}var U=class l{visible=!1;open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-basic-right"]],decls:4,vars:2,consts:[["nz-button","","nzType","primary",3,"click"],["nzPlacement","right","nzTitle","Basic Drawer",3,"nzOnClose","nzClosable","nzVisible"],[4,"nzDrawerContent"]],template:function(r,m){r&1&&(n(0,"button",0),c("click",function(){return m.open()}),t(1,"Open"),e(),n(2,"nz-drawer",1),c("nzOnClose",function(){return m.close()}),z(3,it,7,0,"ng-container",2),e()),r&2&&(o(2),a("nzClosable",!1)("nzVisible",m.visible))},dependencies:[D,v,g,b,C,_,N],encapsulation:2})};var rt=()=>({overflow:"auto"}),lt=()=>({minRows:4,maxRows:4});function mt(l,u){l&1&&(n(0,"form",4)(1,"div",5)(2,"div",6)(3,"nz-form-item")(4,"nz-form-label"),t(5,"Name"),e(),n(6,"nz-form-control"),i(7,"input",7),e()()(),n(8,"div",6)(9,"nz-form-item")(10,"nz-form-label"),t(11,"Url"),e(),n(12,"nz-form-control")(13,"nz-input-group",8),i(14,"input",9),e()()()()(),n(15,"div",5)(16,"div",6)(17,"nz-form-item")(18,"nz-form-label"),t(19,"Owner"),e(),n(20,"nz-form-control"),i(21,"nz-select",10),e()()(),n(22,"div",6)(23,"nz-form-item")(24,"nz-form-label"),t(25,"Type"),e(),n(26,"nz-form-control"),i(27,"nz-select",11),e()()()(),n(28,"div",5)(29,"div",6)(30,"nz-form-item")(31,"nz-form-label"),t(32,"Approver"),e(),n(33,"nz-form-control"),i(34,"nz-select",12),e()()(),n(35,"div",6)(36,"nz-form-item")(37,"nz-form-label"),t(38,"DateTime"),e(),n(39,"nz-form-control"),i(40,"nz-range-picker"),e()()()(),n(41,"div",5)(42,"div",13)(43,"nz-form-item")(44,"nz-form-label"),t(45,"Description"),e(),n(46,"nz-form-control"),i(47,"textarea",14),e()()()()()),l&2&&(o(),a("nzGutter",8),o(14),a("nzGutter",8),o(13),a("nzGutter",8),o(13),a("nzGutter",8),o(6),a("nzAutosize",Fe(5,lt)))}function ot(l,u){if(l&1){let r=w();n(0,"div",15)(1,"button",16),c("click",function(){s(r);let d=h();return p(d.close())}),t(2,"Cancel"),e(),n(3,"button",1),c("click",function(){s(r);let d=h();return p(d.close())}),t(4,"Submit"),e()()}}var X=class l{visible=!1;open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-from-drawer"]],decls:6,vars:6,consts:[["footerTpl",""],["nz-button","","nzType","primary",3,"click"],["nzTitle","Create",3,"nzOnClose","nzBodyStyle","nzMaskClosable","nzWidth","nzVisible","nzFooter"],["nz-form","",4,"nzDrawerContent"],["nz-form",""],["nz-row","",3,"nzGutter"],["nz-col","","nzSpan","12"],["nz-input","","placeholder","please enter user name"],["nzAddOnBefore","http://","nzAddOnAfter",".com"],["type","text","nz-input","","placeholder","please enter url"],["nzPlaceHolder","Please select an owner"],["nzPlaceHolder","Please choose the type"],["nzPlaceHolder","Please choose the approver"],["nz-col","","nzSpan","24"],["nz-input","","placeholder","please enter url description",3,"nzAutosize"],[2,"float","right"],["nz-button","",2,"margin-right","8px",3,"click"]],template:function(r,m){if(r&1){let d=w();n(0,"button",1),c("click",function(){return s(d),p(m.open())}),t(1,"Create"),e(),n(2,"nz-drawer",2),c("nzOnClose",function(){return s(d),p(m.close())}),z(3,mt,48,6,"form",3)(4,ot,5,0,"ng-template",null,0,F),e()}if(r&2){let d=B(5);o(2),a("nzBodyStyle",Fe(5,rt))("nzMaskClosable",!1)("nzWidth",720)("nzVisible",m.visible)("nzFooter",d)}},dependencies:[D,v,g,b,C,_,N,Ue,Ge,Ze,Z,A,y,G,W,xe,Se,P,O,Oe,Me,He,Pe],encapsulation:2})};function dt(l,u){if(l&1){let r=w();n(0,"form",6)(1,"div",7)(2,"div",8)(3,"nz-form-item")(4,"nz-form-label"),t(5,"Name"),e(),n(6,"nz-form-control"),i(7,"input",9),e()()()(),n(8,"div",7)(9,"div",8)(10,"nz-form-item")(11,"nz-form-label"),t(12,"Food"),e(),n(13,"nz-form-control")(14,"nz-tag"),t(15,"potato"),e(),n(16,"nz-tag"),t(17,"eggplant"),e(),n(18,"nz-tag",10),c("click",function(){s(r);let d=h();return p(d.openChildren())}),t(19,"+"),e()()()()()()}}function ut(l,u){if(l&1&&i(0,"nz-list-item",12),l&2){let r=u.$implicit;a("nzContent",r)}}function ct(l,u){if(l&1&&(n(0,"nz-list",11),z(1,ut,1,1,"ng-template",null,0,F),e()),l&2){let r=B(2),m=h();a("nzDataSource",m.vegetables)("nzRenderItem",r)}}var Q=class l{visible=!1;childrenVisible=!1;vegetables=["asparagus","bamboo","potato","carrot","cilantro","potato","eggplant"];open(){this.visible=!0}close(){this.visible=!1}openChildren(){this.childrenVisible=!0}closeChildren(){this.childrenVisible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-multi-level-drawer"]],decls:6,vars:6,consts:[["item",""],["nz-button","","nzType","primary",3,"click"],["nzTitle","Cookbook",3,"nzOnClose","nzClosable","nzOffsetX","nzWidth","nzVisible"],["nz-form","",4,"nzDrawerContent"],["nzTitle","Food",3,"nzOnClose","nzClosable","nzVisible"],[3,"nzDataSource","nzRenderItem",4,"nzDrawerContent"],["nz-form",""],["nz-row",""],["nz-col","","nzSpan","24"],["nz-input","","placeholder","please enter cookbook name"],[3,"click"],[3,"nzDataSource","nzRenderItem"],[3,"nzContent"]],template:function(r,m){r&1&&(n(0,"button",1),c("click",function(){return m.open()}),t(1,"New Cookbook"),e(),n(2,"nz-drawer",2),c("nzOnClose",function(){return m.close()}),z(3,dt,20,0,"form",3),n(4,"nz-drawer",4),c("nzOnClose",function(){return m.closeChildren()}),z(5,ct,3,2,"nz-list",5),e()()),r&2&&(o(2),a("nzClosable",!1)("nzOffsetX",m.childrenVisible?180:0)("nzWidth",320)("nzVisible",m.visible),o(2),a("nzClosable",!1)("nzVisible",m.childrenVisible))},dependencies:[D,v,g,b,C,_,N,Z,A,y,G,W,xe,Se,P,O,De,fe,we,et,$e],encapsulation:2})};function pt(l,u){l&1&&(T(0),n(1,"p"),t(2,"Some contents..."),e(),n(3,"p"),t(4,"Some contents..."),e(),n(5,"p"),t(6,"Some contents..."),e(),k())}var Y=class l{visible=!1;placement="left";open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-placement"]],decls:13,vars:4,consts:[[3,"ngModelChange","ngModel"],["nz-radio","","nzValue","top"],["nz-radio","","nzValue","right"],["nz-radio","","nzValue","bottom"],["nz-radio","","nzValue","left"],["nz-button","","nzType","primary",3,"click"],["nzTitle","Basic Drawer",3,"nzOnClose","nzClosable","nzVisible","nzPlacement"],[4,"nzDrawerContent"]],template:function(r,m){r&1&&(n(0,"nz-radio-group",0),te("ngModelChange",function(f){return ee(m.placement,f)||(m.placement=f),f}),n(1,"label",1),t(2,"top"),e(),n(3,"label",2),t(4,"right"),e(),n(5,"label",3),t(6,"bottom"),e(),n(7,"label",4),t(8,"left"),e()(),n(9,"button",5),c("click",function(){return m.open()}),t(10,"Open"),e(),n(11,"nz-drawer",6),c("nzOnClose",function(){return m.close()}),z(12,pt,7,0,"ng-container",7),e()),r&2&&($("ngModel",m.placement),o(11),a("nzClosable",!1)("nzVisible",m.visible)("nzPlacement",m.placement))},dependencies:[re,ne,ie,D,v,g,b,C,_,N,We,Ve,Le],encapsulation:2})};var Et=["drawerTemplate"];function St(l,u){if(l&1){let r=w();t(0),i(1,"br")(2,"br"),n(3,"button",3),c("click",function(){let d=s(r).drawerRef;return p(d.close())}),t(4,"close"),e()}if(l&2){let r=u.$implicit;Te(" value: ",r==null?null:r.value," ")}}var K=class l{constructor(u){this.drawerService=u}drawerTemplate;value="ng";openTemplate(){let u=this.drawerService.create({nzTitle:"Template",nzFooter:"Footer",nzExtra:"Extra",nzContent:this.drawerTemplate,nzContentParams:{value:this.value}});u.afterOpen.subscribe(()=>{console.log("Drawer(Template) open")}),u.afterClose.subscribe(()=>{console.log("Drawer(Template) close")})}openComponent(){let u=this.drawerService.create({nzTitle:"Component",nzFooter:"Footer",nzExtra:"Extra",nzContent:_e,nzContentParams:{value:this.value},nzData:{value:"Ng Zorro"}});u.afterOpen.subscribe(()=>{console.log("Drawer(Component) open")}),u.afterClose.subscribe(r=>{console.log(r),typeof r=="string"&&(this.value=r)})}static \u0275fac=function(r){return new(r||l)(ve(Je))};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-service"]],viewQuery:function(r,m){if(r&1&&H(Et,5),r&2){let d;L(d=V())&&(m.drawerTemplate=d.first)}},decls:10,vars:1,consts:[["drawerTemplate",""],["nz-form",""],["nz-input","",3,"ngModelChange","ngModel"],["nz-button","","nzType","primary",3,"click"]],template:function(r,m){if(r&1){let d=w();z(0,St,5,1,"ng-template",null,0,F),n(2,"div",1)(3,"nz-form-item")(4,"input",2),te("ngModelChange",function(be){return s(d),ee(m.value,be)||(m.value=be),p(be)}),e()()(),n(5,"button",3),c("click",function(){return s(d),p(m.openTemplate())}),t(6,"Use Template"),e(),t(7," \xA0 "),n(8,"button",3),c("click",function(){return s(d),p(m.openComponent())}),t(9,"Use Component"),e()}r&2&&(o(4),$("ngModel",m.value))},dependencies:[re,Ne,ne,ie,D,v,g,b,C,Z,y,G,W,P,O],encapsulation:2})},_e=class l{constructor(u){this.drawerRef=u}nzData=Be(Ke);close(){this.drawerRef.close(this.nzData)}static \u0275fac=function(r){return new(r||l)(ve(qe))};static \u0275cmp=x({type:l,selectors:[["nz-drawer-custom-component"]],decls:5,vars:1,consts:[["nz-input","",3,"ngModelChange","ngModel"],["nzType","primary","nz-button","",3,"click"]],template:function(r,m){r&1&&(n(0,"div")(1,"input",0),te("ngModelChange",function(f){return ee(m.nzData.value,f)||(m.nzData.value=f),f}),e(),i(2,"nz-divider"),n(3,"button",1),c("click",function(){return m.close()}),t(4,"Confirm"),e()()),r&2&&(o(),$("ngModel",m.nzData.value))},dependencies:[re,Ne,ne,ie,D,v,g,b,Ee,ze,P,O],encapsulation:2})};function xt(l,u){if(l&1){let r=w();n(0,"button",4),c("click",function(){s(r);let d=h();return p(d.showDefault())}),t(1,"Open Default Size (378px)"),e()}}function ft(l,u){if(l&1){let r=w();n(0,"button",4),c("click",function(){s(r);let d=h();return p(d.showLarge())}),t(1,"Open Large Size (736px)"),e()}}function wt(l,u){l&1&&(T(0),n(1,"p"),t(2,"Some contents..."),e(),n(3,"p"),t(4,"Some contents..."),e(),n(5,"p"),t(6,"Some contents..."),e(),k())}function Dt(l,u){if(l&1){let r=w();n(0,"button",5),c("click",function(){s(r);let d=h();return p(d.close())}),t(1,"Cancel"),e(),t(2," \xA0 "),n(3,"button",4),c("click",function(){s(r);let d=h();return p(d.close())}),t(4,"OK"),e()}}var q=class l{visible=!1;size="default";get title(){return`${this.size} Drawer`}showDefault(){this.size="default",this.open()}showLarge(){this.size="large",this.open()}open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-size"]],decls:7,vars:4,consts:[["extra",""],["nz-button","","nzType","primary",3,"click",4,"nzSpaceItem"],["nzPlacement","right",3,"nzOnClose","nzSize","nzVisible","nzTitle","nzExtra"],[4,"nzDrawerContent"],["nz-button","","nzType","primary",3,"click"],["nz-button","","nzType","default",3,"click"]],template:function(r,m){if(r&1){let d=w();n(0,"nz-space"),z(1,xt,2,0,"button",1)(2,ft,2,0,"button",1),e(),n(3,"nz-drawer",2),c("nzOnClose",function(){return s(d),p(m.close())}),z(4,wt,7,0,"ng-container",3),e(),z(5,Dt,5,0,"ng-template",null,0,F)}if(r&2){let d=B(6);o(3),a("nzSize",m.size)("nzVisible",m.visible)("nzTitle",m.title)("nzExtra",d)}},dependencies:[D,v,g,b,C,_,N,Re,Ie,Ae],encapsulation:2})};var ht=l=>[l];function Ct(l,u){if(l&1){let r=w();n(0,"a",8),c("click",function(){s(r);let d=h(2);return p(d.open())}),t(1,"View Profile"),e()}}function gt(l,u){if(l&1&&(n(0,"a",9),t(1),e()),l&2){let r=h().$implicit;o(),ye(r.name)}}function bt(l,u){if(l&1&&(n(0,"nz-list-item",6),z(1,Ct,2,0,"ng-template",null,1,F),n(3,"nz-list-item-meta",7),z(4,gt,2,1,"ng-template",null,2,F),e()()),l&2){let r=B(2),m=B(5);a("nzActions",ke(2,ht,r)),o(3),a("nzTitle",m)}}function vt(l,u){l&1&&(T(0),n(1,"p",10),t(2,"User Profile"),e(),n(3,"nz-descriptions",11)(4,"nz-descriptions-item",12),t(5,"Lily"),e(),n(6,"nz-descriptions-item",13),t(7,"AntDesign@example.com"),e(),n(8,"nz-descriptions-item",14),t(9,"HangZhou"),e(),n(10,"nz-descriptions-item",15),t(11,"China\u{1F1E8}\u{1F1F3}"),e(),n(12,"nz-descriptions-item",16),t(13,"February 2,1900"),e(),n(14,"nz-descriptions-item",17),t(15,"-"),e(),n(16,"nz-descriptions-item",18),t(17," Make things as simple as possible but no simpler. "),e()(),i(18,"nz-divider"),n(19,"nz-descriptions",19)(20,"nz-descriptions-item",20),t(21,"Programmer"),e(),n(22,"nz-descriptions-item",21),t(23,"Coding"),e(),n(24,"nz-descriptions-item",22),t(25,"AFX"),e(),n(26,"nz-descriptions-item",23),t(27,"Lin"),e(),n(28,"nz-descriptions-item",24),t(29," C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc. "),e()(),i(30,"nz-divider"),n(31,"nz-descriptions",25)(32,"nz-descriptions-item",26),t(33,"AntDesign@example.com"),e(),n(34,"nz-descriptions-item",27),t(35,"+86 181 0000 0000"),e(),n(36,"nz-descriptions-item",28)(37,"a",29),t(38,"github.com/NG-ZORRO/ng-zorro-antd"),e()()(),k()),l&2&&(o(3),a("nzColumn",2),o(),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",2),o(3),a("nzColumn",2),o(),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",2),o(3),a("nzColumn",2),o(),a("nzSpan",1),o(2),a("nzSpan",1),o(2),a("nzSpan",2))}var J=class l{data=[{name:"Lily"},{name:"Lily"}];visible=!1;open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer-user-profile"]],decls:5,vars:6,consts:[["item",""],["viewAction",""],["nzTitle",""],[3,"nzDataSource","nzRenderItem","nzItemLayout"],[3,"nzOnClose","nzVisible","nzWidth","nzClosable"],[4,"nzDrawerContent"],[3,"nzActions"],["nzAvatar","https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png","nzDescription","Progresser AFX",3,"nzTitle"],[3,"click"],["href","https://ng.ant.design"],[1,"title"],["nzTitle","Personal",3,"nzColumn"],["nzTitle","Full Name",3,"nzSpan"],["nzTitle","Account",3,"nzSpan"],["nzTitle","City",3,"nzSpan"],["nzTitle","Country",3,"nzSpan"],["nzTitle","Birthday",3,"nzSpan"],["nzTitle","Website",3,"nzSpan"],["nzTitle","Message",3,"nzSpan"],["nzTitle","Company",3,"nzColumn"],["nzTitle","Position",3,"nzSpan"],["nzTitle","Responsibilities",3,"nzSpan"],["nzTitle","Department",3,"nzSpan"],["nzTitle","Supervisor",3,"nzSpan"],["nzTitle","Skills",3,"nzSpan"],["nzTitle","Contacts",3,"nzColumn"],["nzTitle","Email",3,"nzSpan"],["nzTitle","Phone Number",3,"nzSpan"],["nzTitle","Github",3,"nzSpan"],["href","https://github.com/NG-ZORRO/ng-zorro-antd","target","_blank"]],template:function(r,m){if(r&1){let d=w();n(0,"nz-list",3),z(1,bt,6,4,"ng-template",null,0,F),e(),n(3,"nz-drawer",4),c("nzOnClose",function(){return s(d),p(m.close())}),z(4,vt,39,18,"ng-container",5),e()}if(r&2){let d=B(2);a("nzDataSource",m.data)("nzRenderItem",d)("nzItemLayout","horizontal"),o(3),a("nzVisible",m.visible)("nzWidth",640)("nzClosable",!1)}},dependencies:[D,Ye,Qe,Xe,Ee,ze,C,_,N,De,fe,we,je],styles:[".title[_ngcontent-%COMP%]{font-size:16px;color:#000000d9;line-height:24px;display:block;margin-bottom:24px}"]})};var Ce=class l{expanded=!1;codeBoxes;goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer"]],viewQuery:function(r,m){if(r&1&&H(I,5),r&2){let d;L(d=V())&&(m.codeBoxes=d)}},decls:995,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-drawer-demo-basic-right","nzTitle","\u57FA\u7840\u62BD\u5C49"],["nzHref","#components-drawer-demo-placement","nzTitle","\u81EA\u5B9A\u4E49\u4F4D\u7F6E"],["nzHref","#components-drawer-demo-from-drawer","nzTitle","\u5BF9\u8C61\u7F16\u8F91"],["nzHref","#components-drawer-demo-user-profile","nzTitle","\u4FE1\u606F\u9884\u89C8\u62BD\u5C49"],["nzHref","#components-drawer-demo-multi-level-drawer","nzTitle","\u591A\u5C42\u62BD\u5C49"],["nzHref","#components-drawer-demo-service","nzTitle","\u670D\u52A1\u65B9\u5F0F\u521B\u5EFA"],["nzHref","#components-drawer-demo-size","nzTitle","\u9884\u8BBE\u5BBD\u5EA6"],["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/drawer/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u7840\u62BD\u5C49","nzSelector","nz-demo-drawer-basic-right","nzGenerateCommand","ng g ng-zorro-antd:drawer-basic-right <name>","nzComponentName","NzDemoDrawerBasicRightComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5BF9\u8C61\u7F16\u8F91","nzSelector","nz-demo-drawer-from-drawer","nzGenerateCommand","ng g ng-zorro-antd:drawer-from-drawer <name>","nzComponentName","NzDemoDrawerFromDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u591A\u5C42\u62BD\u5C49","nzSelector","nz-demo-drawer-multi-level-drawer","nzGenerateCommand","ng g ng-zorro-antd:drawer-multi-level-drawer <name>","nzComponentName","NzDemoDrawerMultiLevelDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9884\u8BBE\u5BBD\u5EA6","nzSelector","nz-demo-drawer-size","nzGenerateCommand","ng g ng-zorro-antd:drawer-size <name>","nzComponentName","NzDemoDrawerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u4F4D\u7F6E","nzSelector","nz-demo-drawer-placement","nzGenerateCommand","ng g ng-zorro-antd:drawer-placement <name>","nzComponentName","NzDemoDrawerPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4FE1\u606F\u9884\u89C8\u62BD\u5C49","nzSelector","nz-demo-drawer-user-profile","nzGenerateCommand","ng g ng-zorro-antd:drawer-user-profile <name>","nzComponentName","NzDemoDrawerUserProfileComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u670D\u52A1\u65B9\u5F0F\u521B\u5EFA","nzSelector","nz-demo-drawer-service","nzGenerateCommand","ng g ng-zorro-antd:drawer-service <name>","nzComponentName","NzDemoDrawerServiceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-drawer"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-drawer'",1,"anchor"],["id","nzdrawerservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzdrawerservice'",1,"anchor"],["id","nzdraweroptions"],["onclick","window.location.hash = 'nzdraweroptions'",1,"anchor"],["id","nzdrawerref"],["onclick","window.location.hash = 'nzdrawerref'",1,"anchor"],["id","\u65B9\u6CD5"],["onclick","window.location.hash = '\u65B9\u6CD5'",1,"anchor"],["id","\u5C5E\u6027"],["onclick","window.location.hash = '\u5C5E\u6027'",1,"anchor"]],template:function(r,m){r&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),c("nzClick",function(f){return m.goLink(f)}),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),e()(),n(11,"section",10)(12,"h1"),t(13,"Drawer"),n(14,"span",11),t(15,"\u62BD\u5C49"),e(),i(16,"span",12),n(17,"a",13),i(18,"nz-icon",14),e()(),n(19,"section",10),S(),n(20,"p"),t(21,"\u62BD\u5C49\u4ECE\u7236\u7A97\u4F53\u8FB9\u7F18\u6ED1\u5165\uFF0C\u8986\u76D6\u4F4F\u90E8\u5206\u7236\u7A97\u4F53\u5185\u5BB9\u3002\u7528\u6237\u5728\u62BD\u5C49\u5185\u64CD\u4F5C\u65F6\u4E0D\u5FC5\u79BB\u5F00\u5F53\u524D\u4EFB\u52A1\uFF0C\u64CD\u4F5C\u5B8C\u6210\u540E\uFF0C\u53EF\u4EE5\u5E73\u6ED1\u5730\u56DE\u5230\u5230\u539F\u4EFB\u52A1\u3002"),e(),n(22,"h2",15)(23,"span"),t(24,"\u4F55\u65F6\u4F7F\u7528"),e(),n(25,"a",16),t(26,"#"),e()(),n(27,"ul")(28,"li"),t(29,"\u5F53\u9700\u8981\u4E00\u4E2A\u9644\u52A0\u7684\u9762\u677F\u6765\u63A7\u5236\u7236\u7A97\u4F53\u5185\u5BB9\uFF0C\u8FD9\u4E2A\u9762\u677F\u5728\u9700\u8981\u65F6\u547C\u51FA\u3002\u6BD4\u5982\uFF0C\u63A7\u5236\u754C\u9762\u5C55\u793A\u6837\u5F0F\uFF0C\u5F80\u754C\u9762\u4E2D\u6DFB\u52A0\u5185\u5BB9\u3002"),e(),n(30,"li"),t(31,"\u5F53\u9700\u8981\u5728\u5F53\u524D\u4EFB\u52A1\u6D41\u4E2D\u63D2\u5165\u4E34\u65F6\u4EFB\u52A1\uFF0C\u521B\u5EFA\u6216\u9884\u89C8\u9644\u52A0\u5185\u5BB9\u3002\u6BD4\u5982\u5C55\u793A\u534F\u8BAE\u6761\u6B3E\uFF0C\u521B\u5EFA\u5B50\u5BF9\u8C61\u3002"),e()(),n(32,"pre")(33,"code",17)(34,"span",18),t(35,"import"),e(),t(36," "),n(37,"span",19),t(38,"{"),e(),t(39," NzDrawerModule "),n(40,"span",19),t(41,"}"),e(),t(42," "),n(43,"span",18),t(44,"from"),e(),t(45," "),n(46,"span",20),t(47,"'ng-zorro-antd/drawer'"),e(),n(48,"span",19),t(49,";"),e(),t(50,`
`),e()(),E(),e(),n(51,"h2")(52,"span"),t(53,"\u4EE3\u7801\u6F14\u793A"),e(),n(54,"nz-icon",21),c("click",function(){return m.expandAllCode()}),e()()(),n(55,"div",22)(56,"div",23)(57,"nz-code-box",24),i(58,"nz-demo-drawer-basic-right",25),n(59,"div",26),S(),n(60,"p"),t(61,"\u57FA\u7840\u62BD\u5C49\uFF0C\u70B9\u51FB\u89E6\u53D1\u6309\u94AE\u62BD\u5C49\u4ECE\u53F3\u6ED1\u51FA\uFF0C\u70B9\u51FB\u906E\u7F69\u533A\u5173\u95ED"),e(),E(),e()(),n(62,"nz-code-box",27),i(63,"nz-demo-drawer-from-drawer",25),n(64,"div",26),S(),n(65,"p"),t(66,"\u7528\u4E8E\u627F\u8F7D\u7F16\u8F91\u76F8\u5173\u64CD\u4F5C\uFF0C\u9700\u8981\u70B9\u51FB\u5173\u95ED\u6309\u94AE\u5173\u95ED\u3002"),e(),E(),e()(),n(67,"nz-code-box",28),i(68,"nz-demo-drawer-multi-level-drawer",25),n(69,"div",26),S(),n(70,"p"),t(71,"\u5728\u62BD\u5C49\u5185\u6253\u5F00\u65B0\u7684\u62BD\u5C49\uFF0C\u7528\u4EE5\u89E3\u51B3\u591A\u5206\u652F\u4EFB\u52A1\u7684\u590D\u6742\u72B6\u51B5\u3002"),e(),E(),e()(),n(72,"nz-code-box",29),i(73,"nz-demo-drawer-size",25),n(74,"div",26),S(),n(75,"p"),t(76,"\u62BD\u5C49\u7684\u9ED8\u8BA4\u5BBD\u5EA6\u4E3A "),n(77,"code"),t(78,"378px"),e(),t(79,"\uFF0C\u53E6\u5916\u8FD8\u63D0\u4F9B\u4E00\u4E2A\u5927\u53F7\u62BD\u5C49 "),n(80,"code"),t(81,"736px"),e(),t(82,"\uFF0C\u53EF\u4EE5\u7528 "),n(83,"code"),t(84,"size"),e(),t(85," \u5C5E\u6027\u6765\u8BBE\u7F6E\u3002"),e(),E(),e()()(),n(86,"div",23)(87,"nz-code-box",30),i(88,"nz-demo-drawer-placement",25),n(89,"div",26),S(),n(90,"p"),t(91,"\u81EA\u5B9A\u4E49\u4F4D\u7F6E\uFF0C\u70B9\u51FB\u89E6\u53D1\u6309\u94AE\u62BD\u5C49\u4ECE\u76F8\u5E94\u7684\u4F4D\u7F6E\u6ED1\u51FA\uFF0C\u70B9\u51FB\u906E\u7F69\u533A\u5173\u95ED"),e(),E(),e()(),n(92,"nz-code-box",31),i(93,"nz-demo-drawer-user-profile",25),n(94,"div",26),S(),n(95,"p"),t(96,"\u9700\u8981\u5FEB\u901F\u9884\u89C8\u5BF9\u8C61\u6982\u8981\u65F6\u4F7F\u7528\uFF0C\u70B9\u51FB\u906E\u7F69\u533A\u5173\u95ED\u3002"),e(),E(),e()(),n(97,"nz-code-box",32),i(98,"nz-demo-drawer-service",25),n(99,"div",26),S(),n(100,"p"),t(101,"Drawer \u7684 service \u7528\u6CD5\uFF0C\u793A\u4F8B\u4E2D\u6F14\u793A\u4E86\u7528\u6237\u81EA\u5B9A\u4E49\u6A21\u677F\u3001\u81EA\u5B9A\u4E49component\u3002"),e(),E(),e()()()(),n(102,"section",33),S(),n(103,"h2",34)(104,"span"),t(105,"API"),e(),n(106,"a",35),t(107,"#"),e()(),n(108,"h3",36)(109,"span"),t(110,"nz-drawer"),e(),n(111,"label",37),t(112,"component"),e(),n(113,"a",38),t(114,"#"),e()(),n(115,"table")(116,"thead")(117,"tr")(118,"th"),t(119,"\u53C2\u6570"),e(),n(120,"th"),t(121,"\u8BF4\u660E"),e(),n(122,"th"),t(123,"\u7C7B\u578B"),e(),n(124,"th"),t(125,"\u9ED8\u8BA4\u503C"),e(),n(126,"th"),t(127,"\u5168\u5C40\u914D\u7F6E"),e()()(),n(128,"tbody")(129,"tr")(130,"td")(131,"code"),t(132,"[nzClosable]"),e()(),n(133,"td"),t(134,"\u662F\u5426\u663E\u793A\u5DE6\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(135,"td")(136,"code"),t(137,"boolean"),e()(),n(138,"td")(139,"code"),t(140,"true"),e()(),i(141,"td"),e(),n(142,"tr")(143,"td")(144,"code"),t(145,"[nzCloseIcon]"),e()(),n(146,"td"),t(147,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(148,"td")(149,"code"),t(150,"string | TemplateRef<void> | null"),e()(),n(151,"td")(152,"code"),t(153,"'close'"),e()(),i(154,"td"),e(),n(155,"tr")(156,"td")(157,"code"),t(158,"[nzExtra]"),e()(),n(159,"td"),t(160,"\u62BD\u5C49\u53F3\u4E0A\u89D2\u7684\u64CD\u4F5C\u533A\u57DF"),e(),n(161,"td")(162,"code"),t(163,"string | TemplateRef<void> | null"),e()(),n(164,"td"),t(165,"-"),e(),i(166,"td"),e(),n(167,"tr")(168,"td")(169,"code"),t(170,"[nzMaskClosable]"),e()(),n(171,"td"),t(172,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(173,"td")(174,"code"),t(175,"boolean"),e()(),n(176,"td")(177,"code"),t(178,"true"),e()(),n(179,"td"),t(180,"\u2705"),e()(),n(181,"tr")(182,"td")(183,"code"),t(184,"[nzMask]"),e()(),n(185,"td"),t(186,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(187,"td")(188,"code"),t(189,"boolean"),e()(),n(190,"td")(191,"code"),t(192,"true"),e()(),n(193,"td"),t(194,"\u2705"),e()(),n(195,"tr")(196,"td")(197,"code"),t(198,"[nzCloseOnNavigation]"),e()(),n(199,"td"),t(200,"\u5F53\u7528\u6237\u5728\u5386\u53F2\u4E2D\u524D\u8FDB/\u540E\u9000\u65F6\u662F\u5426\u5173\u95ED\u62BD\u5C49\u7EC4\u4EF6\u3002\u6CE8\u610F\uFF0C\u8FD9\u901A\u5E38\u4E0D\u5305\u62EC\u70B9\u51FB\u94FE\u63A5\uFF08\u9664\u975E\u7528\u6237\u4F7F\u7528 HashLocationStrategy\uFF09\u3002"),e(),n(201,"td")(202,"code"),t(203,"boolean"),e()(),n(204,"td")(205,"code"),t(206,"true"),e()(),n(207,"td"),t(208,"\u2705"),e()(),n(209,"tr")(210,"td")(211,"code"),t(212,"[nzMaskStyle]"),e()(),n(213,"td"),t(214,"\u906E\u7F69\u6837\u5F0F"),e(),n(215,"td")(216,"code"),t(217,"object"),e()(),n(218,"td")(219,"code"),t(220,"{}"),e()(),i(221,"td"),e(),n(222,"tr")(223,"td")(224,"code"),t(225,"[nzKeyboard]"),e()(),n(226,"td"),t(227,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(228,"td")(229,"code"),t(230,"boolean"),e()(),n(231,"td")(232,"code"),t(233,"true"),e()(),i(234,"td"),e(),n(235,"tr")(236,"td")(237,"code"),t(238,"[nzBodyStyle]"),e()(),n(239,"td"),t(240,"Drawer body \u6837\u5F0F"),e(),n(241,"td")(242,"code"),t(243,"object"),e()(),n(244,"td")(245,"code"),t(246,"{}"),e()(),i(247,"td"),e(),n(248,"tr")(249,"td")(250,"code"),t(251,"[nzTitle]"),e()(),n(252,"td"),t(253,"\u6807\u9898"),e(),n(254,"td")(255,"code"),t(256,"string | TemplateRef<void>"),e()(),n(257,"td"),t(258,"-"),e(),i(259,"td"),e(),n(260,"tr")(261,"td")(262,"code"),t(263,"[nzFooter]"),e()(),n(264,"td"),t(265,"\u62BD\u5C49\u7684\u9875\u811A"),e(),n(266,"td")(267,"code"),t(268,"string | TemplateRef<void>"),e()(),n(269,"td"),t(270,"-"),e(),i(271,"td"),e(),n(272,"tr")(273,"td")(274,"code"),t(275,"[nzVisible]"),e()(),n(276,"td"),t(277,"Drawer \u662F\u5426\u53EF\u89C1\uFF0C\u53EF\u4EE5\u4F7F\u7528 "),n(278,"code"),t(279,"[(nzVisible)]"),e(),t(280," \u53CC\u5411\u7ED1\u5B9A"),e(),n(281,"td")(282,"code"),t(283,"boolean"),e()(),n(284,"td"),t(285,"-"),e(),i(286,"td"),e(),n(287,"tr")(288,"td")(289,"code"),t(290,"[nzPlacement]"),e()(),n(291,"td"),t(292,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(293,"td")(294,"code"),t(295,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(296,"td")(297,"code"),t(298,"'right'"),e()(),i(299,"td"),e(),n(300,"tr")(301,"td")(302,"code"),t(303,"[nzSize]"),e()(),n(304,"td"),t(305,"\u9884\u8BBE\u62BD\u5C49\u5BBD\u5EA6\uFF08\u6216\u9AD8\u5EA6\uFF09\uFF0Cdefault "),n(306,"code"),t(307,"378px"),e(),t(308," \u548C large "),n(309,"code"),t(310,"736px"),e()(),n(311,"td")(312,"code"),t(313,"'default' | 'large'"),e()(),n(314,"td")(315,"code"),t(316,"'default'"),e()(),i(317,"td"),e(),n(318,"tr")(319,"td")(320,"code"),t(321,"[nzWidth]"),e()(),n(322,"td"),t(323,"\u5BBD\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(324,"code"),t(325,"'right'"),e(),t(326,"\u6216"),n(327,"code"),t(328,"'left'"),e(),t(329," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(330,"code"),t(331,"nzSize"),e()(),n(332,"td")(333,"code"),t(334,"number | string"),e()(),n(335,"td"),t(336,"-"),e(),i(337,"td"),e(),n(338,"tr")(339,"td")(340,"code"),t(341,"[nzHeight]"),e()(),n(342,"td"),t(343,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(344,"code"),t(345,"'top'"),e(),t(346,"\u6216"),n(347,"code"),t(348,"'bottom'"),e(),t(349," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(350,"code"),t(351,"nzSize"),e()(),n(352,"td")(353,"code"),t(354,"number | string"),e()(),n(355,"td"),t(356,"-"),e(),i(357,"td"),e(),n(358,"tr")(359,"td")(360,"code"),t(361,"[nzOffsetX]"),e()(),n(362,"td"),t(363,"x \u5750\u6807\u79FB\u91CF(px), \u53EA\u5728\u65B9\u5411\u4E3A "),n(364,"code"),t(365,"'right'"),e(),t(366,"\u6216"),n(367,"code"),t(368,"'left'"),e(),t(369," \u65F6\u751F\u6548"),e(),n(370,"td")(371,"code"),t(372,"number"),e()(),n(373,"td")(374,"code"),t(375,"0"),e()(),i(376,"td"),e(),n(377,"tr")(378,"td")(379,"code"),t(380,"[nzOffsetY]"),e()(),n(381,"td"),t(382,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(383,"code"),t(384,"'top'"),e(),t(385,"\u6216"),n(386,"code"),t(387,"'bottom'"),e(),t(388," \u65F6\u751F\u6548"),e(),n(389,"td")(390,"code"),t(391,"number"),e()(),n(392,"td")(393,"code"),t(394,"0"),e()(),i(395,"td"),e(),n(396,"tr")(397,"td")(398,"code"),t(399,"[nzWrapClassName]"),e()(),n(400,"td"),t(401,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(402,"td")(403,"code"),t(404,"string"),e()(),n(405,"td"),t(406,"-"),e(),i(407,"td"),e(),n(408,"tr")(409,"td")(410,"code"),t(411,"[nzZIndex]"),e()(),n(412,"td"),t(413,"\u8BBE\u7F6E Drawer \u7684 "),n(414,"code"),t(415,"z-index"),e()(),n(416,"td")(417,"code"),t(418,"number"),e()(),n(419,"td")(420,"code"),t(421,"1000"),e()(),i(422,"td"),e(),n(423,"tr")(424,"td")(425,"code"),t(426,"(nzOnClose)"),e()(),n(427,"td"),t(428,"\u70B9\u51FB\u906E\u7F69\u5C42\u6216\u53F3\u4E0A\u89D2\u53C9\u7684\u56DE\u8C03"),e(),n(429,"td")(430,"code"),t(431,"EventEmitter<MouseEvent>"),e()(),n(432,"td"),t(433,"-"),e(),i(434,"td"),e()()(),n(435,"h3",39)(436,"span"),t(437,"NzDrawerService"),e(),n(438,"label",40),t(439,"service"),e(),n(440,"a",41),t(441,"#"),e()(),n(442,"table")(443,"thead")(444,"tr")(445,"th"),t(446,"\u65B9\u6CD5\u540D"),e(),n(447,"th"),t(448,"\u8BF4\u660E"),e(),n(449,"th"),t(450,"\u53C2\u6570"),e(),n(451,"th"),t(452,"\u8FD4\u56DE"),e()()(),n(453,"tbody")(454,"tr")(455,"td"),t(456,"create<T, D, R>"),e(),n(457,"td"),t(458,"\u521B\u5EFA\u5E76\u6253\u5F00\u4E00\u4E2A Drawer"),e(),n(459,"td")(460,"code"),t(461,"NzDrawerOptions<T, D>"),e()(),n(462,"td")(463,"code"),t(464,"NzDrawerRef<T, R>"),e()()()()(),n(465,"h3",42)(466,"span"),t(467,"NzDrawerOptions"),e(),n(468,"a",43),t(469,"#"),e()(),n(470,"table")(471,"thead")(472,"tr")(473,"th"),t(474,"\u53C2\u6570"),e(),n(475,"th"),t(476,"\u8BF4\u660E"),e(),n(477,"th"),t(478,"\u7C7B\u578B"),e(),n(479,"th"),t(480,"\u9ED8\u8BA4\u503C"),e(),n(481,"th"),t(482,"\u5168\u5C40\u914D\u7F6E"),e()()(),n(483,"tbody")(484,"tr")(485,"td"),t(486,"nzContent"),e(),n(487,"td"),t(488,"Drawer body \u7684\u5185\u5BB9"),e(),n(489,"td")(490,"code"),t(491,"TemplateRef<{ $implicit: D, drawerRef: NzDrawerRef }> | Type<T>"),e()(),n(492,"td"),t(493,"-"),e(),i(494,"td"),e(),n(495,"tr")(496,"td"),t(497,"nzContentParams"),e(),n(498,"td"),t(499,"\u5185\u5BB9\u7EC4\u4EF6\u7684\u8F93\u5165\u53C2\u6570 / Template \u7684 context"),e(),n(500,"td")(501,"code"),t(502,"D"),e()(),n(503,"td"),t(504,"-"),e(),i(505,"td"),e(),n(506,"tr")(507,"td"),t(508,"nzOnCancel"),e(),n(509,"td"),t(510,"\u70B9\u51FB\u906E\u7F69\u5C42\u6216\u53F3\u4E0A\u89D2\u53C9\u65F6\u6267\u884C,\u8BE5\u51FD\u6570\u53EF\u8FD4\u56DE promise \u5F85\u6267\u884C\u5B8C\u6BD5\u6216 promise \u7ED3\u675F\u65F6\uFF0C\u5C06\u81EA\u52A8\u5173\u95ED\u5BF9\u8BDD\u6846\uFF08\u8FD4\u56DE false \u53EF\u963B\u6B62\u5173\u95ED\uFF09"),e(),n(511,"td")(512,"code"),t(513,"() => Promise<any>"),e()(),n(514,"td"),t(515,"-"),e(),i(516,"td"),e(),n(517,"tr")(518,"td"),t(519,"nzClosable"),e(),n(520,"td"),t(521,"\u662F\u5426\u663E\u793A\u5DE6\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(522,"td")(523,"code"),t(524,"boolean"),e()(),n(525,"td")(526,"code"),t(527,"true"),e()(),i(528,"td"),e(),n(529,"tr")(530,"td"),t(531,"nzCloseIcon"),e(),n(532,"td"),t(533,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(534,"td")(535,"code"),t(536,"string | TemplateRef<void> | null"),e()(),n(537,"td")(538,"code"),t(539,"'close'"),e()(),i(540,"td"),e(),n(541,"tr")(542,"td"),t(543,"nzExtra"),e(),n(544,"td"),t(545,"\u62BD\u5C49\u53F3\u4E0A\u89D2\u7684\u64CD\u4F5C\u533A\u57DF"),e(),n(546,"td")(547,"code"),t(548,"string | TemplateRef<void> | null"),e()(),n(549,"td"),t(550,"-"),e(),i(551,"td"),e(),n(552,"tr")(553,"td"),t(554,"nzMaskClosable"),e(),n(555,"td"),t(556,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(557,"td")(558,"code"),t(559,"boolean"),e()(),n(560,"td")(561,"code"),t(562,"true"),e()(),n(563,"td"),t(564,"\u2705"),e()(),n(565,"tr")(566,"td"),t(567,"nzMask"),e(),n(568,"td"),t(569,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(570,"td")(571,"code"),t(572,"boolean"),e()(),n(573,"td")(574,"code"),t(575,"true"),e()(),n(576,"td"),t(577,"\u2705"),e()(),n(578,"tr")(579,"td"),t(580,"nzCloseOnNavigation"),e(),n(581,"td"),t(582,"\u5F53\u7528\u6237\u5728\u5386\u53F2\u4E2D\u524D\u8FDB/\u540E\u9000\u65F6\u662F\u5426\u5173\u95ED\u62BD\u5C49\u7EC4\u4EF6\u3002\u6CE8\u610F\uFF0C\u8FD9\u901A\u5E38\u4E0D\u5305\u62EC\u70B9\u51FB\u94FE\u63A5\uFF08\u9664\u975E\u7528\u6237\u4F7F\u7528 HashLocationStrategy\uFF09\u3002"),e(),n(583,"td")(584,"code"),t(585,"boolean"),e()(),n(586,"td")(587,"code"),t(588,"true"),e()(),n(589,"td"),t(590,"\u2705"),e()(),n(591,"tr")(592,"td"),t(593,"nzDirection"),e(),n(594,"td"),t(595,"\u6587\u5B57\u65B9\u5411"),e(),n(596,"td")(597,"code"),t(598,"'ltr' | 'rtl'"),e()(),n(599,"td"),t(600,"-"),e(),n(601,"td"),t(602,"\u2705"),e()(),n(603,"tr")(604,"td"),t(605,"nzKeyboard"),e(),n(606,"td"),t(607,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(608,"td")(609,"code"),t(610,"boolean"),e()(),n(611,"td")(612,"code"),t(613,"true"),e()(),i(614,"td"),e(),n(615,"tr")(616,"td"),t(617,"nzMaskStyle"),e(),n(618,"td"),t(619,"\u906E\u7F69\u6837\u5F0F"),e(),n(620,"td")(621,"code"),t(622,"object"),e()(),n(623,"td")(624,"code"),t(625,"{}"),e()(),i(626,"td"),e(),n(627,"tr")(628,"td"),t(629,"nzBodyStyle"),e(),n(630,"td"),t(631,"Modal body \u6837\u5F0F"),e(),n(632,"td")(633,"code"),t(634,"object"),e()(),n(635,"td")(636,"code"),t(637,"{}"),e()(),i(638,"td"),e(),n(639,"tr")(640,"td"),t(641,"nzTitle"),e(),n(642,"td"),t(643,"\u6807\u9898"),e(),n(644,"td")(645,"code"),t(646,"string | TemplateRef<void>"),e()(),n(647,"td"),t(648,"-"),e(),i(649,"td"),e(),n(650,"tr")(651,"td"),t(652,"nzFooter"),e(),n(653,"td"),t(654,"\u9875\u811A"),e(),n(655,"td")(656,"code"),t(657,"string | TemplateRef<void>"),e()(),n(658,"td"),t(659,"-"),e(),i(660,"td"),e(),n(661,"tr")(662,"td"),t(663,"nzSize"),e(),n(664,"td"),t(665,"\u9884\u8BBE\u62BD\u5C49\u5BBD\u5EA6\uFF08\u6216\u9AD8\u5EA6\uFF09\uFF0Cdefault "),n(666,"code"),t(667,"378px"),e(),t(668," \u548C large "),n(669,"code"),t(670,"736px"),e()(),n(671,"td")(672,"code"),t(673,"'default' | 'large'"),e()(),n(674,"td")(675,"code"),t(676,"'default'"),e()(),i(677,"td"),e(),n(678,"tr")(679,"td"),t(680,"nzWidth"),e(),n(681,"td"),t(682,"\u5BBD\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(683,"code"),t(684,"'right'"),e(),t(685,"\u6216"),n(686,"code"),t(687,"'left'"),e(),t(688," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(689,"code"),t(690,"nzSize"),e()(),n(691,"td")(692,"code"),t(693,"number | string"),e()(),n(694,"td"),t(695,"-"),e(),i(696,"td"),e(),n(697,"tr")(698,"td"),t(699,"nzHeight"),e(),n(700,"td"),t(701,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(702,"code"),t(703,"'top'"),e(),t(704,"\u6216"),n(705,"code"),t(706,"'bottom'"),e(),t(707," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(708,"code"),t(709,"nzSize"),e()(),n(710,"td")(711,"code"),t(712,"number | string"),e()(),n(713,"td"),t(714,"-"),e(),i(715,"td"),e(),n(716,"tr")(717,"td"),t(718,"nzWrapClassName"),e(),n(719,"td"),t(720,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(721,"td")(722,"code"),t(723,"string"),e()(),n(724,"td"),t(725,"-"),e(),i(726,"td"),e(),n(727,"tr")(728,"td"),t(729,"nzZIndex"),e(),n(730,"td"),t(731,"\u8BBE\u7F6E Drawer \u7684 "),n(732,"code"),t(733,"z-index"),e()(),n(734,"td")(735,"code"),t(736,"number"),e()(),n(737,"td")(738,"code"),t(739,"1000"),e()(),i(740,"td"),e(),n(741,"tr")(742,"td"),t(743,"nzPlacement"),e(),n(744,"td"),t(745,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(746,"td")(747,"code"),t(748,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(749,"td")(750,"code"),t(751,"'right'"),e()(),i(752,"td"),e(),n(753,"tr")(754,"td"),t(755,"nzOffsetX"),e(),n(756,"td"),t(757,"x \u5750\u6807\u79FB\u91CF(px)"),e(),n(758,"td")(759,"code"),t(760,"number"),e()(),n(761,"td")(762,"code"),t(763,"0"),e()(),i(764,"td"),e(),n(765,"tr")(766,"td"),t(767,"nzOffsetY"),e(),n(768,"td"),t(769,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(770,"code"),t(771,"'top'"),e(),t(772,"\u6216"),n(773,"code"),t(774,"'bottom'"),e(),t(775," \u65F6\u751F\u6548"),e(),n(776,"td")(777,"code"),t(778,"number"),e()(),n(779,"td")(780,"code"),t(781,"0"),e()(),i(782,"td"),e()()(),n(783,"h3",44)(784,"span"),t(785,"NzDrawerRef"),e(),n(786,"a",45),t(787,"#"),e()(),n(788,"h4",46)(789,"span"),t(790,"\u65B9\u6CD5"),e(),n(791,"a",47),t(792,"#"),e()(),n(793,"table")(794,"thead")(795,"tr")(796,"th"),t(797,"\u540D\u79F0"),e(),n(798,"th"),t(799,"\u8BF4\u660E"),e(),n(800,"th"),t(801,"\u7C7B\u578B"),e()()(),n(802,"tbody")(803,"tr")(804,"td"),t(805,"close"),e(),n(806,"td"),t(807,"\u5173\u95ED Drawer"),e(),n(808,"td")(809,"code"),t(810,"(result?: R) => void"),e()()(),n(811,"tr")(812,"td"),t(813,"open"),e(),n(814,"td"),t(815,"\u6253\u5F00 Drawer"),e(),n(816,"td")(817,"code"),t(818,"() => void"),e()()(),n(819,"tr")(820,"td"),t(821,"getContentComponent"),e(),n(822,"td"),t(823,"\u8FD4\u56DE "),n(824,"code"),t(825,"nzContent"),e(),t(826," \u4E3A\u7EC4\u4EF6\u65F6\u7684\u7EC4\u4EF6\u5B9E\u4F8B"),e(),n(827,"td")(828,"code"),t(829,"() => T | null"),e()()()()(),n(830,"h4",48)(831,"span"),t(832,"\u5C5E\u6027"),e(),n(833,"a",49),t(834,"#"),e()(),n(835,"table")(836,"thead")(837,"tr")(838,"th"),t(839,"\u540D\u79F0"),e(),n(840,"th"),t(841,"\u8BF4\u660E"),e(),n(842,"th"),t(843,"\u7C7B\u578B"),e()()(),n(844,"tbody")(845,"tr")(846,"td"),t(847,"afterOpen"),e(),n(848,"td"),t(849,"\u6253\u5F00\u4E4B\u540E\u7684\u56DE\u8C03"),e(),n(850,"td")(851,"code"),t(852,"Observable<void>"),e()()(),n(853,"tr")(854,"td"),t(855,"afterClose"),e(),n(856,"td"),t(857,"\u5173\u95ED\u4E4B\u540E\u7684\u56DE\u8C03"),e(),n(858,"td")(859,"code"),t(860,"Observable<R>"),e()()(),n(861,"tr")(862,"td"),t(863,"nzClosable"),e(),n(864,"td"),t(865,"\u662F\u5426\u663E\u793A\u53F3\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(866,"td")(867,"code"),t(868,"boolean"),e()()(),n(869,"tr")(870,"td"),t(871,"nzCloseIcon"),e(),n(872,"td"),t(873,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(874,"td")(875,"code"),t(876,"string | TemplateRef<void> | null"),e()()(),n(877,"tr")(878,"td"),t(879,"nzMaskClosable"),e(),n(880,"td"),t(881,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(882,"td")(883,"code"),t(884,"boolean"),e()()(),n(885,"tr")(886,"td"),t(887,"nzMask"),e(),n(888,"td"),t(889,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(890,"td")(891,"code"),t(892,"boolean"),e()()(),n(893,"tr")(894,"td"),t(895,"nzMaskStyle"),e(),n(896,"td"),t(897,"\u906E\u7F69\u6837\u5F0F"),e(),n(898,"td")(899,"code"),t(900,"object"),e()()(),n(901,"tr")(902,"td"),t(903,"nzKeyboard"),e(),n(904,"td"),t(905,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(906,"td")(907,"code"),t(908,"boolean"),e()()(),n(909,"tr")(910,"td"),t(911,"nzBodyStyle"),e(),n(912,"td"),t(913,"Modal body \u6837\u5F0F"),e(),n(914,"td")(915,"code"),t(916,"object"),e()()(),n(917,"tr")(918,"td"),t(919,"nzTitle"),e(),n(920,"td"),t(921,"\u6807\u9898"),e(),n(922,"td")(923,"code"),t(924,"string | TemplateRef<void>"),e()()(),n(925,"tr")(926,"td"),t(927,"nzWidth"),e(),n(928,"td"),t(929,"\u5BBD\u5EA6"),e(),n(930,"td")(931,"code"),t(932,"number | string"),e()()(),n(933,"tr")(934,"td"),t(935,"nzHeight"),e(),n(936,"td"),t(937,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(938,"code"),t(939,"'top'"),e(),t(940,"\u6216"),n(941,"code"),t(942,"'bottom'"),e(),t(943," \u65F6\u751F\u6548"),e(),n(944,"td")(945,"code"),t(946,"number | string"),e()()(),n(947,"tr")(948,"td"),t(949,"nzWrapClassName"),e(),n(950,"td"),t(951,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(952,"td")(953,"code"),t(954,"string"),e()()(),n(955,"tr")(956,"td"),t(957,"nzZIndex"),e(),n(958,"td"),t(959,"\u8BBE\u7F6E Drawer \u7684 "),n(960,"code"),t(961,"z-index"),e()(),n(962,"td")(963,"code"),t(964,"number"),e()()(),n(965,"tr")(966,"td"),t(967,"nzPlacement"),e(),n(968,"td"),t(969,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(970,"td")(971,"code"),t(972,"'top' | 'right' | 'bottom' | 'left'"),e()()(),n(973,"tr")(974,"td"),t(975,"nzOffsetX"),e(),n(976,"td"),t(977,"x \u5750\u6807\u79FB\u91CF(px)"),e(),n(978,"td")(979,"code"),t(980,"number"),e()()(),n(981,"tr")(982,"td"),t(983,"nzOffsetY"),e(),n(984,"td"),t(985,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(986,"code"),t(987,"'top'"),e(),t(988,"\u6216"),n(989,"code"),t(990,"'bottom'"),e(),t(991," \u65F6\u751F\u6548"),e(),n(992,"td")(993,"code"),t(994,"number"),e()()()()(),E(),e()()),r&2&&(o(),a("nzOffsetTop",16),o(),a("nzAffix",!1),o(53),a("nzGutter",16),o(),a("nzXl",12)("nzSpan",24),o(),a("nzId","components-drawer-demo-basic-right")("nzLink","components-drawer-demo-basic-right")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/basic-right.md"),o(5),a("nzId","components-drawer-demo-from-drawer")("nzLink","components-drawer-demo-from-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/from-drawer.md"),o(5),a("nzId","components-drawer-demo-multi-level-drawer")("nzLink","components-drawer-demo-multi-level-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/multi-level-drawer.md"),o(5),a("nzId","components-drawer-demo-size")("nzLink","components-drawer-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/size.md"),o(14),a("nzXl",12)("nzSpan",24),o(),a("nzId","components-drawer-demo-placement")("nzLink","components-drawer-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/placement.md"),o(5),a("nzId","components-drawer-demo-user-profile")("nzLink","components-drawer-demo-user-profile")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/user-profile.md"),o(5),a("nzId","components-drawer-demo-service")("nzLink","components-drawer-demo-service")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/service.md"))},dependencies:[pe,I,ce,se,ue,A,y,de,ae,U,X,Q,Y,K,q,J],encapsulation:2})};var ge=class l{expanded=!1;codeBoxes;goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=x({type:l,selectors:[["nz-demo-drawer"]],viewQuery:function(r,m){if(r&1&&H(I,5),r&2){let d;L(d=V())&&(m.codeBoxes=d)}},decls:1042,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-drawer-demo-basic-right","nzTitle","Basic"],["nzHref","#components-drawer-demo-placement","nzTitle","Custom Placement"],["nzHref","#components-drawer-demo-from-drawer","nzTitle","Edit item in drawer"],["nzHref","#components-drawer-demo-user-profile","nzTitle","Preview drawer"],["nzHref","#components-drawer-demo-multi-level-drawer","nzTitle","Multi-level drawer"],["nzHref","#components-drawer-demo-service","nzTitle","Drawer's service"],["nzHref","#components-drawer-demo-size","nzTitle","Preset size"],["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/drawer/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-drawer-basic-right","nzGenerateCommand","ng g ng-zorro-antd:drawer-basic-right <name>","nzComponentName","NzDemoDrawerBasicRightComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Edit item in drawer","nzSelector","nz-demo-drawer-from-drawer","nzGenerateCommand","ng g ng-zorro-antd:drawer-from-drawer <name>","nzComponentName","NzDemoDrawerFromDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Multi-level drawer","nzSelector","nz-demo-drawer-multi-level-drawer","nzGenerateCommand","ng g ng-zorro-antd:drawer-multi-level-drawer <name>","nzComponentName","NzDemoDrawerMultiLevelDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Preset size","nzSelector","nz-demo-drawer-size","nzGenerateCommand","ng g ng-zorro-antd:drawer-size <name>","nzComponentName","NzDemoDrawerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom Placement","nzSelector","nz-demo-drawer-placement","nzGenerateCommand","ng g ng-zorro-antd:drawer-placement <name>","nzComponentName","NzDemoDrawerPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Preview drawer","nzSelector","nz-demo-drawer-user-profile","nzGenerateCommand","ng g ng-zorro-antd:drawer-user-profile <name>","nzComponentName","NzDemoDrawerUserProfileComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Drawer's service","nzSelector","nz-demo-drawer-service","nzGenerateCommand","ng g ng-zorro-antd:drawer-service <name>","nzComponentName","NzDemoDrawerServiceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-drawer"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-drawer'",1,"anchor"],["id","nzdrawerservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzdrawerservice'",1,"anchor"],["id","nzdraweroptions"],["onclick","window.location.hash = 'nzdraweroptions'",1,"anchor"],["id","nz_drawer_data"],["onclick","window.location.hash = 'nz_drawer_data'",1,"anchor"],["id","nzdrawerref"],["onclick","window.location.hash = 'nzdrawerref'",1,"anchor"],["id","methods"],["onclick","window.location.hash = 'methods'",1,"anchor"],["id","property"],["onclick","window.location.hash = 'property'",1,"anchor"]],template:function(r,m){r&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),c("nzClick",function(f){return m.goLink(f)}),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),e()(),n(11,"section",10)(12,"h1"),t(13,"Drawer"),i(14,"span",11)(15,"span",12),n(16,"a",13),i(17,"nz-icon",14),e()(),n(18,"section",10),S(),n(19,"p"),t(20,`A Drawer is a panel that is typically overlaid on top of a page and slides in from the side. It contains a set of
information or actions. Since that user can interact with the Drawer without leaving the current page, tasks can be
achieved more efficient within the same context.`),e(),n(21,"h2",15)(22,"span"),t(23,"When To Use"),e(),n(24,"a",16),t(25,"#"),e()(),n(26,"ul")(27,"li"),t(28,"Use a Form to create or edit a set of information."),e(),n(29,"li"),t(30,`Processing subtasks. When subtasks are too heavy for Popover and we still want to keep the subtasks in the context of
the main task, Drawer comes very handy.`),e(),n(31,"li"),t(32,"When a same Form is needed in multiple places."),e()(),n(33,"pre")(34,"code",17)(35,"span",18),t(36,"import"),e(),t(37," "),n(38,"span",19),t(39,"{"),e(),t(40," NzDrawerModule "),n(41,"span",19),t(42,"}"),e(),t(43," "),n(44,"span",18),t(45,"from"),e(),t(46," "),n(47,"span",20),t(48,"'ng-zorro-antd/drawer'"),e(),n(49,"span",19),t(50,";"),e(),t(51,`
`),e()(),E(),e(),n(52,"h2")(53,"span"),t(54,"Examples"),e(),n(55,"nz-icon",21),c("click",function(){return m.expandAllCode()}),e()()(),n(56,"div",22)(57,"div",23)(58,"nz-code-box",24),i(59,"nz-demo-drawer-basic-right",25),n(60,"div",26),S(),n(61,"p"),t(62,"Basic drawer."),e(),E(),e()(),n(63,"nz-code-box",27),i(64,"nz-demo-drawer-from-drawer",25),n(65,"div",26),S(),n(66,"p"),t(67,"A drawer containing an editable form which needs to be collapsed by clicking the close button."),e(),E(),e()(),n(68,"nz-code-box",28),i(69,"nz-demo-drawer-multi-level-drawer",25),n(70,"div",26),S(),n(71,"p"),t(72,"Open a new drawer on top of an existing drawer to handle multi branch tasks"),e(),E(),e()(),n(73,"nz-code-box",29),i(74,"nz-demo-drawer-size",25),n(75,"div",26),S(),n(76,"p"),t(77,"The default width (or height) of Drawer is "),n(78,"code"),t(79,"378px"),e(),t(80,", and there is a presetted large size "),n(81,"code"),t(82,"736px"),e(),t(83,"."),e(),E(),e()()(),n(84,"div",23)(85,"nz-code-box",30),i(86,"nz-demo-drawer-placement",25),n(87,"div",26),S(),n(88,"p"),t(89,"Basic drawer."),e(),E(),e()(),n(90,"nz-code-box",31),i(91,"nz-demo-drawer-user-profile",25),n(92,"div",26),S(),n(93,"p"),t(94,"Use when you need to quickly preview the outline of the object. Such as list item preview."),e(),E(),e()(),n(95,"nz-code-box",32),i(96,"nz-demo-drawer-service",25),n(97,"div",26),S(),n(98,"p"),t(99,"Usage of Drawer's service, examples demonstrate user-defined templates, custom components."),e(),E(),e()()()(),n(100,"section",33),S(),n(101,"h2",34)(102,"span"),t(103,"API"),e(),n(104,"a",35),t(105,"#"),e()(),n(106,"h3",36)(107,"span"),t(108,"nz-drawer"),e(),n(109,"label",37),t(110,"component"),e(),n(111,"a",38),t(112,"#"),e()(),n(113,"table")(114,"thead")(115,"tr")(116,"th"),t(117,"Props"),e(),n(118,"th"),t(119,"Description"),e(),n(120,"th"),t(121,"Type"),e(),n(122,"th"),t(123,"Default"),e(),n(124,"th"),t(125,"Global Config"),e()()(),n(126,"tbody")(127,"tr")(128,"td")(129,"code"),t(130,"[nzClosable]"),e()(),n(131,"td"),t(132,"Whether a close (x) button is visible on top left of the Drawer dialog or not."),e(),n(133,"td")(134,"code"),t(135,"boolean"),e()(),n(136,"td")(137,"code"),t(138,"true"),e()(),i(139,"td"),e(),n(140,"tr")(141,"td")(142,"code"),t(143,"[nzCloseIcon]"),e()(),n(144,"td"),t(145,"Custom close icon"),e(),n(146,"td")(147,"code"),t(148,"string | TemplateRef<void> | null"),e()(),n(149,"td")(150,"code"),t(151,"'close'"),e()(),i(152,"td"),e(),n(153,"tr")(154,"td")(155,"code"),t(156,"[nzExtra]"),e()(),n(157,"td"),t(158,"Extra actions area at corner."),e(),n(159,"td")(160,"code"),t(161,"string | TemplateRef<void> | null"),e()(),n(162,"td"),t(163,"-"),e(),i(164,"td"),e(),n(165,"tr")(166,"td")(167,"code"),t(168,"[nzMask]"),e()(),n(169,"td"),t(170,"Whether to show mask or not."),e(),n(171,"td")(172,"code"),t(173,"boolean"),e()(),n(174,"td")(175,"code"),t(176,"true"),e()(),n(177,"td"),t(178,"\u2705"),e()(),n(179,"tr")(180,"td")(181,"code"),t(182,"[nzMaskClosable]"),e()(),n(183,"td"),t(184,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(185,"td")(186,"code"),t(187,"boolean"),e()(),n(188,"td")(189,"code"),t(190,"true"),e()(),n(191,"td"),t(192,"\u2705"),e()(),n(193,"tr")(194,"td")(195,"code"),t(196,"[nzCloseOnNavigation]"),e()(),n(197,"td"),t(198,"Whether to close the drawer when the user goes backwards/forwards in history. Note that this usually doesn't include clicking on links (unless the user is using the HashLocationStrategy)."),e(),n(199,"td")(200,"code"),t(201,"boolean"),e()(),n(202,"td")(203,"code"),t(204,"true"),e()(),n(205,"td"),t(206,"\u2705"),e()(),n(207,"tr")(208,"td")(209,"code"),t(210,"[nzKeyboard]"),e()(),n(211,"td"),t(212,"Whether support press esc to close"),e(),n(213,"td")(214,"code"),t(215,"boolean"),e()(),n(216,"td")(217,"code"),t(218,"true"),e()(),i(219,"td"),e(),n(220,"tr")(221,"td")(222,"code"),t(223,"[nzMaskStyle]"),e()(),n(224,"td"),t(225,"Style for Drawer's mask element."),e(),n(226,"td")(227,"code"),t(228,"object"),e()(),n(229,"td")(230,"code"),t(231,"{}"),e()(),i(232,"td"),e(),n(233,"tr")(234,"td")(235,"code"),t(236,"[nzBodyStyle]"),e()(),n(237,"td"),t(238,"Body style for drawer body element. Such as height, padding etc."),e(),n(239,"td")(240,"code"),t(241,"object"),e()(),n(242,"td")(243,"code"),t(244,"{}"),e()(),i(245,"td"),e(),n(246,"tr")(247,"td")(248,"code"),t(249,"[nzTitle]"),e()(),n(250,"td"),t(251,"The title for Drawer."),e(),n(252,"td")(253,"code"),t(254,"string | TemplateRef<void>"),e()(),n(255,"td"),t(256,"-"),e(),i(257,"td"),e(),n(258,"tr")(259,"td")(260,"code"),t(261,"[nzFooter]"),e()(),n(262,"td"),t(263,"The footer for Drawer."),e(),n(264,"td")(265,"code"),t(266,"string | TemplateRef<void>"),e()(),n(267,"td"),t(268,"-"),e(),i(269,"td"),e(),n(270,"tr")(271,"td")(272,"code"),t(273,"[nzVisible]"),e()(),n(274,"td"),t(275,"Whether the Drawer dialog is visible or not, you can use "),n(276,"code"),t(277,"[(nzVisible)]"),e(),t(278," two-way binding"),e(),n(279,"td")(280,"code"),t(281,"boolean"),e()(),n(282,"td")(283,"code"),t(284,"false"),e()(),i(285,"td"),e(),n(286,"tr")(287,"td")(288,"code"),t(289,"[nzPlacement]"),e()(),n(290,"td"),t(291,"The placement of the Drawer."),e(),n(292,"td")(293,"code"),t(294,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(295,"td")(296,"code"),t(297,"'right'"),e()(),i(298,"td"),e(),n(299,"tr")(300,"td")(301,"code"),t(302,"[nzSize]"),e()(),n(303,"td"),t(304,"Preset size of drawer, default "),n(305,"code"),t(306,"378px"),e(),t(307," and large "),n(308,"code"),t(309,"736px"),e(),t(310,"."),e(),n(311,"td")(312,"code"),t(313,"'default' | 'large'"),e()(),n(314,"td")(315,"code"),t(316,"'default'"),e()(),i(317,"td"),e(),n(318,"tr")(319,"td")(320,"code"),t(321,"[nzWidth]"),e()(),n(322,"td"),t(323,"Width of the Drawer dialog, only when placement is "),n(324,"code"),t(325,"'right'"),e(),t(326," or "),n(327,"code"),t(328,"'left'"),e(),t(329,", having a higher priority than "),n(330,"code"),t(331,"nzSize"),e(),t(332,"."),e(),n(333,"td")(334,"code"),t(335,"number | string"),e()(),n(336,"td"),t(337,"-"),e(),i(338,"td"),e(),n(339,"tr")(340,"td")(341,"code"),t(342,"[nzHeight]"),e()(),n(343,"td"),t(344,"Height of the Drawer dialog, only when placement is "),n(345,"code"),t(346,"'top'"),e(),t(347," or "),n(348,"code"),t(349,"'bottom'"),e(),t(350,", having a higher priority than "),n(351,"code"),t(352,"nzSize"),e(),t(353,"."),e(),n(354,"td")(355,"code"),t(356,"number | string"),e()(),n(357,"td"),t(358,"-"),e(),i(359,"td"),e(),n(360,"tr")(361,"td")(362,"code"),t(363,"[nzOffsetX]"),e()(),n(364,"td"),t(365,"The X coordinate offset(px), only when placement is "),n(366,"code"),t(367,"'right'"),e(),t(368," or "),n(369,"code"),t(370,"'left'"),e(),t(371,"."),e(),n(372,"td")(373,"code"),t(374,"number"),e()(),n(375,"td")(376,"code"),t(377,"0"),e()(),i(378,"td"),e(),n(379,"tr")(380,"td")(381,"code"),t(382,"[nzOffsetY]"),e()(),n(383,"td"),t(384,"The Y coordinate offset(px), only when placement is "),n(385,"code"),t(386,"'top'"),e(),t(387," or "),n(388,"code"),t(389,"'bottom'"),e(),t(390,"."),e(),n(391,"td")(392,"code"),t(393,"number"),e()(),n(394,"td")(395,"code"),t(396,"0"),e()(),i(397,"td"),e(),n(398,"tr")(399,"td")(400,"code"),t(401,"[nzWrapClassName]"),e()(),n(402,"td"),t(403,"The class name of the container of the Drawer dialog."),e(),n(404,"td")(405,"code"),t(406,"string"),e()(),n(407,"td"),t(408,"-"),e(),i(409,"td"),e(),n(410,"tr")(411,"td")(412,"code"),t(413,"[nzZIndex]"),e()(),n(414,"td"),t(415,"The "),n(416,"code"),t(417,"z-index"),e(),t(418," of the Drawer."),e(),n(419,"td")(420,"code"),t(421,"number"),e()(),n(422,"td")(423,"code"),t(424,"1000"),e()(),i(425,"td"),e(),n(426,"tr")(427,"td")(428,"code"),t(429,"(nzOnClose)"),e()(),n(430,"td"),t(431,"Specify a callback that will be called when a user clicks mask, close button or Cancel button."),e(),n(432,"td")(433,"code"),t(434,"EventEmitter<MouseEvent>"),e()(),n(435,"td"),t(436,"-"),e(),i(437,"td"),e()()(),n(438,"h3",39)(439,"span"),t(440,"NzDrawerService"),e(),n(441,"label",40),t(442,"service"),e(),n(443,"a",41),t(444,"#"),e()(),n(445,"table")(446,"thead")(447,"tr")(448,"th"),t(449,"Method"),e(),n(450,"th"),t(451,"Description"),e(),n(452,"th"),t(453,"Params"),e(),n(454,"th"),t(455,"Return"),e()()(),n(456,"tbody")(457,"tr")(458,"td"),t(459,"create<T, D, R>"),e(),n(460,"td"),t(461,"create and open an Drawer"),e(),n(462,"td")(463,"code"),t(464,"NzDrawerOptions<T, D>"),e()(),n(465,"td")(466,"code"),t(467,"NzDrawerRef<T, R>"),e()()()()(),n(468,"h3",42)(469,"span"),t(470,"NzDrawerOptions"),e(),n(471,"a",43),t(472,"#"),e()(),n(473,"table")(474,"thead")(475,"tr")(476,"th"),t(477,"Params"),e(),n(478,"th"),t(479,"Description"),e(),n(480,"th"),t(481,"Type"),e(),n(482,"th"),t(483,"Default"),e(),n(484,"th"),t(485,"Global Config"),e()()(),n(486,"tbody")(487,"tr")(488,"td"),t(489,"nzContent"),e(),n(490,"td"),t(491,"The drawer body content."),e(),n(492,"td")(493,"code"),t(494,"TemplateRef<{ $implicit: D, drawerRef: NzDrawerRef }> | Type<T>"),e()(),n(495,"td"),t(496,"-"),e(),i(497,"td"),e(),n(498,"tr")(499,"td"),t(500,"nzContentParams"),e(),n(501,"td"),t(502,"Deprecated: Use NzData instead. The component inputs the param / The Template context"),e(),n(503,"td")(504,"code"),t(505,"D"),e()(),n(506,"td"),t(507,"-"),e(),i(508,"td"),e(),n(509,"tr")(510,"td"),t(511,"nzData"),e(),n(512,"td"),t(513,"Will be a template variable when nzContent is TemplateRef. "),i(514,"br"),t(515," object, will be the value of the injection token NZ_MODAL_DATA when nzContent is a component"),e(),n(516,"td")(517,"code"),t(518,"D"),e()(),n(519,"td"),t(520,"-"),e(),i(521,"td"),e(),n(522,"tr")(523,"td"),t(524,"nzClosable"),e(),n(525,"td"),t(526,"Whether a close (x) button is visible on top left of the Drawer dialog or not."),e(),n(527,"td")(528,"code"),t(529,"boolean"),e()(),n(530,"td")(531,"code"),t(532,"true"),e()(),i(533,"td"),e(),n(534,"tr")(535,"td"),t(536,"nzCloseIcon"),e(),n(537,"td"),t(538,"Custom close icon"),e(),n(539,"td")(540,"code"),t(541,"string | TemplateRef<void> | null"),e()(),n(542,"td")(543,"code"),t(544,"'close'"),e()(),i(545,"td"),e(),n(546,"tr")(547,"td"),t(548,"nzExtra"),e(),n(549,"td"),t(550,"Extra actions area at corner."),e(),n(551,"td")(552,"code"),t(553,"string | TemplateRef<void> | null"),e()(),n(554,"td"),t(555,"-"),e(),i(556,"td"),e(),n(557,"tr")(558,"td"),t(559,"nzOnCancel"),e(),n(560,"td"),t(561,"Execute when click on the mask or the upper cancel button, This function returns a promise, which is automatically closed when the execution is complete or the promise ends (return false to prevent closing)"),e(),n(562,"td")(563,"code"),t(564,"() => Promise<any>"),e()(),n(565,"td"),t(566,"-"),e(),i(567,"td"),e(),n(568,"tr")(569,"td"),t(570,"nzMaskClosable"),e(),n(571,"td"),t(572,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(573,"td")(574,"code"),t(575,"boolean"),e()(),n(576,"td")(577,"code"),t(578,"true"),e()(),n(579,"td"),t(580,"\u2705"),e()(),n(581,"tr")(582,"td"),t(583,"nzCloseOnNavigation"),e(),n(584,"td"),t(585,"Whether to close the drawer when the user goes backwards/forwards in history. Note that this usually doesn't include clicking on links (unless the user is using the HashLocationStrategy)."),e(),n(586,"td")(587,"code"),t(588,"boolean"),e()(),n(589,"td")(590,"code"),t(591,"true"),e()(),n(592,"td"),t(593,"\u2705"),e()(),n(594,"tr")(595,"td"),t(596,"nzMask"),e(),n(597,"td"),t(598,"Whether to show mask or not."),e(),n(599,"td")(600,"code"),t(601,"boolean"),e()(),n(602,"td")(603,"code"),t(604,"true"),e()(),n(605,"td"),t(606,"\u2705"),e()(),n(607,"tr")(608,"td"),t(609,"nzDirection"),e(),n(610,"td"),t(611,"Direction of the text in the modal"),e(),n(612,"td")(613,"code"),t(614,"'ltr' | 'rtl'"),e()(),n(615,"td"),t(616,"-"),e(),n(617,"td"),t(618,"\u2705"),e()(),n(619,"tr")(620,"td"),t(621,"nzKeyboard"),e(),n(622,"td"),t(623,"Whether support press esc to close"),e(),n(624,"td")(625,"code"),t(626,"boolean"),e()(),n(627,"td")(628,"code"),t(629,"true"),e()(),i(630,"td"),e(),n(631,"tr")(632,"td"),t(633,"nzMaskStyle"),e(),n(634,"td"),t(635,"Style for Drawer's mask element."),e(),n(636,"td")(637,"code"),t(638,"object"),e()(),n(639,"td")(640,"code"),t(641,"{}"),e()(),i(642,"td"),e(),n(643,"tr")(644,"td"),t(645,"nzBodyStyle"),e(),n(646,"td"),t(647,"Body style for modal body element. Such as height, padding etc."),e(),n(648,"td")(649,"code"),t(650,"object"),e()(),n(651,"td")(652,"code"),t(653,"{}"),e()(),i(654,"td"),e(),n(655,"tr")(656,"td"),t(657,"nzTitle"),e(),n(658,"td"),t(659,"The title for Drawer."),e(),n(660,"td")(661,"code"),t(662,"string | TemplateRef<void>"),e()(),n(663,"td"),t(664,"-"),e(),i(665,"td"),e(),n(666,"tr")(667,"td"),t(668,"nzFooter"),e(),n(669,"td"),t(670,"The footer for Drawer."),e(),n(671,"td")(672,"code"),t(673,"string | TemplateRef<void>"),e()(),n(674,"td"),t(675,"-"),e(),i(676,"td"),e(),n(677,"tr")(678,"td"),t(679,"nzSize"),e(),n(680,"td"),t(681,"Preset size of drawer, default "),n(682,"code"),t(683,"378px"),e(),t(684," and large "),n(685,"code"),t(686,"736px"),e(),t(687,"."),e(),n(688,"td")(689,"code"),t(690,"'default' | 'large'"),e()(),n(691,"td")(692,"code"),t(693,"'default'"),e()(),i(694,"td"),e(),n(695,"tr")(696,"td"),t(697,"nzWidth"),e(),n(698,"td"),t(699,"Width of the Drawer dialog, only when placement is "),n(700,"code"),t(701,"'right'"),e(),t(702," or "),n(703,"code"),t(704,"'left'"),e(),t(705,", having a higher priority than "),n(706,"code"),t(707,"nzSize"),e(),t(708,"."),e(),n(709,"td")(710,"code"),t(711,"number | string"),e()(),n(712,"td"),t(713,"-"),e(),i(714,"td"),e(),n(715,"tr")(716,"td"),t(717,"nzHeight"),e(),n(718,"td"),t(719,"Height of the Drawer dialog, only when placement is "),n(720,"code"),t(721,"'top'"),e(),t(722," or "),n(723,"code"),t(724,"'bottom'"),e(),t(725,", having a higher priority than "),n(726,"code"),t(727,"nzSize"),e(),t(728,"."),e(),n(729,"td")(730,"code"),t(731,"number | string"),e()(),n(732,"td"),t(733,"-"),e(),i(734,"td"),e(),n(735,"tr")(736,"td"),t(737,"nzWrapClassName"),e(),n(738,"td"),t(739,"The class name of the container of the Drawer dialog."),e(),n(740,"td")(741,"code"),t(742,"string"),e()(),n(743,"td"),t(744,"-"),e(),i(745,"td"),e(),n(746,"tr")(747,"td"),t(748,"nzZIndex"),e(),n(749,"td"),t(750,"The "),n(751,"code"),t(752,"z-index"),e(),t(753," of the Drawer."),e(),n(754,"td")(755,"code"),t(756,"number"),e()(),n(757,"td")(758,"code"),t(759,"1000"),e()(),i(760,"td"),e(),n(761,"tr")(762,"td"),t(763,"nzPlacement"),e(),n(764,"td"),t(765,"The placement of the Drawer."),e(),n(766,"td")(767,"code"),t(768,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(769,"td")(770,"code"),t(771,"'right'"),e()(),i(772,"td"),e(),n(773,"tr")(774,"td"),t(775,"nzOffsetX"),e(),n(776,"td"),t(777,"The X coordinate offset(px)."),e(),n(778,"td")(779,"code"),t(780,"number"),e()(),n(781,"td")(782,"code"),t(783,"0"),e()(),i(784,"td"),e(),n(785,"tr")(786,"td"),t(787,"nzOffsetY"),e(),n(788,"td"),t(789,"The Y coordinate offset(px), only when placement is "),n(790,"code"),t(791,"'top'"),e(),t(792," or "),n(793,"code"),t(794,"'bottom'"),e(),t(795,"."),e(),n(796,"td")(797,"code"),t(798,"number"),e()(),n(799,"td")(800,"code"),t(801,"0"),e()(),i(802,"td"),e()()(),n(803,"h3",44)(804,"span"),t(805,"NZ_DRAWER_DATA"),e(),n(806,"a",45),t(807,"#"),e()(),n(808,"p"),t(809,`NZ_DRAWER_DATA injection token is used to retrieve nzData in the custom component. The drawer created by the service
method NzDrawerService.create() inject a NZ_DRAWER_DATA token (if nzContent is used as Component) to retrieve the
parameters that have used to the 'nzContent component'`),e(),n(810,"h3",46)(811,"span"),t(812,"NzDrawerRef"),e(),n(813,"a",47),t(814,"#"),e()(),n(815,"h4",48)(816,"span"),t(817,"Methods"),e(),n(818,"a",49),t(819,"#"),e()(),n(820,"table")(821,"thead")(822,"tr")(823,"th"),t(824,"Name"),e(),n(825,"th"),t(826,"Description"),e(),n(827,"th"),t(828,"Type"),e()()(),n(829,"tbody")(830,"tr")(831,"td"),t(832,"close"),e(),n(833,"td"),t(834,"close the drawer."),e(),n(835,"td")(836,"code"),t(837,"(result?: R) => void"),e()()(),n(838,"tr")(839,"td"),t(840,"open"),e(),n(841,"td"),t(842,"open the drawer."),e(),n(843,"td")(844,"code"),t(845,"() => void"),e()()(),n(846,"tr")(847,"td"),t(848,"getContentComponent"),e(),n(849,"td"),t(850,"Returns the instance when "),n(851,"code"),t(852,"nzContent"),e(),t(853," is the component."),e(),n(854,"td")(855,"code"),t(856,"() => T | null"),e()()(),n(857,"tr")(858,"td"),t(859,"getContentComponentRef"),e(),n(860,"td"),t(861,"Returns the reference of the component when "),n(862,"code"),t(863,"nzContent"),e(),t(864," is the component."),e(),n(865,"td")(866,"code"),t(867,"() => ComponentRef<T> | null"),e()()()()(),n(868,"h4",50)(869,"span"),t(870,"Property"),e(),n(871,"a",51),t(872,"#"),e()(),n(873,"table")(874,"thead")(875,"tr")(876,"th"),t(877,"Name"),e(),n(878,"th"),t(879,"Description"),e(),n(880,"th"),t(881,"Type"),e()()(),n(882,"tbody")(883,"tr")(884,"td"),t(885,"afterOpen"),e(),n(886,"td"),t(887,"Callback called after open."),e(),n(888,"td")(889,"code"),t(890,"Observable<void>"),e()()(),n(891,"tr")(892,"td"),t(893,"afterClose"),e(),n(894,"td"),t(895,"Callback called after close."),e(),n(896,"td")(897,"code"),t(898,"Observable<R>"),e()()(),n(899,"tr")(900,"td"),t(901,"nzCloseIcon"),e(),n(902,"td"),t(903,"Custom close icon"),e(),n(904,"td")(905,"code"),t(906,"string | TemplateRef<void> | null"),e()()(),n(907,"tr")(908,"td"),t(909,"nzClosable"),e(),n(910,"td"),t(911,"Whether a close (x) button is visible on top right of the Drawer dialog or not."),e(),n(912,"td")(913,"code"),t(914,"boolean"),e()()(),n(915,"tr")(916,"td"),t(917,"nzMaskClosable"),e(),n(918,"td"),t(919,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(920,"td")(921,"code"),t(922,"boolean"),e()()(),n(923,"tr")(924,"td"),t(925,"nzMask"),e(),n(926,"td"),t(927,"Whether to show mask or not."),e(),n(928,"td")(929,"code"),t(930,"boolean"),e()()(),n(931,"tr")(932,"td"),t(933,"nzKeyboard"),e(),n(934,"td"),t(935,"Whether support press esc to close"),e(),n(936,"td")(937,"code"),t(938,"boolean"),e()()(),n(939,"tr")(940,"td"),t(941,"nzMaskStyle"),e(),n(942,"td"),t(943,"Style for Drawer's mask element."),e(),n(944,"td")(945,"code"),t(946,"object"),e()()(),n(947,"tr")(948,"td"),t(949,"nzBodyStyle"),e(),n(950,"td"),t(951,"Body style for modal body element. Such as height, padding etc."),e(),n(952,"td")(953,"code"),t(954,"object"),e()()(),n(955,"tr")(956,"td"),t(957,"nzTitle"),e(),n(958,"td"),t(959,"The title for Drawer."),e(),n(960,"td")(961,"code"),t(962,"string | TemplateRef<void>"),e()()(),n(963,"tr")(964,"td"),t(965,"nzFooter"),e(),n(966,"td"),t(967,"The footer for Drawer."),e(),n(968,"td")(969,"code"),t(970,"string | TemplateRef<void>"),e()()(),n(971,"tr")(972,"td"),t(973,"nzWidth"),e(),n(974,"td"),t(975,"Width of the Drawer dialog."),e(),n(976,"td")(977,"code"),t(978,"number | string"),e()()(),n(979,"tr")(980,"td"),t(981,"nzHeight"),e(),n(982,"td"),t(983,"Height of the Drawer dialog, only when placement is "),n(984,"code"),t(985,"'top'"),e(),t(986," or "),n(987,"code"),t(988,"'bottom'"),e(),t(989,"."),e(),n(990,"td")(991,"code"),t(992,"number | string"),e()()(),n(993,"tr")(994,"td"),t(995,"nzWrapClassName"),e(),n(996,"td"),t(997,"The class name of the container of the Drawer dialog."),e(),n(998,"td")(999,"code"),t(1e3,"string"),e()()(),n(1001,"tr")(1002,"td"),t(1003,"nzZIndex"),e(),n(1004,"td"),t(1005,"The "),n(1006,"code"),t(1007,"z-index"),e(),t(1008," of the Drawer."),e(),n(1009,"td")(1010,"code"),t(1011,"number"),e()()(),n(1012,"tr")(1013,"td"),t(1014,"nzPlacement"),e(),n(1015,"td"),t(1016,"The placement of the Drawer."),e(),n(1017,"td")(1018,"code"),t(1019,"'top' | 'right' | 'bottom' | 'left'"),e()()(),n(1020,"tr")(1021,"td"),t(1022,"nzOffsetX"),e(),n(1023,"td"),t(1024,"The X coordinate offset(px)."),e(),n(1025,"td")(1026,"code"),t(1027,"number"),e()()(),n(1028,"tr")(1029,"td"),t(1030,"nzOffsetY"),e(),n(1031,"td"),t(1032,"The Y coordinate offset(px), only when placement is "),n(1033,"code"),t(1034,"'top'"),e(),t(1035," or "),n(1036,"code"),t(1037,"'bottom'"),e(),t(1038,"."),e(),n(1039,"td")(1040,"code"),t(1041,"number"),e()()()()(),E(),e()()),r&2&&(o(),a("nzOffsetTop",16),o(),a("nzAffix",!1),o(54),a("nzGutter",16),o(),a("nzXl",12)("nzSpan",24),o(),a("nzId","components-drawer-demo-basic-right")("nzLink","components-drawer-demo-basic-right")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/basic-right.md"),o(5),a("nzId","components-drawer-demo-from-drawer")("nzLink","components-drawer-demo-from-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/from-drawer.md"),o(5),a("nzId","components-drawer-demo-multi-level-drawer")("nzLink","components-drawer-demo-multi-level-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/multi-level-drawer.md"),o(5),a("nzId","components-drawer-demo-size")("nzLink","components-drawer-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/size.md"),o(11),a("nzXl",12)("nzSpan",24),o(),a("nzId","components-drawer-demo-placement")("nzLink","components-drawer-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/placement.md"),o(5),a("nzId","components-drawer-demo-user-profile")("nzLink","components-drawer-demo-user-profile")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/user-profile.md"),o(5),a("nzId","components-drawer-demo-service")("nzLink","components-drawer-demo-service")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/service.md"))},dependencies:[pe,I,ce,se,ue,A,y,de,ae,U,X,Q,Y,K,q,J],encapsulation:2})};var Tt=[{path:"en",component:ge},{path:"zh",component:Ce}],$n=Tt;export{$n as default};