chunk-4XPA7JDW.js

import{a as Le,b as Ze}from"./chunk-JIN4IEPR.js";import{a as Oe,b as _e}from"./chunk-BPTLIY6Q.js";import{a as We,b as Te,c as Ge,d as Re,e as He}from"./chunk-VG3HH7LJ.js";import{b as Ie,c as Me}from"./chunk-GYSQ7WLI.js";import"./chunk-YFUEY227.js";import"./chunk-XRZD46X6.js";import"./chunk-MM6HSE4Q.js";import"./chunk-VED23IKS.js";import"./chunk-7IR2ER4N.js";import{a as Ae,b as Be}from"./chunk-QEKBGSGF.js";import{a as ye,b as De}from"./chunk-TC4DHG3D.js";import{f as Ne,k as ve}from"./chunk-GDHEBRUM.js";import"./chunk-O5GFCFR7.js";import"./chunk-AMB2SXIB.js";import{a as F,g as q,h as U,j as X}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Gc as Fe,Ha as $,Ic as be,Jc as v,Kc as y,Nc as j,gc as Q,mc as Ee,qc as Se,rc as ge,vc as ke,yc as Ce,zc as we}from"./chunk-O3IWK6WU.js";import{Ac as L,Bc as Z,Gc as e,Ib as z,Jb as ce,Oa as pe,Sc as xe,Vb as d,hc as n,hd as P,ia as se,ic as t,jc as l,md as T,na as O,qc as w,rb as s,tc as ze,uc as fe,wa as ue,wd as he,xa as p,xb as W,ya as c,zc as _}from"./chunk-NACBYLXS.js";import{a as H,b as de}from"./chunk-EQDQRRRY.js";var je=["*"];function Pe(){return window.devicePixelRatio||1}function qe(r){return r.replace(/([A-Z])/g,"-$1").toLowerCase()}function Ue(r){return Object.keys(r).map(a=>`${qe(a)}: ${r[a]};`).join(" ")}function Xe(r,o){let i=!1;return r.removedNodes.length&&(i=Array.from(r.removedNodes).some(a=>a===o)),r.type==="attributes"&&r.target===o&&(i=!0),i}function ie(r,o,i,a){r.translate(o,i),r.rotate(Math.PI/180*Number(a)),r.translate(-o,-i)}var ae=2,$e=3,b=(()=>{class r{el;cdr;nzWidth=120;nzHeight=64;nzRotate=-22;nzZIndex=9;nzImage="";nzContent="";nzFont={};nzGap=[100,100];nzOffset=[this.nzGap[0]/2,this.nzGap[1]/2];document=O(he);waterMarkElement=this.document.createElement("div");stopObservation=!1;observer=new MutationObserver(i=>{this.stopObservation||i.forEach(a=>{Xe(a,this.waterMarkElement)&&(this.destroyWatermark(),this.renderWatermark())})});constructor(i,a){this.el=i,this.cdr=a}ngOnInit(){this.observer.observe(this.el.nativeElement,{subtree:!0,childList:!0,attributeFilter:["style","class"]})}ngAfterViewInit(){this.renderWatermark()}ngOnChanges(i){let{nzRotate:a,nzZIndex:m,nzWidth:u,nzHeight:x,nzImage:f,nzContent:E,nzFont:g,gapX:S,gapY:h,offsetLeft:k,offsetTop:R}=i;(a||m||u||x||f||E||g||S||h||k||R)&&this.renderWatermark()}getFont(){let i={color:"rgba(0,0,0,.15)",fontSize:16,fontWeight:"normal",fontFamily:"sans-serif",fontStyle:"normal"};this.nzFont=H(H({},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,m=(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),m>0&&(i.top=`${m}px`,i.height=`calc(100% - ${m}px)`,m=0),i.backgroundPosition=`${a}px ${m}px`,i}destroyWatermark(){this.waterMarkElement&&this.waterMarkElement.remove()}appendWatermark(i,a){this.stopObservation=!0,this.waterMarkElement.setAttribute("style",Ue(de(H({},this.getMarkStyle()),{backgroundImage:`url('${i}')`,backgroundSize:`${(this.nzGap[0]+a)*ae}px`}))),this.el.nativeElement.append(this.waterMarkElement),this.cdr.markForCheck(),setTimeout(()=>{this.stopObservation=!1,this.cdr.markForCheck()})}getMarkSize(i){let a=120,m=64;if(!this.nzImage&&i.measureText){i.font=`${Number(this.nzFont.fontSize)}px ${this.nzFont.fontFamily}`;let u=Array.isArray(this.nzContent)?this.nzContent:[this.nzContent],x=u.map(f=>i.measureText(f).width);a=Math.ceil(Math.max(...x)),m=Number(this.nzFont.fontSize)*u.length+(u.length-1)*$e}return[this.nzWidth??a,this.nzHeight??m]}fillTexts(i,a,m,u,x){let f=Pe(),E=Number(this.nzFont.fontSize)*f;i.font=`${this.nzFont.fontStyle} normal ${this.nzFont.fontWeight} ${E}px/${x}px ${this.nzFont.fontFamily}`,this.nzFont.color&&(i.fillStyle=this.nzFont.color),i.textAlign="center",i.textBaseline="top",i.translate(u/2,0),(Array.isArray(this.nzContent)?this.nzContent:[this.nzContent])?.forEach((S,h)=>{i.fillText(S??"",a,m+h*(E+$e*f))})}drawText(i,a,m,u,x,f,E,g,S,h,k){this.fillTexts(a,m,u,x,f),a.restore(),ie(a,E,g,this.nzRotate),this.fillTexts(a,S,h,x,f),this.appendWatermark(i.toDataURL(),k)}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 m=Pe(),[u,x]=this.getMarkSize(a),f=(this.nzGap[0]+u)*m,E=(this.nzGap[1]+x)*m;i.setAttribute("width",`${f*ae}px`),i.setAttribute("height",`${E*ae}px`);let g=this.nzGap[0]*m/2,S=this.nzGap[1]*m/2,h=u*m,k=x*m,R=(h+this.nzGap[0]*m)/2,re=(k+this.nzGap[1]*m)/2,K=g+f,ee=S+E,te=R+f,ne=re+E;if(a.save(),ie(a,R,re,this.nzRotate),this.nzImage){let C=new Image,oe=()=>{le(),a.drawImage(C,g,S,h,k),a.restore(),ie(a,te,ne,this.nzRotate),a.drawImage(C,K,ee,h,k),this.appendWatermark(i.toDataURL(),u)},me=()=>{le(),this.drawText(i,a,g,S,h,k,te,ne,K,ee,u)},le=()=>{C.removeEventListener("load",oe),C.removeEventListener("error",me)};C.addEventListener("load",oe),C.addEventListener("error",me),C.crossOrigin="anonymous",C.referrerPolicy="no-referrer",C.src=this.nzImage}else this.drawText(i,a,g,S,h,k,te,ne,K,ee,u)}}ngOnDestroy(){this.observer.disconnect()}static \u0275fac=function(a){return new(a||r)(W(pe),W(P))};static \u0275cmp=z({type:r,selectors:[["nz-water-mark"]],hostAttrs:[1,"ant-water-mark"],inputs:{nzWidth:[2,"nzWidth","nzWidth",T],nzHeight:[2,"nzHeight","nzHeight",T],nzRotate:[2,"nzRotate","nzRotate",T],nzZIndex:[2,"nzZIndex","nzZIndex",T],nzImage:"nzImage",nzContent:"nzContent",nzFont:"nzFont",nzGap:"nzGap",nzOffset:"nzOffset"},exportAs:["NzWaterMark"],features:[ue],ngContentSelectors:je,decls:1,vars:0,template:function(a,m){a&1&&(ze(),fe(0))},encapsulation:2,changeDetection:0})}return r})(),N=(()=>{class r{static \u0275fac=function(a){return new(a||r)};static \u0275mod=ce({type:r});static \u0275inj=se({})}return r})();var I=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark-basic"]],decls:2,vars:0,consts:[["nzContent","NG Ant Design"],[2,"height","500px"]],template:function(i,a){i&1&&(n(0,"nz-water-mark",0),l(1,"div",1),t())},dependencies:[N,b],encapsulation:2})};var M=class r{constructor(o){this.cdr=o}fb=O(Fe);form=this.fb.group({content:"NG Ant Design",fontSize:16,zIndex:11,rotate:-22,gapX:100,gapY:100,offsetX:50,offsetY:50});color="rgba(0,0,0,.15)";font={color:"rgba(0,0,0,.15)",fontSize:16};gap=[100,100];offset=[50,50];ngOnInit(){this.form.valueChanges.subscribe(o=>{this.font={fontSize:o.fontSize,color:this.color},this.gap=[o.gapX,o.gapY],this.offset=[o.offsetX,o.offsetY],this.cdr.markForCheck()})}changeColor(o){this.color=o.color.toRgbString(),this.font={fontSize:this.form.value.fontSize,color:o.color.toRgbString()},this.cdr.markForCheck()}static \u0275fac=function(i){return new(i||r)(W(P))};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark-custom"]],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(i,a){i&1&&(n(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. "),t(),n(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. "),t(),n(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. "),t(),l(8,"img",3),t(),l(9,"nz-divider",4),n(10,"form",5)(11,"nz-form-item")(12,"nz-form-label"),e(13,"Content"),t(),n(14,"nz-form-control"),l(15,"input",6),t()(),n(16,"nz-form-item")(17,"nz-form-label"),e(18,"Color"),t(),n(19,"nz-form-control")(20,"nz-color-picker",7),w("nzOnChange",function(u){return a.changeColor(u)}),t()()(),n(21,"nz-form-item")(22,"nz-form-label"),e(23,"FontSize"),t(),n(24,"nz-form-control"),l(25,"nz-slider",8),t()(),n(26,"nz-form-item")(27,"nz-form-label"),e(28,"zIndex"),t(),n(29,"nz-form-control"),l(30,"nz-slider",9),t()(),n(31,"nz-form-item")(32,"nz-form-label"),e(33,"Rotate"),t(),n(34,"nz-form-control"),l(35,"nz-slider",10),t()(),n(36,"nz-form-item")(37,"nz-form-label"),e(38,"Gap"),t(),n(39,"nz-form-control"),l(40,"nz-input-number",11)(41,"nz-input-number",12),t()(),n(42,"nz-form-item")(43,"nz-form-label"),e(44,"Offset"),t(),n(45,"nz-form-control"),l(46,"nz-input-number",13)(47,"nz-input-number",14),t()()()()),i&2&&(s(),d("nzContent",a.form.value.content)("nzRotate",a.form.value.rotate)("nzZIndex",a.form.value.zIndex)("nzGap",a.gap)("nzOffset",a.offset)("nzFont",a.font),s(9),d("formGroup",a.form),s(10),d("nzValue",a.color),s(15),d("nzMin",-180)("nzMax",180))},dependencies:[be,ke,Ee,Se,ge,Ce,we,Me,Ie,Be,Ae,He,y,v,Te,We,Re,Ge,ve,Ne,De,ye,Ze,Le,_e,Oe,N,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%}"]})};var A=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark-image"]],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(i,a){i&1&&(n(0,"nz-water-mark",0),l(1,"div",1),t()),i&2&&d("nzWidth",212)("nzHeight",32)},dependencies:[N,b],encapsulation:2})};var Ye=()=>["Angular","NG Ant Design"],B=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark-multi-line"]],decls:2,vars:2,consts:[[3,"nzContent"],[2,"height","500px"]],template:function(i,a){i&1&&(n(0,"nz-water-mark",0),l(1,"div",1),t()),i&2&&d("nzContent",xe(1,Ye))},dependencies:[N,b],encapsulation:2})};var V=class r{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark"]],viewQuery:function(i,a){if(i&1&&_(F,5),i&2){let m;L(m=Z())&&(a.codeBoxes=m)}},decls:424,vars:24,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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-water-mark'",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","punctuation","attr-equals"],[1,"token","special-attr"],[1,"token","value","css","language-css"],[1,"token","property"]],template:function(i,a){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),w("nzClick",function(u){return a.goLink(u)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t()(),n(8,"section",7)(9,"h1"),e(10,"WaterMark"),n(11,"span",8),e(12,"\u6C34\u5370"),t(),l(13,"span",9),n(14,"a",10),l(15,"nz-icon",11),t()(),n(16,"section",7),c(),n(17,"p"),e(18,"\u7ED9\u9875\u9762\u7684\u67D0\u4E2A\u533A\u57DF\u52A0\u4E0A\u6C34\u5370\u3002"),t(),n(19,"h2",12)(20,"span"),e(21,"\u4F55\u65F6\u4F7F\u7528"),t(),n(22,"a",13),e(23,"#"),t()(),n(24,"ul")(25,"li"),e(26,"\u9875\u9762\u9700\u8981\u6DFB\u52A0\u6C34\u5370\u6807\u8BC6\u7248\u6743\u65F6\u4F7F\u7528\u3002"),t(),n(27,"li"),e(28,"\u9002\u7528\u4E8E\u9632\u6B62\u4FE1\u606F\u76D7\u7528\u3002"),t()(),n(29,"h3",14)(30,"span"),e(31,"\u5F15\u5165\u6A21\u5757"),t(),n(32,"a",15),e(33,"#"),t()(),n(34,"p"),e(35,"module:"),t(),n(36,"pre")(37,"code",16)(38,"span",17),e(39,"import"),t(),e(40," "),n(41,"span",18),e(42,"{"),t(),e(43," NzWaterMarkModule "),n(44,"span",18),e(45,"}"),t(),e(46," "),n(47,"span",17),e(48,"from"),t(),e(49," "),n(50,"span",19),e(51,"'ng-zorro-antd/water-mark'"),t(),n(52,"span",18),e(53,";"),t(),e(54,`
`),t()(),n(55,"p"),e(56,"standalone:"),t(),n(57,"pre")(58,"code",16)(59,"span",17),e(60,"import"),t(),e(61," "),n(62,"span",18),e(63,"{"),t(),e(64," NzWaterMarkComponent "),n(65,"span",18),e(66,"}"),t(),e(67," "),n(68,"span",17),e(69,"from"),t(),e(70," "),n(71,"span",19),e(72,"'ng-zorro-antd/water-mark'"),t(),n(73,"span",18),e(74,";"),t(),e(75,`
`),t()(),p(),t(),n(76,"h2")(77,"span"),e(78,"\u4EE3\u7801\u6F14\u793A"),t(),n(79,"nz-icon",20),w("click",function(){return a.expandAllCode()}),t()()(),n(80,"div",21)(81,"div",22)(82,"nz-code-box",23),l(83,"nz-demo-water-mark-basic",24),n(84,"div",25),c(),n(85,"p"),e(86,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),t(),p(),t()(),n(87,"nz-code-box",26),l(88,"nz-demo-water-mark-multi-line",24),n(89,"div",25),c(),n(90,"p"),e(91,"\u901A\u8FC7 "),n(92,"code"),e(93,"nzContent"),t(),e(94," \u8BBE\u7F6E \u5B57\u7B26\u4E32\u6570\u7EC4 \u6307\u5B9A\u591A\u884C\u6587\u5B57\u6C34\u5370\u5185\u5BB9\u3002"),t(),p(),t()(),n(95,"nz-code-box",27),l(96,"nz-demo-water-mark-image",24),n(97,"div",25),c(),n(98,"p"),e(99,"\u901A\u8FC7 "),n(100,"code"),e(101,"nzImage"),t(),e(102," \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"),t(),p(),t()(),n(103,"nz-code-box",28),l(104,"nz-demo-water-mark-custom",24),n(105,"div",25),c(),n(106,"p"),e(107,"\u901A\u8FC7\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9884\u89C8\u6C34\u5370\u6548\u679C\u3002"),t(),p(),t()()()(),n(108,"section",29),c(),n(109,"h2",30)(110,"span"),e(111,"API"),t(),n(112,"a",31),e(113,"#"),t()(),n(114,"h3",32)(115,"span"),e(116,"nz-water-mark"),t(),n(117,"label",33),e(118,"component"),t(),n(119,"a",34),e(120,"#"),t()(),n(121,"table")(122,"thead")(123,"tr")(124,"th"),e(125,"\u53C2\u6570"),t(),n(126,"th"),e(127,"\u8BF4\u660E"),t(),n(128,"th"),e(129,"\u7C7B\u578B"),t(),n(130,"th"),e(131,"\u9ED8\u8BA4\u503C"),t()()(),n(132,"tbody")(133,"tr")(134,"td")(135,"code"),e(136,"nzContent"),t()(),n(137,"td"),e(138,"\u6C34\u5370\u6587\u5B57\u5185\u5BB9"),t(),n(139,"td")(140,"code"),e(141,"string \uFF5C string[]"),t()(),n(142,"td"),e(143,"-"),t()(),n(144,"tr")(145,"td")(146,"code"),e(147,"nzWidth"),t()(),n(148,"td"),e(149,"\u6C34\u5370\u7684\u5BBD\u5EA6\uFF0C"),n(150,"code"),e(151,"nzContent"),t(),e(152," \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u5BBD\u5EA6"),t(),n(153,"td")(154,"code"),e(155,"number"),t()(),n(156,"td"),e(157,"120"),t()(),n(158,"tr")(159,"td")(160,"code"),e(161,"nzHeight"),t()(),n(162,"td"),e(163,"\u6C34\u5370\u7684\u9AD8\u5EA6\uFF0C"),n(164,"code"),e(165,"nzContent"),t(),e(166," \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u9AD8\u5EA6"),t(),n(167,"td")(168,"code"),e(169,"number"),t()(),n(170,"td"),e(171,"64"),t()(),n(172,"tr")(173,"td")(174,"code"),e(175,"nzRotate"),t()(),n(176,"td"),e(177,"\u6C34\u5370\u7ED8\u5236\u65F6\uFF0C\u65CB\u8F6C\u7684\u89D2\u5EA6\uFF0C\u5355\u4F4D "),n(178,"code"),e(179,"\xB0"),t()(),n(180,"td")(181,"code"),e(182,"number"),t()(),n(183,"td"),e(184,"-22"),t()(),n(185,"tr")(186,"td")(187,"code"),e(188,"nzZIndex"),t()(),n(189,"td"),e(190,"\u8FFD\u52A0\u7684\u6C34\u5370\u5143\u7D20\u7684 z-index"),t(),n(191,"td")(192,"code"),e(193,"number"),t()(),n(194,"td"),e(195,"9"),t()(),n(196,"tr")(197,"td")(198,"code"),e(199,"nzImage"),t()(),n(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)"),t(),n(202,"td")(203,"code"),e(204,"string"),t()(),n(205,"td"),e(206,"-"),t()(),n(207,"tr")(208,"td")(209,"code"),e(210,"nzFont"),t()(),n(211,"td"),e(212,"\u6587\u5B57\u6837\u5F0F"),t(),n(213,"td")(214,"code"),e(215,"FontType"),t()(),n(216,"td"),e(217,"FontType"),t()(),n(218,"tr")(219,"td")(220,"code"),e(221,"nzGap"),t()(),n(222,"td"),e(223,"\u6C34\u5370\u4E4B\u95F4\u7684\u95F4\u8DDD"),t(),n(224,"td")(225,"code"),e(226,"[number, number]"),t()(),n(227,"td"),e(228,"[100, 100]"),t()(),n(229,"tr")(230,"td")(231,"code"),e(232,"nzOffset"),t()(),n(233,"td"),e(234,"\u6C34\u5370\u8DDD\u79BB\u5BB9\u5668\u5DE6\u4E0A\u89D2\u7684\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E3A "),n(235,"code"),e(236,"nzGap/2"),t()(),n(237,"td")(238,"code"),e(239,"[number, number]"),t()(),n(240,"td"),e(241,"[nzGap[0]/2, nzGap[1]/2]"),t()()()(),n(242,"h3",35)(243,"span"),e(244,"FontType"),t(),n(245,"a",36),e(246,"#"),t()(),n(247,"table")(248,"thead")(249,"tr")(250,"th"),e(251,"\u53C2\u6570"),t(),n(252,"th"),e(253,"\u8BF4\u660E"),t(),n(254,"th"),e(255,"\u7C7B\u578B"),t(),n(256,"th"),e(257,"\u9ED8\u8BA4\u503C"),t()()(),n(258,"tbody")(259,"tr")(260,"td")(261,"code"),e(262,"color"),t()(),n(263,"td"),e(264,"\u5B57\u4F53\u989C\u8272"),t(),n(265,"td")(266,"code"),e(267,"string"),t()(),n(268,"td"),e(269,"rgba(0,0,0,.15)"),t()(),n(270,"tr")(271,"td")(272,"code"),e(273,"fontSize"),t()(),n(274,"td"),e(275,"\u5B57\u4F53\u5927\u5C0F"),t(),n(276,"td")(277,"code"),e(278,"number"),t()(),n(279,"td"),e(280,"16"),t()(),n(281,"tr")(282,"td")(283,"code"),e(284,"fontWeight"),t()(),n(285,"td"),e(286,"\u5B57\u4F53\u7C97\u7EC6"),t(),n(287,"td")(288,"code"),e(289,"normal \uFF5C light \uFF5C weight \uFF5C number"),t()(),n(290,"td"),e(291,"normal"),t()(),n(292,"tr")(293,"td")(294,"code"),e(295,"fontFamily"),t()(),n(296,"td"),e(297,"\u5B57\u4F53\u7C7B\u578B"),t(),n(298,"td")(299,"code"),e(300,"string"),t()(),n(301,"td"),e(302,"sans-serif"),t()(),n(303,"tr")(304,"td")(305,"code"),e(306,"fontStyle"),t()(),n(307,"td"),e(308,"\u5B57\u4F53\u6837\u5F0F"),t(),n(309,"td")(310,"code"),e(311,"none \uFF5C normal \uFF5C italic \uFF5C oblique"),t()(),n(312,"td"),e(313,"normal"),t()()()(),n(314,"h2",37)(315,"span"),e(316,"FAQ"),t(),n(317,"a",38),e(318,"#"),t()(),n(319,"h3",39)(320,"span"),e(321,"\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370"),t(),n(322,"a",40),e(323,"#"),t()(),n(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 "),n(326,"code"),e(327,"nzContent"),t(),e(328," \u9632\u6B62\u6C34\u5370\u5931\u6548\u3002"),t(),n(329,"pre")(330,"code",41)(331,"span",42)(332,"span",42)(333,"span",18),e(334,"<"),t(),e(335,"nz-water-mark"),t(),e(336,`
  `),n(337,"span",43),e(338,"[nzWidth]"),t(),n(339,"span",44)(340,"span",45),e(341,"="),t(),n(342,"span",18),e(343,'"'),t(),e(344,"212"),n(345,"span",18),e(346,'"'),t()(),e(347,`
  `),n(348,"span",43),e(349,"[nzHeight]"),t(),n(350,"span",44)(351,"span",45),e(352,"="),t(),n(353,"span",18),e(354,'"'),t(),e(355,"32"),n(356,"span",18),e(357,'"'),t()(),e(358,`
  `),n(359,"span",43),e(360,"nzContent"),t(),n(361,"span",44)(362,"span",45),e(363,"="),t(),n(364,"span",18),e(365,'"'),t(),e(366,"NG Ant Design"),n(367,"span",18),e(368,'"'),t()(),e(369,`
  `),n(370,"span",43),e(371,"nzImage"),t(),n(372,"span",44)(373,"span",45),e(374,"="),t(),n(375,"span",18),e(376,'"'),t(),e(377,"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"),n(378,"span",18),e(379,'"'),t()(),e(380,`
`),n(381,"span",18),e(382,">"),t()(),e(383,`
  `),n(384,"span",42)(385,"span",42)(386,"span",18),e(387,"<"),t(),e(388,"div"),t(),e(389," "),n(390,"span",46)(391,"span",43),e(392,"style"),t(),n(393,"span",44)(394,"span",45),e(395,"="),t(),n(396,"span",18),e(397,'"'),t(),n(398,"span",47)(399,"span",48),e(400,"height"),t(),n(401,"span",18),e(402,":"),t(),e(403," 500px"),t(),n(404,"span",18),e(405,'"'),t()()(),n(406,"span",18),e(407,">"),t()(),n(408,"span",42)(409,"span",42)(410,"span",18),e(411,"</"),t(),e(412,"div"),t(),n(413,"span",18),e(414,">"),t()(),e(415,`
`),n(416,"span",42)(417,"span",42)(418,"span",18),e(419,"</"),t(),e(420,"nz-water-mark"),t(),n(421,"span",18),e(422,">"),t()(),e(423,`
`),t()(),p(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(78),d("nzGutter",8),s(),d("nzSpan",24),s(),d("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),s(5),d("nzId","components-water-mark-demo-multi-line")("nzLink","components-water-mark-demo-multi-line")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),s(8),d("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),s(8),d("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[X,F,q,U,j,y,v,Q,$,I,M,A,B],encapsulation:2})};var J=class r{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-water-mark"]],viewQuery:function(i,a){if(i&1&&_(F,5),i&2){let m;L(m=Z())&&(a.codeBoxes=m)}},decls:423,vars:24,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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-water-mark"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-water-mark'",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","punctuation","attr-equals"],[1,"token","special-attr"],[1,"token","value","css","language-css"],[1,"token","property"]],template:function(i,a){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),w("nzClick",function(u){return a.goLink(u)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t()(),n(8,"section",7)(9,"h1"),e(10,"WaterMark"),l(11,"span",8)(12,"span",9),n(13,"a",10),l(14,"nz-icon",11),t()(),n(15,"section",7),c(),n(16,"p"),e(17,"Add specific text or patterns to the page."),t(),n(18,"h2",12)(19,"span"),e(20,"When To Use"),t(),n(21,"a",13),e(22,"#"),t()(),n(23,"ul")(24,"li"),e(25,"Use when the page needs to be watermarked to identify the copyright."),t(),n(26,"li"),e(27,"Suitable for preventing information theft."),t()(),n(28,"h3",14)(29,"span"),e(30,"Import Module"),t(),n(31,"a",15),e(32,"#"),t()(),n(33,"p"),e(34,"module:"),t(),n(35,"pre")(36,"code",16)(37,"span",17),e(38,"import"),t(),e(39," "),n(40,"span",18),e(41,"{"),t(),e(42," NzWaterMarkModule "),n(43,"span",18),e(44,"}"),t(),e(45," "),n(46,"span",17),e(47,"from"),t(),e(48," "),n(49,"span",19),e(50,"'ng-zorro-antd/water-mark'"),t(),n(51,"span",18),e(52,";"),t(),e(53,`
`),t()(),n(54,"p"),e(55,"standalone:"),t(),n(56,"pre")(57,"code",16)(58,"span",17),e(59,"import"),t(),e(60," "),n(61,"span",18),e(62,"{"),t(),e(63," NzWaterMarkComponent "),n(64,"span",18),e(65,"}"),t(),e(66," "),n(67,"span",17),e(68,"from"),t(),e(69," "),n(70,"span",19),e(71,"'ng-zorro-antd/water-mark'"),t(),n(72,"span",18),e(73,";"),t(),e(74,`
`),t()(),p(),t(),n(75,"h2")(76,"span"),e(77,"Examples"),t(),n(78,"nz-icon",20),w("click",function(){return a.expandAllCode()}),t()()(),n(79,"div",21)(80,"div",22)(81,"nz-code-box",23),l(82,"nz-demo-water-mark-basic",24),n(83,"div",25),c(),n(84,"p"),e(85,"The most basic usage."),t(),p(),t()(),n(86,"nz-code-box",26),l(87,"nz-demo-water-mark-multi-line",24),n(88,"div",25),c(),n(89,"p"),e(90,"Use "),n(91,"code"),e(92,"nzContent"),t(),e(93," to set a string array to specify multi-line text watermark content."),t(),p(),t()(),n(94,"nz-code-box",27),l(95,"nz-demo-water-mark-image",24),n(96,"div",25),c(),n(97,"p"),e(98,"Specify the image address via "),n(99,"code"),e(100,"nzImage"),t(),e(101,". 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."),t(),p(),t()(),n(102,"nz-code-box",28),l(103,"nz-demo-water-mark-custom",24),n(104,"div",25),c(),n(105,"p"),e(106,"Preview the watermark effect by configuring custom parameters."),t(),p(),t()()()(),n(107,"section",29),c(),n(108,"h2",30)(109,"span"),e(110,"API"),t(),n(111,"a",31),e(112,"#"),t()(),n(113,"h3",32)(114,"span"),e(115,"nz-water-mark"),t(),n(116,"label",33),e(117,"component"),t(),n(118,"a",34),e(119,"#"),t()(),n(120,"table")(121,"thead")(122,"tr")(123,"th"),e(124,"Property"),t(),n(125,"th"),e(126,"Description"),t(),n(127,"th"),e(128,"Type"),t(),n(129,"th"),e(130,"Default"),t()()(),n(131,"tbody")(132,"tr")(133,"td")(134,"code"),e(135,"nzContent"),t()(),n(136,"td"),e(137,"Watermark text content"),t(),n(138,"td")(139,"code"),e(140,"string \uFF5C string[]"),t()(),n(141,"td"),e(142,"-"),t()(),n(143,"tr")(144,"td")(145,"code"),e(146,"nzWidth"),t()(),n(147,"td"),e(148,"The width of the watermark, the default value of "),n(149,"code"),e(150,"nzContent"),t(),e(151," is its own width"),t(),n(152,"td")(153,"code"),e(154,"number"),t()(),n(155,"td"),e(156,"120"),t()(),n(157,"tr")(158,"td")(159,"code"),e(160,"nzHeight"),t()(),n(161,"td"),e(162,"The height of the watermark, the default value of "),n(163,"code"),e(164,"nzContent"),t(),e(165," is its own height"),t(),n(166,"td")(167,"code"),e(168,"number"),t()(),n(169,"td"),e(170,"64"),t()(),n(171,"tr")(172,"td")(173,"code"),e(174,"nzRotate"),t()(),n(175,"td"),e(176,"When the watermark is drawn, the rotation Angle, unit "),n(177,"code"),e(178,"\xB0"),t()(),n(179,"td")(180,"code"),e(181,"number"),t()(),n(182,"td"),e(183,"-22"),t()(),n(184,"tr")(185,"td")(186,"code"),e(187,"nzZIndex"),t()(),n(188,"td"),e(189,"The z-index of the appended watermark element"),t(),n(190,"td")(191,"code"),e(192,"number"),t()(),n(193,"td"),e(194,"9"),t()(),n(195,"tr")(196,"td")(197,"code"),e(198,"nzImage"),t()(),n(199,"td"),e(200,"Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)"),t(),n(201,"td")(202,"code"),e(203,"string"),t()(),n(204,"td"),e(205,"-"),t()(),n(206,"tr")(207,"td")(208,"code"),e(209,"nzFont"),t()(),n(210,"td"),e(211,"Text style"),t(),n(212,"td")(213,"code"),e(214,"FontType"),t()(),n(215,"td"),e(216,"FontType"),t()(),n(217,"tr")(218,"td")(219,"code"),e(220,"nzGap"),t()(),n(221,"td"),e(222,"The spacing between watermarks"),t(),n(223,"td")(224,"code"),e(225,"[number, number]"),t()(),n(226,"td"),e(227,"[100, 100]"),t()(),n(228,"tr")(229,"td")(230,"code"),e(231,"nzOffset"),t()(),n(232,"td"),e(233,"The offset of the watermark from the upper left corner of the container. The default is "),n(234,"code"),e(235,"nzGap/2"),t()(),n(236,"td")(237,"code"),e(238,"[number, number]"),t()(),n(239,"td"),e(240,"[nzGap[0]/2, nzGap[1]/2]"),t()()()(),n(241,"h3",35)(242,"span"),e(243,"FontType"),t(),n(244,"a",36),e(245,"#"),t()(),n(246,"table")(247,"thead")(248,"tr")(249,"th"),e(250,"Property"),t(),n(251,"th"),e(252,"Description"),t(),n(253,"th"),e(254,"Type"),t(),n(255,"th"),e(256,"Default"),t()()(),n(257,"tbody")(258,"tr")(259,"td")(260,"code"),e(261,"color"),t()(),n(262,"td"),e(263,"font color"),t(),n(264,"td")(265,"code"),e(266,"string"),t()(),n(267,"td"),e(268,"rgba(0,0,0,.15)"),t()(),n(269,"tr")(270,"td")(271,"code"),e(272,"fontSize"),t()(),n(273,"td"),e(274,"font size"),t(),n(275,"td")(276,"code"),e(277,"number"),t()(),n(278,"td"),e(279,"16"),t()(),n(280,"tr")(281,"td")(282,"code"),e(283,"fontWeight"),t()(),n(284,"td"),e(285,"font weight"),t(),n(286,"td")(287,"code"),e(288,"normal \uFF5C light \uFF5C weight \uFF5C number"),t()(),n(289,"td"),e(290,"normal"),t()(),n(291,"tr")(292,"td")(293,"code"),e(294,"fontFamily"),t()(),n(295,"td"),e(296,"font family"),t(),n(297,"td")(298,"code"),e(299,"string"),t()(),n(300,"td"),e(301,"sans-serif"),t()(),n(302,"tr")(303,"td")(304,"code"),e(305,"fontStyle"),t()(),n(306,"td"),e(307,"font style"),t(),n(308,"td")(309,"code"),e(310,"none \uFF5C normal \uFF5C italic \uFF5C oblique"),t()(),n(311,"td"),e(312,"normal"),t()()()(),n(313,"h2",37)(314,"span"),e(315,"FAQ"),t(),n(316,"a",38),e(317,"#"),t()(),n(318,"h3",39)(319,"span"),e(320,"Handle abnormal image watermarks"),t(),n(321,"a",40),e(322,"#"),t()(),n(323,"p"),e(324,"When using an image watermark and the image loads abnormally, you can add "),n(325,"code"),e(326,"nzContent"),t(),e(327," at the same time to prevent the watermark from becoming invalid."),t(),n(328,"pre")(329,"code",41)(330,"span",42)(331,"span",42)(332,"span",18),e(333,"<"),t(),e(334,"nz-water-mark"),t(),e(335,`
  `),n(336,"span",43),e(337,"[nzWidth]"),t(),n(338,"span",44)(339,"span",45),e(340,"="),t(),n(341,"span",18),e(342,'"'),t(),e(343,"212"),n(344,"span",18),e(345,'"'),t()(),e(346,`
  `),n(347,"span",43),e(348,"[nzHeight]"),t(),n(349,"span",44)(350,"span",45),e(351,"="),t(),n(352,"span",18),e(353,'"'),t(),e(354,"32"),n(355,"span",18),e(356,'"'),t()(),e(357,`
  `),n(358,"span",43),e(359,"nzContent"),t(),n(360,"span",44)(361,"span",45),e(362,"="),t(),n(363,"span",18),e(364,'"'),t(),e(365,"NG Ant Design"),n(366,"span",18),e(367,'"'),t()(),e(368,`
  `),n(369,"span",43),e(370,"nzImage"),t(),n(371,"span",44)(372,"span",45),e(373,"="),t(),n(374,"span",18),e(375,'"'),t(),e(376,"https://img.alicdn.com/imgextra/i3/O1CN01UR3Zkq1va9fnZsZcr_!!6000000006188-55-tps-424-64.svg"),n(377,"span",18),e(378,'"'),t()(),e(379,`
`),n(380,"span",18),e(381,">"),t()(),e(382,`
  `),n(383,"span",42)(384,"span",42)(385,"span",18),e(386,"<"),t(),e(387,"div"),t(),e(388," "),n(389,"span",46)(390,"span",43),e(391,"style"),t(),n(392,"span",44)(393,"span",45),e(394,"="),t(),n(395,"span",18),e(396,'"'),t(),n(397,"span",47)(398,"span",48),e(399,"height"),t(),n(400,"span",18),e(401,":"),t(),e(402," 500px"),t(),n(403,"span",18),e(404,'"'),t()()(),n(405,"span",18),e(406,">"),t()(),n(407,"span",42)(408,"span",42)(409,"span",18),e(410,"</"),t(),e(411,"div"),t(),n(412,"span",18),e(413,">"),t()(),e(414,`
`),n(415,"span",42)(416,"span",42)(417,"span",18),e(418,"</"),t(),e(419,"nz-water-mark"),t(),n(420,"span",18),e(421,">"),t()(),e(422,`
`),t()(),p(),t()()),i&2&&(s(),d("nzOffsetTop",16),s(),d("nzAffix",!1),s(77),d("nzGutter",8),s(),d("nzSpan",24),s(),d("nzId","components-water-mark-demo-basic")("nzLink","components-water-mark-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/basic.md"),s(5),d("nzId","components-water-mark-demo-multi-line")("nzLink","components-water-mark-demo-multi-line")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/multi-line.md"),s(8),d("nzId","components-water-mark-demo-image")("nzLink","components-water-mark-demo-image")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/image.md"),s(8),d("nzId","components-water-mark-demo-custom")("nzLink","components-water-mark-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/water-mark/demo/custom.md"))},dependencies:[X,F,q,U,j,y,v,Q,$,I,M,A,B],encapsulation:2})};var nt=[{path:"en",component:J},{path:"zh",component:V}],nn=nt;export{nn as default};