-
Notifications
You must be signed in to change notification settings - Fork 12
/
chunk-6OIDHPUM.js
6 lines (6 loc) · 71.9 KB
/
chunk-6OIDHPUM.js
1
2
3
4
5
6
import{a as B,b as $e,c as et,d as _,e as tt,f as nt}from"./chunk-YVVRALVW.js";import{a as it,b as rt}from"./chunk-I7FZDBQD.js";import{d as Qe,l as ae,m as de,n as Ye}from"./chunk-7GPGFDEN.js";import"./chunk-6GLW2PNA.js";import{a as L,b as W,c as me,d as oe,e as Xe}from"./chunk-WMDN424F.js";import{a as Ke,b as qe,c as Je}from"./chunk-EIH36FW2.js";import{d as Ze,e as je,f as Ue}from"./chunk-TNCI43ET.js";import"./chunk-M65H2KCI.js";import{a as Pe,b as Ve,c as Le}from"./chunk-GMAX22QU.js";import{h as We,i as Ge}from"./chunk-BJ3MSG6P.js";import"./chunk-4YNB6IUB.js";import"./chunk-FIRHRBIN.js";import"./chunk-IODZHREK.js";import{a as O,c as Ie,d as Oe,f as Me}from"./chunk-AU6YMX6H.js";import{a as ke,b as Ae,c as Re}from"./chunk-OKWB2EJ4.js";import{a as le,b as He}from"./chunk-23X3JMJC.js";import"./chunk-RNVVDGTF.js";import"./chunk-OT5GAY2Z.js";import{a as D,b as F,d as Te}from"./chunk-E4FB6IMX.js";import{a as b}from"./chunk-ENUDN6ZE.js";import{f as te,g as ne,i as I,j as ye}from"./chunk-MVBTB2OL.js";import"./chunk-QH77Q77Q.js";import{B as Ne,Gb as ee,Hc as re,Ib as y,Jb as R,Qa as De,Rb as ie,Ua as X,Va as q,Xa as J,Ya as Q,Za as $}from"./chunk-SBXTKZGS.js";import{Ba as S,Ca as f,Da as E,Db as x,Ea as z,Fb as a,Hc as v,Tb as n,Ub as e,Vb as i,Wb as k,Xb as A,Zb as C,ac as s,cc as g,ga as ge,jc as H,kb as o,kc as P,la as be,lb as he,lc as V,mc as N,nc as t,oc as ve,pc as Be,qa as h,ra as Fe,sc as Z,tc as j,uc as U,xc as we,yc as _e}from"./chunk-WVUROUXZ.js";import"./chunk-RKLIRILV.js";var lt=[nt,Te,Xe,Me,Ue,Ge,rt,Ye,Le,He,Je,Re];function St(l,r){l&1&&(k(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(),A())}var ue=(()=>{let r=class r{constructor(){this.visible=!1}open(){this.visible=!0}close(){this.visible=!1}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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(m,u){m&1&&(n(0,"button",0),s("click",function(){return u.open()}),t(1,"Open"),e(),n(2,"nz-drawer",1),s("nzOnClose",function(){return u.close()}),x(3,St,7,0,"ng-container",2),e()),m&2&&(o(2),a("nzClosable",!1)("nzVisible",u.visible))},dependencies:[_,B,F,D,b],encapsulation:2});let l=r;return l})();var ft=()=>({overflow:"auto"}),ht=()=>({minRows:4,maxRows:4});function wt(l,r){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",we(5,ht)))}function Dt(l,r){if(l&1){let p=C();n(0,"div",15)(1,"button",16),s("click",function(){E(p);let m=g();return z(m.close())}),t(2,"Cancel"),e(),n(3,"button",1),s("click",function(){E(p);let m=g();return z(m.close())}),t(4,"Submit"),e()()}}var se=(()=>{let r=class r{constructor(){this.visible=!1}open(){this.visible=!0}close(){this.visible=!1}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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(m,u){if(m&1){let c=C();n(0,"button",1),s("click",function(){return E(c),z(u.open())}),t(1,"Create"),e(),n(2,"nz-drawer",2),s("nzOnClose",function(){return E(c),z(u.close())}),x(3,wt,48,6,"form",3)(4,Dt,5,0,"ng-template",null,0,v),e()}if(m&2){let c=N(5);o(2),a("nzBodyStyle",we(5,ft))("nzMaskClosable",!1)("nzWidth",720)("nzVisible",u.visible)("nzFooter",c)}},dependencies:[$,q,J,R,y,_,B,F,D,b,W,L,oe,me,O,Ie,Oe,Ze,je,We],encapsulation:2});let l=r;return l})();function gt(l,r){if(l&1){let p=C();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),s("click",function(){E(p);let m=g();return z(m.openChildren())}),t(19,"+"),e()()()()()()}}function bt(l,r){if(l&1&&i(0,"nz-list-item",12),l&2){let p=r.$implicit;a("nzContent",p)}}function Ft(l,r){if(l&1&&(n(0,"nz-list",11),x(1,bt,1,1,"ng-template",null,0,v),e()),l&2){let p=N(2),d=g();a("nzDataSource",d.vegetables)("nzRenderItem",p)}}var pe=(()=>{let r=class r{constructor(){this.visible=!1,this.childrenVisible=!1,this.vegetables=["asparagus","bamboo","potato","carrot","cilantro","potato","eggplant"]}open(){this.visible=!0}close(){this.visible=!1}openChildren(){this.childrenVisible=!0}closeChildren(){this.childrenVisible=!1}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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(m,u){m&1&&(n(0,"button",1),s("click",function(){return u.open()}),t(1,"New Cookbook"),e(),n(2,"nz-drawer",2),s("nzOnClose",function(){return u.close()}),x(3,gt,20,0,"form",3),n(4,"nz-drawer",4),s("nzOnClose",function(){return u.closeChildren()}),x(5,Ft,3,2,"nz-list",5),e()()),m&2&&(o(2),a("nzClosable",!1)("nzOffsetX",u.childrenVisible?180:0)("nzWidth",320)("nzVisible",u.visible),o(2),a("nzClosable",!1)("nzVisible",u.childrenVisible))},dependencies:[$,q,J,R,y,_,B,F,D,b,W,L,oe,me,O,it,ae,de],encapsulation:2});let l=r;return l})();function vt(l,r){l&1&&(k(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(),A())}var Ee=(()=>{let r=class r{constructor(){this.visible=!1,this.placement="left"}open(){this.visible=!0}close(){this.visible=!1}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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(m,u){m&1&&(n(0,"nz-radio-group",0),U("ngModelChange",function(w){return j(u.placement,w)||(u.placement=w),w}),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),s("click",function(){return u.open()}),t(10,"Open"),e(),n(11,"nz-drawer",6),s("nzOnClose",function(){return u.close()}),x(12,vt,7,0,"ng-container",7),e()),m&2&&(Z("ngModel",u.placement),o(11),a("nzClosable",!1)("nzVisible",u.visible)("nzPlacement",u.placement))},dependencies:[X,Q,_,B,F,D,b,Ve,Pe],encapsulation:2});let l=r;return l})();var _t=["drawerTemplate"];function Nt(l,r){if(l&1){let p=C();t(0),i(1,"br")(2,"br"),n(3,"button",3),s("click",function(){let m=E(p).drawerRef;return z(m.close())}),t(4,"close"),e()}if(l&2){let p=r.$implicit;Be(" value: ",p==null?null:p.value," ")}}var ze=(()=>{let r=class r{constructor(d){this.drawerService=d,this.value="ng"}openTemplate(){let d=this.drawerService.create({nzTitle:"Template",nzFooter:"Footer",nzExtra:"Extra",nzContent:this.drawerTemplate,nzContentParams:{value:this.value}});d.afterOpen.subscribe(()=>{console.log("Drawer(Template) open")}),d.afterClose.subscribe(()=>{console.log("Drawer(Template) close")})}openComponent(){let d=this.drawerService.create({nzTitle:"Component",nzFooter:"Footer",nzExtra:"Extra",nzContent:yt,nzContentParams:{value:this.value},nzData:{value:"Ng Zorro"}});d.afterOpen.subscribe(()=>{console.log("Drawer(Component) open")}),d.afterClose.subscribe(m=>{console.log(m),typeof m=="string"&&(this.value=m)})}};r.\u0275fac=function(m){return new(m||r)(he(tt))},r.\u0275cmp=h({type:r,selectors:[["nz-demo-drawer-service"]],viewQuery:function(m,u){if(m&1&&H(_t,5),m&2){let c;P(c=V())&&(u.drawerTemplate=c.first)}},decls:10,vars:1,consts:[["drawerTemplate",""],["nz-form",""],["nz-input","",3,"ngModelChange","ngModel"],["nz-button","","nzType","primary",3,"click"]],template:function(m,u){if(m&1){let c=C();x(0,Nt,5,1,"ng-template",null,0,v),n(2,"div",1)(3,"nz-form-item")(4,"input",2),U("ngModelChange",function(fe){return E(c),j(u.value,fe)||(u.value=fe),z(fe)}),e()()(),n(5,"button",3),s("click",function(){return E(c),z(u.openTemplate())}),t(6,"Use Template"),e(),t(7," \xA0 "),n(8,"button",3),s("click",function(){return E(c),z(u.openComponent())}),t(9,"Use Component"),e()}m&2&&(o(4),Z("ngModel",u.value))},dependencies:[De,X,Q,y,F,D,b,W,L,O],encapsulation:2});let l=r;return l})(),yt=(()=>{let r=class r{constructor(d){this.drawerRef=d,this.nzData=be($e)}close(){this.drawerRef.close(this.nzData)}};r.\u0275fac=function(m){return new(m||r)(he(et))},r.\u0275cmp=h({type:r,selectors:[["nz-drawer-custom-component"]],decls:5,vars:1,consts:[["nz-input","",3,"ngModelChange","ngModel"],["nzType","primary","nz-button","",3,"click"]],template:function(m,u){m&1&&(n(0,"div")(1,"input",0),U("ngModelChange",function(w){return j(u.nzData.value,w)||(u.nzData.value=w),w}),e(),i(2,"nz-divider"),n(3,"button",1),s("click",function(){return u.close()}),t(4,"Confirm"),e()()),m&2&&(o(),Z("ngModel",u.nzData.value))},dependencies:[De,X,Q,F,D,b,O,le],encapsulation:2});let l=r;return l})();function Tt(l,r){if(l&1){let p=C();n(0,"button",4),s("click",function(){E(p);let m=g();return z(m.showDefault())}),t(1,"Open Default Size (378px)"),e()}}function kt(l,r){if(l&1){let p=C();n(0,"button",4),s("click",function(){E(p);let m=g();return z(m.showLarge())}),t(1,"Open Large Size (736px)"),e()}}function At(l,r){l&1&&(k(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(),A())}function Rt(l,r){if(l&1){let p=C();n(0,"button",5),s("click",function(){E(p);let m=g();return z(m.close())}),t(1,"Cancel"),e(),t(2," \xA0 "),n(3,"button",4),s("click",function(){E(p);let m=g();return z(m.close())}),t(4,"OK"),e()}}var xe=(()=>{let r=class r{constructor(){this.visible=!1,this.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}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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(m,u){if(m&1){let c=C();n(0,"nz-space"),x(1,Tt,2,0,"button",1)(2,kt,2,0,"button",1),e(),n(3,"nz-drawer",2),s("nzOnClose",function(){return E(c),z(u.close())}),x(4,At,7,0,"ng-container",3),e(),x(5,Rt,5,0,"ng-template",null,0,v)}if(m&2){let c=N(6);o(3),a("nzSize",u.size)("nzVisible",u.visible)("nzTitle",u.title)("nzExtra",c)}},dependencies:[_,B,F,D,b,Ae,ke],encapsulation:2});let l=r;return l})();var It=l=>[l];function Ot(l,r){if(l&1){let p=C();n(0,"a",8),s("click",function(){E(p);let m=g(2);return z(m.open())}),t(1,"View Profile"),e()}}function Mt(l,r){if(l&1&&(n(0,"a",9),t(1),e()),l&2){let p=g().$implicit;o(),ve(p.name)}}function Ht(l,r){if(l&1&&(n(0,"nz-list-item",6),x(1,Ot,2,0,"ng-template",null,1,v),n(3,"nz-list-item-meta",7),x(4,Mt,2,1,"ng-template",null,2,v),e()()),l&2){let p=N(2),d=N(5);a("nzActions",_e(2,It,p)),o(3),a("nzTitle",d)}}function Pt(l,r){l&1&&(k(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,"[email protected]"),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,"[email protected]"),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()()(),A()),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 Se=(()=>{let r=class r{constructor(){this.data=[{name:"Lily"},{name:"Lily"}],this.visible=!1}open(){this.visible=!0}close(){this.visible=!1}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,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",2,"margin-bottom","24px"],["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(m,u){if(m&1){let c=C();n(0,"nz-list",3),x(1,Ht,6,4,"ng-template",null,0,v),e(),n(3,"nz-drawer",4),s("nzOnClose",function(){return E(c),z(u.close())}),x(4,Pt,39,18,"ng-container",5),e()}if(m&2){let c=N(2);a("nzDataSource",u.data)("nzRenderItem",c)("nzItemLayout","horizontal"),o(3),a("nzVisible",u.visible)("nzWidth",640)("nzClosable",!1)}},dependencies:[_,B,ae,de,Qe,le,qe,Ke],styles:[".title[_ngcontent-%COMP%]{font-size:16px;color:#000000d9;line-height:24px;display:block;margin-bottom:16px}.item-wrap[_ngcontent-%COMP%]{font-size:14px;line-height:22px;margin-bottom:7px;color:#000000a6}.label[_ngcontent-%COMP%]{margin-right:8px;display:inline-block;color:#000000d9}"]});let l=r;return l})();var zt=(()=>{let r=class r{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,selectors:[["nz-demo-drawer"]],viewQuery:function(m,u){if(m&1&&H(I,5),m&2){let c;P(c=V())&&(u.codeBoxes=c)}},decls:996,vars:35,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"],["nz-icon","","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"],["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,"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","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","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","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","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","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","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-drawer:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-drawer:standalone'",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(m,u){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(w){return u.goLink(w)}),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,"span",14),e()(),n(19,"section",10),f(),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",17)(33,"code")(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()()(),S(),e(),n(50,"h2")(51,"span"),t(52,"\u4EE3\u7801\u6F14\u793A"),e(),n(53,"span",21),s("click",function(){return u.expandAllCode()}),e()()(),n(54,"div",22)(55,"div",23)(56,"nz-code-box",24),i(57,"nz-demo-drawer-basic-right",25),n(58,"div",26),f(),n(59,"p"),t(60,"\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(),S(),e()(),n(61,"nz-code-box",27),i(62,"nz-demo-drawer-from-drawer",25),n(63,"div",26),f(),n(64,"p"),t(65,"\u7528\u4E8E\u627F\u8F7D\u7F16\u8F91\u76F8\u5173\u64CD\u4F5C\uFF0C\u9700\u8981\u70B9\u51FB\u5173\u95ED\u6309\u94AE\u5173\u95ED\u3002"),e(),S(),e()(),n(66,"nz-code-box",28),i(67,"nz-demo-drawer-multi-level-drawer",25),n(68,"div",26),f(),n(69,"p"),t(70,"\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(),S(),e()(),n(71,"nz-code-box",29),i(72,"nz-demo-drawer-size",25),n(73,"div",26),f(),n(74,"p"),t(75,"\u62BD\u5C49\u7684\u9ED8\u8BA4\u5BBD\u5EA6\u4E3A "),n(76,"code"),t(77,"378px"),e(),t(78,"\uFF0C\u53E6\u5916\u8FD8\u63D0\u4F9B\u4E00\u4E2A\u5927\u53F7\u62BD\u5C49 "),n(79,"code"),t(80,"736px"),e(),t(81,"\uFF0C\u53EF\u4EE5\u7528 "),n(82,"code"),t(83,"size"),e(),t(84," \u5C5E\u6027\u6765\u8BBE\u7F6E\u3002"),e(),S(),e()()(),n(85,"div",23)(86,"nz-code-box",30),i(87,"nz-demo-drawer-placement",25),n(88,"div",26),f(),n(89,"p"),t(90,"\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(),S(),e()(),n(91,"nz-code-box",31),i(92,"nz-demo-drawer-user-profile",25),n(93,"div",26),f(),n(94,"p"),t(95,"\u9700\u8981\u5FEB\u901F\u9884\u89C8\u5BF9\u8C61\u6982\u8981\u65F6\u4F7F\u7528\uFF0C\u70B9\u51FB\u906E\u7F69\u533A\u5173\u95ED\u3002"),e(),S(),e()(),n(96,"nz-code-box",32),i(97,"nz-demo-drawer-service",25),n(98,"div",26),f(),n(99,"p"),t(100,"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(),S(),e()()()(),n(101,"section",33),f(),n(102,"h2",34)(103,"span"),t(104,"API"),e(),n(105,"a",35),t(106,"#"),e()(),n(107,"h3",36)(108,"span"),t(109,"nz-drawer"),e(),n(110,"label",37),t(111,"component"),e(),n(112,"label",38),t(113,"standalone"),e(),n(114,"a",39),t(115,"#"),e()(),n(116,"table")(117,"thead")(118,"tr")(119,"th"),t(120,"\u53C2\u6570"),e(),n(121,"th"),t(122,"\u8BF4\u660E"),e(),n(123,"th"),t(124,"\u7C7B\u578B"),e(),n(125,"th"),t(126,"\u9ED8\u8BA4\u503C"),e(),n(127,"th"),t(128,"\u5168\u5C40\u914D\u7F6E"),e()()(),n(129,"tbody")(130,"tr")(131,"td")(132,"code"),t(133,"[nzClosable]"),e()(),n(134,"td"),t(135,"\u662F\u5426\u663E\u793A\u5DE6\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(136,"td")(137,"code"),t(138,"boolean"),e()(),n(139,"td")(140,"code"),t(141,"true"),e()(),i(142,"td"),e(),n(143,"tr")(144,"td")(145,"code"),t(146,"[nzCloseIcon]"),e()(),n(147,"td"),t(148,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(149,"td")(150,"code"),t(151,"string | TemplateRef<void> | null"),e()(),n(152,"td")(153,"code"),t(154,"'close'"),e()(),i(155,"td"),e(),n(156,"tr")(157,"td")(158,"code"),t(159,"[nzExtra]"),e()(),n(160,"td"),t(161,"\u62BD\u5C49\u53F3\u4E0A\u89D2\u7684\u64CD\u4F5C\u533A\u57DF"),e(),n(162,"td")(163,"code"),t(164,"string | TemplateRef<void> | null"),e()(),n(165,"td"),t(166,"-"),e(),i(167,"td"),e(),n(168,"tr")(169,"td")(170,"code"),t(171,"[nzMaskClosable]"),e()(),n(172,"td"),t(173,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(174,"td")(175,"code"),t(176,"boolean"),e()(),n(177,"td")(178,"code"),t(179,"true"),e()(),n(180,"td"),t(181,"\u2705"),e()(),n(182,"tr")(183,"td")(184,"code"),t(185,"[nzMask]"),e()(),n(186,"td"),t(187,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(188,"td")(189,"code"),t(190,"boolean"),e()(),n(191,"td")(192,"code"),t(193,"true"),e()(),n(194,"td"),t(195,"\u2705"),e()(),n(196,"tr")(197,"td")(198,"code"),t(199,"[nzCloseOnNavigation]"),e()(),n(200,"td"),t(201,"\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(202,"td")(203,"code"),t(204,"boolean"),e()(),n(205,"td")(206,"code"),t(207,"true"),e()(),n(208,"td"),t(209,"\u2705"),e()(),n(210,"tr")(211,"td")(212,"code"),t(213,"[nzMaskStyle]"),e()(),n(214,"td"),t(215,"\u906E\u7F69\u6837\u5F0F"),e(),n(216,"td")(217,"code"),t(218,"object"),e()(),n(219,"td")(220,"code"),t(221,"{}"),e()(),i(222,"td"),e(),n(223,"tr")(224,"td")(225,"code"),t(226,"[nzKeyboard]"),e()(),n(227,"td"),t(228,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(229,"td")(230,"code"),t(231,"boolean"),e()(),n(232,"td")(233,"code"),t(234,"true"),e()(),i(235,"td"),e(),n(236,"tr")(237,"td")(238,"code"),t(239,"[nzBodyStyle]"),e()(),n(240,"td"),t(241,"Drawer body \u6837\u5F0F"),e(),n(242,"td")(243,"code"),t(244,"object"),e()(),n(245,"td")(246,"code"),t(247,"{}"),e()(),i(248,"td"),e(),n(249,"tr")(250,"td")(251,"code"),t(252,"[nzTitle]"),e()(),n(253,"td"),t(254,"\u6807\u9898"),e(),n(255,"td")(256,"code"),t(257,"string | TemplateRef<void>"),e()(),n(258,"td"),t(259,"-"),e(),i(260,"td"),e(),n(261,"tr")(262,"td")(263,"code"),t(264,"[nzFooter]"),e()(),n(265,"td"),t(266,"\u62BD\u5C49\u7684\u9875\u811A"),e(),n(267,"td")(268,"code"),t(269,"string | TemplateRef<void>"),e()(),n(270,"td"),t(271,"-"),e(),i(272,"td"),e(),n(273,"tr")(274,"td")(275,"code"),t(276,"[nzVisible]"),e()(),n(277,"td"),t(278,"Drawer \u662F\u5426\u53EF\u89C1\uFF0C\u53EF\u4EE5\u4F7F\u7528 "),n(279,"code"),t(280,"[(nzVisible)]"),e(),t(281," \u53CC\u5411\u7ED1\u5B9A"),e(),n(282,"td")(283,"code"),t(284,"boolean"),e()(),n(285,"td"),t(286,"-"),e(),i(287,"td"),e(),n(288,"tr")(289,"td")(290,"code"),t(291,"[nzPlacement]"),e()(),n(292,"td"),t(293,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(294,"td")(295,"code"),t(296,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(297,"td")(298,"code"),t(299,"'right'"),e()(),i(300,"td"),e(),n(301,"tr")(302,"td")(303,"code"),t(304,"[nzSize]"),e()(),n(305,"td"),t(306,"\u9884\u8BBE\u62BD\u5C49\u5BBD\u5EA6\uFF08\u6216\u9AD8\u5EA6\uFF09\uFF0Cdefault "),n(307,"code"),t(308,"378px"),e(),t(309," \u548C large "),n(310,"code"),t(311,"736px"),e()(),n(312,"td")(313,"code"),t(314,"'default' | 'large'"),e()(),n(315,"td")(316,"code"),t(317,"'default'"),e()(),i(318,"td"),e(),n(319,"tr")(320,"td")(321,"code"),t(322,"[nzWidth]"),e()(),n(323,"td"),t(324,"\u5BBD\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(325,"code"),t(326,"'right'"),e(),t(327,"\u6216"),n(328,"code"),t(329,"'left'"),e(),t(330," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(331,"code"),t(332,"nzSize"),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,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(345,"code"),t(346,"'top'"),e(),t(347,"\u6216"),n(348,"code"),t(349,"'bottom'"),e(),t(350," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(351,"code"),t(352,"nzSize"),e()(),n(353,"td")(354,"code"),t(355,"number | string"),e()(),n(356,"td"),t(357,"-"),e(),i(358,"td"),e(),n(359,"tr")(360,"td")(361,"code"),t(362,"[nzOffsetX]"),e()(),n(363,"td"),t(364,"x \u5750\u6807\u79FB\u91CF(px), \u53EA\u5728\u65B9\u5411\u4E3A "),n(365,"code"),t(366,"'right'"),e(),t(367,"\u6216"),n(368,"code"),t(369,"'left'"),e(),t(370," \u65F6\u751F\u6548"),e(),n(371,"td")(372,"code"),t(373,"number"),e()(),n(374,"td")(375,"code"),t(376,"0"),e()(),i(377,"td"),e(),n(378,"tr")(379,"td")(380,"code"),t(381,"[nzOffsetY]"),e()(),n(382,"td"),t(383,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(384,"code"),t(385,"'top'"),e(),t(386,"\u6216"),n(387,"code"),t(388,"'bottom'"),e(),t(389," \u65F6\u751F\u6548"),e(),n(390,"td")(391,"code"),t(392,"number"),e()(),n(393,"td")(394,"code"),t(395,"0"),e()(),i(396,"td"),e(),n(397,"tr")(398,"td")(399,"code"),t(400,"[nzWrapClassName]"),e()(),n(401,"td"),t(402,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(403,"td")(404,"code"),t(405,"string"),e()(),n(406,"td"),t(407,"-"),e(),i(408,"td"),e(),n(409,"tr")(410,"td")(411,"code"),t(412,"[nzZIndex]"),e()(),n(413,"td"),t(414,"\u8BBE\u7F6E Drawer \u7684 "),n(415,"code"),t(416,"z-index"),e()(),n(417,"td")(418,"code"),t(419,"number"),e()(),n(420,"td")(421,"code"),t(422,"1000"),e()(),i(423,"td"),e(),n(424,"tr")(425,"td")(426,"code"),t(427,"(nzOnClose)"),e()(),n(428,"td"),t(429,"\u70B9\u51FB\u906E\u7F69\u5C42\u6216\u53F3\u4E0A\u89D2\u53C9\u7684\u56DE\u8C03"),e(),n(430,"td")(431,"code"),t(432,"EventEmitter<MouseEvent>"),e()(),n(433,"td"),t(434,"-"),e(),i(435,"td"),e()()(),n(436,"h3",40)(437,"span"),t(438,"NzDrawerService"),e(),n(439,"label",41),t(440,"service"),e(),n(441,"a",42),t(442,"#"),e()(),n(443,"table")(444,"thead")(445,"tr")(446,"th"),t(447,"\u65B9\u6CD5\u540D"),e(),n(448,"th"),t(449,"\u8BF4\u660E"),e(),n(450,"th"),t(451,"\u53C2\u6570"),e(),n(452,"th"),t(453,"\u8FD4\u56DE"),e()()(),n(454,"tbody")(455,"tr")(456,"td"),t(457,"create<T, D, R>"),e(),n(458,"td"),t(459,"\u521B\u5EFA\u5E76\u6253\u5F00\u4E00\u4E2A Drawer"),e(),n(460,"td")(461,"code"),t(462,"NzDrawerOptions<T, D>"),e()(),n(463,"td")(464,"code"),t(465,"NzDrawerRef<T, R>"),e()()()()(),n(466,"h3",43)(467,"span"),t(468,"NzDrawerOptions"),e(),n(469,"a",44),t(470,"#"),e()(),n(471,"table")(472,"thead")(473,"tr")(474,"th"),t(475,"\u53C2\u6570"),e(),n(476,"th"),t(477,"\u8BF4\u660E"),e(),n(478,"th"),t(479,"\u7C7B\u578B"),e(),n(480,"th"),t(481,"\u9ED8\u8BA4\u503C"),e(),n(482,"th"),t(483,"\u5168\u5C40\u914D\u7F6E"),e()()(),n(484,"tbody")(485,"tr")(486,"td"),t(487,"nzContent"),e(),n(488,"td"),t(489,"Drawer body \u7684\u5185\u5BB9"),e(),n(490,"td")(491,"code"),t(492,"TemplateRef<{ $implicit: D, drawerRef: NzDrawerRef }> | Type<T>"),e()(),n(493,"td"),t(494,"-"),e(),i(495,"td"),e(),n(496,"tr")(497,"td"),t(498,"nzContentParams"),e(),n(499,"td"),t(500,"\u5185\u5BB9\u7EC4\u4EF6\u7684\u8F93\u5165\u53C2\u6570 / Template \u7684 context"),e(),n(501,"td")(502,"code"),t(503,"D"),e()(),n(504,"td"),t(505,"-"),e(),i(506,"td"),e(),n(507,"tr")(508,"td"),t(509,"nzOnCancel"),e(),n(510,"td"),t(511,"\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(512,"td")(513,"code"),t(514,"() => Promise<any>"),e()(),n(515,"td"),t(516,"-"),e(),i(517,"td"),e(),n(518,"tr")(519,"td"),t(520,"nzClosable"),e(),n(521,"td"),t(522,"\u662F\u5426\u663E\u793A\u5DE6\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(523,"td")(524,"code"),t(525,"boolean"),e()(),n(526,"td")(527,"code"),t(528,"true"),e()(),i(529,"td"),e(),n(530,"tr")(531,"td"),t(532,"nzCloseIcon"),e(),n(533,"td"),t(534,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(535,"td")(536,"code"),t(537,"string | TemplateRef<void> | null"),e()(),n(538,"td")(539,"code"),t(540,"'close'"),e()(),i(541,"td"),e(),n(542,"tr")(543,"td"),t(544,"nzExtra"),e(),n(545,"td"),t(546,"\u62BD\u5C49\u53F3\u4E0A\u89D2\u7684\u64CD\u4F5C\u533A\u57DF"),e(),n(547,"td")(548,"code"),t(549,"string | TemplateRef<void> | null"),e()(),n(550,"td"),t(551,"-"),e(),i(552,"td"),e(),n(553,"tr")(554,"td"),t(555,"nzMaskClosable"),e(),n(556,"td"),t(557,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(558,"td")(559,"code"),t(560,"boolean"),e()(),n(561,"td")(562,"code"),t(563,"true"),e()(),n(564,"td"),t(565,"\u2705"),e()(),n(566,"tr")(567,"td"),t(568,"nzMask"),e(),n(569,"td"),t(570,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(571,"td")(572,"code"),t(573,"boolean"),e()(),n(574,"td")(575,"code"),t(576,"true"),e()(),n(577,"td"),t(578,"\u2705"),e()(),n(579,"tr")(580,"td"),t(581,"nzCloseOnNavigation"),e(),n(582,"td"),t(583,"\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(584,"td")(585,"code"),t(586,"boolean"),e()(),n(587,"td")(588,"code"),t(589,"true"),e()(),n(590,"td"),t(591,"\u2705"),e()(),n(592,"tr")(593,"td"),t(594,"nzDirection"),e(),n(595,"td"),t(596,"\u6587\u5B57\u65B9\u5411"),e(),n(597,"td")(598,"code"),t(599,"'ltr' | 'rtl'"),e()(),n(600,"td"),t(601,"-"),e(),n(602,"td"),t(603,"\u2705"),e()(),n(604,"tr")(605,"td"),t(606,"nzKeyboard"),e(),n(607,"td"),t(608,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(609,"td")(610,"code"),t(611,"boolean"),e()(),n(612,"td")(613,"code"),t(614,"true"),e()(),i(615,"td"),e(),n(616,"tr")(617,"td"),t(618,"nzMaskStyle"),e(),n(619,"td"),t(620,"\u906E\u7F69\u6837\u5F0F"),e(),n(621,"td")(622,"code"),t(623,"object"),e()(),n(624,"td")(625,"code"),t(626,"{}"),e()(),i(627,"td"),e(),n(628,"tr")(629,"td"),t(630,"nzBodyStyle"),e(),n(631,"td"),t(632,"Modal body \u6837\u5F0F"),e(),n(633,"td")(634,"code"),t(635,"object"),e()(),n(636,"td")(637,"code"),t(638,"{}"),e()(),i(639,"td"),e(),n(640,"tr")(641,"td"),t(642,"nzTitle"),e(),n(643,"td"),t(644,"\u6807\u9898"),e(),n(645,"td")(646,"code"),t(647,"string | TemplateRef<void>"),e()(),n(648,"td"),t(649,"-"),e(),i(650,"td"),e(),n(651,"tr")(652,"td"),t(653,"nzFooter"),e(),n(654,"td"),t(655,"\u9875\u811A"),e(),n(656,"td")(657,"code"),t(658,"string | TemplateRef<void>"),e()(),n(659,"td"),t(660,"-"),e(),i(661,"td"),e(),n(662,"tr")(663,"td"),t(664,"nzSize"),e(),n(665,"td"),t(666,"\u9884\u8BBE\u62BD\u5C49\u5BBD\u5EA6\uFF08\u6216\u9AD8\u5EA6\uFF09\uFF0Cdefault "),n(667,"code"),t(668,"378px"),e(),t(669," \u548C large "),n(670,"code"),t(671,"736px"),e()(),n(672,"td")(673,"code"),t(674,"'default' | 'large'"),e()(),n(675,"td")(676,"code"),t(677,"'default'"),e()(),i(678,"td"),e(),n(679,"tr")(680,"td"),t(681,"nzWidth"),e(),n(682,"td"),t(683,"\u5BBD\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(684,"code"),t(685,"'right'"),e(),t(686,"\u6216"),n(687,"code"),t(688,"'left'"),e(),t(689," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(690,"code"),t(691,"nzSize"),e()(),n(692,"td")(693,"code"),t(694,"number | string"),e()(),n(695,"td"),t(696,"-"),e(),i(697,"td"),e(),n(698,"tr")(699,"td"),t(700,"nzHeight"),e(),n(701,"td"),t(702,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(703,"code"),t(704,"'top'"),e(),t(705,"\u6216"),n(706,"code"),t(707,"'bottom'"),e(),t(708," \u65F6\u751F\u6548\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E "),n(709,"code"),t(710,"nzSize"),e()(),n(711,"td")(712,"code"),t(713,"number | string"),e()(),n(714,"td"),t(715,"-"),e(),i(716,"td"),e(),n(717,"tr")(718,"td"),t(719,"nzWrapClassName"),e(),n(720,"td"),t(721,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(722,"td")(723,"code"),t(724,"string"),e()(),n(725,"td"),t(726,"-"),e(),i(727,"td"),e(),n(728,"tr")(729,"td"),t(730,"nzZIndex"),e(),n(731,"td"),t(732,"\u8BBE\u7F6E Drawer \u7684 "),n(733,"code"),t(734,"z-index"),e()(),n(735,"td")(736,"code"),t(737,"number"),e()(),n(738,"td")(739,"code"),t(740,"1000"),e()(),i(741,"td"),e(),n(742,"tr")(743,"td"),t(744,"nzPlacement"),e(),n(745,"td"),t(746,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(747,"td")(748,"code"),t(749,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(750,"td")(751,"code"),t(752,"'right'"),e()(),i(753,"td"),e(),n(754,"tr")(755,"td"),t(756,"nzOffsetX"),e(),n(757,"td"),t(758,"x \u5750\u6807\u79FB\u91CF(px)"),e(),n(759,"td")(760,"code"),t(761,"number"),e()(),n(762,"td")(763,"code"),t(764,"0"),e()(),i(765,"td"),e(),n(766,"tr")(767,"td"),t(768,"nzOffsetY"),e(),n(769,"td"),t(770,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(771,"code"),t(772,"'top'"),e(),t(773,"\u6216"),n(774,"code"),t(775,"'bottom'"),e(),t(776," \u65F6\u751F\u6548"),e(),n(777,"td")(778,"code"),t(779,"number"),e()(),n(780,"td")(781,"code"),t(782,"0"),e()(),i(783,"td"),e()()(),n(784,"h3",45)(785,"span"),t(786,"NzDrawerRef"),e(),n(787,"a",46),t(788,"#"),e()(),n(789,"h4",47)(790,"span"),t(791,"\u65B9\u6CD5"),e(),n(792,"a",48),t(793,"#"),e()(),n(794,"table")(795,"thead")(796,"tr")(797,"th"),t(798,"\u540D\u79F0"),e(),n(799,"th"),t(800,"\u8BF4\u660E"),e(),n(801,"th"),t(802,"\u7C7B\u578B"),e()()(),n(803,"tbody")(804,"tr")(805,"td"),t(806,"close"),e(),n(807,"td"),t(808,"\u5173\u95ED Drawer"),e(),n(809,"td")(810,"code"),t(811,"(result?: R) => void"),e()()(),n(812,"tr")(813,"td"),t(814,"open"),e(),n(815,"td"),t(816,"\u6253\u5F00 Drawer"),e(),n(817,"td")(818,"code"),t(819,"() => void"),e()()(),n(820,"tr")(821,"td"),t(822,"getContentComponent"),e(),n(823,"td"),t(824,"\u8FD4\u56DE "),n(825,"code"),t(826,"nzContent"),e(),t(827," \u4E3A\u7EC4\u4EF6\u65F6\u7684\u7EC4\u4EF6\u5B9E\u4F8B"),e(),n(828,"td")(829,"code"),t(830,"() => T | null"),e()()()()(),n(831,"h4",49)(832,"span"),t(833,"\u5C5E\u6027"),e(),n(834,"a",50),t(835,"#"),e()(),n(836,"table")(837,"thead")(838,"tr")(839,"th"),t(840,"\u540D\u79F0"),e(),n(841,"th"),t(842,"\u8BF4\u660E"),e(),n(843,"th"),t(844,"\u7C7B\u578B"),e()()(),n(845,"tbody")(846,"tr")(847,"td"),t(848,"afterOpen"),e(),n(849,"td"),t(850,"\u6253\u5F00\u4E4B\u540E\u7684\u56DE\u8C03"),e(),n(851,"td")(852,"code"),t(853,"Observable<void>"),e()()(),n(854,"tr")(855,"td"),t(856,"afterClose"),e(),n(857,"td"),t(858,"\u5173\u95ED\u4E4B\u540E\u7684\u56DE\u8C03"),e(),n(859,"td")(860,"code"),t(861,"Observable<R>"),e()()(),n(862,"tr")(863,"td"),t(864,"nzClosable"),e(),n(865,"td"),t(866,"\u662F\u5426\u663E\u793A\u53F3\u4E0A\u89D2\u7684\u5173\u95ED\u6309\u94AE"),e(),n(867,"td")(868,"code"),t(869,"boolean"),e()()(),n(870,"tr")(871,"td"),t(872,"nzCloseIcon"),e(),n(873,"td"),t(874,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),e(),n(875,"td")(876,"code"),t(877,"string | TemplateRef<void> | null"),e()()(),n(878,"tr")(879,"td"),t(880,"nzMaskClosable"),e(),n(881,"td"),t(882,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),e(),n(883,"td")(884,"code"),t(885,"boolean"),e()()(),n(886,"tr")(887,"td"),t(888,"nzMask"),e(),n(889,"td"),t(890,"\u662F\u5426\u5C55\u793A\u906E\u7F69"),e(),n(891,"td")(892,"code"),t(893,"boolean"),e()()(),n(894,"tr")(895,"td"),t(896,"nzMaskStyle"),e(),n(897,"td"),t(898,"\u906E\u7F69\u6837\u5F0F"),e(),n(899,"td")(900,"code"),t(901,"object"),e()()(),n(902,"tr")(903,"td"),t(904,"nzKeyboard"),e(),n(905,"td"),t(906,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED"),e(),n(907,"td")(908,"code"),t(909,"boolean"),e()()(),n(910,"tr")(911,"td"),t(912,"nzBodyStyle"),e(),n(913,"td"),t(914,"Modal body \u6837\u5F0F"),e(),n(915,"td")(916,"code"),t(917,"object"),e()()(),n(918,"tr")(919,"td"),t(920,"nzTitle"),e(),n(921,"td"),t(922,"\u6807\u9898"),e(),n(923,"td")(924,"code"),t(925,"string | TemplateRef<void>"),e()()(),n(926,"tr")(927,"td"),t(928,"nzWidth"),e(),n(929,"td"),t(930,"\u5BBD\u5EA6"),e(),n(931,"td")(932,"code"),t(933,"number | string"),e()()(),n(934,"tr")(935,"td"),t(936,"nzHeight"),e(),n(937,"td"),t(938,"\u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(939,"code"),t(940,"'top'"),e(),t(941,"\u6216"),n(942,"code"),t(943,"'bottom'"),e(),t(944," \u65F6\u751F\u6548"),e(),n(945,"td")(946,"code"),t(947,"number | string"),e()()(),n(948,"tr")(949,"td"),t(950,"nzWrapClassName"),e(),n(951,"td"),t(952,"\u5BF9\u8BDD\u6846\u5916\u5C42\u5BB9\u5668\u7684\u7C7B\u540D"),e(),n(953,"td")(954,"code"),t(955,"string"),e()()(),n(956,"tr")(957,"td"),t(958,"nzZIndex"),e(),n(959,"td"),t(960,"\u8BBE\u7F6E Drawer \u7684 "),n(961,"code"),t(962,"z-index"),e()(),n(963,"td")(964,"code"),t(965,"number"),e()()(),n(966,"tr")(967,"td"),t(968,"nzPlacement"),e(),n(969,"td"),t(970,"\u62BD\u5C49\u7684\u65B9\u5411"),e(),n(971,"td")(972,"code"),t(973,"'top' | 'right' | 'bottom' | 'left'"),e()()(),n(974,"tr")(975,"td"),t(976,"nzOffsetX"),e(),n(977,"td"),t(978,"x \u5750\u6807\u79FB\u91CF(px)"),e(),n(979,"td")(980,"code"),t(981,"number"),e()()(),n(982,"tr")(983,"td"),t(984,"nzOffsetY"),e(),n(985,"td"),t(986,"y \u5750\u6807\u79FB\u91CF(px), \u9AD8\u5EA6, \u53EA\u5728\u65B9\u5411\u4E3A "),n(987,"code"),t(988,"'top'"),e(),t(989,"\u6216"),n(990,"code"),t(991,"'bottom'"),e(),t(992," \u65F6\u751F\u6548"),e(),n(993,"td")(994,"code"),t(995,"number"),e()()()()(),S(),e()()),m&2&&(o(),a("nzOffsetTop",16),o(),a("nzAffix",!1),o(52),a("nzGutter",16),o(),a("nzXl",12)("nzSpan",24),o(),a("nzId","components-drawer-demo-basic-right")("nzLink","components-drawer-demo-basic-right")("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")("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")("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")("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")("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")("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")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/service.md"))},dependencies:[I,te,ne,ee,R,y,re,ie,D,ue,se,pe,Ee,ze,xe,Se],encapsulation:2});let l=r;return l})();var xt=(()=>{let r=class r{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}};r.\u0275fac=function(m){return new(m||r)},r.\u0275cmp=h({type:r,selectors:[["nz-demo-drawer"]],viewQuery:function(m,u){if(m&1&&H(I,5),m&2){let c;P(c=V())&&(u.codeBoxes=c)}},decls:1043,vars:35,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"],["nz-icon","","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"],["nz-icon","","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","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","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","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","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","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","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-drawer:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-drawer:standalone'",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(m,u){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(w){return u.goLink(w)}),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,"span",14),e()(),n(18,"section",10),f(),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",17)(34,"code")(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()()(),S(),e(),n(51,"h2")(52,"span"),t(53,"Examples"),e(),n(54,"span",21),s("click",function(){return u.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),f(),n(60,"p"),t(61,"Basic drawer."),e(),S(),e()(),n(62,"nz-code-box",27),i(63,"nz-demo-drawer-from-drawer",25),n(64,"div",26),f(),n(65,"p"),t(66,"A drawer containing an editable form which needs to be collapsed by clicking the close button."),e(),S(),e()(),n(67,"nz-code-box",28),i(68,"nz-demo-drawer-multi-level-drawer",25),n(69,"div",26),f(),n(70,"p"),t(71,"Open a new drawer on top of an existing drawer to handle multi branch tasks"),e(),S(),e()(),n(72,"nz-code-box",29),i(73,"nz-demo-drawer-size",25),n(74,"div",26),f(),n(75,"p"),t(76,"The default width (or height) of Drawer is "),n(77,"code"),t(78,"378px"),e(),t(79,", and there is a presetted large size "),n(80,"code"),t(81,"736px"),e(),t(82,"."),e(),S(),e()()(),n(83,"div",23)(84,"nz-code-box",30),i(85,"nz-demo-drawer-placement",25),n(86,"div",26),f(),n(87,"p"),t(88,"Basic drawer."),e(),S(),e()(),n(89,"nz-code-box",31),i(90,"nz-demo-drawer-user-profile",25),n(91,"div",26),f(),n(92,"p"),t(93,"Use when you need to quickly preview the outline of the object. Such as list item preview."),e(),S(),e()(),n(94,"nz-code-box",32),i(95,"nz-demo-drawer-service",25),n(96,"div",26),f(),n(97,"p"),t(98,"Usage of Drawer's service, examples demonstrate user-defined templates, custom components."),e(),S(),e()()()(),n(99,"section",33),f(),n(100,"h2",34)(101,"span"),t(102,"API"),e(),n(103,"a",35),t(104,"#"),e()(),n(105,"h3",36)(106,"span"),t(107,"nz-drawer"),e(),n(108,"label",37),t(109,"component"),e(),n(110,"label",38),t(111,"standalone"),e(),n(112,"a",39),t(113,"#"),e()(),n(114,"table")(115,"thead")(116,"tr")(117,"th"),t(118,"Props"),e(),n(119,"th"),t(120,"Description"),e(),n(121,"th"),t(122,"Type"),e(),n(123,"th"),t(124,"Default"),e(),n(125,"th"),t(126,"Global Config"),e()()(),n(127,"tbody")(128,"tr")(129,"td")(130,"code"),t(131,"[nzClosable]"),e()(),n(132,"td"),t(133,"Whether a close (x) button is visible on top left of the Drawer dialog or not."),e(),n(134,"td")(135,"code"),t(136,"boolean"),e()(),n(137,"td")(138,"code"),t(139,"true"),e()(),i(140,"td"),e(),n(141,"tr")(142,"td")(143,"code"),t(144,"[nzCloseIcon]"),e()(),n(145,"td"),t(146,"Custom close icon"),e(),n(147,"td")(148,"code"),t(149,"string | TemplateRef<void> | null"),e()(),n(150,"td")(151,"code"),t(152,"'close'"),e()(),i(153,"td"),e(),n(154,"tr")(155,"td")(156,"code"),t(157,"[nzExtra]"),e()(),n(158,"td"),t(159,"Extra actions area at corner."),e(),n(160,"td")(161,"code"),t(162,"string | TemplateRef<void> | null"),e()(),n(163,"td"),t(164,"-"),e(),i(165,"td"),e(),n(166,"tr")(167,"td")(168,"code"),t(169,"[nzMask]"),e()(),n(170,"td"),t(171,"Whether to show mask or not."),e(),n(172,"td")(173,"code"),t(174,"boolean"),e()(),n(175,"td")(176,"code"),t(177,"true"),e()(),n(178,"td"),t(179,"\u2705"),e()(),n(180,"tr")(181,"td")(182,"code"),t(183,"[nzMaskClosable]"),e()(),n(184,"td"),t(185,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(186,"td")(187,"code"),t(188,"boolean"),e()(),n(189,"td")(190,"code"),t(191,"true"),e()(),n(192,"td"),t(193,"\u2705"),e()(),n(194,"tr")(195,"td")(196,"code"),t(197,"[nzCloseOnNavigation]"),e()(),n(198,"td"),t(199,"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(200,"td")(201,"code"),t(202,"boolean"),e()(),n(203,"td")(204,"code"),t(205,"true"),e()(),n(206,"td"),t(207,"\u2705"),e()(),n(208,"tr")(209,"td")(210,"code"),t(211,"[nzKeyboard]"),e()(),n(212,"td"),t(213,"Whether support press esc to close"),e(),n(214,"td")(215,"code"),t(216,"boolean"),e()(),n(217,"td")(218,"code"),t(219,"true"),e()(),i(220,"td"),e(),n(221,"tr")(222,"td")(223,"code"),t(224,"[nzMaskStyle]"),e()(),n(225,"td"),t(226,"Style for Drawer's mask element."),e(),n(227,"td")(228,"code"),t(229,"object"),e()(),n(230,"td")(231,"code"),t(232,"{}"),e()(),i(233,"td"),e(),n(234,"tr")(235,"td")(236,"code"),t(237,"[nzBodyStyle]"),e()(),n(238,"td"),t(239,"Body style for drawer body element. Such as height, padding etc."),e(),n(240,"td")(241,"code"),t(242,"object"),e()(),n(243,"td")(244,"code"),t(245,"{}"),e()(),i(246,"td"),e(),n(247,"tr")(248,"td")(249,"code"),t(250,"[nzTitle]"),e()(),n(251,"td"),t(252,"The title for Drawer."),e(),n(253,"td")(254,"code"),t(255,"string | TemplateRef<void>"),e()(),n(256,"td"),t(257,"-"),e(),i(258,"td"),e(),n(259,"tr")(260,"td")(261,"code"),t(262,"[nzFooter]"),e()(),n(263,"td"),t(264,"The footer for Drawer."),e(),n(265,"td")(266,"code"),t(267,"string | TemplateRef<void>"),e()(),n(268,"td"),t(269,"-"),e(),i(270,"td"),e(),n(271,"tr")(272,"td")(273,"code"),t(274,"[nzVisible]"),e()(),n(275,"td"),t(276,"Whether the Drawer dialog is visible or not, you can use "),n(277,"code"),t(278,"[(nzVisible)]"),e(),t(279," two-way binding"),e(),n(280,"td")(281,"code"),t(282,"boolean"),e()(),n(283,"td")(284,"code"),t(285,"false"),e()(),i(286,"td"),e(),n(287,"tr")(288,"td")(289,"code"),t(290,"[nzPlacement]"),e()(),n(291,"td"),t(292,"The placement of the Drawer."),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,"Preset size of drawer, default "),n(306,"code"),t(307,"378px"),e(),t(308," and large "),n(309,"code"),t(310,"736px"),e(),t(311,"."),e(),n(312,"td")(313,"code"),t(314,"'default' | 'large'"),e()(),n(315,"td")(316,"code"),t(317,"'default'"),e()(),i(318,"td"),e(),n(319,"tr")(320,"td")(321,"code"),t(322,"[nzWidth]"),e()(),n(323,"td"),t(324,"Width of the Drawer dialog, only when placement is "),n(325,"code"),t(326,"'right'"),e(),t(327," or "),n(328,"code"),t(329,"'left'"),e(),t(330,", having a higher priority than "),n(331,"code"),t(332,"nzSize"),e(),t(333,"."),e(),n(334,"td")(335,"code"),t(336,"number | string"),e()(),n(337,"td"),t(338,"-"),e(),i(339,"td"),e(),n(340,"tr")(341,"td")(342,"code"),t(343,"[nzHeight]"),e()(),n(344,"td"),t(345,"Height of the Drawer dialog, only when placement is "),n(346,"code"),t(347,"'top'"),e(),t(348," or "),n(349,"code"),t(350,"'bottom'"),e(),t(351,", having a higher priority than "),n(352,"code"),t(353,"nzSize"),e(),t(354,"."),e(),n(355,"td")(356,"code"),t(357,"number | string"),e()(),n(358,"td"),t(359,"-"),e(),i(360,"td"),e(),n(361,"tr")(362,"td")(363,"code"),t(364,"[nzOffsetX]"),e()(),n(365,"td"),t(366,"The X coordinate offset(px), only when placement is "),n(367,"code"),t(368,"'right'"),e(),t(369," or "),n(370,"code"),t(371,"'left'"),e(),t(372,"."),e(),n(373,"td")(374,"code"),t(375,"number"),e()(),n(376,"td")(377,"code"),t(378,"0"),e()(),i(379,"td"),e(),n(380,"tr")(381,"td")(382,"code"),t(383,"[nzOffsetY]"),e()(),n(384,"td"),t(385,"The Y coordinate offset(px), only when placement is "),n(386,"code"),t(387,"'top'"),e(),t(388," or "),n(389,"code"),t(390,"'bottom'"),e(),t(391,"."),e(),n(392,"td")(393,"code"),t(394,"number"),e()(),n(395,"td")(396,"code"),t(397,"0"),e()(),i(398,"td"),e(),n(399,"tr")(400,"td")(401,"code"),t(402,"[nzWrapClassName]"),e()(),n(403,"td"),t(404,"The class name of the container of the Drawer dialog."),e(),n(405,"td")(406,"code"),t(407,"string"),e()(),n(408,"td"),t(409,"-"),e(),i(410,"td"),e(),n(411,"tr")(412,"td")(413,"code"),t(414,"[nzZIndex]"),e()(),n(415,"td"),t(416,"The "),n(417,"code"),t(418,"z-index"),e(),t(419," of the Drawer."),e(),n(420,"td")(421,"code"),t(422,"number"),e()(),n(423,"td")(424,"code"),t(425,"1000"),e()(),i(426,"td"),e(),n(427,"tr")(428,"td")(429,"code"),t(430,"(nzOnClose)"),e()(),n(431,"td"),t(432,"Specify a callback that will be called when a user clicks mask, close button or Cancel button."),e(),n(433,"td")(434,"code"),t(435,"EventEmitter<MouseEvent>"),e()(),n(436,"td"),t(437,"-"),e(),i(438,"td"),e()()(),n(439,"h3",40)(440,"span"),t(441,"NzDrawerService"),e(),n(442,"label",41),t(443,"service"),e(),n(444,"a",42),t(445,"#"),e()(),n(446,"table")(447,"thead")(448,"tr")(449,"th"),t(450,"Method"),e(),n(451,"th"),t(452,"Description"),e(),n(453,"th"),t(454,"Params"),e(),n(455,"th"),t(456,"Return"),e()()(),n(457,"tbody")(458,"tr")(459,"td"),t(460,"create<T, D, R>"),e(),n(461,"td"),t(462,"create and open an Drawer"),e(),n(463,"td")(464,"code"),t(465,"NzDrawerOptions<T, D>"),e()(),n(466,"td")(467,"code"),t(468,"NzDrawerRef<T, R>"),e()()()()(),n(469,"h3",43)(470,"span"),t(471,"NzDrawerOptions"),e(),n(472,"a",44),t(473,"#"),e()(),n(474,"table")(475,"thead")(476,"tr")(477,"th"),t(478,"Params"),e(),n(479,"th"),t(480,"Description"),e(),n(481,"th"),t(482,"Type"),e(),n(483,"th"),t(484,"Default"),e(),n(485,"th"),t(486,"Global Config"),e()()(),n(487,"tbody")(488,"tr")(489,"td"),t(490,"nzContent"),e(),n(491,"td"),t(492,"The drawer body content."),e(),n(493,"td")(494,"code"),t(495,"TemplateRef<{ $implicit: D, drawerRef: NzDrawerRef }> | Type<T>"),e()(),n(496,"td"),t(497,"-"),e(),i(498,"td"),e(),n(499,"tr")(500,"td"),t(501,"nzContentParams"),e(),n(502,"td"),t(503,"Deprecated: Use NzData instead. The component inputs the param / The Template context"),e(),n(504,"td")(505,"code"),t(506,"D"),e()(),n(507,"td"),t(508,"-"),e(),i(509,"td"),e(),n(510,"tr")(511,"td"),t(512,"nzData"),e(),n(513,"td"),t(514,"Will be a template variable when nzContent is TemplateRef. "),i(515,"br"),t(516," object, will be the value of the injection token NZ_MODAL_DATA when nzContent is a component"),e(),n(517,"td")(518,"code"),t(519,"D"),e()(),n(520,"td"),t(521,"-"),e(),i(522,"td"),e(),n(523,"tr")(524,"td"),t(525,"nzClosable"),e(),n(526,"td"),t(527,"Whether a close (x) button is visible on top left of the Drawer dialog or not."),e(),n(528,"td")(529,"code"),t(530,"boolean"),e()(),n(531,"td")(532,"code"),t(533,"true"),e()(),i(534,"td"),e(),n(535,"tr")(536,"td"),t(537,"nzCloseIcon"),e(),n(538,"td"),t(539,"Custom close icon"),e(),n(540,"td")(541,"code"),t(542,"string | TemplateRef<void> | null"),e()(),n(543,"td")(544,"code"),t(545,"'close'"),e()(),i(546,"td"),e(),n(547,"tr")(548,"td"),t(549,"nzExtra"),e(),n(550,"td"),t(551,"Extra actions area at corner."),e(),n(552,"td")(553,"code"),t(554,"string | TemplateRef<void> | null"),e()(),n(555,"td"),t(556,"-"),e(),i(557,"td"),e(),n(558,"tr")(559,"td"),t(560,"nzOnCancel"),e(),n(561,"td"),t(562,"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(563,"td")(564,"code"),t(565,"() => Promise<any>"),e()(),n(566,"td"),t(567,"-"),e(),i(568,"td"),e(),n(569,"tr")(570,"td"),t(571,"nzMaskClosable"),e(),n(572,"td"),t(573,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(574,"td")(575,"code"),t(576,"boolean"),e()(),n(577,"td")(578,"code"),t(579,"true"),e()(),n(580,"td"),t(581,"\u2705"),e()(),n(582,"tr")(583,"td"),t(584,"nzCloseOnNavigation"),e(),n(585,"td"),t(586,"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(587,"td")(588,"code"),t(589,"boolean"),e()(),n(590,"td")(591,"code"),t(592,"true"),e()(),n(593,"td"),t(594,"\u2705"),e()(),n(595,"tr")(596,"td"),t(597,"nzMask"),e(),n(598,"td"),t(599,"Whether to show mask or not."),e(),n(600,"td")(601,"code"),t(602,"boolean"),e()(),n(603,"td")(604,"code"),t(605,"true"),e()(),n(606,"td"),t(607,"\u2705"),e()(),n(608,"tr")(609,"td"),t(610,"nzDirection"),e(),n(611,"td"),t(612,"Direction of the text in the modal"),e(),n(613,"td")(614,"code"),t(615,"'ltr' | 'rtl'"),e()(),n(616,"td"),t(617,"-"),e(),n(618,"td"),t(619,"\u2705"),e()(),n(620,"tr")(621,"td"),t(622,"nzKeyboard"),e(),n(623,"td"),t(624,"Whether support press esc to close"),e(),n(625,"td")(626,"code"),t(627,"boolean"),e()(),n(628,"td")(629,"code"),t(630,"true"),e()(),i(631,"td"),e(),n(632,"tr")(633,"td"),t(634,"nzMaskStyle"),e(),n(635,"td"),t(636,"Style for Drawer's mask element."),e(),n(637,"td")(638,"code"),t(639,"object"),e()(),n(640,"td")(641,"code"),t(642,"{}"),e()(),i(643,"td"),e(),n(644,"tr")(645,"td"),t(646,"nzBodyStyle"),e(),n(647,"td"),t(648,"Body style for modal body element. Such as height, padding etc."),e(),n(649,"td")(650,"code"),t(651,"object"),e()(),n(652,"td")(653,"code"),t(654,"{}"),e()(),i(655,"td"),e(),n(656,"tr")(657,"td"),t(658,"nzTitle"),e(),n(659,"td"),t(660,"The title for Drawer."),e(),n(661,"td")(662,"code"),t(663,"string | TemplateRef<void>"),e()(),n(664,"td"),t(665,"-"),e(),i(666,"td"),e(),n(667,"tr")(668,"td"),t(669,"nzFooter"),e(),n(670,"td"),t(671,"The footer for Drawer."),e(),n(672,"td")(673,"code"),t(674,"string | TemplateRef<void>"),e()(),n(675,"td"),t(676,"-"),e(),i(677,"td"),e(),n(678,"tr")(679,"td"),t(680,"nzSize"),e(),n(681,"td"),t(682,"Preset size of drawer, default "),n(683,"code"),t(684,"378px"),e(),t(685," and large "),n(686,"code"),t(687,"736px"),e(),t(688,"."),e(),n(689,"td")(690,"code"),t(691,"'default' | 'large'"),e()(),n(692,"td")(693,"code"),t(694,"'default'"),e()(),i(695,"td"),e(),n(696,"tr")(697,"td"),t(698,"nzWidth"),e(),n(699,"td"),t(700,"Width of the Drawer dialog, only when placement is "),n(701,"code"),t(702,"'right'"),e(),t(703," or "),n(704,"code"),t(705,"'left'"),e(),t(706,", having a higher priority than "),n(707,"code"),t(708,"nzSize"),e(),t(709,"."),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,"nzHeight"),e(),n(719,"td"),t(720,"Height of the Drawer dialog, only when placement is "),n(721,"code"),t(722,"'top'"),e(),t(723," or "),n(724,"code"),t(725,"'bottom'"),e(),t(726,", having a higher priority than "),n(727,"code"),t(728,"nzSize"),e(),t(729,"."),e(),n(730,"td")(731,"code"),t(732,"number | string"),e()(),n(733,"td"),t(734,"-"),e(),i(735,"td"),e(),n(736,"tr")(737,"td"),t(738,"nzWrapClassName"),e(),n(739,"td"),t(740,"The class name of the container of the Drawer dialog."),e(),n(741,"td")(742,"code"),t(743,"string"),e()(),n(744,"td"),t(745,"-"),e(),i(746,"td"),e(),n(747,"tr")(748,"td"),t(749,"nzZIndex"),e(),n(750,"td"),t(751,"The "),n(752,"code"),t(753,"z-index"),e(),t(754," of the Drawer."),e(),n(755,"td")(756,"code"),t(757,"number"),e()(),n(758,"td")(759,"code"),t(760,"1000"),e()(),i(761,"td"),e(),n(762,"tr")(763,"td"),t(764,"nzPlacement"),e(),n(765,"td"),t(766,"The placement of the Drawer."),e(),n(767,"td")(768,"code"),t(769,"'top' | 'right' | 'bottom' | 'left'"),e()(),n(770,"td")(771,"code"),t(772,"'right'"),e()(),i(773,"td"),e(),n(774,"tr")(775,"td"),t(776,"nzOffsetX"),e(),n(777,"td"),t(778,"The X coordinate offset(px)."),e(),n(779,"td")(780,"code"),t(781,"number"),e()(),n(782,"td")(783,"code"),t(784,"0"),e()(),i(785,"td"),e(),n(786,"tr")(787,"td"),t(788,"nzOffsetY"),e(),n(789,"td"),t(790,"The Y coordinate offset(px), only when placement is "),n(791,"code"),t(792,"'top'"),e(),t(793," or "),n(794,"code"),t(795,"'bottom'"),e(),t(796,"."),e(),n(797,"td")(798,"code"),t(799,"number"),e()(),n(800,"td")(801,"code"),t(802,"0"),e()(),i(803,"td"),e()()(),n(804,"h3",45)(805,"span"),t(806,"NZ_DRAWER_DATA"),e(),n(807,"a",46),t(808,"#"),e()(),n(809,"p"),t(810,`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(811,"h3",47)(812,"span"),t(813,"NzDrawerRef"),e(),n(814,"a",48),t(815,"#"),e()(),n(816,"h4",49)(817,"span"),t(818,"Methods"),e(),n(819,"a",50),t(820,"#"),e()(),n(821,"table")(822,"thead")(823,"tr")(824,"th"),t(825,"Name"),e(),n(826,"th"),t(827,"Description"),e(),n(828,"th"),t(829,"Type"),e()()(),n(830,"tbody")(831,"tr")(832,"td"),t(833,"close"),e(),n(834,"td"),t(835,"close the drawer."),e(),n(836,"td")(837,"code"),t(838,"(result?: R) => void"),e()()(),n(839,"tr")(840,"td"),t(841,"open"),e(),n(842,"td"),t(843,"open the drawer."),e(),n(844,"td")(845,"code"),t(846,"() => void"),e()()(),n(847,"tr")(848,"td"),t(849,"getContentComponent"),e(),n(850,"td"),t(851,"Returns the instance when "),n(852,"code"),t(853,"nzContent"),e(),t(854," is the component."),e(),n(855,"td")(856,"code"),t(857,"() => T | null"),e()()(),n(858,"tr")(859,"td"),t(860,"getContentComponentRef"),e(),n(861,"td"),t(862,"Returns the reference of the component when "),n(863,"code"),t(864,"nzContent"),e(),t(865," is the component."),e(),n(866,"td")(867,"code"),t(868,"() => ComponentRef<T> | null"),e()()()()(),n(869,"h4",51)(870,"span"),t(871,"Property"),e(),n(872,"a",52),t(873,"#"),e()(),n(874,"table")(875,"thead")(876,"tr")(877,"th"),t(878,"Name"),e(),n(879,"th"),t(880,"Description"),e(),n(881,"th"),t(882,"Type"),e()()(),n(883,"tbody")(884,"tr")(885,"td"),t(886,"afterOpen"),e(),n(887,"td"),t(888,"Callback called after open."),e(),n(889,"td")(890,"code"),t(891,"Observable<void>"),e()()(),n(892,"tr")(893,"td"),t(894,"afterClose"),e(),n(895,"td"),t(896,"Callback called after close."),e(),n(897,"td")(898,"code"),t(899,"Observable<R>"),e()()(),n(900,"tr")(901,"td"),t(902,"nzCloseIcon"),e(),n(903,"td"),t(904,"Custom close icon"),e(),n(905,"td")(906,"code"),t(907,"string | TemplateRef<void> | null"),e()()(),n(908,"tr")(909,"td"),t(910,"nzClosable"),e(),n(911,"td"),t(912,"Whether a close (x) button is visible on top right of the Drawer dialog or not."),e(),n(913,"td")(914,"code"),t(915,"boolean"),e()()(),n(916,"tr")(917,"td"),t(918,"nzMaskClosable"),e(),n(919,"td"),t(920,"Clicking on the mask (area outside the Drawer) to close the Drawer or not."),e(),n(921,"td")(922,"code"),t(923,"boolean"),e()()(),n(924,"tr")(925,"td"),t(926,"nzMask"),e(),n(927,"td"),t(928,"Whether to show mask or not."),e(),n(929,"td")(930,"code"),t(931,"boolean"),e()()(),n(932,"tr")(933,"td"),t(934,"nzKeyboard"),e(),n(935,"td"),t(936,"Whether support press esc to close"),e(),n(937,"td")(938,"code"),t(939,"boolean"),e()()(),n(940,"tr")(941,"td"),t(942,"nzMaskStyle"),e(),n(943,"td"),t(944,"Style for Drawer's mask element."),e(),n(945,"td")(946,"code"),t(947,"object"),e()()(),n(948,"tr")(949,"td"),t(950,"nzBodyStyle"),e(),n(951,"td"),t(952,"Body style for modal body element. Such as height, padding etc."),e(),n(953,"td")(954,"code"),t(955,"object"),e()()(),n(956,"tr")(957,"td"),t(958,"nzTitle"),e(),n(959,"td"),t(960,"The title for Drawer."),e(),n(961,"td")(962,"code"),t(963,"string | TemplateRef<void>"),e()()(),n(964,"tr")(965,"td"),t(966,"nzFooter"),e(),n(967,"td"),t(968,"The footer for Drawer."),e(),n(969,"td")(970,"code"),t(971,"string | TemplateRef<void>"),e()()(),n(972,"tr")(973,"td"),t(974,"nzWidth"),e(),n(975,"td"),t(976,"Width of the Drawer dialog."),e(),n(977,"td")(978,"code"),t(979,"number | string"),e()()(),n(980,"tr")(981,"td"),t(982,"nzHeight"),e(),n(983,"td"),t(984,"Height of the Drawer dialog, only when placement is "),n(985,"code"),t(986,"'top'"),e(),t(987," or "),n(988,"code"),t(989,"'bottom'"),e(),t(990,"."),e(),n(991,"td")(992,"code"),t(993,"number | string"),e()()(),n(994,"tr")(995,"td"),t(996,"nzWrapClassName"),e(),n(997,"td"),t(998,"The class name of the container of the Drawer dialog."),e(),n(999,"td")(1e3,"code"),t(1001,"string"),e()()(),n(1002,"tr")(1003,"td"),t(1004,"nzZIndex"),e(),n(1005,"td"),t(1006,"The "),n(1007,"code"),t(1008,"z-index"),e(),t(1009," of the Drawer."),e(),n(1010,"td")(1011,"code"),t(1012,"number"),e()()(),n(1013,"tr")(1014,"td"),t(1015,"nzPlacement"),e(),n(1016,"td"),t(1017,"The placement of the Drawer."),e(),n(1018,"td")(1019,"code"),t(1020,"'top' | 'right' | 'bottom' | 'left'"),e()()(),n(1021,"tr")(1022,"td"),t(1023,"nzOffsetX"),e(),n(1024,"td"),t(1025,"The X coordinate offset(px)."),e(),n(1026,"td")(1027,"code"),t(1028,"number"),e()()(),n(1029,"tr")(1030,"td"),t(1031,"nzOffsetY"),e(),n(1032,"td"),t(1033,"The Y coordinate offset(px), only when placement is "),n(1034,"code"),t(1035,"'top'"),e(),t(1036," or "),n(1037,"code"),t(1038,"'bottom'"),e(),t(1039,"."),e(),n(1040,"td")(1041,"code"),t(1042,"number"),e()()()()(),S(),e()()),m&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")("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")("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")("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")("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")("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")("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")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/drawer/demo/service.md"))},dependencies:[I,te,ne,ee,R,y,re,ie,D,ue,se,pe,Ee,ze,xe,Se],encapsulation:2});let l=r;return l})();var Pn=(()=>{let r=class r{};r.\u0275fac=function(m){return new(m||r)},r.\u0275mod=Fe({type:r}),r.\u0275inj=ge({imports:[ye,lt,Ne.forChild([{path:"en",component:xt},{path:"zh",component:zt}])]});let l=r;return l})();export{Pn as NzDemoDrawerModule};