chunk-BWPTABIH.js

import{a as Oe,b as Re}from"./chunk-Z7ZQKGCV.js";import{a as Ae,b as De}from"./chunk-BUXTGQPU.js";import{a as Me,b as Te,c as We,d as Ge,e as He}from"./chunk-DQKGRGBZ.js";import{b as Ie,c as Be}from"./chunk-QZVC2PIG.js";import"./chunk-PEPNXSWS.js";import"./chunk-4DWM2M5O.js";import"./chunk-O6GRGISC.js";import"./chunk-6YVFCLUS.js";import"./chunk-CU5AYJGV.js";import{a as we,f as Fe}from"./chunk-55J2XTRG.js";import{a as ve,b as Ne}from"./chunk-7H2H5FBH.js";import{a as be,d as ye}from"./chunk-2ROHKHUY.js";import"./chunk-QKKRINFW.js";import{a as F,g as $,h as P,j}from"./chunk-2RTS5GAO.js";import"./chunk-V2SRXRXL.js";import{Ea as L,Ec as ke,Gc as Ce,Ic as _,Kc as D,Lc as I,Wb as Z,kc as he,oc as xe,pc as fe,tc as Ee,wc as Se,xc as ge}from"./chunk-BYER7FCH.js";import{$c as M,Ba as le,Ca as z,Cb as se,Da as h,Hb as s,Pa as de,Vb as t,Vc as R,Wb as n,Xb as l,cc as w,fc as ue,gc as pe,ha as re,id as ze,lc as G,ma as oe,mb as u,mc as H,nb as A,nc as O,pc as e,ra as c,sa as me,yc as x,zc as ce}from"./chunk-U274QCT3.js";import{a as W,b as ae}from"./chunk-RKLIRILV.js";var je=["*"];function Le(){return window.devicePixelRatio||1}function Qe(m){return m.replace(/([A-Z])/g,"-$1").toLowerCase()}function qe(m){return Object.keys(m).map(i=>`${Qe(i)}: ${m[i]};`).join(" ")}function Ue(m,r){let v=!1;return m.removedNodes.length&&(v=Array.from(m.removedNodes).some(i=>i===r)),m.type==="attributes"&&m.target===r&&(v=!0),v}function te(m,r,v,i){m.translate(r,v),m.rotate(Math.PI/180*Number(i)),m.translate(-r,-v)}var ne=2,Ze=3,b=(()=>{let r=class r{constructor(i,a){this.el=i,this.cdr=a,this.nzWidth=120,this.nzHeight=64,this.nzRotate=-22,this.nzZIndex=9,this.nzImage="",this.nzContent="",this.nzFont={},this.nzGap=[100,100],this.nzOffset=[this.nzGap[0]/2,this.nzGap[1]/2],this.document=oe(ze),this.waterMarkElement=this.document.createElement("div"),this.stopObservation=!1,this.observer=new MutationObserver(o=>{this.stopObservation||o.forEach(d=>{Ue(d,this.waterMarkElement)&&(this.destroyWatermark(),this.renderWatermark())})})}ngOnInit(){this.observer.observe(this.el.nativeElement,{subtree:!0,childList:!0,attributeFilter:["style","class"]})}ngAfterViewInit(){this.renderWatermark()}ngOnChanges(i){let{nzRotate:a,nzZIndex:o,nzWidth:d,nzHeight:p,nzImage:f,nzContent:S,nzFont:k,gapX:g,gapY:E,offsetLeft:C,offsetTop:T}=i;(a||o||d||p||f||S||k||g||E||C||T)&&this.renderWatermark()}getFont(){let i={color:"rgba(0,0,0,.15)",fontSize:16,fontWeight:"normal",fontFamily:"sans-serif",fontStyle:"normal"};this.nzFont=W(W({},i),this.nzFont),this.cdr.markForCheck()}getMarkStyle(){let i={zIndex:this.nzZIndex,position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat",visibility:"visible"},a=(this.nzOffset?.[0]??this.nzGap[0]/2)-this.nzGap[0]/2,o=(this.nzOffset?.[1]??this.nzGap[1]/2)-this.nzGap[1]/2;return a>0&&(i.left=`${a}px`,i.width=`calc(100% - ${a}px)`,a=0),o>0&&(i.top=`${o}px`,i.height=`calc(100% - ${o}px)`,o=0),i.backgroundPosition=`${a}px ${o}px`,i}destroyWatermark(){this.waterMarkElement&&this.waterMarkElement.remove()}appendWatermark(i,a){this.stopObservation=!0,this.waterMarkElement.setAttribute("style",qe(ae(W({},this.getMarkStyle()),{backgroundImage:`url('${i}')`,backgroundSize:`${(this.nzGap[0]+a)*ne}px`}))),this.el.nativeElement.append(this.waterMarkElement),this.cdr.markForCheck(),setTimeout(()=>{this.stopObservation=!1,this.cdr.markForCheck()})}getMarkSize(i){let a=120,o=64;if(!this.nzImage&&i.measureText){i.font=`${Number(this.nzFont.fontSize)}px ${this.nzFont.fontFamily}`;let d=Array.isArray(this.nzContent)?this.nzContent:[this.nzContent],p=d.map(f=>i.measureText(f).width);a=Math.ceil(Math.max(...p)),o=Number(this.nzFont.fontSize)*d.length+(d.length-1)*Ze}return[this.nzWidth??a,this.nzHeight??o]}fillTexts(i,a,o,d,p){let f=Le(),S=Number(this.nzFont.fontSize)*f;i.font=`${this.nzFont.fontStyle} normal ${this.nzFont.fontWeight} ${S}px/${p}px ${this.nzFont.fontFamily}`,this.nzFont.color&&(i.fillStyle=this.nzFont.color),i.textAlign="center",i.textBaseline="top",i.translate(d/2,0),(Array.isArray(this.nzContent)?this.nzContent:[this.nzContent])?.forEach((g,E)=>{i.fillText(g??"",a,o+E*(S+Ze*f))})}drawText(i,a,o,d,p,f,S,k,g,E,C){this.fillTexts(a,o,d,p,f),a.restore(),te(a,S,k,this.nzRotate),this.fillTexts(a,g,E,p,f),this.appendWatermark(i.toDataURL(),C)}renderWatermark(){if(!this.nzContent&&!this.nzImage)return;let i=this.document.createElement("canvas"),a=i.getContext("2d");if(a){this.waterMarkElement||(this.waterMarkElement=this.document.createElement("div")),this.getFont();let o=Le(),[d,p]=this.getMarkSize(a),f=(this.nzGap[0]+d)*o,S=(this.nzGap[1]+p)*o;i.setAttribute("width",`${f*ne}px`),i.setAttribute("height",`${S*ne}px`);let k=this.nzGap[0]*o/2,g=this.nzGap[1]*o/2,E=d*o,C=p*o,T=(E+this.nzGap[0]*o)/2,ie=(C+this.nzGap[1]*o)/2,V=k+f,J=g+S,K=T+f,ee=ie+S;if(a.save(),te(a,T,ie,this.nzRotate),this.nzImage){let N=new Image;N.onload=()=>{a.drawImage(N,k,g,E,C),a.restore(),te(a,K,ee,this.nzRotate),a.drawImage(N,V,J,E,C),this.appendWatermark(i.toDataURL(),d)},N.onerror=()=>this.drawText(i,a,k,g,E,C,K,ee,V,J,d),N.crossOrigin="anonymous",N.referrerPolicy="no-referrer",N.src=this.nzImage}else this.drawText(i,a,k,g,E,C,K,ee,V,J,d)}}ngOnDestroy(){this.observer.disconnect()}};r.\u0275fac=function(a){return new(a||r)(A(de),A(R))},r.\u0275cmp=c({type:r,selectors:[["nz-water-mark"]],hostAttrs:[1,"ant-water-mark"],inputs:{nzWidth:[2,"nzWidth","nzWidth",M],nzHeight:[2,"nzHeight","nzHeight",M],nzRotate:[2,"nzRotate","nzRotate",M],nzZIndex:[2,"nzZIndex","nzZIndex",M],nzImage:"nzImage",nzContent:"nzContent",nzFont:"nzFont",nzGap:"nzGap",nzOffset:"nzOffset"},exportAs:["NzWaterMark"],standalone:!0,features:[se,le,x],ngContentSelectors:je,decls:1,vars:0,template:function(a,o){a&1&&(ue(),pe(0))},encapsulation:2,changeDetection:0});let m=r;return m})(),y=(()=>{let r=class r{};r.\u0275fac=function(a){return new(a||r)},r.\u0275mod=me({type:r}),r.\u0275inj=re({});let m=r;return m})();var q=(()=>{let r=class r{};r.\u0275fac=function(a){return new(a||r)},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark-basic"]],standalone:!0,features:[x],decls:2,vars:0,consts:[["nzContent","NG Ant Design"],[2,"height","500px"]],template:function(a,o){a&1&&(t(0,"nz-water-mark",0),l(1,"div",1),n())},dependencies:[y,b],encapsulation:2});let m=r;return m})();var U=(()=>{let r=class r{constructor(i,a){this.fb=i,this.cdr=a,this.form=this.fb.group({content:"NG Ant Design",fontSize:16,zIndex:11,rotate:-22,gapX:100,gapY:100,offsetX:50,offsetY:50}),this.color="rgba(0,0,0,.15)",this.font={color:"rgba(0,0,0,.15)",fontSize:16},this.gap=[100,100],this.offset=[50,50]}ngOnInit(){this.form.valueChanges.subscribe(i=>{this.font={fontSize:i.fontSize,color:this.color},this.gap=[i.gapX,i.gapY],this.offset=[i.offsetX,i.offsetY],this.cdr.markForCheck()})}changeColor(i){this.color=i.color.toRgbString(),this.font={fontSize:this.form.value.fontSize,color:i.color.toRgbString()},this.cdr.markForCheck()}};r.\u0275fac=function(a){return new(a||r)(A(ke),A(R))},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark-custom"]],standalone:!0,features:[x],decls:48,vars:10,consts:[[2,"display","flex"],[3,"nzContent","nzRotate","nzZIndex","nzGap","nzOffset","nzFont"],["nz-typography","",2,"z-index","10","position","relative"],["src","https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zx7LTI_ECSAAAAAAAAAAAABkARQnAQ","alt","\u793A\u4F8B\u56FE\u7247",2,"z-index","30","position","relative","width","100%","max-width","800px"],["nzType","vertical"],["nz-form","","nzLayout","vertical",3,"formGroup"],["nz-input","","type","text","formControlName","content"],[3,"nzOnChange","nzValue"],["formControlName","fontSize"],["formControlName","zIndex"],["formControlName","rotate",3,"nzMin","nzMax"],["formControlName","gapX"],["formControlName","gapY"],["formControlName","offsetX"],["formControlName","offsetY"]],template:function(a,o){a&1&&(t(0,"div",0)(1,"nz-water-mark",1)(2,"p",2),e(3," The light-speed iteration of the digital world makes products more complex. However, human consciousness and attention resources are limited. Facing this design contradiction, the pursuit of natural interaction will be the consistent direction of Ant Design. "),n(),t(4,"p",2),e(5," Natural user cognition: According to cognitive psychology, about 80% of external information is obtained through visual channels. The most important visual elements in the interface design, including layout, colors, illustrations, icons, etc., should fully absorb the laws of nature, thereby reducing the user's cognitive cost and bringing authentic and smooth feelings. In some scenarios, opportunely adding other sensory channels such as hearing, touch can create a richer and more natural product experience. "),n(),t(6,"p",2),e(7," Natural user behavior: In the interaction with the system, the designer should fully understand the relationship between users, system roles, and task objectives, and also contextually organize system functions and services. At the same time, a series of methods such as behavior analysis, artificial intelligence and sensors could be applied to assist users to make effective decisions and reduce extra operations of users, to save users' mental and physical resources and make human-computer interaction more natural. "),n(),l(8,"img",3),n(),l(9,"nz-divider",4),t(10,"form",5)(11,"nz-form-item")(12,"nz-form-label"),e(13,"Content"),n(),t(14,"nz-form-control"),l(15,"input",6),n()(),t(16,"nz-form-item")(17,"nz-form-label"),e(18,"Color"),n(),t(19,"nz-form-control")(20,"nz-color-picker",7),w("nzOnChange",function(p){return o.changeColor(p)}),n()()(),t(21,"nz-form-item")(22,"nz-form-label"),e(23,"FontSize"),n(),t(24,"nz-form-control"),l(25,"nz-slider",8),n()(),t(26,"nz-form-item")(27,"nz-form-label"),e(28,"zIndex"),n(),t(29,"nz-form-control"),l(30,"nz-slider",9),n()(),t(31,"nz-form-item")(32,"nz-form-label"),e(33,"Rotate"),n(),t(34,"nz-form-control"),l(35,"nz-slider",10),n()(),t(36,"nz-form-item")(37,"nz-form-label"),e(38,"Gap"),n(),t(39,"nz-form-control"),l(40,"nz-input-number",11)(41,"nz-input-number",12),n()(),t(42,"nz-form-item")(43,"nz-form-label"),e(44,"Offset"),n(),t(45,"nz-form-control"),l(46,"nz-input-number",13)(47,"nz-input-number",14),n()()()()),a&2&&(u(),s("nzContent",o.form.value.content)("nzRotate",o.form.value.rotate)("nzZIndex",o.form.value.zIndex)("nzGap",o.gap)("nzOffset",o.offset)("nzFont",o.font),u(9),s("formGroup",o.form),u(10),s("nzValue",o.color),u(15),s("nzMin",-180)("nzMax",180))},dependencies:[Ce,Ee,he,xe,fe,Se,ge,Be,Ie,Ne,ve,He,I,D,Te,Me,Ge,We,Fe,we,ye,be,Re,Oe,De,Ae,y,b],styles:["nz-water-mark[_ngcontent-%COMP%]{flex:1 1 auto}nz-divider[_ngcontent-%COMP%]{height:auto;margin:0 20px}form[_ngcontent-%COMP%]{flex:0 0 280px}nz-input-number[_ngcontent-%COMP%]{margin-right:12px;width:40%}"]});let m=r;return m})();var X=(()=>{let r=class r{};r.\u0275fac=function(a){return new(a||r)},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark-image"]],standalone:!0,features:[x],decls:2,vars:2,consts:[["nzImage","https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg",3,"nzWidth","nzHeight"],[2,"height","500px"]],template:function(a,o){a&1&&(t(0,"nz-water-mark",0),l(1,"div",1),n()),a&2&&s("nzWidth",212)("nzHeight",32)},dependencies:[y,b],encapsulation:2});let m=r;return m})();var Xe=()=>["Angular","NG Ant Design"],Y=(()=>{let r=class r{};r.\u0275fac=function(a){return new(a||r)},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark-multi-line"]],standalone:!0,features:[x],decls:2,vars:2,consts:[[3,"nzContent"],[2,"height","500px"]],template:function(a,o){a&1&&(t(0,"nz-water-mark",0),l(1,"div",1),n()),a&2&&s("nzContent",ce(1,Xe))},dependencies:[y,b],encapsulation:2});let m=r;return m})();var $e=(()=>{let r=class r{constructor(){this.expanded=!1}goLink(i){window&&(window.location.hash=i)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(i=>i.expandCode(this.expanded))}};r.\u0275fac=function(a){return new(a||r)},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark"]],viewQuery:function(a,o){if(a&1&&G(F,5),a&2){let d;H(d=O())&&(o.codeBoxes=d)}},standalone:!0,features:[x],decls:424,vars:20,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-water-mark-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-water-mark-demo-multi-line","nzTitle","\u591A\u884C\u6C34\u5370"],["nzHref","#components-water-mark-demo-image","nzTitle","\u56FE\u7247\u6C34\u5370"],["nzHref","#components-water-mark-demo-custom","nzTitle","\u81EA\u5B9A\u4E49\u914D\u7F6E"],["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/water-mark/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"],["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"],["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","nzSelector","nz-demo-water-mark-basic","nzGenerateCommand","ng g ng-zorro-antd:water-mark-basic <name>","nzComponentName","NzDemoWaterMarkBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u591A\u884C\u6C34\u5370","nzSelector","nz-demo-water-mark-multi-line","nzGenerateCommand","ng g ng-zorro-antd:water-mark-multi-line <name>","nzComponentName","NzDemoWaterMarkMultiLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56FE\u7247\u6C34\u5370","nzSelector","nz-demo-water-mark-image","nzGenerateCommand","ng g ng-zorro-antd:water-mark-image <name>","nzComponentName","NzDemoWaterMarkImageComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u914D\u7F6E","nzSelector","nz-demo-water-mark-custom","nzGenerateCommand","ng g ng-zorro-antd:water-mark-custom <name>","nzComponentName","NzDemoWaterMarkCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-water-mark:standalone'",1,"anchor"],["id","fonttype"],["onclick","window.location.hash = 'fonttype'",1,"anchor"],["id","faq"],["onclick","window.location.hash = 'faq'",1,"anchor"],["id","\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370"],["onclick","window.location.hash = '\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","style-attr","language-css"],[1,"token","property"],[1,"token","number"]],template:function(a,o){a&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),w("nzClick",function(p){return o.goLink(p)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),n()(),t(8,"section",7)(9,"h1"),e(10,"WaterMark"),t(11,"span",8),e(12,"\u6C34\u5370"),n(),l(13,"span",9),t(14,"a",10),l(15,"span",11),n()(),t(16,"section",7),h(),t(17,"p"),e(18,"\u7ED9\u9875\u9762\u7684\u67D0\u4E2A\u533A\u57DF\u52A0\u4E0A\u6C34\u5370\u3002"),n(),t(19,"h2",12)(20,"span"),e(21,"\u4F55\u65F6\u4F7F\u7528"),n(),t(22,"a",13),e(23,"#"),n()(),t(24,"ul")(25,"li"),e(26,"\u9875\u9762\u9700\u8981\u6DFB\u52A0\u6C34\u5370\u6807\u8BC6\u7248\u6743\u65F6\u4F7F\u7528\u3002"),n(),t(27,"li"),e(28,"\u9002\u7528\u4E8E\u9632\u6B62\u4FE1\u606F\u76D7\u7528\u3002"),n()(),t(29,"h3",14)(30,"span"),e(31,"\u5F15\u5165\u6A21\u5757"),n(),t(32,"a",15),e(33,"#"),n()(),t(34,"p"),e(35,"module:"),n(),t(36,"pre",16)(37,"code")(38,"span",17),e(39,"import"),n(),e(40," "),t(41,"span",18),e(42,"{"),n(),e(43," NzWaterMarkModule "),t(44,"span",18),e(45,"}"),n(),e(46," "),t(47,"span",17),e(48,"from"),n(),e(49," "),t(50,"span",19),e(51,"'ng-zorro-antd/water-mark'"),n(),t(52,"span",18),e(53,";"),n()()(),t(54,"p"),e(55,"standalone:"),n(),t(56,"pre",16)(57,"code")(58,"span",17),e(59,"import"),n(),e(60," "),t(61,"span",18),e(62,"{"),n(),e(63," NzWaterMarkComponent "),t(64,"span",18),e(65,"}"),n(),e(66," "),t(67,"span",17),e(68,"from"),n(),e(69," "),t(70,"span",19),e(71,"'ng-zorro-antd/water-mark'"),n(),t(72,"span",18),e(73,";"),n()()(),z(),n(),t(74,"h2")(75,"span"),e(76,"\u4EE3\u7801\u6F14\u793A"),n(),t(77,"span",20),w("click",function(){return o.expandAllCode()}),n()()(),t(78,"div",21)(79,"div",22)(80,"nz-code-box",23),l(81,"nz-demo-water-mark-basic",24),t(82,"div",25),h(),t(83,"p"),e(84,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),z(),n()(),t(85,"nz-code-box",26),l(86,"nz-demo-water-mark-multi-line",24),t(87,"div",25),h(),t(88,"p"),e(89,"\u901A\u8FC7 "),t(90,"code"),e(91,"nzContent"),n(),e(92," \u8BBE\u7F6E \u5B57\u7B26\u4E32\u6570\u7EC4 \u6307\u5B9A\u591A\u884C\u6587\u5B57\u6C34\u5370\u5185\u5BB9\u3002"),n(),z(),n()(),t(93,"nz-code-box",27),l(94,"nz-demo-water-mark-image",24),t(95,"div",25),h(),t(96,"p"),e(97,"\u901A\u8FC7 "),t(98,"code"),e(99,"nzImage"),n(),e(100," \u6307\u5B9A\u56FE\u7247\u5730\u5740\u3002\u4E3A\u4FDD\u8BC1\u56FE\u7247\u9AD8\u6E05\u4E14\u4E0D\u88AB\u62C9\u4F38\uFF0C\u8BF7\u8BBE\u7F6E width \u548C height, \u5E76\u4E0A\u4F20\u81F3\u5C11\u4E24\u500D\u7684\u5BBD\u9AD8\u7684 logo \u56FE\u7247\u5730\u5740\u3002"),n(),z(),n()(),t(101,"nz-code-box",28),l(102,"nz-demo-water-mark-custom",24),t(103,"div",25),h(),t(104,"p"),e(105,"\u901A\u8FC7\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9884\u89C8\u6C34\u5370\u6548\u679C\u3002"),n(),z(),n()()()(),t(106,"section",29),h(),t(107,"h2",30)(108,"span"),e(109,"API"),n(),t(110,"a",31),e(111,"#"),n()(),t(112,"h3",32)(113,"span"),e(114,"nz-water-mark"),n(),t(115,"label",33),e(116,"component"),n(),t(117,"label",34),e(118,"standalone"),n(),t(119,"a",35),e(120,"#"),n()(),t(121,"table")(122,"thead")(123,"tr")(124,"th"),e(125,"\u53C2\u6570"),n(),t(126,"th"),e(127,"\u8BF4\u660E"),n(),t(128,"th"),e(129,"\u7C7B\u578B"),n(),t(130,"th"),e(131,"\u9ED8\u8BA4\u503C"),n()()(),t(132,"tbody")(133,"tr")(134,"td")(135,"code"),e(136,"nzContent"),n()(),t(137,"td"),e(138,"\u6C34\u5370\u6587\u5B57\u5185\u5BB9"),n(),t(139,"td")(140,"code"),e(141,"string \uFF5C string[]"),n()(),t(142,"td"),e(143,"-"),n()(),t(144,"tr")(145,"td")(146,"code"),e(147,"nzWidth"),n()(),t(148,"td"),e(149,"\u6C34\u5370\u7684\u5BBD\u5EA6\uFF0C"),t(150,"code"),e(151,"nzContent"),n(),e(152," \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u5BBD\u5EA6"),n(),t(153,"td")(154,"code"),e(155,"number"),n()(),t(156,"td"),e(157,"120"),n()(),t(158,"tr")(159,"td")(160,"code"),e(161,"nzHeight"),n()(),t(162,"td"),e(163,"\u6C34\u5370\u7684\u9AD8\u5EA6\uFF0C"),t(164,"code"),e(165,"nzContent"),n(),e(166," \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u9AD8\u5EA6"),n(),t(167,"td")(168,"code"),e(169,"number"),n()(),t(170,"td"),e(171,"64"),n()(),t(172,"tr")(173,"td")(174,"code"),e(175,"nzRotate"),n()(),t(176,"td"),e(177,"\u6C34\u5370\u7ED8\u5236\u65F6\uFF0C\u65CB\u8F6C\u7684\u89D2\u5EA6\uFF0C\u5355\u4F4D "),t(178,"code"),e(179,"\xB0"),n()(),t(180,"td")(181,"code"),e(182,"number"),n()(),t(183,"td"),e(184,"-22"),n()(),t(185,"tr")(186,"td")(187,"code"),e(188,"nzZIndex"),n()(),t(189,"td"),e(190,"\u8FFD\u52A0\u7684\u6C34\u5370\u5143\u7D20\u7684 z-index"),n(),t(191,"td")(192,"code"),e(193,"number"),n()(),t(194,"td"),e(195,"9"),n()(),t(196,"tr")(197,"td")(198,"code"),e(199,"nzImage"),n()(),t(200,"td"),e(201,"\u56FE\u7247\u6E90\uFF0C\u5EFA\u8BAE\u5BFC\u51FA 2 \u500D\u6216 3 \u500D\u56FE\uFF0C\u4F18\u5148\u7EA7\u9AD8 (\u652F\u6301 base64 \u683C\u5F0F)"),n(),t(202,"td")(203,"code"),e(204,"string"),n()(),t(205,"td"),e(206,"-"),n()(),t(207,"tr")(208,"td")(209,"code"),e(210,"nzFont"),n()(),t(211,"td"),e(212,"\u6587\u5B57\u6837\u5F0F"),n(),t(213,"td")(214,"code"),e(215,"FontType"),n()(),t(216,"td"),e(217,"FontType"),n()(),t(218,"tr")(219,"td")(220,"code"),e(221,"nzGap"),n()(),t(222,"td"),e(223,"\u6C34\u5370\u4E4B\u95F4\u7684\u95F4\u8DDD"),n(),t(224,"td")(225,"code"),e(226,"[number, number]"),n()(),t(227,"td"),e(228,"[100, 100]"),n()(),t(229,"tr")(230,"td")(231,"code"),e(232,"nzOffset"),n()(),t(233,"td"),e(234,"\u6C34\u5370\u8DDD\u79BB\u5BB9\u5668\u5DE6\u4E0A\u89D2\u7684\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E3A "),t(235,"code"),e(236,"nzGap/2"),n()(),t(237,"td")(238,"code"),e(239,"[number, number]"),n()(),t(240,"td"),e(241,"[nzGap[0]/2, nzGap[1]/2]"),n()()()(),t(242,"h3",36)(243,"span"),e(244,"FontType"),n(),t(245,"a",37),e(246,"#"),n()(),t(247,"table")(248,"thead")(249,"tr")(250,"th"),e(251,"\u53C2\u6570"),n(),t(252,"th"),e(253,"\u8BF4\u660E"),n(),t(254,"th"),e(255,"\u7C7B\u578B"),n(),t(256,"th"),e(257,"\u9ED8\u8BA4\u503C"),n()()(),t(258,"tbody")(259,"tr")(260,"td")(261,"code"),e(262,"color"),n()(),t(263,"td"),e(264,"\u5B57\u4F53\u989C\u8272"),n(),t(265,"td")(266,"code"),e(267,"string"),n()(),t(268,"td"),e(269,"rgba(0,0,0,.15)"),n()(),t(270,"tr")(271,"td")(272,"code"),e(273,"fontSize"),n()(),t(274,"td"),e(275,"\u5B57\u4F53\u5927\u5C0F"),n(),t(276,"td")(277,"code"),e(278,"number"),n()(),t(279,"td"),e(280,"16"),n()(),t(281,"tr")(282,"td")(283,"code"),e(284,"fontWeight"),n()(),t(285,"td"),e(286,"\u5B57\u4F53\u7C97\u7EC6"),n(),t(287,"td")(288,"code"),e(289,"normal \uFF5C light \uFF5C weight \uFF5C number"),n()(),t(290,"td"),e(291,"normal"),n()(),t(292,"tr")(293,"td")(294,"code"),e(295,"fontFamily"),n()(),t(296,"td"),e(297,"\u5B57\u4F53\u7C7B\u578B"),n(),t(298,"td")(299,"code"),e(300,"string"),n()(),t(301,"td"),e(302,"sans-serif"),n()(),t(303,"tr")(304,"td")(305,"code"),e(306,"fontStyle"),n()(),t(307,"td"),e(308,"\u5B57\u4F53\u6837\u5F0F"),n(),t(309,"td")(310,"code"),e(311,"none \uFF5C normal \uFF5C italic \uFF5C oblique"),n()(),t(312,"td"),e(313,"normal"),n()()()(),t(314,"h2",38)(315,"span"),e(316,"FAQ"),n(),t(317,"a",39),e(318,"#"),n()(),t(319,"h3",40)(320,"span"),e(321,"\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370"),n(),t(322,"a",41),e(323,"#"),n()(),t(324,"p"),e(325,"\u5F53\u4F7F\u7528\u56FE\u7247\u6C34\u5370\u4E14\u56FE\u7247\u52A0\u8F7D\u5F02\u5E38\u65F6\uFF0C\u53EF\u4EE5\u540C\u65F6\u6DFB\u52A0 "),t(326,"code"),e(327,"nzContent"),n(),e(328," \u9632\u6B62\u6C34\u5370\u5931\u6548\u3002"),n(),t(329,"pre",42)(330,"code")(331,"span",43)(332,"span",43)(333,"span",18),e(334,"<"),n(),e(335,"nz-water-mark"),n(),e(336,`
  `),t(337,"span",44),e(338,"[nzWidth]"),n(),t(339,"span",45)(340,"span",18),e(341,"="),n(),t(342,"span",18),e(343,'"'),n(),e(344,"212"),t(345,"span",18),e(346,'"'),n()(),e(347,`
  `),t(348,"span",44),e(349,"[nzHeight]"),n(),t(350,"span",45)(351,"span",18),e(352,"="),n(),t(353,"span",18),e(354,'"'),n(),e(355,"32"),t(356,"span",18),e(357,'"'),n()(),e(358,`
  `),t(359,"span",44),e(360,"nzContent"),n(),t(361,"span",45)(362,"span",18),e(363,"="),n(),t(364,"span",18),e(365,'"'),n(),e(366,"NG Ant Design"),t(367,"span",18),e(368,'"'),n()(),e(369,`
  `),t(370,"span",44),e(371,"nzImage"),n(),t(372,"span",45)(373,"span",18),e(374,"="),n(),t(375,"span",18),e(376,'"'),n(),e(377,"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"),t(378,"span",18),e(379,'"'),n()(),e(380,`
`),t(381,"span",18),e(382,">"),n()(),e(383,`
  `),t(384,"span",43)(385,"span",43)(386,"span",18),e(387,"<"),n(),e(388,"div"),n(),t(389,"span",46)(390,"span",44),e(391," "),t(392,"span",44),e(393,"style"),n()(),t(394,"span",18),e(395,'="'),n(),t(396,"span",45)(397,"span",47),e(398,"height"),n(),t(399,"span",18),e(400,":"),n(),e(401," "),t(402,"span",48),e(403,"500"),n(),e(404,"px"),n(),t(405,"span",18),e(406,'"'),n()(),t(407,"span",18),e(408,">"),n()(),t(409,"span",43)(410,"span",43)(411,"span",18),e(412,"</"),n(),e(413,"div"),n(),t(414,"span",18),e(415,">"),n()(),e(416,`
`),t(417,"span",43)(418,"span",43)(419,"span",18),e(420,"</"),n(),e(421,"nz-water-mark"),n(),t(422,"span",18),e(423,">"),n()()()(),z(),n()()),a&2&&(u(),s("nzOffsetTop",16),u(),s("nzAffix",!1),u(76),s("nzGutter",8),u(),s("nzSpan",24),u(),s("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),u(5),s("nzId","components-water-mark-demo-multi-line")("nzLink","components-water-mark-demo-multi-line")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),u(8),s("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),u(8),s("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[j,F,$,P,_,I,D,Z,L,q,U,X,Y],encapsulation:2});let m=r;return m})();var Pe=(()=>{let r=class r{constructor(){this.expanded=!1}goLink(i){window&&(window.location.hash=i)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(i=>i.expandCode(this.expanded))}};r.\u0275fac=function(a){return new(a||r)},r.\u0275cmp=c({type:r,selectors:[["nz-demo-water-mark"]],viewQuery:function(a,o){if(a&1&&G(F,5),a&2){let d;H(d=O())&&(o.codeBoxes=d)}},standalone:!0,features:[x],decls:423,vars:20,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-water-mark-demo-basic","nzTitle","Basic"],["nzHref","#components-water-mark-demo-multi-line","nzTitle","Multi-line watermark"],["nzHref","#components-water-mark-demo-image","nzTitle","Image watermark"],["nzHref","#components-water-mark-demo-custom","nzTitle","Custom configuration"],["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/water-mark/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"],["id","import-module"],["onclick","window.location.hash = 'import-module'",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,"nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-water-mark-basic","nzGenerateCommand","ng g ng-zorro-antd:water-mark-basic <name>","nzComponentName","NzDemoWaterMarkBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Multi-line watermark","nzSelector","nz-demo-water-mark-multi-line","nzGenerateCommand","ng g ng-zorro-antd:water-mark-multi-line <name>","nzComponentName","NzDemoWaterMarkMultiLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Image watermark","nzSelector","nz-demo-water-mark-image","nzGenerateCommand","ng g ng-zorro-antd:water-mark-image <name>","nzComponentName","NzDemoWaterMarkImageComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom configuration","nzSelector","nz-demo-water-mark-custom","nzGenerateCommand","ng g ng-zorro-antd:water-mark-custom <name>","nzComponentName","NzDemoWaterMarkCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-water-mark:standalone'",1,"anchor"],["id","fonttype"],["onclick","window.location.hash = 'fonttype'",1,"anchor"],["id","faq"],["onclick","window.location.hash = 'faq'",1,"anchor"],["id","handle-abnormal-image-watermarks"],["onclick","window.location.hash = 'handle-abnormal-image-watermarks'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","style-attr","language-css"],[1,"token","property"],[1,"token","number"]],template:function(a,o){a&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),w("nzClick",function(p){return o.goLink(p)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),n()(),t(8,"section",7)(9,"h1"),e(10,"WaterMark"),l(11,"span",8)(12,"span",9),t(13,"a",10),l(14,"span",11),n()(),t(15,"section",7),h(),t(16,"p"),e(17,"Add specific text or patterns to the page."),n(),t(18,"h2",12)(19,"span"),e(20,"When To Use"),n(),t(21,"a",13),e(22,"#"),n()(),t(23,"ul")(24,"li"),e(25,"Use when the page needs to be watermarked to identify the copyright."),n(),t(26,"li"),e(27,"Suitable for preventing information theft."),n()(),t(28,"h3",14)(29,"span"),e(30,"Import Module"),n(),t(31,"a",15),e(32,"#"),n()(),t(33,"p"),e(34,"module:"),n(),t(35,"pre",16)(36,"code")(37,"span",17),e(38,"import"),n(),e(39," "),t(40,"span",18),e(41,"{"),n(),e(42," NzWaterMarkModule "),t(43,"span",18),e(44,"}"),n(),e(45," "),t(46,"span",17),e(47,"from"),n(),e(48," "),t(49,"span",19),e(50,"'ng-zorro-antd/water-mark'"),n(),t(51,"span",18),e(52,";"),n()()(),t(53,"p"),e(54,"standalone:"),n(),t(55,"pre",16)(56,"code")(57,"span",17),e(58,"import"),n(),e(59," "),t(60,"span",18),e(61,"{"),n(),e(62," NzWaterMarkComponent "),t(63,"span",18),e(64,"}"),n(),e(65," "),t(66,"span",17),e(67,"from"),n(),e(68," "),t(69,"span",19),e(70,"'ng-zorro-antd/water-mark'"),n(),t(71,"span",18),e(72,";"),n()()(),z(),n(),t(73,"h2")(74,"span"),e(75,"Examples"),n(),t(76,"span",20),w("click",function(){return o.expandAllCode()}),n()()(),t(77,"div",21)(78,"div",22)(79,"nz-code-box",23),l(80,"nz-demo-water-mark-basic",24),t(81,"div",25),h(),t(82,"p"),e(83,"The most basic usage."),n(),z(),n()(),t(84,"nz-code-box",26),l(85,"nz-demo-water-mark-multi-line",24),t(86,"div",25),h(),t(87,"p"),e(88,"Use "),t(89,"code"),e(90,"nzContent"),n(),e(91," to set a string array to specify multi-line text watermark content."),n(),z(),n()(),t(92,"nz-code-box",27),l(93,"nz-demo-water-mark-image",24),t(94,"div",25),h(),t(95,"p"),e(96,"Specify the image address via "),t(97,"code"),e(98,"nzImage"),n(),e(99,". To ensure that the image is high definition and not stretched, set the width and height, and upload at least twice the width and height of the logo image address."),n(),z(),n()(),t(100,"nz-code-box",28),l(101,"nz-demo-water-mark-custom",24),t(102,"div",25),h(),t(103,"p"),e(104,"Preview the watermark effect by configuring custom parameters."),n(),z(),n()()()(),t(105,"section",29),h(),t(106,"h2",30)(107,"span"),e(108,"API"),n(),t(109,"a",31),e(110,"#"),n()(),t(111,"h3",32)(112,"span"),e(113,"nz-water-mark"),n(),t(114,"label",33),e(115,"component"),n(),t(116,"label",34),e(117,"standalone"),n(),t(118,"a",35),e(119,"#"),n()(),t(120,"table")(121,"thead")(122,"tr")(123,"th"),e(124,"Property"),n(),t(125,"th"),e(126,"Description"),n(),t(127,"th"),e(128,"Type"),n(),t(129,"th"),e(130,"Default"),n()()(),t(131,"tbody")(132,"tr")(133,"td")(134,"code"),e(135,"nzContent"),n()(),t(136,"td"),e(137,"Watermark text content"),n(),t(138,"td")(139,"code"),e(140,"string \uFF5C string[]"),n()(),t(141,"td"),e(142,"-"),n()(),t(143,"tr")(144,"td")(145,"code"),e(146,"nzWidth"),n()(),t(147,"td"),e(148,"The width of the watermark, the default value of "),t(149,"code"),e(150,"nzContent"),n(),e(151," is its own width"),n(),t(152,"td")(153,"code"),e(154,"number"),n()(),t(155,"td"),e(156,"120"),n()(),t(157,"tr")(158,"td")(159,"code"),e(160,"nzHeight"),n()(),t(161,"td"),e(162,"The height of the watermark, the default value of "),t(163,"code"),e(164,"nzContent"),n(),e(165," is its own height"),n(),t(166,"td")(167,"code"),e(168,"number"),n()(),t(169,"td"),e(170,"64"),n()(),t(171,"tr")(172,"td")(173,"code"),e(174,"nzRotate"),n()(),t(175,"td"),e(176,"When the watermark is drawn, the rotation Angle, unit "),t(177,"code"),e(178,"\xB0"),n()(),t(179,"td")(180,"code"),e(181,"number"),n()(),t(182,"td"),e(183,"-22"),n()(),t(184,"tr")(185,"td")(186,"code"),e(187,"nzZIndex"),n()(),t(188,"td"),e(189,"The z-index of the appended watermark element"),n(),t(190,"td")(191,"code"),e(192,"number"),n()(),t(193,"td"),e(194,"9"),n()(),t(195,"tr")(196,"td")(197,"code"),e(198,"nzImage"),n()(),t(199,"td"),e(200,"Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)"),n(),t(201,"td")(202,"code"),e(203,"string"),n()(),t(204,"td"),e(205,"-"),n()(),t(206,"tr")(207,"td")(208,"code"),e(209,"nzFont"),n()(),t(210,"td"),e(211,"Text style"),n(),t(212,"td")(213,"code"),e(214,"FontType"),n()(),t(215,"td"),e(216,"FontType"),n()(),t(217,"tr")(218,"td")(219,"code"),e(220,"nzGap"),n()(),t(221,"td"),e(222,"The spacing between watermarks"),n(),t(223,"td")(224,"code"),e(225,"[number, number]"),n()(),t(226,"td"),e(227,"[100, 100]"),n()(),t(228,"tr")(229,"td")(230,"code"),e(231,"nzOffset"),n()(),t(232,"td"),e(233,"The offset of the watermark from the upper left corner of the container. The default is "),t(234,"code"),e(235,"nzGap/2"),n()(),t(236,"td")(237,"code"),e(238,"[number, number]"),n()(),t(239,"td"),e(240,"[nzGap[0]/2, nzGap[1]/2]"),n()()()(),t(241,"h3",36)(242,"span"),e(243,"FontType"),n(),t(244,"a",37),e(245,"#"),n()(),t(246,"table")(247,"thead")(248,"tr")(249,"th"),e(250,"Property"),n(),t(251,"th"),e(252,"Description"),n(),t(253,"th"),e(254,"Type"),n(),t(255,"th"),e(256,"Default"),n()()(),t(257,"tbody")(258,"tr")(259,"td")(260,"code"),e(261,"color"),n()(),t(262,"td"),e(263,"font color"),n(),t(264,"td")(265,"code"),e(266,"string"),n()(),t(267,"td"),e(268,"rgba(0,0,0,.15)"),n()(),t(269,"tr")(270,"td")(271,"code"),e(272,"fontSize"),n()(),t(273,"td"),e(274,"font size"),n(),t(275,"td")(276,"code"),e(277,"number"),n()(),t(278,"td"),e(279,"16"),n()(),t(280,"tr")(281,"td")(282,"code"),e(283,"fontWeight"),n()(),t(284,"td"),e(285,"font weight"),n(),t(286,"td")(287,"code"),e(288,"normal \uFF5C light \uFF5C weight \uFF5C number"),n()(),t(289,"td"),e(290,"normal"),n()(),t(291,"tr")(292,"td")(293,"code"),e(294,"fontFamily"),n()(),t(295,"td"),e(296,"font family"),n(),t(297,"td")(298,"code"),e(299,"string"),n()(),t(300,"td"),e(301,"sans-serif"),n()(),t(302,"tr")(303,"td")(304,"code"),e(305,"fontStyle"),n()(),t(306,"td"),e(307,"font style"),n(),t(308,"td")(309,"code"),e(310,"none \uFF5C normal \uFF5C italic \uFF5C oblique"),n()(),t(311,"td"),e(312,"normal"),n()()()(),t(313,"h2",38)(314,"span"),e(315,"FAQ"),n(),t(316,"a",39),e(317,"#"),n()(),t(318,"h3",40)(319,"span"),e(320,"Handle abnormal image watermarks"),n(),t(321,"a",41),e(322,"#"),n()(),t(323,"p"),e(324,"When using an image watermark and the image loads abnormally, you can add "),t(325,"code"),e(326,"nzContent"),n(),e(327," at the same time to prevent the watermark from becoming invalid."),n(),t(328,"pre",42)(329,"code")(330,"span",43)(331,"span",43)(332,"span",18),e(333,"<"),n(),e(334,"nz-water-mark"),n(),e(335,`
  `),t(336,"span",44),e(337,"[nzWidth]"),n(),t(338,"span",45)(339,"span",18),e(340,"="),n(),t(341,"span",18),e(342,'"'),n(),e(343,"212"),t(344,"span",18),e(345,'"'),n()(),e(346,`
  `),t(347,"span",44),e(348,"[nzHeight]"),n(),t(349,"span",45)(350,"span",18),e(351,"="),n(),t(352,"span",18),e(353,'"'),n(),e(354,"32"),t(355,"span",18),e(356,'"'),n()(),e(357,`
  `),t(358,"span",44),e(359,"nzContent"),n(),t(360,"span",45)(361,"span",18),e(362,"="),n(),t(363,"span",18),e(364,'"'),n(),e(365,"NG Ant Design"),t(366,"span",18),e(367,'"'),n()(),e(368,`
  `),t(369,"span",44),e(370,"nzImage"),n(),t(371,"span",45)(372,"span",18),e(373,"="),n(),t(374,"span",18),e(375,'"'),n(),e(376,"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"),t(377,"span",18),e(378,'"'),n()(),e(379,`
`),t(380,"span",18),e(381,">"),n()(),e(382,`
  `),t(383,"span",43)(384,"span",43)(385,"span",18),e(386,"<"),n(),e(387,"div"),n(),t(388,"span",46)(389,"span",44),e(390," "),t(391,"span",44),e(392,"style"),n()(),t(393,"span",18),e(394,'="'),n(),t(395,"span",45)(396,"span",47),e(397,"height"),n(),t(398,"span",18),e(399,":"),n(),e(400," "),t(401,"span",48),e(402,"500"),n(),e(403,"px"),n(),t(404,"span",18),e(405,'"'),n()(),t(406,"span",18),e(407,">"),n()(),t(408,"span",43)(409,"span",43)(410,"span",18),e(411,"</"),n(),e(412,"div"),n(),t(413,"span",18),e(414,">"),n()(),e(415,`
`),t(416,"span",43)(417,"span",43)(418,"span",18),e(419,"</"),n(),e(420,"nz-water-mark"),n(),t(421,"span",18),e(422,">"),n()()()(),z(),n()()),a&2&&(u(),s("nzOffsetTop",16),u(),s("nzAffix",!1),u(75),s("nzGutter",8),u(),s("nzSpan",24),u(),s("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),u(5),s("nzId","components-water-mark-demo-multi-line")("nzLink","components-water-mark-demo-multi-line")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),u(8),s("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),u(8),s("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[j,F,$,P,_,I,D,Z,L,q,U,X,Y],encapsulation:2});let m=r;return m})();var tt=[{path:"en",component:Pe},{path:"zh",component:$e}],Xt=tt;export{Xt as default};