-
Notifications
You must be signed in to change notification settings - Fork 11
/
chunk-IZ7VUFOX.js
21 lines (21 loc) · 60 KB
/
chunk-IZ7VUFOX.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import{a as dt,c as zt,d as ut,e as ct,f as pt}from"./chunk-CJKD4PTZ.js";import{a as et,d as tt,f as nt}from"./chunk-3OJIVRUZ.js";import{c as it,g as ot,l as rt,n as lt,p as at,q as mt,s as st}from"./chunk-ERK2CFZX.js";import"./chunk-YW3NVUV5.js";import"./chunk-WD5CSFOF.js";import"./chunk-BUL6X4XY.js";import"./chunk-OJSJKSHN.js";import"./chunk-FPTJTSUI.js";import"./chunk-EXCAEERN.js";import"./chunk-KNYRAO7I.js";import"./chunk-VSPE72FH.js";import"./chunk-4F3F27BT.js";import"./chunk-7EEEUGJK.js";import"./chunk-MGFBB5Y4.js";import{a as Ye,b as Qe,d as Je}from"./chunk-HVFPNQ3B.js";import{a as Xe}from"./chunk-6AJOFIIP.js";import"./chunk-3LAVY7RV.js";import{a as N,g as me,h as se,j as de}from"./chunk-Q4ISATUO.js";import"./chunk-JXWNPNAC.js";import{Ca as H,Ea as qe,Hc as I,Ic as O,Jc as Ke,Lc as ae,R as De,Sb as T,ea as we,ec as le,ia as q,ja as Ue,la as Ve}from"./chunk-YWVGY2C2.js";import{Aa as E,Ac as te,Ba as Q,Bc as ne,C as Me,Ca as J,Cc as ie,E as Be,Gc as Ze,Hc as e,Ib as p,Ic as oe,Jb as Ie,Jc as _,Kb as Oe,La as $,Ma as Se,Ob as Le,Pb as Z,Pc as ve,Qa as fe,Qc as Re,Wb as d,Xb as C,Yb as Ce,ba as w,dc as K,f as W,fc as j,gc as U,hc as V,ia as ke,ic as t,id as re,ja as _e,jc as n,jd as A,kc as z,lc as Pe,mc as Ge,na as Ae,oa as He,oc as ee,rb as m,rc as u,sb as g,tc as y,td as je,uc as We,vc as $e,xb as ge,ya as Te,za as x}from"./chunk-GBKJFEQZ.js";import{a as B,b as G}from"./chunk-EQDQRRRY.js";var Ct=["*"];function vt(r,f){if(r&1&&z(0,"nz-resize-handle",0),r&2){let o=f.$implicit;d("nzDirection",o.direction)("nzCursorType",o.cursorType)}}function ht(r){return De(r)?r.touches[0]||r.changedTouches[0]:r}var ye=(()=>{class r{constructor(o){this.ngZone=o,this.document=He(je),this.listeners=new Map,this.handleMouseDownOutsideAngular$=new W,this.documentMouseUpOutsideAngular$=new W,this.documentMouseMoveOutsideAngular$=new W,this.mouseEnteredOutsideAngular$=new W}startResizing(o){let i=De(o);this.clearListeners();let l=i?"touchmove":"mousemove",a=i?"touchend":"mouseup",s=c=>{this.documentMouseMoveOutsideAngular$.next(c)},h=c=>{this.documentMouseUpOutsideAngular$.next(c),this.clearListeners()};this.listeners.set(l,s),this.listeners.set(a,h),this.ngZone.runOutsideAngular(()=>{this.listeners.forEach((c,D)=>{this.document.addEventListener(D,c)})})}clearListeners(){this.listeners.forEach((o,i)=>{this.document.removeEventListener(i,o)}),this.listeners.clear()}ngOnDestroy(){this.handleMouseDownOutsideAngular$.complete(),this.documentMouseUpOutsideAngular$.complete(),this.documentMouseMoveOutsideAngular$.complete(),this.mouseEnteredOutsideAngular$.complete(),this.clearListeners()}static{this.\u0275fac=function(i){return new(i||r)(Ae(Se))}}static{this.\u0275prov=ke({token:r,factory:r.\u0275fac})}}return r})(),b=(()=>{class r{constructor(o,i,l,a,s,h){this.elementRef=o,this.renderer=i,this.nzResizableService=l,this.platform=a,this.ngZone=s,this.destroy$=h,this.nzBounds="parent",this.nzMinHeight=40,this.nzMinWidth=40,this.nzGridColumnCount=-1,this.nzMaxColumn=-1,this.nzMinColumn=-1,this.nzLockAspectRatio=!1,this.nzPreview=!1,this.nzDisabled=!1,this.nzResize=new $,this.nzResizeEnd=new $,this.nzResizeStart=new $,this.resizing=!1,this.currentHandleEvent=null,this.ghostElement=null,this.sizeCache=null,this.nzResizableService.handleMouseDownOutsideAngular$.pipe(w(this.destroy$)).subscribe(c=>{this.nzDisabled||(this.resizing=!0,this.nzResizableService.startResizing(c.mouseEvent),this.currentHandleEvent=c,this.nzResizeStart.observers.length&&this.ngZone.run(()=>this.nzResizeStart.emit({mouseEvent:c.mouseEvent,direction:c.direction})),this.elRect=this.el.getBoundingClientRect())}),this.nzResizableService.documentMouseUpOutsideAngular$.pipe(w(this.destroy$),Be(Boolean)).subscribe(c=>{this.resizing&&(this.resizing=!1,this.nzResizableService.documentMouseUpOutsideAngular$.next(null),this.endResize(c))}),this.nzResizableService.documentMouseMoveOutsideAngular$.pipe(w(this.destroy$)).subscribe(c=>{this.resizing&&this.resize(c)})}setPosition(){let o=getComputedStyle(this.el).position;(o==="static"||!o)&&this.renderer.setStyle(this.el,"position","relative")}calcSize(o,i,l){let a,s,h,c,D=0,L=0,M=this.nzMinWidth,Y=1/0,X=1/0;if(this.nzBounds==="parent"){let P=this.renderer.parentNode(this.el);if(P instanceof HTMLElement){let Fe=P.getBoundingClientRect();Y=Fe.width,X=Fe.height}}else if(this.nzBounds==="window")typeof window<"u"&&(Y=window.innerWidth,X=window.innerHeight);else if(this.nzBounds&&this.nzBounds.nativeElement&&this.nzBounds.nativeElement instanceof HTMLElement){let P=this.nzBounds.nativeElement.getBoundingClientRect();Y=P.width,X=P.height}return h=we(this.nzMaxWidth,Y),c=we(this.nzMaxHeight,X),this.nzGridColumnCount!==-1&&(L=h/this.nzGridColumnCount,M=this.nzMinColumn!==-1?L*this.nzMinColumn:M,h=this.nzMaxColumn!==-1?L*this.nzMaxColumn:h),l!==-1?/(left|right)/i.test(this.currentHandleEvent.direction)?(a=Math.min(Math.max(o,M),h),s=Math.min(Math.max(a/l,this.nzMinHeight),c),(s>=c||s<=this.nzMinHeight)&&(a=Math.min(Math.max(s*l,M),h))):(s=Math.min(Math.max(i,this.nzMinHeight),c),a=Math.min(Math.max(s*l,M),h),(a>=h||a<=M)&&(s=Math.min(Math.max(a/l,this.nzMinHeight),c))):(a=Math.min(Math.max(o,M),h),s=Math.min(Math.max(i,this.nzMinHeight),c)),this.nzGridColumnCount!==-1&&(D=Math.round(a/L),a=D*L),{col:D,width:a,height:s}}resize(o){let i=this.elRect,l=ht(o),a=ht(this.currentHandleEvent.mouseEvent),s=i.width,h=i.height,c=this.nzLockAspectRatio?s/h:-1;switch(this.currentHandleEvent.direction){case"bottomRight":s=l.clientX-i.left,h=l.clientY-i.top;break;case"bottomLeft":s=i.width+a.clientX-l.clientX,h=l.clientY-i.top;break;case"topRight":s=l.clientX-i.left,h=i.height+a.clientY-l.clientY;break;case"topLeft":s=i.width+a.clientX-l.clientX,h=i.height+a.clientY-l.clientY;break;case"top":h=i.height+a.clientY-l.clientY;break;case"right":s=l.clientX-i.left;break;case"bottom":h=l.clientY-i.top;break;case"left":s=i.width+a.clientX-l.clientX}let D=this.calcSize(s,h,c);this.sizeCache=B({},D),this.nzResize.observers.length&&this.ngZone.run(()=>{this.nzResize.emit(G(B({},D),{mouseEvent:o,direction:this.currentHandleEvent.direction}))}),this.nzPreview&&this.previewResize(D)}endResize(o){this.removeGhostElement();let i=this.sizeCache?B({},this.sizeCache):{width:this.elRect.width,height:this.elRect.height};this.nzResizeEnd.observers.length&&this.ngZone.run(()=>{this.nzResizeEnd.emit(G(B({},i),{mouseEvent:o,direction:this.currentHandleEvent.direction}))}),this.sizeCache=null,this.currentHandleEvent=null}previewResize({width:o,height:i}){this.createGhostElement(),this.renderer.setStyle(this.ghostElement,"width",`${o}px`),this.renderer.setStyle(this.ghostElement,"height",`${i}px`)}createGhostElement(){this.ghostElement||(this.ghostElement=this.renderer.createElement("div"),this.renderer.setAttribute(this.ghostElement,"class","nz-resizable-preview")),this.renderer.appendChild(this.el,this.ghostElement)}removeGhostElement(){this.ghostElement&&this.renderer.removeChild(this.el,this.ghostElement)}ngAfterViewInit(){this.platform.isBrowser&&(this.el=this.elementRef.nativeElement,this.setPosition(),q(this.el,"mouseenter").pipe(w(this.destroy$)).subscribe(()=>{this.nzResizableService.mouseEnteredOutsideAngular$.next(!0)}),q(this.el,"mouseleave").pipe(w(this.destroy$)).subscribe(()=>{this.nzResizableService.mouseEnteredOutsideAngular$.next(!1)}))}ngOnDestroy(){this.ghostElement=null,this.sizeCache=null}static{this.\u0275fac=function(i){return new(i||r)(g(fe),g(ge),g(ye),g(Ue),g(Se),g(T))}}static{this.\u0275dir=Oe({type:r,selectors:[["","nz-resizable",""]],hostAttrs:[1,"nz-resizable"],hostVars:4,hostBindings:function(i,l){i&2&&Ce("nz-resizable-resizing",l.resizing)("nz-resizable-disabled",l.nzDisabled)},inputs:{nzBounds:"nzBounds",nzMaxHeight:"nzMaxHeight",nzMaxWidth:"nzMaxWidth",nzMinHeight:[2,"nzMinHeight","nzMinHeight",A],nzMinWidth:[2,"nzMinWidth","nzMinWidth",A],nzGridColumnCount:[2,"nzGridColumnCount","nzGridColumnCount",A],nzMaxColumn:[2,"nzMaxColumn","nzMaxColumn",A],nzMinColumn:[2,"nzMinColumn","nzMinColumn",A],nzLockAspectRatio:[2,"nzLockAspectRatio","nzLockAspectRatio",re],nzPreview:[2,"nzPreview","nzPreview",re],nzDisabled:[2,"nzDisabled","nzDisabled",re]},outputs:{nzResize:"nzResize",nzResizeEnd:"nzResizeEnd",nzResizeStart:"nzResizeStart"},exportAs:["nzResizable"],features:[ve([ye,T]),Le]})}}return r})(),Ne=class{constructor(f,o){this.direction=f,this.mouseEvent=o}},xt=Ve({passive:!0}),k=(()=>{class r{constructor(o,i,l,a){this.nzResizableService=o,this.renderer=i,this.host=l,this.destroy$=a,this.nzDirection="bottomRight",this.nzCursorType="window",this.nzMouseDown=new $}ngOnInit(){this.nzResizableService.mouseEnteredOutsideAngular$.pipe(w(this.destroy$)).subscribe(o=>{o?this.renderer.addClass(this.host.nativeElement,"nz-resizable-handle-box-hover"):this.renderer.removeClass(this.host.nativeElement,"nz-resizable-handle-box-hover")}),Me(q(this.host.nativeElement,"mousedown",xt),q(this.host.nativeElement,"touchstart",xt)).pipe(w(this.destroy$)).subscribe(o=>{this.nzResizableService.handleMouseDownOutsideAngular$.next(new Ne(this.nzDirection,o))})}onPointerDown(o){o.target.setPointerCapture(o.pointerId)}onPointerUp(o){o.target.releasePointerCapture(o.pointerId)}static{this.\u0275fac=function(i){return new(i||r)(g(ye),g(ge),g(fe),g(T))}}static{this.\u0275cmp=p({type:r,selectors:[["nz-resize-handle"],["","nz-resize-handle",""]],hostAttrs:[1,"nz-resizable-handle"],hostVars:20,hostBindings:function(i,l){i&1&&u("pointerdown",function(s){return l.onPointerDown(s)})("pointerup",function(s){return l.onPointerUp(s)}),i&2&&Ce("nz-resizable-handle-top",l.nzDirection==="top")("nz-resizable-handle-right",l.nzDirection==="right")("nz-resizable-handle-bottom",l.nzDirection==="bottom")("nz-resizable-handle-left",l.nzDirection==="left")("nz-resizable-handle-topRight",l.nzDirection==="topRight")("nz-resizable-handle-bottomRight",l.nzDirection==="bottomRight")("nz-resizable-handle-bottomLeft",l.nzDirection==="bottomLeft")("nz-resizable-handle-topLeft",l.nzDirection==="topLeft")("nz-resizable-handle-cursor-type-grid",l.nzCursorType==="grid")("nz-resizable-handle-cursor-type-window",l.nzCursorType==="window")},inputs:{nzDirection:"nzDirection",nzCursorType:"nzCursorType"},outputs:{nzMouseDown:"nzMouseDown"},exportAs:["nzResizeHandle"],features:[ve([T])],ngContentSelectors:Ct,decls:1,vars:0,template:function(i,l){i&1&&(We(),$e(0))},encapsulation:2,changeDetection:0})}}return r})(),Rt=["bottomRight","topRight","bottomLeft","topLeft","bottom","right","top","left"];function Et(r){return r.map(f=>typeof f=="string"?{direction:f,cursorType:"window"}:f)}var R=(()=>{class r{constructor(){this.nzDirections=Rt,this.resizeHandleOptions=Et(this.nzDirections)}ngOnChanges(o){o.nzDirections&&(this.resizeHandleOptions=Et(o.nzDirections.currentValue))}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-resize-handles"]],inputs:{nzDirections:"nzDirections"},exportAs:["nzResizeHandles"],features:[Te],decls:2,vars:0,consts:[[3,"nzDirection","nzCursorType"]],template:function(i,l){i&1&&U(0,vt,1,2,"nz-resize-handle",0,j),i&2&&V(l.resizeHandleOptions)},dependencies:[k],encapsulation:2,changeDetection:0})}}return r})(),S=(()=>{class r{static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275mod=Ie({type:r})}static{this.\u0275inj=_e({})}}return r})();var ze=(()=>{class r{constructor(){this.width=400,this.height=200,this.id=-1,this.disabled=!1,this.resizeDirection=null}onResize({width:o,height:i,direction:l}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=o,this.height=i,this.resizeDirection=l})}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-basic"]],decls:3,vars:9,consts:[["nz-resizable","",1,"box",3,"nzResize","nzMaxWidth","nzMinWidth","nzMaxHeight","nzMinHeight","nzDisabled"]],template:function(i,l){i&1&&(t(0,"div",0),u("nzResize",function(s){return l.onResize(s)}),z(1,"nz-resize-handles"),e(2," content "),n()),i&2&&(C("height",l.height,"px")("width",l.width,"px"),d("nzMaxWidth",600)("nzMinWidth",80)("nzMaxHeight",200)("nzMinHeight",80)("nzDisabled",l.disabled))},dependencies:[S,b,R],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})}}return r})();var ue=(()=>{class r{constructor(){this.width=400,this.height=200,this.id=-1}onResize({width:o,height:i}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=o,this.height=i})}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-customize"]],decls:7,vars:5,consts:[["nz-resizable","",1,"box",3,"nzResize"],["nzDirection","bottomRight"],["nz-icon","","nzType","caret-up","nzTheme","outline",1,"bottom-right",3,"nzRotate"],["nzDirection","right"],[1,"right-wrap"],["nz-icon","","nzType","more","nzTheme","outline",1,"right"]],template:function(i,l){i&1&&(t(0,"div",0),u("nzResize",function(s){return l.onResize(s)}),e(1," content "),t(2,"nz-resize-handle",1),z(3,"span",2),n(),t(4,"nz-resize-handle",3)(5,"div",4),z(6,"span",5),n()()()),i&2&&(C("height",l.height,"px")("width",l.width,"px"),m(3),d("nzRotate",135))},dependencies:[qe,H,S,b,k],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}.bottom-right[_ngcontent-%COMP%]{position:absolute;top:0;left:0}.right-wrap[_ngcontent-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center}.right[_ngcontent-%COMP%]{background:#fff;border:1px solid #ddd;text-align:center;font-size:12px;height:20px;line-height:20px}"]})}}return r})();var Dt=()=>({padding:0,height:"calc(100vh - 55px)"}),wt=()=>["right"];function yt(r,f){if(r&1){let o=ee();t(0,"div",4),u("nzResize",function(l){Q(o);let a=y(2);return J(a.onResize(l))}),z(1,"nz-resize-handles",5),t(2,"p"),e(3,"Some contents..."),n(),t(4,"p"),e(5,"Some contents..."),n(),t(6,"p"),e(7,"Some contents..."),n()()}r&2&&(d("nzMinWidth",256),m(),d("nzDirections",Re(2,wt)))}function Nt(r,f){if(r&1&&(Pe(0),Z(1,yt,8,3,"div",3),Ge()),r&2){let o=y();m(),K(o.visible?1:-1)}}var ce=(()=>{class r{constructor(){this.width=256,this.visible=!1,this.id=-1}onResize({width:o}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=o})}open(){this.visible=!0}close(){this.visible=!1}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-drawer"]],decls:4,vars:5,consts:[["nz-button","","nzType","primary",3,"click"],["nzPlacement","left","nzTitle","Resizable Drawer",3,"nzOnClose","nzClosable","nzVisible","nzBodyStyle","nzWidth"],[4,"nzDrawerContent"],["nz-resizable","","nzBounds","window",1,"drawer-body",3,"nzMinWidth"],["nz-resizable","","nzBounds","window",1,"drawer-body",3,"nzResize","nzMinWidth"],[3,"nzDirections"]],template:function(i,l){i&1&&(t(0,"button",0),u("click",function(){return l.open()}),e(1,"Open"),n(),t(2,"nz-drawer",1),u("nzOnClose",function(){return l.close()}),Z(3,Nt,2,1,"ng-container",2),n()),i&2&&(m(2),d("nzClosable",!1)("nzVisible",l.visible)("nzBodyStyle",Re(4,Dt))("nzWidth",l.width))},dependencies:[Je,Qe,Ye,Xe,nt,tt,et,S,b,R],styles:[".drawer-body[_ngcontent-%COMP%]{width:100%;height:100%;padding:24px}"]})}}return r})();var pe=(()=>{class r{constructor(){this.col=8,this.id=-1,this.directions=[{direction:"right",cursorType:"grid"}]}onResize({col:o}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.col=o})}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-grid"]],decls:6,vars:8,consts:[["nz-row",""],["nz-col","","nz-resizable","",1,"col",3,"nzResize","nzMinColumn","nzMaxColumn","nzGridColumnCount","nzSpan"],[3,"nzDirections"],["nz-col","",1,"col","right",3,"nzSpan"]],template:function(i,l){i&1&&(t(0,"div",0)(1,"div",1),u("nzResize",function(s){return l.onResize(s)}),z(2,"nz-resize-handles",2),e(3),n(),t(4,"div",3),e(5),n()()),i&2&&(m(),d("nzMinColumn",3)("nzMaxColumn",20)("nzGridColumnCount",24)("nzSpan",l.col),m(),d("nzDirections",l.directions),m(),_(" col-",l.col," "),m(),d("nzSpan",24-l.col),m(),_("col-",24-l.col,""))},dependencies:[Ke,O,I,S,b,R],styles:[".col[_ngcontent-%COMP%]{padding:16px 0;text-align:center;border-radius:0;min-height:30px;margin-top:8px;margin-bottom:8px;background:#00a0e9b3;color:#fff}.col.right[_ngcontent-%COMP%]{background:#00a0e9}"]})}}return r})();var he=(()=>{class r{constructor(){this.siderWidth=120,this.contentHeight=200,this.id=-1}onSideResize({width:o}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.siderWidth=o})}onContentResize({height:o}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.contentHeight=o})}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-layout"]],decls:15,vars:7,consts:[["nz-resizable","",3,"nzResize","nzWidth","nzMinWidth","nzMaxWidth"],["nzDirection","right","nzCursorType","grid"],[1,"sider-resize-line"],["nz-resizable","",1,"resizable-box",3,"nzResize","nzMaxHeight","nzMinHeight"],["nzDirection","bottom","nzCursorType","grid"],[1,"content-resize-line"]],template:function(i,l){i&1&&(t(0,"nz-layout")(1,"nz-header"),e(2,"Header"),n(),t(3,"nz-layout")(4,"nz-sider",0),u("nzResize",function(s){return l.onSideResize(s)}),t(5,"nz-resize-handle",1),z(6,"div",2),n(),e(7," Sider "),n(),t(8,"nz-content")(9,"div",3),u("nzResize",function(s){return l.onContentResize(s)}),t(10,"nz-resize-handle",4),z(11,"div",5),n(),e(12," Content 1 "),n(),t(13,"div"),e(14,"Content 2"),n()()()()),i&2&&(m(4),d("nzWidth",l.siderWidth)("nzMinWidth",50)("nzMaxWidth",300),m(5),C("height",l.contentHeight,"px"),d("nzMaxHeight",300)("nzMinHeight",50))},dependencies:[pt,ct,zt,dt,ut,S,b,k],styles:["nz-header[_ngcontent-%COMP%]{background:#7dbcea;color:#fff}nz-sider[_ngcontent-%COMP%]{background:#3ba0e9;color:#fff}nz-sider.nz-resizable-resizing[_ngcontent-%COMP%]{transition:none}nz-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;background:#108ee9;height:350px;color:#fff}nz-content[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;justify-content:center;flex:1}nz-content[_ngcontent-%COMP%] .resizable-box[_ngcontent-%COMP%]{flex:none}nz-content[_ngcontent-%COMP%], nz-header[_ngcontent-%COMP%], nz-sider>.ant-layout-sider-children{display:flex;align-items:center;justify-content:center}.sider-resize-line[_ngcontent-%COMP%]{height:100%;width:5px;border-right:1px solid #e8e8e8}.content-resize-line[_ngcontent-%COMP%]{width:100%;height:5px;border-bottom:1px solid #e8e8e8}"]})}}return r})();var xe=(()=>{class r{constructor(){this.width=400,this.height=200,this.id=-1}onResize({width:o,height:i}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=o,this.height=i})}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-lock-aspect-ratio"]],decls:3,vars:4,consts:[["nz-resizable","","nzLockAspectRatio","",1,"box",3,"nzResize"]],template:function(i,l){i&1&&(t(0,"div",0),u("nzResize",function(s){return l.onResize(s)}),z(1,"nz-resize-handles"),e(2," content "),n()),i&2&&C("height",l.height,"px")("width",l.width,"px")},dependencies:[S,b,R],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})}}return r})();var Ee=(()=>{class r{constructor(){this.width=400,this.height=200}onResize({width:o,height:i}){this.width=o,this.height=i}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-preview"]],decls:3,vars:4,consts:[["nz-resizable","","nzPreview","",1,"box",3,"nzResizeEnd"]],template:function(i,l){i&1&&(t(0,"div",0),u("nzResizeEnd",function(s){return l.onResize(s)}),z(1,"nz-resize-handles"),e(2," content "),n()),i&2&&C("height",l.height,"px")("width",l.width,"px")},dependencies:[S,b,R],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})}}return r})();function Ft(r,f){if(r&1){let o=ee();t(0,"th",3),u("nzResizeEnd",function(l){Q(o);let a=y().$implicit,s=y();return J(s.onResize(l,a.title))}),e(1),t(2,"nz-resize-handle",4),z(3,"div",5),n()()}if(r&2){let o=y().$implicit;d("nzWidth",o.width)("nzMaxWidth",256)("nzMinWidth",60),m(),_(" ",o.title," ")}}function Mt(r,f){if(r&1&&(t(0,"th"),e(1),n()),r&2){let o=y().$implicit;m(),_(" ",o.title," ")}}function Bt(r,f){if(r&1&&Z(0,Ft,4,4,"th",2)(1,Mt,2,1,"th"),r&2){let o=f.$implicit;K(o.width?0:1)}}function kt(r,f){if(r&1&&(t(0,"tr")(1,"td"),e(2),n(),t(3,"td"),e(4),n(),t(5,"td"),e(6),n(),t(7,"td"),e(8,"-"),n()()),r&2){let o=f.$implicit;m(2),oe(o.name),m(2),oe(o.age),m(2),oe(o.address)}}var be=(()=>{class r{constructor(){this.cols=[{title:"Name",width:"180px"},{title:"Age",width:"180px"},{title:"Address",width:"200px"},{title:"Actions"}],this.listOfData=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}]}onResize({width:o},i){this.cols=this.cols.map(l=>l.title===i?G(B({},l),{width:`${o}px`}):l)}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable-table"]],decls:9,vars:1,consts:[["basicTable",""],[3,"nzData"],["nz-resizable","","nzBounds","window","nzPreview","",3,"nzWidth","nzMaxWidth","nzMinWidth"],["nz-resizable","","nzBounds","window","nzPreview","",3,"nzResizeEnd","nzWidth","nzMaxWidth","nzMinWidth"],["nzDirection","right"],[1,"resize-trigger"]],template:function(i,l){if(i&1&&(t(0,"nz-table",1,0)(2,"thead")(3,"tr"),U(4,Bt,2,1,null,null,j),n()(),t(6,"tbody"),U(7,kt,9,3,"tr",null,j),n()()),i&2){let a=Ze(1);d("nzData",l.listOfData),m(4),V(l.cols),m(3),V(a.data)}},dependencies:[S,b,k,st,lt,it,ot,mt,rt,at],styles:[".nz-resizable-preview[_ngcontent-%COMP%]{border-width:0;border-right-width:1px}"]})}}return r})();var ft=(()=>{class r{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable"]],viewQuery:function(i,l){if(i&1&&te(N,5),i&2){let a;ne(a=ie())&&(l.codeBoxes=a)}},decls:610,vars:36,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-resizable-demo-basic","nzTitle","\u57FA\u672C\u4F7F\u7528"],["nzHref","#components-resizable-demo-customize","nzTitle","\u81EA\u5B9A\u4E49"],["nzHref","#components-resizable-demo-lock-aspect-ratio","nzTitle","\u9501\u5B9A\u6BD4\u4F8B"],["nzHref","#components-resizable-demo-preview","nzTitle","\u9884\u89C8"],["nzHref","#components-resizable-demo-grid","nzTitle","\u6805\u683C"],["nzHref","#components-resizable-demo-layout","nzTitle","\u5E03\u5C40"],["nzHref","#components-resizable-demo-drawer","nzTitle","\u62BD\u5C49"],["nzHref","#components-resizable-demo-table","nzTitle","\u8868\u683C"],["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/resizable/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[2,"border-color","#faad14"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["id","\u5F15\u5165\u6A21\u5757"],["onclick","window.location.hash = '\u5F15\u5165\u6A21\u5757'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","\u5F15\u5165\u6837\u5F0F"],["onclick","window.location.hash = '\u5F15\u5165\u6837\u5F0F'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u57FA\u672C\u4F7F\u7528","nzSelector","nz-demo-resizable-basic","nzGenerateCommand","ng g ng-zorro-antd:resizable-basic <name>","nzComponentName","NzDemoResizableBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81EA\u5B9A\u4E49","nzSelector","nz-demo-resizable-customize","nzGenerateCommand","ng g ng-zorro-antd:resizable-customize <name>","nzComponentName","NzDemoResizableCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u9501\u5B9A\u6BD4\u4F8B","nzSelector","nz-demo-resizable-lock-aspect-ratio","nzGenerateCommand","ng g ng-zorro-antd:resizable-lock-aspect-ratio <name>","nzComponentName","NzDemoResizableLockAspectRatioComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u9884\u89C8","nzSelector","nz-demo-resizable-preview","nzGenerateCommand","ng g ng-zorro-antd:resizable-preview <name>","nzComponentName","NzDemoResizablePreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u6805\u683C","nzSelector","nz-demo-resizable-grid","nzGenerateCommand","ng g ng-zorro-antd:resizable-grid <name>","nzComponentName","NzDemoResizableGridComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5E03\u5C40","nzSelector","nz-demo-resizable-layout","nzGenerateCommand","ng g ng-zorro-antd:resizable-layout <name>","nzComponentName","NzDemoResizableLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u62BD\u5C49","nzSelector","nz-demo-resizable-drawer","nzGenerateCommand","ng g ng-zorro-antd:resizable-drawer <name>","nzComponentName","NzDemoResizableDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u8868\u683C","nzSelector","nz-demo-resizable-table","nzGenerateCommand","ng g ng-zorro-antd:resizable-table <name>","nzComponentName","NzDemoResizableTableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-resizable]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-resizable]'",1,"anchor"],[1,"token","class-name"],[1,"token","operator"],["id","nz-resize-handle"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-resize-handle'",1,"anchor"],["id","nz-resize-handles"],["onclick","window.location.hash = 'nz-resize-handles'",1,"anchor"],["id","\u6837\u5F0F"],["onclick","window.location.hash = '\u6837\u5F0F'",1,"anchor"]],template:function(i,l){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),u("nzClick",function(s){return l.goLink(s)}),z(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10),n()(),t(12,"section",11)(13,"h1"),e(14,"Resizable"),t(15,"span",12),e(16,"\u8C03\u6574\u5C3A\u5BF8"),n(),z(17,"span",13),t(18,"a",14),z(19,"nz-icon",15),n()(),t(20,"section",11),E(),t(21,"blockquote",16)(22,"p"),e(23,"NG-ZORRO \u5B9E\u9A8C\u6027\u529F\u80FD\u662F\u6307\u5DF2\u53D1\u5E03\u4F46\u4E0D\u7A33\u5B9A\u6216\u8005\u8FD8\u672A\u51C6\u5907\u597D\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u529F\u80FD\u3002"),n(),t(24,"p"),e(25,"\u5F00\u53D1\u8005\u6216\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u5728\u6B63\u5F0F\u53D1\u5E03\u524D\u4F7F\u7528\u8FD9\u4E9B\u529F\u80FD\uFF0C\u4F46\u662F\u6BCF\u6B21\u53D1\u5E03\u7248\u672C\u65F6\u90FD\u53EF\u80FD\u5B58\u5728 "),t(26,"strong"),e(27,"breaking changes"),n(),e(28,"\u3002"),n()(),t(29,"p"),e(30,"\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u3002"),n(),t(31,"ul")(32,"li"),e(33,"\u652F\u6301\u91CA\u653E\u524D\u9884\u89C8\u63D0\u9AD8\u6027\u80FD"),n(),t(34,"li"),e(35,"\u652F\u6301\u6805\u683C\u7CFB\u7EDF"),n(),t(36,"li"),e(37,"\u652F\u6301\u81EA\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u548C\u9884\u89C8\u6837\u5F0F"),n()(),t(38,"h2",17)(39,"span"),e(40,"\u4F55\u65F6\u4F7F\u7528"),n(),t(41,"a",18),e(42,"#"),n()(),t(43,"p"),e(44,"\u5F53\u4F60\u60F3\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u65F6."),n(),t(45,"h3",19)(46,"span"),e(47,"\u5F15\u5165\u6A21\u5757"),n(),t(48,"a",20),e(49,"#"),n()(),t(50,"pre",21)(51,"code")(52,"span",22),e(53,"import"),n(),e(54," "),t(55,"span",23),e(56,"{"),n(),e(57," NzResizableModule "),t(58,"span",23),e(59,"}"),n(),e(60," "),t(61,"span",22),e(62,"from"),n(),e(63," "),t(64,"span",24),e(65,"'ng-zorro-antd/resizable'"),n(),t(66,"span",23),e(67,";"),n()()(),t(68,"h3",25)(69,"span"),e(70,"\u5F15\u5165\u6837\u5F0F"),n(),t(71,"a",26),e(72,"#"),n()(),t(73,"pre",27)(74,"code")(75,"span",28),e(76,"@import"),n(),e(77," "),t(78,"span",24),e(79,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(80,"span",23),e(81,";"),n()()(),x(),n(),t(82,"h2")(83,"span"),e(84,"\u4EE3\u7801\u6F14\u793A"),n(),t(85,"span",29),u("click",function(){return l.expandAllCode()}),n()()(),t(86,"div",30)(87,"div",31)(88,"nz-code-box",32),z(89,"nz-demo-resizable-basic",33),t(90,"div",34),E(),t(91,"p"),e(92,"\u57FA\u672C\u4F7F\u7528\u3002"),n(),x(),n()(),t(93,"nz-code-box",35),z(94,"nz-demo-resizable-customize",33),t(95,"div",34),E(),t(96,"p"),e(97,"\u81EA\u5B9A\u4E49\u62D6\u62FD\u67C4\u6837\u5F0F\u3002"),n(),x(),n()(),t(98,"nz-code-box",36),z(99,"nz-demo-resizable-lock-aspect-ratio",33),t(100,"div",34),E(),t(101,"p"),e(102,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4\u3002"),n(),x(),n()(),t(103,"nz-code-box",37),z(104,"nz-demo-resizable-preview",33),t(105,"div",34),E(),t(106,"p"),e(107,"\u5728\u5E94\u7528\u5C3A\u5BF8\u524D\u9884\u89C8\u3002"),n(),x(),n()(),t(108,"nz-code-box",38),z(109,"nz-demo-resizable-grid",33),t(110,"div",34),E(),t(111,"p"),e(112,"\u914D\u5408\u6805\u683C\u4F7F\u7528"),n(),x(),n()(),t(113,"nz-code-box",39),z(114,"nz-demo-resizable-layout",33),t(115,"div",34),E(),t(116,"p"),e(117,"\u8C03\u6574\u5E03\u5C40\u5C3A\u5BF8\u3002"),n(),x(),n()(),t(118,"nz-code-box",40),z(119,"nz-demo-resizable-drawer",33),t(120,"div",34),E(),t(121,"p"),e(122,"\u8C03\u6574\u62BD\u5C49\u5BBD\u5EA6\u3002"),n(),x(),n()(),t(123,"nz-code-box",41),z(124,"nz-demo-resizable-table",33),t(125,"div",34),E(),t(126,"p"),e(127,"\u8C03\u6574\u8868\u5934\u5BBD\u5EA6\u3002"),n(),x(),n()()()(),t(128,"section",42),E(),t(129,"h2",43)(130,"span"),e(131,"API"),n(),t(132,"a",44),e(133,"#"),n()(),t(134,"h3",45)(135,"span"),e(136,"[nz-resizable]"),n(),t(137,"label",46),e(138,"directive"),n(),t(139,"a",47),e(140,"#"),n()(),t(141,"p"),e(142,"\u58F0\u660E\u5728\u9700\u8981\u8C03\u6574\u5C3A\u5BF8\u7684\u5143\u7D20\u4E0A\uFF0C\u5143\u7D20 "),t(143,"code"),e(144,"position"),n(),e(145," \u5C5E\u6027\u5FC5\u987B\u4E3A "),t(146,"code"),e(147,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(148," \u4E4B\u4E00\uFF0C\u9ED8\u8BA4\u4F1A\u81EA\u52A8\u8BBE\u7F6E\u4E3A "),t(149,"code"),e(150,"'relative'"),n(),e(151,"\u3002"),n(),t(152,"pre",21)(153,"code")(154,"span",22),e(155,"interface"),n(),e(156," "),t(157,"span",48),e(158,"NzResizeEvent"),n(),e(159," "),t(160,"span",23),e(161,"{"),n(),e(162,`
width`),t(163,"span",49),e(164,"?"),n(),t(165,"span",23),e(166,":"),n(),e(167," "),t(168,"span",22),e(169,"number"),n(),t(170,"span",23),e(171,";"),n(),e(172,`
height`),t(173,"span",49),e(174,"?"),n(),t(175,"span",23),e(176,":"),n(),e(177," "),t(178,"span",22),e(179,"number"),n(),t(180,"span",23),e(181,";"),n(),e(182,`
col`),t(183,"span",49),e(184,"?"),n(),t(185,"span",23),e(186,":"),n(),e(187," "),t(188,"span",22),e(189,"number"),n(),t(190,"span",23),e(191,";"),n(),e(192,`
direction`),t(193,"span",49),e(194,"?"),n(),t(195,"span",23),e(196,":"),n(),e(197," NzResizeDirection"),t(198,"span",23),e(199,";"),n(),e(200,`
mouseEvent`),t(201,"span",49),e(202,"?"),n(),t(203,"span",23),e(204,":"),n(),e(205," MouseEvent"),t(206,"span",23),e(207,";"),n(),e(208,`
`),t(209,"span",23),e(210,"}"),n()()(),t(211,"table")(212,"thead")(213,"tr")(214,"th"),e(215,"\u53C2\u6570"),n(),t(216,"th"),e(217,"\u8BF4\u660E"),n(),t(218,"th"),e(219,"\u7C7B\u578B"),n(),t(220,"th"),e(221,"\u9ED8\u8BA4\u503C"),n()()(),t(222,"tbody")(223,"tr")(224,"td"),e(225,"[nzBounds]"),n(),t(226,"td"),e(227,"\u8C03\u6574\u5C3A\u5BF8\u7684\u8FB9\u754C"),n(),t(228,"td")(229,"code"),e(230,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(231,"td")(232,"code"),e(233,"parent"),n()()(),t(234,"tr")(235,"td"),e(236,"[nzMaxHeight]"),n(),t(237,"td"),e(238,"\u6700\u5927\u9AD8\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(239,"td")(240,"code"),e(241,"number"),n()(),t(242,"td"),e(243,"-"),n()(),t(244,"tr")(245,"td"),e(246,"[nzMaxWidth]"),n(),t(247,"td"),e(248,"\u6700\u5927\u5BBD\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(249,"td")(250,"code"),e(251,"number"),n()(),t(252,"td"),e(253,"-"),n()(),t(254,"tr")(255,"td"),e(256,"[nzMinHeight]"),n(),t(257,"td"),e(258,"\u6700\u5C0F\u9AD8\u5EA6"),n(),t(259,"td")(260,"code"),e(261,"number"),n()(),t(262,"td")(263,"code"),e(264,"40"),n()()(),t(265,"tr")(266,"td"),e(267,"[nzMinWidth]"),n(),t(268,"td"),e(269,"\u6700\u5C0F\u5BBD\u5EA6"),n(),t(270,"td")(271,"code"),e(272,"number"),n()(),t(273,"td")(274,"code"),e(275,"40"),n()()(),t(276,"tr")(277,"td"),e(278,"[nzGridColumnCount]"),n(),t(279,"td"),e(280,"\u6805\u683C\u5217\u6570(-1 \u4E3A\u4E0D\u6805\u683C)"),n(),t(281,"td")(282,"code"),e(283,"number"),n()(),t(284,"td")(285,"code"),e(286,"-1"),n()()(),t(287,"tr")(288,"td"),e(289,"[nzMaxColumn]"),n(),t(290,"td"),e(291,"\u6805\u683C\u6700\u5927\u5217\u6570"),n(),t(292,"td")(293,"code"),e(294,"number"),n()(),t(295,"td"),e(296,"-"),n()(),t(297,"tr")(298,"td"),e(299,"[nzMinColumn]"),n(),t(300,"td"),e(301,"\u6805\u683C\u6700\u5C0F\u5217\u6570"),n(),t(302,"td")(303,"code"),e(304,"number"),n()(),t(305,"td"),e(306,"-"),n()(),t(307,"tr")(308,"td"),e(309,"[nzLockAspectRatio]"),n(),t(310,"td"),e(311,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4"),n(),t(312,"td")(313,"code"),e(314,"boolean"),n()(),t(315,"td")(316,"code"),e(317,"false"),n()()(),t(318,"tr")(319,"td"),e(320,"[nzPreview]"),n(),t(321,"td"),e(322,"\u5F00\u542F\u9884\u89C8"),n(),t(323,"td")(324,"code"),e(325,"boolean"),n()(),t(326,"td")(327,"code"),e(328,"false"),n()()(),t(329,"tr")(330,"td"),e(331,"[nzDisabled]"),n(),t(332,"td"),e(333,"\u7981\u7528"),n(),t(334,"td")(335,"code"),e(336,"boolean"),n()(),t(337,"td")(338,"code"),e(339,"false"),n()()(),t(340,"tr")(341,"td"),e(342,"(nzResize)"),n(),t(343,"td"),e(344,"\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(345,"td")(346,"code"),e(347,"EventEmitter<NzResizeEvent>"),n()(),t(348,"td"),e(349,"-"),n()(),t(350,"tr")(351,"td"),e(352,"(nzResizeStart)"),n(),t(353,"td"),e(354,"\u5F00\u59CB\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(355,"td")(356,"code"),e(357,"EventEmitter<NzResizeEvent>"),n()(),t(358,"td"),e(359,"-"),n()(),t(360,"tr")(361,"td"),e(362,"(nzResizeEnd)"),n(),t(363,"td"),e(364,"\u7ED3\u675F\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(365,"td")(366,"code"),e(367,"EventEmitter<NzResizeEvent>"),n()(),t(368,"td"),e(369,"-"),n()()()(),t(370,"h3",50)(371,"span"),e(372,"nz-resize-handle"),n(),t(373,"label",51),e(374,"component"),n(),t(375,"a",52),e(376,"#"),n()(),t(377,"p"),e(378,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u53CA\u65B9\u5411\u3002"),n(),t(379,"pre",21)(380,"code"),e(381,"type NzResizeDirection "),t(382,"span",49),e(383,"="),n(),e(384," "),t(385,"span",24),e(386,"'top'"),n(),e(387," "),t(388,"span",49),e(389,"|"),n(),e(390," "),t(391,"span",24),e(392,"'right'"),n(),e(393," "),t(394,"span",49),e(395,"|"),n(),e(396," "),t(397,"span",24),e(398,"'bottom'"),n(),e(399," "),t(400,"span",49),e(401,"|"),n(),e(402," "),t(403,"span",24),e(404,"'left'"),n(),e(405," "),t(406,"span",49),e(407,"|"),n(),e(408," "),t(409,"span",24),e(410,"'topRight'"),n(),e(411," "),t(412,"span",49),e(413,"|"),n(),e(414," "),t(415,"span",24),e(416,"'bottomRight'"),n(),e(417," "),t(418,"span",49),e(419,"|"),n(),e(420," "),t(421,"span",24),e(422,"'bottomLeft'"),n(),e(423," "),t(424,"span",49),e(425,"|"),n(),e(426," "),t(427,"span",24),e(428,"'topLeft'"),n(),t(429,"span",23),e(430,";"),n(),e(431,`
type NzCursorType `),t(432,"span",49),e(433,"="),n(),e(434," "),t(435,"span",24),e(436,"'window'"),n(),e(437," "),t(438,"span",49),e(439,"|"),n(),e(440," "),t(441,"span",24),e(442,"'grid'"),n(),t(443,"span",23),e(444,";"),n()()(),t(445,"table")(446,"thead")(447,"tr")(448,"th"),e(449,"\u53C2\u6570"),n(),t(450,"th"),e(451,"\u8BF4\u660E"),n(),t(452,"th"),e(453,"\u7C7B\u578B"),n(),t(454,"th"),e(455,"\u9ED8\u8BA4\u503C"),n()()(),t(456,"tbody")(457,"tr")(458,"td"),e(459,"[nzDirection]"),n(),t(460,"td"),e(461,"\u8C03\u6574\u65B9\u5411"),n(),t(462,"td")(463,"code"),e(464,"NzResizeDirection"),n()(),t(465,"td")(466,"code"),e(467,"'bottomRight'"),n()()(),t(468,"tr")(469,"td"),e(470,"[nzCursorType]"),n(),t(471,"td"),e(472,"\u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B"),n(),t(473,"td")(474,"code"),e(475,"NzCursorType"),n()(),t(476,"td")(477,"code"),e(478,"'window'"),n()()()()(),t(479,"h3",53)(480,"span"),e(481,"nz-resize-handles"),n(),t(482,"label",51),e(483,"component"),n(),t(484,"a",54),e(485,"#"),n()(),t(486,"p"),e(487,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u7684\u5FEB\u6377\u7EC4\u4EF6\u3002"),n(),t(488,"pre",21)(489,"code")(490,"span",22),e(491,"interface"),n(),e(492," "),t(493,"span",48),e(494,"NzResizeHandleOption"),n(),e(495," "),t(496,"span",23),e(497,"{"),n(),e(498,`
direction`),t(499,"span",23),e(500,":"),n(),e(501," NzResizeDirection"),t(502,"span",23),e(503,";"),n(),e(504,`
cursorType`),t(505,"span",23),e(506,":"),n(),e(507," NzCursorType"),t(508,"span",23),e(509,";"),n(),e(510,`
`),t(511,"span",23),e(512,"}"),n()()(),t(513,"table")(514,"thead")(515,"tr")(516,"th"),e(517,"\u53C2\u6570"),n(),t(518,"th"),e(519,"\u8BF4\u660E"),n(),t(520,"th"),e(521,"\u7C7B\u578B"),n(),t(522,"th"),e(523,"\u9ED8\u8BA4\u503C"),n()()(),t(524,"tbody")(525,"tr")(526,"td"),e(527,"[nzDirections]"),n(),t(528,"td"),e(529,"\u9700\u8981\u7684\u624B\u67C4\u65B9\u5411\u6216\u624B\u67C4\u9009\u9879"),n(),t(530,"td")(531,"code"),e(532,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(533,"td"),e(534,"\u6240\u6709\u65B9\u5411"),n()()()(),t(535,"h3",55)(536,"span"),e(537,"\u6837\u5F0F"),n(),t(538,"a",56),e(539,"#"),n()(),t(540,"p"),e(541,"\u7EC4\u4EF6\u6837\u5F0F\u53EA\u5305\u542B\u4E86\u5FC5\u8981\u7684\u4F4D\u7F6E\u5C5E\u6027\u548C\u7B80\u5355\u7684\u6837\u5F0F\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u8986\u5199\u4E0B\u5217\u7C7B\u540D\u81EA\u5B9A\u4E49\u6837\u5F0F\u3002"),n(),t(542,"ul")(543,"li")(544,"code"),e(545,".nz-resizable"),n(),t(546,"code"),e(547,"nz-resizable"),n(),e(548," \u7EC4\u4EF6\u547D\u540D\u7A7A\u95F4"),n(),t(549,"li")(550,"code"),e(551,".nz-resizable-resizing"),n(),e(552," \u6B63\u5728\u8C03\u6574\u5C3A\u5BF8\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(553,"code"),e(554,"nz-resizable"),n(),e(555," \u4E0A"),n(),t(556,"li")(557,"code"),e(558,".nz-resizable-preview"),n(),e(559," \u5F00\u542F\u9884\u89C8\u65F6\u5E7D\u7075\u5143\u7D20\u7684\u7C7B\u540D"),n(),t(560,"li")(561,"code"),e(562,".nz-resizable-handle-box-hover"),n(),e(563," \u5F53\u9F20\u6807\u60AC\u505C\u5728 "),t(564,"code"),e(565,"nz-resizable"),n(),e(566," \u4E0A\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(567,"code"),e(568," nz-resize-handle"),n(),e(569," \u4E0A\u3002"),n(),t(570,"li")(571,"code"),e(572,".nz-resizable-handle"),n(),e(573," \u8C03\u6574\u624B\u67C4\u547D\u540D\u7A7A\u95F4\u53CA\u5404\u65B9\u5411\u7C7B\u540D"),t(574,"ul")(575,"li")(576,"code"),e(577,".nz-resizable-handle-top"),n()(),t(578,"li")(579,"code"),e(580,".nz-resizable-handle-left"),n()(),t(581,"li")(582,"code"),e(583,".nz-resizable-handle-bottom"),n()(),t(584,"li")(585,"code"),e(586,".nz-resizable-handle-right"),n()(),t(587,"li")(588,"code"),e(589,".nz-resizable-handle-topRight"),n()(),t(590,"li")(591,"code"),e(592,".nz-resizable-handle-topLeft"),n()(),t(593,"li")(594,"code"),e(595,".nz-resizable-handle-bottomRight"),n()(),t(596,"li")(597,"code"),e(598,".nz-resizable-handle-bottomLeft"),n()()()(),t(599,"li")(600,"code"),e(601,".nz-resizable-handle-cursor-type"),n(),e(602," \u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B\u547D\u540D\u7A7A\u95F4"),t(603,"ul")(604,"li")(605,"code"),e(606,".nz-resizable-handle-cursor-type-window"),n()(),t(607,"li")(608,"code"),e(609,".nz-resizable-handle-cursor-type-grid"),n()()()()(),x(),n()()),i&2&&(m(),d("nzOffsetTop",16),m(),d("nzAffix",!1),m(84),d("nzGutter",8),m(),d("nzSpan",24),m(),d("nzId","components-resizable-demo-basic")("nzLink","components-resizable-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/basic.md"),m(5),d("nzId","components-resizable-demo-customize")("nzLink","components-resizable-demo-customize")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/customize.md"),m(5),d("nzId","components-resizable-demo-lock-aspect-ratio")("nzLink","components-resizable-demo-lock-aspect-ratio")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/lock-aspect-ratio.md"),m(5),d("nzId","components-resizable-demo-preview")("nzLink","components-resizable-demo-preview")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/preview.md"),m(5),d("nzId","components-resizable-demo-grid")("nzLink","components-resizable-demo-grid")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/grid.md"),m(5),d("nzId","components-resizable-demo-layout")("nzLink","components-resizable-demo-layout")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/layout.md"),m(5),d("nzId","components-resizable-demo-drawer")("nzLink","components-resizable-demo-drawer")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/drawer.md"),m(5),d("nzId","components-resizable-demo-table")("nzLink","components-resizable-demo-table")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/table.md"))},dependencies:[de,N,me,se,ae,O,I,le,H,ze,ue,ce,pe,he,xe,Ee,be],encapsulation:2})}}return r})();var gt=(()=>{class r{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static{this.\u0275fac=function(i){return new(i||r)}}static{this.\u0275cmp=p({type:r,selectors:[["nz-demo-resizable"]],viewQuery:function(i,l){if(i&1&&te(N,5),i&2){let a;ne(a=ie())&&(l.codeBoxes=a)}},decls:612,vars:36,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-resizable-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-resizable-demo-customize","nzTitle","Customize"],["nzHref","#components-resizable-demo-lock-aspect-ratio","nzTitle","Lock Aspect Ratio"],["nzHref","#components-resizable-demo-preview","nzTitle","Preview"],["nzHref","#components-resizable-demo-grid","nzTitle","Grid"],["nzHref","#components-resizable-demo-layout","nzTitle","Layout"],["nzHref","#components-resizable-demo-drawer","nzTitle","Drawer"],["nzHref","#components-resizable-demo-table","nzTitle","Table"],["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/resizable/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[2,"border-color","#faad14"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],["id","import-module"],["onclick","window.location.hash = 'import-module'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","import-style"],["onclick","window.location.hash = 'import-style'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-resizable-basic","nzGenerateCommand","ng g ng-zorro-antd:resizable-basic <name>","nzComponentName","NzDemoResizableBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Customize","nzSelector","nz-demo-resizable-customize","nzGenerateCommand","ng g ng-zorro-antd:resizable-customize <name>","nzComponentName","NzDemoResizableCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Lock Aspect Ratio","nzSelector","nz-demo-resizable-lock-aspect-ratio","nzGenerateCommand","ng g ng-zorro-antd:resizable-lock-aspect-ratio <name>","nzComponentName","NzDemoResizableLockAspectRatioComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Preview","nzSelector","nz-demo-resizable-preview","nzGenerateCommand","ng g ng-zorro-antd:resizable-preview <name>","nzComponentName","NzDemoResizablePreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Grid","nzSelector","nz-demo-resizable-grid","nzGenerateCommand","ng g ng-zorro-antd:resizable-grid <name>","nzComponentName","NzDemoResizableGridComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Layout","nzSelector","nz-demo-resizable-layout","nzGenerateCommand","ng g ng-zorro-antd:resizable-layout <name>","nzComponentName","NzDemoResizableLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Drawer","nzSelector","nz-demo-resizable-drawer","nzGenerateCommand","ng g ng-zorro-antd:resizable-drawer <name>","nzComponentName","NzDemoResizableDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Table","nzSelector","nz-demo-resizable-table","nzGenerateCommand","ng g ng-zorro-antd:resizable-table <name>","nzComponentName","NzDemoResizableTableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-resizable]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-resizable]'",1,"anchor"],[1,"token","class-name"],[1,"token","operator"],["id","nz-resize-handle"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-resize-handle'",1,"anchor"],["id","nz-resize-handles"],["onclick","window.location.hash = 'nz-resize-handles'",1,"anchor"],["id","styling"],["onclick","window.location.hash = 'styling'",1,"anchor"]],template:function(i,l){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),u("nzClick",function(s){return l.goLink(s)}),z(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10),n()(),t(12,"section",11)(13,"h1"),e(14,"Resizable"),z(15,"span",12)(16,"span",13),t(17,"a",14),z(18,"nz-icon",15),n()(),t(19,"section",11),E(),t(20,"blockquote",16)(21,"p"),e(22,"NG-ZORRO experiments are features that are released but not yet considered stable or production ready"),n(),t(23,"p"),e(24,"Developers and users can opt-in into these features before they are fully released. But "),t(25,"strong"),e(26,"breaking changes"),n(),e(27," may occur with any release."),n()(),t(28,"p"),e(29,"Resize element."),n(),t(30,"ul")(31,"li"),e(32,"Support preview"),n(),t(33,"li"),e(34,"Support Grids System"),n(),t(35,"li"),e(36,"Support for custom handles and preview styles"),n()(),t(37,"h2",17)(38,"span"),e(39,"When To Use"),n(),t(40,"a",18),e(41,"#"),n()(),t(42,"p"),e(43,"When you want to resize elements."),n(),t(44,"h3",19)(45,"span"),e(46,"Import Module"),n(),t(47,"a",20),e(48,"#"),n()(),t(49,"pre",21)(50,"code")(51,"span",22),e(52,"import"),n(),e(53," "),t(54,"span",23),e(55,"{"),n(),e(56," NzResizableModule "),t(57,"span",23),e(58,"}"),n(),e(59," "),t(60,"span",22),e(61,"from"),n(),e(62," "),t(63,"span",24),e(64,"'ng-zorro-antd/resizable'"),n(),t(65,"span",23),e(66,";"),n()()(),t(67,"h3",25)(68,"span"),e(69,"Import Style"),n(),t(70,"a",26),e(71,"#"),n()(),t(72,"pre",27)(73,"code")(74,"span",28),e(75,"@import"),n(),e(76," "),t(77,"span",24),e(78,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(79,"span",23),e(80,";"),n()()(),x(),n(),t(81,"h2")(82,"span"),e(83,"Examples"),n(),t(84,"span",29),u("click",function(){return l.expandAllCode()}),n()()(),t(85,"div",30)(86,"div",31)(87,"nz-code-box",32),z(88,"nz-demo-resizable-basic",33),t(89,"div",34),E(),t(90,"p"),e(91,"Basic Usage."),n(),x(),n()(),t(92,"nz-code-box",35),z(93,"nz-demo-resizable-customize",33),t(94,"div",34),E(),t(95,"p"),e(96,"Customize Handle\u3002"),n(),x(),n()(),t(97,"nz-code-box",36),z(98,"nz-demo-resizable-lock-aspect-ratio",33),t(99,"div",34),E(),t(100,"p"),e(101,"Lock the resize aspect ratio."),n(),x(),n()(),t(102,"nz-code-box",37),z(103,"nz-demo-resizable-preview",33),t(104,"div",34),E(),t(105,"p"),e(106,"Preview before apply size."),n(),x(),n()(),t(107,"nz-code-box",38),z(108,"nz-demo-resizable-grid",33),t(109,"div",34),E(),t(110,"p"),e(111,"Resize with grid."),n(),x(),n()(),t(112,"nz-code-box",39),z(113,"nz-demo-resizable-layout",33),t(114,"div",34),E(),t(115,"p"),e(116,"Layout with resizable."),n(),x(),n()(),t(117,"nz-code-box",40),z(118,"nz-demo-resizable-drawer",33),t(119,"div",34),E(),t(120,"p"),e(121,"Resize the drawer width."),n(),x(),n()(),t(122,"nz-code-box",41),z(123,"nz-demo-resizable-table",33),t(124,"div",34),E(),t(125,"p"),e(126,"Resize the table header."),n(),x(),n()()()(),t(127,"section",42),E(),t(128,"h2",43)(129,"span"),e(130,"API"),n(),t(131,"a",44),e(132,"#"),n()(),t(133,"h3",45)(134,"span"),e(135,"[nz-resizable]"),n(),t(136,"label",46),e(137,"directive"),n(),t(138,"a",47),e(139,"#"),n()(),t(140,"p"),e(141,"Resizable element the "),t(142,"code"),e(143,"position"),n(),e(144," attribute must be one of "),t(145,"code"),e(146,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(147,"\uFF0Cdefault is "),t(148,"code"),e(149,"'relative'"),n(),e(150,"."),n(),t(151,"pre",21)(152,"code")(153,"span",22),e(154,"interface"),n(),e(155," "),t(156,"span",48),e(157,"NzResizeEvent"),n(),e(158," "),t(159,"span",23),e(160,"{"),n(),e(161,`
width`),t(162,"span",49),e(163,"?"),n(),t(164,"span",23),e(165,":"),n(),e(166," "),t(167,"span",22),e(168,"number"),n(),t(169,"span",23),e(170,";"),n(),e(171,`
height`),t(172,"span",49),e(173,"?"),n(),t(174,"span",23),e(175,":"),n(),e(176," "),t(177,"span",22),e(178,"number"),n(),t(179,"span",23),e(180,";"),n(),e(181,`
col`),t(182,"span",49),e(183,"?"),n(),t(184,"span",23),e(185,":"),n(),e(186," "),t(187,"span",22),e(188,"number"),n(),t(189,"span",23),e(190,";"),n(),e(191,`
direction`),t(192,"span",49),e(193,"?"),n(),t(194,"span",23),e(195,":"),n(),e(196," NzResizeDirection"),t(197,"span",23),e(198,";"),n(),e(199,`
mouseEvent`),t(200,"span",49),e(201,"?"),n(),t(202,"span",23),e(203,":"),n(),e(204," MouseEvent"),t(205,"span",23),e(206,";"),n(),e(207,`
`),t(208,"span",23),e(209,"}"),n()()(),t(210,"table")(211,"thead")(212,"tr")(213,"th"),e(214,"Property"),n(),t(215,"th"),e(216,"Description"),n(),t(217,"th"),e(218,"Type"),n(),t(219,"th"),e(220,"Default"),n()()(),t(221,"tbody")(222,"tr")(223,"td"),e(224,"[nzBounds]"),n(),t(225,"td"),e(226,"Specifies resize boundaries."),n(),t(227,"td")(228,"code"),e(229,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(230,"td")(231,"code"),e(232,"parent"),n()()(),t(233,"tr")(234,"td"),e(235,"[nzMaxHeight]"),n(),t(236,"td"),e(237,"Maximum height of resizable element"),n(),t(238,"td")(239,"code"),e(240,"number"),n()(),t(241,"td"),e(242,"-"),n()(),t(243,"tr")(244,"td"),e(245,"[nzMaxWidth]"),n(),t(246,"td"),e(247,"Maximum width of resizable element"),n(),t(248,"td")(249,"code"),e(250,"number"),n()(),t(251,"td"),e(252,"-"),n()(),t(253,"tr")(254,"td"),e(255,"[nzMinHeight]"),n(),t(256,"td"),e(257,"Minimum height of resizable element"),n(),t(258,"td")(259,"code"),e(260,"number"),n()(),t(261,"td")(262,"code"),e(263,"40"),n()()(),t(264,"tr")(265,"td"),e(266,"[nzMinWidth]"),n(),t(267,"td"),e(268,"Minimum width of resizable element"),n(),t(269,"td")(270,"code"),e(271,"number"),n()(),t(272,"td")(273,"code"),e(274,"40"),n()()(),t(275,"tr")(276,"td"),e(277,"[nzGridColumnCount]"),n(),t(278,"td"),e(279,"Number of columns(-1 is not grid)"),n(),t(280,"td")(281,"code"),e(282,"number"),n()(),t(283,"td")(284,"code"),e(285,"-1"),n()()(),t(286,"tr")(287,"td"),e(288,"[nzMaxColumn]"),n(),t(289,"td"),e(290,"Maximum Column"),n(),t(291,"td")(292,"code"),e(293,"number"),n()(),t(294,"td"),e(295,"-"),n()(),t(296,"tr")(297,"td"),e(298,"[nzMinColumn]"),n(),t(299,"td"),e(300,"Minimum Column"),n(),t(301,"td")(302,"code"),e(303,"number"),n()(),t(304,"td"),e(305,"-"),n()(),t(306,"tr")(307,"td"),e(308,"[nzLockAspectRatio]"),n(),t(309,"td"),e(310,"Lock the aspect ratio based on the initial size"),n(),t(311,"td")(312,"code"),e(313,"boolean"),n()(),t(314,"td")(315,"code"),e(316,"false"),n()()(),t(317,"tr")(318,"td"),e(319,"[nzPreview]"),n(),t(320,"td"),e(321,"Enable preview when resizing"),n(),t(322,"td")(323,"code"),e(324,"boolean"),n()(),t(325,"td")(326,"code"),e(327,"false"),n()()(),t(328,"tr")(329,"td"),e(330,"[nzDisabled]"),n(),t(331,"td"),e(332,"Disable resize"),n(),t(333,"td")(334,"code"),e(335,"boolean"),n()(),t(336,"td")(337,"code"),e(338,"false"),n()()(),t(339,"tr")(340,"td"),e(341,"(nzResize)"),n(),t(342,"td"),e(343,"Calls when Resizing"),n(),t(344,"td")(345,"code"),e(346,"EventEmitter<NzResizeEvent>"),n()(),t(347,"td"),e(348,"-"),n()(),t(349,"tr")(350,"td"),e(351,"(nzResizeStart)"),n(),t(352,"td"),e(353,"Calls when resize start"),n(),t(354,"td")(355,"code"),e(356,"EventEmitter<NzResizeEvent>"),n()(),t(357,"td"),e(358,"-"),n()(),t(359,"tr")(360,"td"),e(361,"(nzResizeEnd)"),n(),t(362,"td"),e(363,"Calls when resize end"),n(),t(364,"td")(365,"code"),e(366,"EventEmitter<NzResizeEvent>"),n()(),t(367,"td"),e(368,"-"),n()()()(),t(369,"h3",50)(370,"span"),e(371,"nz-resize-handle"),n(),t(372,"label",51),e(373,"component"),n(),t(374,"a",52),e(375,"#"),n()(),t(376,"p"),e(377,"Define handles and directions."),n(),t(378,"pre",21)(379,"code"),e(380,"type NzResizeDirection "),t(381,"span",49),e(382,"="),n(),e(383," "),t(384,"span",24),e(385,"'top'"),n(),e(386," "),t(387,"span",49),e(388,"|"),n(),e(389," "),t(390,"span",24),e(391,"'right'"),n(),e(392," "),t(393,"span",49),e(394,"|"),n(),e(395," "),t(396,"span",24),e(397,"'bottom'"),n(),e(398," "),t(399,"span",49),e(400,"|"),n(),e(401," "),t(402,"span",24),e(403,"'left'"),n(),e(404," "),t(405,"span",49),e(406,"|"),n(),e(407," "),t(408,"span",24),e(409,"'topRight'"),n(),e(410," "),t(411,"span",49),e(412,"|"),n(),e(413," "),t(414,"span",24),e(415,"'bottomRight'"),n(),e(416," "),t(417,"span",49),e(418,"|"),n(),e(419," "),t(420,"span",24),e(421,"'bottomLeft'"),n(),e(422," "),t(423,"span",49),e(424,"|"),n(),e(425," "),t(426,"span",24),e(427,"'topLeft'"),n(),t(428,"span",23),e(429,";"),n(),e(430,`
type NzCursorType `),t(431,"span",49),e(432,"="),n(),e(433," "),t(434,"span",24),e(435,"'window'"),n(),e(436," "),t(437,"span",49),e(438,"|"),n(),e(439," "),t(440,"span",24),e(441,"'grid'"),n(),t(442,"span",23),e(443,";"),n()()(),t(444,"table")(445,"thead")(446,"tr")(447,"th"),e(448,"Property"),n(),t(449,"th"),e(450,"Description"),n(),t(451,"th"),e(452,"Type"),n(),t(453,"th"),e(454,"Default"),n()()(),t(455,"tbody")(456,"tr")(457,"td"),e(458,"[nzDirection]"),n(),t(459,"td"),e(460,"Set the direction of resizable"),n(),t(461,"td")(462,"code"),e(463,"NzResizeDirection"),n()(),t(464,"td")(465,"code"),e(466,"'bottomRight'"),n()()(),t(467,"tr")(468,"td"),e(469,"[nzCursorType]"),n(),t(470,"td"),e(471,"Cursor type for handle"),n(),t(472,"td")(473,"code"),e(474,"NzCursorType"),n()(),t(475,"td")(476,"code"),e(477,"'window'"),n()()()()(),t(478,"h3",53)(479,"span"),e(480,"nz-resize-handles"),n(),t(481,"label",51),e(482,"component"),n(),t(483,"a",54),e(484,"#"),n()(),t(485,"p"),e(486,"Simpler way to define handles."),n(),t(487,"pre",21)(488,"code")(489,"span",22),e(490,"interface"),n(),e(491," "),t(492,"span",48),e(493,"NzResizeHandleOption"),n(),e(494," "),t(495,"span",23),e(496,"{"),n(),e(497,`
direction`),t(498,"span",23),e(499,":"),n(),e(500," NzResizeDirection"),t(501,"span",23),e(502,";"),n(),e(503,`
cursorType`),t(504,"span",23),e(505,":"),n(),e(506," NzCursorType"),t(507,"span",23),e(508,";"),n(),e(509,`
`),t(510,"span",23),e(511,"}"),n()()(),t(512,"table")(513,"thead")(514,"tr")(515,"th"),e(516,"Property"),n(),t(517,"th"),e(518,"Description"),n(),t(519,"th"),e(520,"Type"),n(),t(521,"th"),e(522,"Default"),n()()(),t(523,"tbody")(524,"tr")(525,"td"),e(526,"[nzDirections]"),n(),t(527,"td"),e(528,"Allow handle directions or handle options"),n(),t(529,"td")(530,"code"),e(531,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(532,"td"),e(533,"ALL DIRECTIONS"),n()()()(),t(534,"h3",55)(535,"span"),e(536,"Styling"),n(),t(537,"a",56),e(538,"#"),n()(),t(539,"p"),e(540,"The Component styles only contain the necessary positional properties and simple styles, you can customize the style by overriding the following class."),n(),t(541,"ul")(542,"li")(543,"code"),e(544,".nz-resizable"),n(),e(545," The "),t(546,"code"),e(547,"nz-resizable"),n(),e(548," component namespace"),n(),t(549,"li")(550,"code"),e(551,".nz-resizable-resizing"),n(),e(552," This class name that is added to "),t(553,"code"),e(554,"nz-resizable"),n(),e(555," while resizing"),n(),t(556,"li")(557,"code"),e(558,".nz-resizable-preview"),n(),e(559," The ghost element's class name when enable preview"),n(),t(560,"li")(561,"code"),e(562,".nz-resizable-handle-box-hover"),n(),e(563," This class name that is added to "),t(564,"code"),e(565,"nz-resize-handle"),n(),e(566," while mouse hover on "),t(567,"code"),e(568,"nz-resizable"),n()(),t(569,"li")(570,"code"),e(571,".nz-resizable-handle"),n(),e(572," The "),t(573,"code"),e(574,"nz-resize-handle"),n(),e(575," component namespace and directions class name"),t(576,"ul")(577,"li")(578,"code"),e(579,".nz-resizable-handle-top"),n()(),t(580,"li")(581,"code"),e(582,".nz-resizable-handle-left"),n()(),t(583,"li")(584,"code"),e(585,".nz-resizable-handle-bottom"),n()(),t(586,"li")(587,"code"),e(588,".nz-resizable-handle-right"),n()(),t(589,"li")(590,"code"),e(591,".nz-resizable-handle-topRight"),n()(),t(592,"li")(593,"code"),e(594,".nz-resizable-handle-topLeft"),n()(),t(595,"li")(596,"code"),e(597,".nz-resizable-handle-bottomRight"),n()(),t(598,"li")(599,"code"),e(600,".nz-resizable-handle-bottomLeft"),n()()()(),t(601,"li")(602,"code"),e(603,".nz-resizable-handle-cursor-type"),n(),e(604," Cursor type namespace for handle"),t(605,"ul")(606,"li")(607,"code"),e(608,".nz-resizable-handle-cursor-type-window"),n()(),t(609,"li")(610,"code"),e(611,".nz-resizable-handle-cursor-type-grid"),n()()()()(),x(),n()()),i&2&&(m(),d("nzOffsetTop",16),m(),d("nzAffix",!1),m(83),d("nzGutter",8),m(),d("nzSpan",24),m(),d("nzId","components-resizable-demo-basic")("nzLink","components-resizable-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/basic.md"),m(5),d("nzId","components-resizable-demo-customize")("nzLink","components-resizable-demo-customize")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/customize.md"),m(5),d("nzId","components-resizable-demo-lock-aspect-ratio")("nzLink","components-resizable-demo-lock-aspect-ratio")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/lock-aspect-ratio.md"),m(5),d("nzId","components-resizable-demo-preview")("nzLink","components-resizable-demo-preview")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/preview.md"),m(5),d("nzId","components-resizable-demo-grid")("nzLink","components-resizable-demo-grid")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/grid.md"),m(5),d("nzId","components-resizable-demo-layout")("nzLink","components-resizable-demo-layout")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/layout.md"),m(5),d("nzId","components-resizable-demo-drawer")("nzLink","components-resizable-demo-drawer")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/drawer.md"),m(5),d("nzId","components-resizable-demo-table")("nzLink","components-resizable-demo-table")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/table.md"))},dependencies:[de,N,me,se,ae,O,I,le,H,ze,ue,ce,pe,he,xe,Ee,be],encapsulation:2})}}return r})();var It=[{path:"en",component:gt},{path:"zh",component:ft}],ni=It;export{ni as default};