1import{a as jt,b as Qt,c as Ut}from"./chunk-GF222IGM.js";import{a as Vt,b as Zt}from"./chunk-YV4XACTG.js";import{a as Gt,b as Wt}from"./chunk-QJ7HRFAB.js";import{a as H,g as dt,h as st,m as ut,n as pt}from"./chunk-JPVHXKRA.js";import"./chunk-TCGAHCGZ.js";import"./chunk-6HORUWQO.js";import{Cc as mt,Kb as Ot,Kd as N,Ld as h,Nd as S,Od as x,Pd as rt,Qd as ct,Td as lt,Vb as Lt,cc as Pt,d as Ht,dc as Mt,la as bt,lb as F,nb as j}from"./chunk-TLWJJJ37.js";import{$ as vt,$b as n,$c as at,Ac as wt,Bc as e,Cb as Ct,Cc as At,Eb as v,Gb as It,La as Ft,Sb as et,Sc as Rt,Tc as gt,Ub as nt,Wb as M,Xb as G,Yb as W,Zb as l,_b as t,ac as d,bc as it,cc as ot,ec as D,f as ht,fb as xt,ha as Dt,kc as s,la as St,lb as c,mc as g,nb as Tt,qc as k,ra as f,rb as E,rc as w,sa as z,sc as A,ta as b,ua as _,wc as Bt,xa as yt,xc as V,yb as p,yc as R,zc as kt}from"./chunk-2LWTOIHP.js";import{a as Z,b as _t}from"./chunk-JNGVGNCT.js";var $t=(a,r)=>({$implicit:a,data:r}),Kt=a=>({$implicit:a});function Xt(a,r){}function qt(a,r){if(a&1&&v(0,Xt,0,0,"ng-template",1),a&2){let i=g();l("ngTemplateOutlet",i.instance.template)("ngTemplateOutletContext",gt(2,$t,i,i.instance.options==null?null:i.instance.options.nzData))}}function Yt(a,r){a&1&&d(0,"nz-icon",6)}function Jt(a,r){a&1&&d(0,"nz-icon",7)}function te(a,r){a&1&&d(0,"nz-icon",8)}function ee(a,r){a&1&&d(0,"nz-icon",9)}function ne(a,r){if(a&1&&(it(0),d(1,"div",15),ot()),a&2){let i=g(2);c(),l("innerHTML",i.instance.title,xt)}}function ie(a,r){if(a&1&&(it(0),d(1,"div",15),ot()),a&2){let i=g(2);c(),l("innerHTML",i.instance.content,xt)}}function oe(a,r){}function ae(a,r){if(a&1&&(t(0,"span",14),v(1,oe,0,0,"ng-template",1),n()),a&2){let i=g(2);c(),l("ngTemplateOutlet",r)("ngTemplateOutletContext",Rt(2,Kt,i))}}function me(a,r){if(a&1&&(t(0,"div",2)(1,"div",2)(2,"div"),et(3,Yt,1,0,"nz-icon",6)(4,Jt,1,0,"nz-icon",7)(5,te,1,0,"nz-icon",8)(6,ee,1,0,"nz-icon",9),t(7,"div",10),v(8,ne,2,1,"ng-container",11),n(),t(9,"div",12),v(10,ie,2,1,"ng-container",13),n(),et(11,ae,2,4,"span",14),n()()()),a&2){let i,m,o=g();c(2),R("ant-notification-notice-with-icon",o.instance.type!=="blank"),c(),nt((i=o.instance.type)==="success"?3:i==="info"?4:i==="warning"?5:i==="error"?6:-1),c(5),l("nzStringTemplateOutlet",o.instance.title),c(2),l("nzStringTemplateOutlet",o.instance.content)("nzStr
1ingTemplateOutletContext",gt(7,$t,o,o.instance.options==null?null:o.instance.options.nzData)),c(),nt((m=o.instance.options==null?null:o.instance.options.nzButton)?11:-1,m)}}function re(a,r){if(a&1&&(it(0),d(1,"nz-icon",16),ot()),a&2){let i=r.$implicit;c(),l("nzType",i)}}function ce(a,r){if(a&1&&v(0,re,2,1,"ng-container",11),a&2){let i=g();l("nzStringTemplateOutlet",i.instance.options==null?null:i.instance.options.nzCloseIcon)}}function le(a,r){a&1&&d(0,"nz-icon",5)}function de(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","topLeft")}}function se(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","topRight")}}function ue(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","bottomLeft")}}function pe(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","bottomRight")}}function fe(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","top")}}function ze(a,r){if(a&1){let i=D();t(0,"nz-notification",7),s("destroyed",function(o){b(i);let u=g();return _(u.remove(o.id,o.userAction))}),n()}if(a&2){let i=r.$implicit;l("instance",i)("placement","bottom")}}var Ee=(()=>{class a extends Ut{instance;index;placement;destroyed=new It;ngOnDestroy(){super.ngOnDestroy(),this.instance.onClick.complete()}onClick(i){this.instance.onClick.next(i)}close(){this.destroy(!0)}get state(){if(this.instance.state==="enter")switch(this.placement){case"topLeft":case"bottomLeft":return"enterLeft";case"topRight":case"bottomRight":return"enterRight";case"top":return"enterTop";case"bottom":return"enterBottom";default:return"enterRight"}else return this.instance.state}static \u0275fac=(()=>{let i;return function(o){return(i||(i=Ft(a)))(o||a)}})();static \u0275cmp=p({type:a,selectors:[["nz-notification"]],inputs:{instance:"instance",index:"index",placement:"placement"},outputs:{destroyed:"destroyed"},exportAs:["nzNotification"],features:[Ct],decls:7,vars:7,consts:[[1,"ant-notification-notice","ant-notification-notice-closable",3,"click","mouseenter","mouseleave"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"ant-notification-notice-content"],["tabindex","0",1,"ant-notification-notice-close",3,"click"],[1,"ant-notification-notice-close-x"],["nzType","close",1,"ant-notification-close-icon"],["nzType","check-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-success"],["nzType","info-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-info"],["nzType","exclamation-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-warning"],["nzType","close-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-error"],[1,"ant-notification-notice-message"],[4,"nzStringTemplateOutlet"],[1,"ant-notification-notice-description"],[4,"nzStringTemplateOutlet","nzStringTemplateOutletContext"],[1,"ant-notification-notice-btn"],[3,"innerHTML"],[3,"nzType"]],template:function(m,o){m&1&&(t(0,"div",0),s("@notificationMotion.done",function(I){return o.animationStateChanged.next(I)})("click",function(I){return o.onClick(I)})("mouseenter",function(){return o.onEnter()})("mouseleave",function(){return o.onLeave()}),et(1,qt,1,5,null,1)(2,me,12,10,"div",2),t(3,"a",3),s("click",function(){return o.close()}),t(4,"span",4),et(5,ce,1,1,"ng-container")(6,le,1,0,"nz-icon",5),n()()()),m&2&&(kt((o.instance.options==null?null:o.instance.options.nzStyle)||null),wt((o.instance.options==null?null:o.instance.options.nzClass)||""),l("@notificationMotion",o.state),c(),nt(o.instance.template?1:2),c(4),nt(o.instance.options!=null&&o.instance.options.nzCloseIcon?5:6))},dependencies:[j,F,Mt,Pt,Ht],encapsulation:2,data:{animation:[Lt]}})}return a}
1)(),ft="notification",Ne={nzTop:"24px",nzBottom:"24px",nzPlacement:"topRight",nzDuration:4500,nzMaxStack:8,nzPauseOnHover:!0,nzAnimate:!0,nzDirection:"ltr"},he=(()=>{class a extends Qt{dir=this.nzConfigService.getConfigForComponent(ft)?.nzDirection||"ltr";bottom;top;topLeftInstances=[];topRightInstances=[];bottomLeftInstances=[];bottomRightInstances=[];topInstances=[];bottomInstances=[];constructor(){super(),this.updateConfig()}create(i){let m=this.onCreate(i),o=m.options.nzKey,u=this.instances.find(I=>I.options.nzKey===i.options.nzKey);return o&&u?this.replaceNotification(u,m):(this.instances.length>=this.config.nzMaxStack&&(this.instances=this.instances.slice(1)),this.instances=[...this.instances,m]),this.readyInstances(),m}onCreate(i){return i.options=this.mergeOptions(i.options),i.onClose=new ht,i.onClick=new ht,i}subscribeConfigChange(){this.nzConfigService.getConfigChangeEventForComponent(ft).pipe(vt(this.destroy$)).subscribe(()=>{this.updateConfig(),this.dir=this.nzConfigService.getConfigForComponent(ft)?.nzDirection||this.dir})}updateConfig(){this.config=Z(Z(Z({},Ne),this.config),this.nzConfigService.getConfigForComponent(ft)),this.top=bt(this.config.nzTop),this.bottom=bt(this.config.nzBottom),this.cdr.markForCheck()}replaceNotification(i,m){i.title=m.title,i.content=m.content,i.template=m.template,i.type=m.type,i.options=m.options}readyInstances(){let i={topLeft:[],topRight:[],bottomLeft:[],bottomRight:[],top:[],bottom:[]};this.instances.forEach(m=>{switch(m.options.nzPlacement){case"topLeft":i.topLeft.unshift(m);break;case"topRight":i.topRight.unshift(m);break;case"bottomLeft":i.bottomLeft.unshift(m);break;case"bottomRight":i.bottomRight.unshift(m);break;case"top":i.top.unshift(m);break;case"bottom":i.bottom.unshift(m);break;default:i.topRight.unshift(m)}}),this.topLeftInstances=i.topLeft,this.topRightInstances=i.topRight,this.bottomLeftInstances=i.bottomLeft,this.bottomRightInstances=i.bottomRight,this.topInstances=i.top,this.bottomInstances=i.bottom,this.cdr.detectChanges()}mergeOptions(i){let{nzDuration:m,nzAnimate:o,nzPauseOnHover:u,nzPlacement:I}=this.config;return Z({nzDuration:m,nzAnimate:o,nzPauseOnHover:u,nzPlacement:I},i)}static \u0275fac=function(m){return new(m||a)};static \u0275cmp=p({type:a,selectors:[["nz-notification-container"]],exportAs:["nzNotificationContainer"],features:[Ct],decls:18,vars:40,consts:[[1,"ant-notification","ant-notification-topLeft"],[3,"instance","placement"],[1,"ant-notification","ant-notification-topRight"],[1,"ant-notification","ant-notification-bottomLeft"],[1,"ant-notification","ant-notification-bottomRight"],[1,"ant-notification","ant-notification-top"],[1,"ant-notification","ant-notification-bottom"],[3,"destroyed","instance","placement"]],template:function(m,o){m&1&&(t(0,"div",0),G(1,de,1,2,"nz-notification",1,M),n(),t(3,"div",2),G(4,se,1,2,"nz-notification",1,M),n(),t(6,"div",3),G(7,ue,1,2,"nz-notification",1,M),n(),t(9,"div",4),G(10,pe,1,2,"nz-notification",1,M),n(),t(12,"div",5),G(13,fe,1,2,"nz-notification",1,M),n(),t(15,"div",6),G(16,ze,1,2,"nz-notification",1,M),n()),m&2&&(V("top",o.top)("left","0px"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.topLeftInstances),c(2),V("top",o.top)("right","0px"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.topRightInstances),c(2),V("bottom",o.bottom)("left","0px"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.bottomLeftInstances),c(2),V("bottom",o.bottom)("right","0px"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.bottomRightInstances),c(2),V("top",o.top)("left","50%")("transform","translateX(-50%)"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.topInstances),c(2),V("bottom",o.bottom)("left","50%")("transform","translateX(-50%)"),R("ant-notification-rtl",o.dir==="rtl"),c(),W(o.bottomInstances))},dependencies:[Ee],encapsulation:2,changeDetection:0})}return a})(),Se=0,C=(()=>{class a extends jt{componentPrefix="notification-";constructor(i,m){super(i,m)}success(i,m,o){return this.create("success",i,m,o)}error(i,m,o){return this.create("error",i,m,o)}info(i,m,o){return this.create("info",i,m,o)}warning(i,m,o){return this.create("warning",i,m,o)}blank(i,m,o){return this.create("blank",i,m,o)}create(i,m,o,u){return this.createInstance({type:i,title:m,content:o},u)}template(i,m){return this.createInstance({template:i},m)}generateMessageId(){return`${this.componentPrefix}-${Se++}`}createInstance(i,m){return this.container=this.withContainer(he),this.container.create(_t(Z({},i),{createdAt:new Date,messageId:m?.nzKey||this.generateMessageId(),options:m}))}static \u0275fac=function(m){return new(m||a)(St(Ot),St(yt))};static \u0275prov=Dt({token:a,factory:a.\u0275fac,providedIn:"root"})}return a})();var Q=class a{constructor(r){this.notification=r}createNotification(){this.notification.blank("Notification Title","This is the content of the notification. This is the content of the notification. This is the content of the notification.").onClick.subscribe(()=>{console.log("notification clicked!")})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-basic"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification()}),e(1,"Open the notification box"),n())},dependencies:[x,S,N,h],encapsulation:2})};function xe(a,r){a&1&&(t(0,"div",2)(1,"div",3)(2,"span",4),d(3,"nz-icon",5),n(),t(4,"div",6),e(5,"Notification Title"),n(),t(6,"div",7),e(7," This is the content of the notification. This is the content of the notification. This is the content of the notification. "),n()()())}var U=class a{constructor(r){this.notification=r}createNotification(r){this.notification.template(r)}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-custom-icon"]],decls:4,vars:0,consts:[["template",""],["nz-button","","nzType","primary",3,"click"],[1,"ant-notification-notice-content"],[1,"ant-notification-notice-with-icon"],[1,"ant-notification-notice-icon"],["nzType","smile",2,"color","rgb(16, 142, 233)"],[1,"ant-notification-notice-message"],[1,"ant-notification-notice-description"]],template:function(i,m){if(i&1){let o=D();v(0,xe,8,0,"ng-template",null,0,at),t(2,"button",1),s("click",function(){b(o);let I=Bt(1);return _(m.createNotification(I))}),e(3,"Open the notification box"),n()}},dependencies:[j,F,x,S,N,h],encapsulation:2})};var $=class a{constructor(r){this.notification=r}createNotification(){this.notification.blank("Notification Title","This is the content of the notification. This is the content of the notification. This is the content of the notification.",{nzStyle:{width:"600px",marginLeft:"-265px"},nzClass:"test-class"})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-custom-style"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification()}),e(1,"Open the notification box"),n())},dependencies:[x,S,N,h],encapsulation:2})};var K=class a{constructor(r){this.notification=r}createNotification(){this.notification.blank("Notification Title","I will never close automatically. This is a purposely very very long description that has many many characters and words.",{nzDuration:0})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-duration"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification()}),e(1,"Open the notification box"),n())},dependencies:[x,S,N,h],encapsulation:2})};var X=class a{constructor(r){this.notification=r}placement="topRight";createNotification(r){this.notification.blank("Notification Title","This is the content of the notification. This is the content of the notification. This is the content of the notification.",{nzPlacement:r})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-placement"]],decls:20,vars:0,consts:[["nz-button","","nzType","primary",3,"click"],["nzType","border-top","nzTheme","outline"],["nzType","border-bottom","nzTheme","outline"],["nzType","radius-upleft"],["nzType","radius-upright"],["nzType","radius-bottomleft"],["nzType","radius-bottomright"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification("top")}),d(1,"nz-icon",1),e(2," top "),n(),t(3,"button",0),s("click",function(){return m.createNotification("bottom")}),d(4,"nz-icon",2),e(5," bottom "),n(),d(6,"nz-divider"),t(7,"button",0),s("click",function(){return m.createNotification("topLeft")}),d(8,"nz-icon",3),e(9," topLeft "),n(),t(10,"button",0),s("click",function(){return m.createNotification("topRight")}),d(11,"nz-icon",4),e(12," topRight "),n(),d(13,"nz-divider"),t(14,"button",0),s("click",function(){return m.createNotification("bottomLeft")}),d(15,"nz-icon",5),e(16," bottomLeft "),n(),t(17,"button",0),s("click",function(){return m.createNotification("bottomRight")}),d(18,"nz-icon",6),e(19," bottomRight "),n())},dependencies:[x,S,N,h,Wt,Gt,j,F],styles:["button[_ngcontent-%COMP%]{margin-right:1em}"]})};function Ce(a,r){if(a&1&&(e(0," It's a "),t(1,"nz-tag",1),e(2),n(),t(3,"button",2),e(4,"Cut It!"),n()),a&2){let i=r.data;c(),l("nzColor",i.color),c(),At(i.name)}}var q=class a{constructor(r){this.notificationService=r}template;createNotification(){[{name:"Apple",color:"red"},{name:"Orange",color:"orange"},{name:"Watermelon",color:"green"}
1].forEach(i=>{this.notificationService.template(this.template,{nzData:i})})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-template"]],viewQuery:function(i,m){if(i&1&&k(Tt,5),i&2){let o;w(o=A())&&(m.template=o.first)}},decls:3,vars:0,consts:[["nz-button","","nzType","primary",3,"click"],[3,"nzColor"],["nz-button","","nzSize","small"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification()}),e(1,"Open the notification box"),n(),v(2,Ce,5,2,"ng-template"))},dependencies:[x,S,N,h,Zt,Vt],styles:["button[_ngcontent-%COMP%]{margin-top:8px}"]})};var Y=class a{constructor(r){this.notification=r}createNotification(){this.notification.blank("Notification Title","Description.",{nzKey:"key"}),setTimeout(()=>{this.notification.blank("New Title","New description",{nzKey:"key"})},1e3)}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-update"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification()}),e(1," Open the notification box "),n())},dependencies:[x,S,N,h],encapsulation:2})};var ge=["notificationBtnTpl"];function be(a,r){if(a&1){let i=D();t(0,"button",2),s("click",function(){let o=b(i).$implicit;return _(o.close())}),e(1,"Confirm"),n()}}var J=class a{constructor(r){this.notification=r}btnTemplate;createNotification(){this.notification.blank("Notification Title",'A function will be be called after the notification is closed (automatically after the "duration" time of manually).',{nzButton:this.btnTemplate})}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-with-btn"]],viewQuery:function(i,m){if(i&1&&k(ge,7),i&2){let o;w(o=A())&&(m.btnTemplate=o.first)}},decls:4,vars:0,consts:[["notificationBtnTpl",""],["nz-button","","nzType","primary",3,"click"],["nz-button","","nzType","primary","nzSize","small",3,"click"]],template:function(i,m){if(i&1){let o=D();v(0,be,2,0,"ng-template",null,0,at),t(2,"button",1),s("click",function(){return b(o),_(m.createNotification())}),e(3,"Open the notification box"),n()}},dependencies:[x,S,N,h],encapsulation:2})};var tt=class a{constructor(r){this.notification=r}createNotification(r){this.notification.create(r,"Notification Title","This is the content of the notification. This is the content of the notification. This is the content of the notification.")}static \u0275fac=function(i){return new(i||a)(E(C))};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification-with-icon"]],decls:8,vars:0,consts:[["nz-button","",3,"click"]],template:function(i,m){i&1&&(t(0,"button",0),s("click",function(){return m.createNotification("success")}),e(1,"Success"),n(),t(2,"button",0),s("click",function(){return m.createNotification("info")}),e(3,"Info"),n(),t(4,"button",0),s("click",function(){return m.createNotification("warning")}),e(5,"Warning"),n(),t(6,"button",0),s("click",function(){return m.createNotification("error")}),e(7,"Error"),n())},dependencies:[x,S,N,h],styles:["button[_ngcontent-%COMP%]{margin-right:1em}"]})};var Et=class a{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification"]],viewQuery:function(i,m){if(i&1&&k(H,5),i&2){let o;w(o=A())&&(m.codeBoxes=o)}},decls:446,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-notification-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-notification-demo-duration","nzTitle","\u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6"],["nzHref","#components-notification-demo-with-icon","nzTitle","\u5E26\u6709\u56FE\u6807\u7684\u901A\u77E5\u63D0\u9192\u6846"],["nzHref","#components-notification-demo-with-btn","nzTitle","\u81EA\u5B9A\u4E49\u6309\u94AE"],["nzHref","#components-notification-demo-custom-icon","nzTitle","\u81EA\u5B9A\u4E49\u56FE\u6807"],["nzHref","#components-notification-demo-placement","nzTitle","\u4F4D\u7F6E"],["nzHref","#components-notification-demo-custom-style","nzTitle","\u81EA\u5B9A\u4E49\u6837\u5F0F"],["nzHref","#components-notification-demo-update","nzTitle","\u66F4\u65B0\u6D88\u606F\u5185\u5BB9"],["nzHref","#components-notification-demo-template","nzTitle","\u4F7F\u7528\u6A21\u677F"],["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/notification/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","notification","description","\u5168\u5C40\u5C55\u793A\u901A\u77E5\u63D0\u9192\u4FE1\u606F\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-notification-basic","nzGenerateCommand","ng g ng-zorro-antd:notification-basic <name>","nzComponentName","NzDemoNotificationBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5E26\u6709\u56FE\u6807\u7684\u901A\u77E5\u63D0\u9192\u6846","nzSelector","nz-demo-notification-with-icon","nzGenerateCommand","ng g ng-zorro-antd:notification-with-icon <name>","nzComponentName","NzDemoNotificationWithIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u56FE\u6807","nzSelector","nz-demo-notification-custom-icon","nzGenerateCommand","ng g ng-zorro-antd:notification-custom-icon <name>","nzComponentName","NzDemoNotificationCustomIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6837\u5F0F","nzSelector","nz-demo-notification-custom-style","nzGenerateCommand","ng g ng-zorro-antd:notification-custom-style <name>","nzComponentName","NzDemoNotificationCustomStyleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4F7F\u7528\u6A21\u677F","nzSelector","nz-demo-notification-template","nzGenerateCommand","ng g ng-zorro-antd:notification-template <name>","nzComponentName","NzDemoNotificationTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6","nzSelector","nz-demo-notification-duration","nzGenerateCommand","ng g ng-zorro-antd:notification-duration <name>","nzComponentName","NzDemoNotificationDurationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6309\u94AE","nzSelector","nz-demo-notification-with-btn","nzGenerateCommand","ng g ng-zorro-antd:notification-with-btn <name>","nzComponentName","NzDemoNotificationWithBtnComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4F4D\u7F6E","nzSelector","nz-demo-notification-placement","nzGenerateCommand","ng g ng-zorro-antd:notification-placement <name>","nzComponentName","NzDemoNotificationPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u66F4\u65B0\u6D88\u606F\u5185\u5BB9","nzSelector","nz-demo-notification-update","nzGenerateCommand","ng g ng-zorro-antd:notification-update <name>","nzComponentName","NzDemoNotificationUpdateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nznotificationservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nznotificationservice'",1,"anchor"],["id","\u5168\u5C40\u914D\u7F6E"],["onclick","window.location.hash = '\u5168\u5C40\u914D\u7F6E'",1,"anchor"],["href","/docs/global-config/zh"],["
1id","nznotificationref"],["onclick","window.location.hash = 'nznotificationref'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","class-name"],[1,"token","punctuation"],[1,"token","operator"],[1,"token","builtin"],[1,"token","comment"]],template:function(i,m){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(u){return m.goLink(u)}),d(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)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Notification"),t(16,"span",13),e(17,"\u901A\u77E5\u63D0\u9192\u6846"),n(),d(18,"span",14),t(19,"a",15),d(20,"nz-icon",16),n()(),d(21,"component-meta",17),t(22,"section",12),z(),t(23,"h2",18)(24,"span"),e(25,"\u4F55\u65F6\u4F7F\u7528"),n(),t(26,"a",19),e(27,"#"),n()(),t(28,"p"),e(29,"\u5728\u7CFB\u7EDF\u56DB\u4E2A\u89D2\u663E\u793A\u901A\u77E5\u63D0\u9192\u4FE1\u606F\u3002\u7ECF\u5E38\u7528\u4E8E\u4EE5\u4E0B\u60C5\u51B5\uFF1A"),n(),t(30,"ul")(31,"li"),e(32,"\u8F83\u4E3A\u590D\u6742\u7684\u901A\u77E5\u5185\u5BB9\u3002"),n(),t(33,"li"),e(34,"\u5E26\u6709\u4EA4\u4E92\u7684\u901A\u77E5\uFF0C\u7ED9\u51FA\u7528\u6237\u4E0B\u4E00\u6B65\u7684\u884C\u52A8\u70B9\u3002"),n(),t(35,"li"),e(36,"\u7CFB\u7EDF\u4E3B\u52A8\u63A8\u9001\u3002"),n()(),f(),n(),t(37,"h2")(38,"span"),e(39,"\u4EE3\u7801\u6F14\u793A"),n(),t(40,"nz-icon",20),s("click",function(){return m.expandAllCode()}),n()()(),t(41,"div",21)(42,"div",22)(43,"nz-code-box",23),d(44,"nz-demo-notification-basic",24),t(45,"div",25),z(),t(46,"p"),e(47,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C4.5 \u79D2\u540E\u81EA\u52A8\u5173\u95ED\u3002"),n(),f(),n()(),t(48,"nz-code-box",26),d(49,"nz-demo-notification-with-icon",24),t(50,"div",25),z(),t(51,"p"),e(52,"\u901A\u77E5\u63D0\u9192\u6846\u5DE6\u4FA7\u6709\u56FE\u6807\u3002"),n(),f(),n()(),t(53,"nz-code-box",27),d(54,"nz-demo-notification-custom-icon",24),t(55,"div",25),z(),t(56,"p"),e(57,"\u56FE\u6807\u53EF\u4EE5\u88AB\u81EA\u5B9A\u4E49\u3002"),n(),f(),n()(),t(58,"nz-code-box",28),d(59,"nz-demo-notification-custom-style",24),t(60,"div",25),z(),t(61,"p"),e(62,"\u4F7F\u7528 nzStyle \u548C nzClass \u6765\u5B9A\u4E49\u6837\u5F0F\u3002"),n(),f(),n()(),t(63,"nz-code-box",29),d(64,"nz-demo-notification-template",24),t(65,"div",25),z(),t(66,"p"),e(67,"\u901A\u8FC7\u6A21\u677F\u6765\u5B9E\u73B0\u66F4\u52A0\u590D\u6742\u7684\u6548\u679C\u548C\u4EA4\u4E92\u3002"),n(),f(),n()()(),t(68,"div",22)(69,"nz-code-box",30),d(70,"nz-demo-notification-duration",24),t(71,"div",25),z(),t(72,"p"),e(73,"\u81EA\u5B9A\u4E49\u901A\u77E5\u6846\u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u9ED8\u8BA4"),t(74,"code"),e(75,"4.5s"),n(),e(76,"\uFF0C\u53D6\u6D88\u81EA\u52A8\u5173\u95ED\u53EA\u8981\u5C06\u8BE5\u503C\u8BBE\u4E3A "),t(77,"code"),e(78,"0"),n(),e(79," \u5373\u53EF\u3002"),n(),f(),n()(),t(80,"nz-code-box",31),d(81,"nz-demo-notification-with-btn",24),t(82,"div",25),z(),t(83,"p"),e(84,"\u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE\u7684\u6837\u5F0F\u548C\u6587\u5B57\u3002"),n(),f(),n()(),t(85,"nz-code-box",32),d(86,"nz-demo-notification-placement",24),t(87,"div",25),z(),t(88,"p"),e(89,"\u901A\u77E5\u4ECE\u53F3\u4E0A\u89D2\u3001\u53F3\u4E0B\u89D2\u3001\u5DE6\u4E0B\u89D2\u3001\u5DE6\u4E0A\u89D2\u3001\u4E0A\u65B9\u3001\u4E0B\u65B9\u5F39\u51FA\u3002"),n(),f(),n()(),t(90,"nz-code-box",33),d(91,"nz-demo-notification-update",24),t(92,"div",25),z(),t(93,"p"),e(94,"\u53EF\u4EE5\u901A\u8FC7\u552F\u4E00\u7684 "),t(95,"code"),e(96,"nzKey"),n(),e(97," \u6765\u66F4\u65B0\u5185\u5BB9\u3002"),n(),f(),n()()()(),t(98,"section",34),z(),t(99,"h2",35)(100,"span"),e(101,"API"),n(),t(102,"a",36),e(103,"#"),n()(),t(104,"h3",37)(105,"span"),e(106,"NzNotificationService"),n(),t(107,"label",38),e(108,"service"),n(),t(109,"a",39),e(110,"#"),n()(),t(111,"p"),e(112,"\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u670D\u52A1\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A"),n(),t(113,"ul")(114,"li")(115,"code"),e(116,"NzNotificationService.blank(title, content, [options])"),n(),e(117," // \u4E0D\u5E26\u56FE\u6807\u7684\u63D0\u793A"),n(),t(118,"li")(119,"code"),e(120,"NzNotificationService.success(title, content, [options])"),n()(),t(121,"li")(122,"code"),e(123,"NzNotificationService.error(title, content, [options])"),n()(),t(124,"li")(125,"code"),e(126,"NzNotificationService.info(title, content, [options])"),n()(),t(127,"li")(128,"code"),e(129,"NzNotificationService.warning(title, content, [options])"),n()()(),t(130,"table")(131,"thead")(132,"tr")(133,"th"),e(134,"\u53C2\u6570"),n(),t(135,"th"),e(136,"\u8BF4\u660E"),n(),t(137,"th"),e(138,"\u7C7B\u578B"),n(),t(139,"th"),e(140,"\u9ED8\u8BA4\u503C"),n()()(),t(141,"tbody")(142,"tr")(143,"td"),e(144,"title"),n(),t(145,"td"),e(146,"\u6807\u9898"),n(),t(147,"td")(148,"code"),e(149,"string | TemplateRef<void>"),n()(),t(150,"td"),e(151,"-"),n()(),t(152,"tr")(153,"td"),e(154,"content"),n(),t(155,"td"),e(156,"\u63D0\u793A\u5185\u5BB9"),n(),t(157,"td")(158,"code"),e(159,"NzNotificationContentType"),n()(),t(160,"td"),e(161,"-"),n()(),t(162,"tr")(163,"td"),e(164,"options"),n(),t(165,"td"),e(166,"\u652F\u6301\u8BBE\u7F6E\u9488\u5BF9\u5F53\u524D\u63D0\u793A\u6846\u7684\u53C2\u6570\uFF0C\u89C1\u4E0B\u65B9\u8868\u683C"),n(),t(167,"td")(168,"code"),e(169,"object"),n()(),t(170,"td"),e(171,"-"),n()()()(),t(172,"p")(173,"code"),e(174,"options"),n(),e(175," \u652F\u6301\u8BBE\u7F6E\u7684\u53C2\u6570\u5982\u4E0B\uFF1A"),n(),t(176,"table")(177,"thead")(178,"tr")(179,"th"),e(180,"\u53C2\u6570"),n(),t(181,"th"),e(182,"\u8BF4\u660E"),n(),t(183,"th"),e(184,"\u7C7B\u578B"),n()()(),t(185,"tbody")(186,"tr")(187,"td"),e(188,"nzKey"),n(),t(189,"td"),e(190,"\u901A\u77E5\u63D0\u793A\u7684\u552F\u4E00\u6807\u8BC6\u7B26"),n(),t(191,"td")(192,"code"),e(193,"string"),n()()(),t(194,"tr")(195,"td"),e(196,"nzDuration"),n(),t(197,"td"),e(198,"\u6301\u7EED\u65F6\u95F4(\u6BEB\u79D2)\uFF0C\u5F53\u8BBE\u7F6E\u4E3A 0 \u65F6\u4E0D\u6D88\u5931"),n(),t(199,"td")(200,"code"),e(201,"number"),n()()(),t(202,"tr")(203,"td"),e(204,"nzPauseOnHover"),n(),t(205,"td"),e(206,"\u9F20\u6807\u79FB\u4E0A\u65F6\u7981\u6B62\u81EA\u52A8\u79FB\u9
1664"),n(),t(207,"td")(208,"code"),e(209,"boolean"),n()()(),t(210,"tr")(211,"td"),e(212,"nzAnimate"),n(),t(213,"td"),e(214,"\u5F00\u5173\u52A8\u753B\u6548\u679C"),n(),t(215,"td")(216,"code"),e(217,"boolean"),n()()(),t(218,"tr")(219,"td"),e(220,"nzStyle"),n(),t(221,"td"),e(222,"\u81EA\u5B9A\u4E49\u5185\u8054\u6837\u5F0F"),n(),t(223,"td")(224,"code"),e(225,"object"),n()()(),t(226,"tr")(227,"td"),e(228,"nzClass"),n(),t(229,"td"),e(230,"\u81EA\u5B9A\u4E49 CSS class"),n(),t(231,"td")(232,"code"),e(233,"object"),n()()(),t(234,"tr")(235,"td"),e(236,"nzData"),n(),t(237,"td"),e(238,"\u4EFB\u4F55\u60F3\u8981\u5728\u6A21\u677F\u4E2D\u4F5C\u4E3A\u4E0A\u4E0B\u6587\u7684\u6570\u636E"),n(),t(239,"td")(240,"code"),e(241,"any"),n()()(),t(242,"tr")(243,"td"),e(244,"nzCloseIcon"),n(),t(245,"td"),e(246,"\u81EA\u5B9A\u4E49\u5173\u95ED\u56FE\u6807"),n(),t(247,"td")(248,"code"),e(249,"TemplateRef<void> | string"),n()()(),t(250,"tr")(251,"td"),e(252,"nzButton"),n(),t(253,"td"),e(254,"\u81EA\u5B9A\u4E49\u6309\u94AE"),n(),t(255,"td")(256,"code"),e(257,"TemplateRef<{ $implicit: NzNotificationComponent }> | string"),n()()()()(),t(258,"p"),e(259,"\u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A"),n(),t(260,"ul")(261,"li")(262,"code"),e(263,"NzNotificationService.remove(id)"),n(),e(264," // \u79FB\u9664\u7279\u5B9Aid\u7684\u6D88\u606F\uFF0C\u5F53id\u4E3A\u7A7A\u65F6\uFF0C\u79FB\u9664\u6240\u6709\u6D88\u606F\uFF08\u8BE5\u6D88\u606Fid\u901A\u8FC7\u4E0A\u8FF0\u65B9\u6CD5\u8FD4\u56DE\u503C\u4E2D\u5F97\u5230\uFF09"),n()(),t(265,"h3",40)(266,"span"),e(267,"\u5168\u5C40\u914D\u7F6E"),n(),t(268,"a",41),e(269,"#"),n()(),t(270,"p"),e(271,"\u53EF\u4EE5\u901A\u8FC7 "),t(272,"code"),e(273,"NzConfigService"),n(),e(274," \u8FDB\u884C\u5168\u5C40\u914D\u7F6E\uFF0C\u8BE6\u60C5\u8BF7\u89C1\u6587\u6863\u4E2D "),t(275,"a",42),e(276,"\u5168\u5C40\u914D\u7F6E\u9879"),n(),e(277," \u7AE0\u8282\u3002"),n(),t(278,"table")(279,"thead")(280,"tr")(281,"th"),e(282,"\u53C2\u6570"),n(),t(283,"th"),e(284,"\u8BF4\u660E"),n(),t(285,"th"),e(286,"\u7C7B\u578B"),n(),t(287,"th"),e(288,"\u9ED8\u8BA4\u503C"),n()()(),t(289,"tbody")(290,"tr")(291,"td"),e(292,"nzDuration"),n(),t(293,"td"),e(294,"\u6301\u7EED\u65F6\u95F4(\u6BEB\u79D2)\uFF0C\u5F53\u8BBE\u7F6E\u4E3A0\u65F6\u4E0D\u6D88\u5931"),n(),t(295,"td")(296,"code"),e(297,"number"),n()(),t(298,"td"),e(299,"4500"),n()(),t(300,"tr")(301,"td"),e(302,"nzMaxStack"),n(),t(303,"td"),e(304,"\u540C\u4E00\u65F6\u95F4\u53EF\u5C55\u793A\u7684\u6700\u5927\u63D0\u793A\u6570\u91CF"),n(),t(305,"td")(306,"code"),e(307,"number"),n()(),t(308,"td"),e(309,"8"),n()(),t(310,"tr")(311,"td"),e(312,"nzPauseOnHover"),n(),t(313,"td"),e(314,"\u9F20\u6807\u79FB\u4E0A\u65F6\u7981\u6B62\u81EA\u52A8\u79FB\u9664"),n(),t(315,"td")(316,"code"),e(317,"boolean"),n()(),t(318,"td")(319,"code"),e(320,"true"),n()()(),t(321,"tr")(322,"td"),e(323,"nzAnimate"),n(),t(324,"td"),e(325,"\u5F00\u5173\u52A8\u753B\u6548\u679C"),n(),t(326,"td")(327,"code"),e(328,"boolean"),n()(),t(329,"td")(330,"code"),e(331,"true"),n()()(),t(332,"tr")(333,"td"),e(334,"nzTop"),n(),t(335,"td"),e(336,"\u6D88\u606F\u4ECE\u9876\u90E8\u5F39\u51FA\u65F6\uFF0C\u8DDD\u79BB\u9876\u90E8\u7684\u4F4D\u7F6E\u3002"),n(),t(337,"td")(338,"code"),e(339,"string"),n()(),t(340,"td"),e(341,"24px"),n()(),t(342,"tr")(343,"td"),e(344,"nzBottom"),n(),t(345,"td"),e(346,"\u6D88\u606F\u4ECE\u5E95\u90E8\u5F39\u51FA\u65F6\uFF0C\u8DDD\u79BB\u5E95\u90E8\u7684\u4F4D\u7F6E\u3002"),n(),t(347,"td")(348,"code"),e(349,"string"),n()(),t(350,"td"),e(351,"24px"),n()(),t(352,"tr")(353,"td"),e(354,"nzPlacement"),n(),t(355,"td"),e(356,"\u5F39\u51FA\u4F4D\u7F6E\uFF0C\u53EF\u9009 "),t(357,"code"),e(358,"topLeft"),n(),t(359,"code"),e(360,"topRight"),n(),t(361,"code"),e(362,"bottomLeft"),n(),t(363,"code"),e(364,"bottomRight"),n(),t(365,"code"),e(366,"top"),n(),t(367,"code"),e(368,"bottom"),n()(),t(369,"td")(370,"code"),e(371,"string"),n()(),t(372,"td")(373,"code"),e(374,"topRight"),n()()(),t(375,"tr")(376,"td"),e(377,"nzDirection"),n(),t(378,"td"),e(379,"\u901A\u77E5\u7684\u6587\u5B57\u65B9\u5411"),n(),t(380,"td")(381,"code"),e(382,"'ltr' | 'rtl'"),n()(),t(383,"td"),e(384,"-"),n()()()(),t(385,"h3",43)(386,"span"),e(387,"NzNotificationRef"),n(),t(388,"a",44),e(389,"#"),n()(),t(390,"p"),e(391,"\u5F53\u4F60\u8C03\u7528 "),t(392,"code"),e(393,"NzNotificationService.success"),n(),e(394," \u6216\u5176\u4ED6\u65B9\u6CD5\u65F6\u4F1A\u8FD4\u56DE\u8BE5\u5BF9\u8C61\u3002"),n(),t(395,"pre")(396,"code",45)(397,"span",46),e(398,"export"),n(),e(399," "),t(400,"span",46),e(401,"interface"),n(),e(402," "),t(403,"span",47),e(404,"NzNotificationDataRef"),n(),e(405," "),t(406,"span",48),e(407,"{"),n(),e(408,` 2 messageId`),t(409,"span",49),e(410,":"),n(),e(411," "),t(412,"span",50),e(413,"string"),n(),t(414,"span",48),e(415,";"),n(),e(416,` 3 onClose`),t(417,"span",49),e(418,":"),n(),e(419," Subject"),t(420,"span",49),e(421,"<"),n(),t(422,"span",50),e(423,"boolean"),n(),t(424,"span",49),e(425,">"),n(),t(426,"span",48),e(427,";"),n(),e(428," "),t(429,"span",51),e(430,"// \u5F53 notification \u5173\u95ED\u65F6\u5B83\u4F1A\u6D3E\u53D1\u4E00\u4E2A\u4E8B\u4EF6\uFF0C\u5982\u679C\u4E3A\u7528\u6237\u624B\u52A8\u5173\u95ED\u4F1A\u
36D3E\u53D1 `true`"),n(),e(431,` 4 onClick`),t(432,"span",49),e(433,":"),n(),e(434," Subject"),t(435,"span",49),e(436,"<"),n(),e(437,"MouseEvent"),t(438,"span",49),e(439,">"),n(),t(440,"span",48),e(441,";"),n(),e(442,` 5`),t(443,"span",48),e(444,"}"),n(),e(445,` 6`),n()(),f(),n()()),i&2&&(c(),l("nzOffsetTop",16),c(),l("nzAffix",!1),c(39),l("nzGutter",16),c(),l("nzXl",12)("nzSpan",24),c(),l("nzId","components-notification-demo-basic")("nzLink","components-notification-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/basic.md"),c(5),l("nzId","components-notification-demo-with-icon")("nzLink","components-notification-demo-with-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-icon.md"),c(5),l("nzId","components-notification-demo-custom-icon")("nzLink","components-notification-demo-custom-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-icon.md"),c(5),l("nzId","components-notification-demo-custom-style")("nzLink","components-notification-demo-custom-style")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-style.md"),c(5),l("nzId","components-notification-demo-template")("nzLink","components-notification-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/template.md"),c(5),l("nzXl",12)("nzSpan",24),c(),l("nzId","components-notification-demo-duration")("nzLink","components-notification-demo-duration")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/duration.md"),c(11),l("nzId","components-notification-demo-with-btn")("nzLink","components-notification-demo-with-btn")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-btn.md"),c(5),l("nzId","components-notification-demo-placement")("nzLink","components-notification-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/placement.md"),c(5),l("nzId","components-notification-demo-update")("nzLink","components-notification-demo-update")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/update.md"))},dependencies:[pt,H,ut,dt,st,lt,ct,rt,mt,F,Q,U,$,K,X,q,Y,J,tt],encapsulation:2})};var Nt=class a{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-notification"]],viewQuery:function(i,m){if(i&1&&k(H,5),i&2){let o;w(o=A())&&(m.codeBoxes=o)}},decls:467,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-notification-demo-basic","nzTitle","Basic"],["nzHref","#components-notification-demo-duration","nzTitle","Duration after which the notification box is closed"],["nzHref","#components-notification-demo-with-icon","nzTitle","Notification with icon"],["nzHref","#components-notification-demo-with-btn","nzTitle","Custom close button"],["nzHref","#components-notification-demo-custom-icon","nzTitle","Customized Icon"],["nzHref","#components-notification-demo-placement","nzTitle","Placement"],["nzHref","#components-notification-demo-custom-style","nzTitle","Customized style"],["nzHref","#components-notification-demo-update","nzTitle","Update Notification Content"],["nzHref","#components-notification-demo-template","nzTitle","Use a template"],["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/notification/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","notification","description","Prompt notification message globally.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-notification-basic","nzGenerateCommand","ng g ng-zorro-antd:notification-basic <name>","nzComponentName","NzDemoNotificationBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Notification with icon","nzSelector","nz-demo-notification-with-icon","nzGenerateCommand","ng g ng-zorro-antd:notification-with-icon <name>","nzComponentName","NzDemoNotificationWithIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customized Icon","nzSelector","nz-demo-notification-custom-icon","nzGenerateCommand","ng g ng-zorro-antd:notification-custom-icon <name>","nzComponentName","NzDemoNotificationCustomIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customized style","nzSelector","nz-demo-notification-custom-style","nzGenerateCommand","ng g ng-zorro-antd:notification-custom-style <name>","nzComponentName","NzDemoNotificationCustomStyleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Use a template","nzSelector","nz-demo-notification-template","nzGenerateCommand","ng g ng-zorro-antd:notification-template <name>","nzComponentName","NzDemoNotificationTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Duration after which the notification box is closed","nzSelector","nz-demo-notification-duration","nzGenerateCommand","ng g ng-zorro-antd:notification-duration <name>","nzComponentName","NzDemoNotificationDurationComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom close button","nzSelector","nz-demo-notification-with-btn","nzGenerateCommand","ng g ng-zorro-antd:notification-with-btn <name>","nzComponentName","NzDemoNotificationWithBtnComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Placement","nzSelector","nz-demo-notification-placement","nzGenerateCommand","ng g ng-zorro-antd:notification-placement <name>","nzComponentName","NzDemoNotificationPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Update Notification Content","nzSelector","nz-demo-notification-update","nzGenerateCommand","ng g ng-zorro-antd:notification-update <name>","nzComponentName","NzDemoNotificationUpdateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nznotificationservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nznotificationservice'",1,"anchor"],["id","global_configuration"],["onclick","window.location.hash = 'global_configuration'",1,"anchor"],["href","/docs/global-config/en"],["id","nznotificationref"],["onclick","window.location.hash = 'nznotificationref'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","class-name"],[1,"token","punctuation"],[1,"token","operator"],[1,"token","builtin"],[1,"token","comment"]],template:function(i,m){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(u){return m.goLink(u)}),d(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)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Notification"),d(16,"span",13)(17,"span",14),t(18,"a",15),d(19,"nz-icon",16),n()(),d(20,"component-meta",17),t(21,"section",12),z(),t(22,"h2",18)(23,"span"),e(24,"When To Use"),n(),t(25,"a",19),e(26,"#"),n()(),t(27,"p"),e(28,`To display a notification message at any of the four corners of the viewport. Typically it can be 7used in the following cases:`),n(),t(29,"ul")(30,"li"),e(31,"A notification with complex content."),n(),t(32,"li"),e(33,`A notification providing a feedback based on the user interaction. Or it may show some details 8about upcoming steps the user may have to follow.`),n(),t(34,"li"),e(35,"A notification that is pushed by the application."),n()(),f(),n(),t(36,"h2")(37,"span"),e(38,"Examples"),n(),t(39,"nz-icon",20),s("click",function(){return m.expandAllCode()}),n()()(),t(40,"div",21)(41,"div",22)(42,"nz-code-box",23),d(43,"nz-demo-notification-basic",24),t(44,"div",25),z(),t(45,"p"),e(46,"The simplest usage that close the notification box after 4.5s."),n(),f(),n()(),t(47,"nz-code-box",26),d(48,"nz-demo-notification-with-icon",24),t(49,"div",25),z(),t(50,"p"),e(51,"A notification box with a icon at the left side."),n(),f(),n()(),t(52,"nz-code-box",27),d(53,"nz-demo-notification-custom-icon",24),t(54,"div",25),z(),t(55,"p"),e(56,"The icon can be customized to any "),t(57,"code"),e(58,"TemplateRef<void>"),n(),e(59,"."),n(),f(),n()(),t(60,"nz-code-box",28),d(61,"nz-demo-notification-custom-style",24),t(62,"div",25),z(),t(63,"p"),e(64,"The nzStyle and nzClass are available to customize Notification."),n(),f(),n()(),t(65,"nz-code-box",29),d(66,"nz-demo-notification-template",24),t(67,"div",25),z(),t(68,"p"),e(69,"Use template to implement more complex interactions."),n(),f(),n()()(),t(70,"div",22)(71,"nz-code-box",30),d(72,"nz-demo-notification-duration",24),t(73,"div",25),z(),t(74,"p")(75,"code"),e(76,"nzDuration"),n(),e(77,` c
8an be used to specify how long the notification stays open. After the duration time elapses, 9the notification closes automatically. If not specified, default value is 4.5 seconds. If you set the value to 0, 10the notification box will never close automatically.`),n(),f(),n()(),t(78,"nz-code-box",31),d(79,"nz-demo-notification-with-btn",24),t(80,"div",25),z(),t(81,"p"),e(82,"To customize the style or font of the close button."),n(),f(),n()(),t(83,"nz-code-box",32),d(84,"nz-demo-notification-placement",24),t(85,"div",25),z(),t(86,"p"),e(87,"A notification box can pop up from "),t(88,"code"),e(89,"topRight"),n(),e(90," or "),t(91,"code"),e(92,"bottomRight"),n(),e(93," or "),t(94,"code"),e(95,"bottomLeft"),n(),e(96," or "),t(97,"code"),e(98,"topLeft"),n(),e(99," or "),t(100,"code"),e(101,"top"),n(),e(102," or "),t(103,"code"),e(104,"bottom"),n(),e(105,"."),n(),f(),n()(),t(106,"nz-code-box",33),d(107,"nz-demo-notification-update",24),t(108,"div",25),z(),t(109,"p"),e(110,"Update content with unique "),t(111,"code"),e(112,"nzKey"),n(),e(113,"."),n(),f(),n()()()(),t(114,"section",34),z(),t(115,"h2",35)(116,"span"),e(117,"API"),n(),t(118,"a",36),e(119,"#"),n()(),t(120,"h3",37)(121,"span"),e(122,"NzNotificationService"),n(),t(123,"label",38),e(124,"service"),n(),t(125,"a",39),e(126,"#"),n()(),t(127,"p"),e(128,"The component provides a number of service methods using the following methods and parameters:"),n(),t(129,"ul")(130,"li")(131,"code"),e(132,"NzNotificationService.blank(title, content, [options])"),n(),e(133," // Notification without icon"),n(),t(134,"li")(135,"code"),e(136,"NzNotificationService.success(title, content, [options])"),n()(),t(137,"li")(138,"code"),e(139,"NzNotificationService.error(title, content, [options])"),n()(),t(140,"li")(141,"code"),e(142,"NzNotificationService.info(title, content, [options])"),n()(),t(143,"li")(144,"code"),e(145,"NzNotificationService.warning(title, content, [options])"),n()()(),t(146,"table")(147,"thead")(148,"tr")(149,"th"),e(150,"Argument"),n(),t(151,"th"),e(152,"Description"),n(),t(153,"th"),e(154,"Type"),n(),t(155,"th"),e(156,"Default"),n()()(),t(157,"tbody")(158,"tr")(159,"td"),e(160,"title"),n(),t(161,"td"),e(162,"Title"),n(),t(163,"td")(164,"code"),e(165,"string | TemplateRef<void>"),n()(),t(166,"td"),e(167,"-"),n()(),t(168,"tr")(169,"td"),e(170,"content"),n(),t(171,"td"),e(172,"Notification content"),n(),t(173,"td")(174,"code"),e(175,"NzNotificationContentType"),n()(),t(176,"td"),e(177,"-"),n()(),t(178,"tr")(179,"td"),e(180,"options"),n(),t(181,"td"),e(182,"Support setting the parameters for the current notification box, see the table below"),n(),t(183,"td")(184,"code"),e(185,"object"),n()(),t(186,"td"),e(187,"-"),n()()()(),t(188,"p"),e(189,"The parameters that are set by the "),t(190,"code"),e(191,"options"),n(),e(192," support are as follows:"),n(),t(193,"table")(194,"thead")(195,"tr")(196,"th"),e(197,"Argument"),n(),t(198,"th"),e(199,"Description"),n(),t(200,"th"),e(201,"Type"),n()()(),t(202,"tbody")(203,"tr")(204,"td"),e(205,"nzKey"),n(),t(206,"td"),e(207,"The unique identifier of the Notification"),n(),t(208,"td")(209,"code"),e(210,"string"),n()()(),t(211,"tr")(212,"td"),e(213,"nzDuration"),n(),t(214,"td"),e(215,"Duration (milliseconds), does not disappear when set to 0"),n(),t(216,"td")(217,"code"),e(218,"number"),n()()(),t(219,"tr")(220,"td"),e(221,"nzPauseOnHover"),n(),t(222,"td"),e(223,"Do not remove automatically when mouse is over while setting to "),t(224,"code"),e(225,"true"),n()(),t(226,"td")(227,"code"),e(228,"boolean"),n()()(),t(229,"tr")(230,"td"),e(231,"nzAnimate"),n(),t(232,"td"),e(233,"Whether to turn on animation"),n(),t(234,"td")(235,"code"),e(236,"boolean"),n()()(),t(237,"tr")(238,"td"),e(239,"nzStyle"),n(),t(240,"td"),e(241,"Custom inline style"),n(),t(242,"td")(243,"code"),e(244,"object"),n()()(),t(245,"tr")(246,"td"),e(247,"nzClass"),n(),t(248,"td"),e(249,"Custom CSS class"),n(),t(250,"td")(251,"code"),e(252,"object"),n()()(),t(253,"tr")(254,"td"),e(255,"nzData"),n(),t(256,"td"),e(257,"Anything that would be used as template context"),n(),t(258,"td")(259,"code"),e(260,"any"),n()()(),t(261,"tr")(262,"td"),e(263,"nzCloseIcon"),n(),t(264,"td"),e(265,"Custom close icon"),n(),t(266,"td")(267,"code"),e(268,"TemplateRef<void> | string"),n()()(),t(269,"tr")(270,"td"),e(271,"nzButton"),n(),t(272,"td"),e(273,"Custom button"),n(),t(274,"td")(275,"code"),e(276,"TemplateRef<{ $implicit: NzNotificationComponent }> | string"),n()()()()(),t(277,"p"),e(278,"Methods for destruction are also provided:"),n(),t(279,"ul")(280,"li")(281,"code"),e(282,"NzNotificationService.remove(id)"),n(),e(283," // Remove the notification with the specified id. When the id is empty, remove all notifications (the notification id is returned by the above method)"),n()(),t(284,"h3",40)(285,"span"),e(286,"Global Configuration"),n(),t(287,"a",41),e(288,"#"),n()(),t(289,"p"),e(290,"You can use "),t(291,"code"),e(292,"NzConfigService"),n(),e(293," to configure this component globally. Please check the "),t(294,"a",42),e(295,"Global Configuration"),n(),e(296," chapter for more information."),n(),t(297,"table")(298,"thead")(299,"tr")(300,"th"),e(301,"Parameter"),n(),t(302,"th"),e(303,"Description"),n(),t(304,"th"),e(305,"Type"),n(),t(306,"th"),e(307,"Default"),n()()(),t(308,"tbody")(309,"tr")(310,"td"),e(311,"nzDuration"),n(),t(312,"td"),e(313,"Duration (milliseconds), does not disappear when set to 0"),n(),t(314,"td")(315,"code"),e(316,"number"),n()(),t(317,"td"),e(318,"4500"),n()(),t(319,"tr")(320,"td"),e(321,"nzMaxStack"),n(),t(322,"td"),e(323,"The maximum number of notifications that can be displayed at the same time"),n(),t(324,"td")(325,"code"),e(326,"number"),n()(),t(327,"td"),e(328,"8"),n()(),t(329,"tr")(330,"td"),e(331,"nzPauseOnHover"),n(),t(332,"td"),e(333,"Do not remove automatically when mouse is over while setting to "),t(334,"code"),e(335,"true"),n()(),t(336,"td")(337,"code"),e(338,"boolean"),n()(),t(339,"td")(340,"code"),e(341,"true"),n()()(),t(342,"tr")(343,"td"),e(344,"nzAnimate"),n(),t(345,"td"),e(346,"Whether to turn on animation"),n(),t(347,"td")(348,"code"),e(349,"boolean"),n()(),t(350,"td")(351,"code"),e(352,"true"),n()()(),t(353,"tr")(354,"td"),e(355,"nzTop"),n(),t(356,"td"),e(357,"The top of the notification when it pops up from the top."),n(),t(358,"td")(359,"code"),e(360,"string"),n()(),t(361,"td"),e(362,"24px"),n()(),t(363,"tr")(364,"td"),e(365,"nzBottom"),n(),t(366,"td"),e(367,"The bottom of the notification when it pops up from the bottom."),n(),t(368,"td")(369,"code"),e(370,"string"),n()(),t(371,"td"),e(372,"24px"),n()(),t(373,"tr")(374,"td"),e(375,"nzPlacement"),n(),t(376,"td"),e(377,"Popup position, optional "),t(378,"code"),e(379,"topLeft"),n(),t(380,"code"),e(381,"topRight"),n(),t(382,"code"),e(383,"bottomLeft"),n(),t(384,"code"),e(385,"bottomRight"),n(),t(386,"code"),e(387,"top"),n(),t(388,"code"),e(389,"bottom"),n()(),t(390,"td")(391,"code"),e(392,"string"),n()(),t(393,"td")(394,"code"),e(395,"topRight"),n()()(),t(396,"tr")(397,"td"),e(398,"nzDirection"),n(),t(399,"td"),e(400,"Direction of the text in the notification"),n(),t(401,"td")(402,"code"),e(403,"'ltr' | 'rtl'"),n()(),t(404,"td"),e(405,"-"),n()()()(),t(406,"h3",43)(407,"span"),e(408,"NzNotificationRef"),n(),t(409,"a",44),e(410,"#"),n()(),t(411,"p"),e(412,"It's the object that returned when you call "),t(413,"code"),e(414,"NzNotificationService.success"),n(),e(415," and others."),n(),t(416,"pre")(417,"code",45)(418,"span",46),e(419,"export"),n(),e(420," "),t(421,"span",46),e(422,"interface"),n(),e(423," "),t(424,"span",47),e(425,"NzNotificationRef"),n(),e(426," "),t(427,"span",48),e(428,"{"),n(),e(429,` 11 messageId`),t(430,"span",49),e(431,":"),n(),e(432," "),t(433,"span",50),e(434,"string"),n(),t(435,"span",48),e(436,";"),n(),e(437,` 12 onClose`),t(438,"span",49),e(439,":"),n(),e(440," Subject"),t(441,"span",49),e(442,"<"),n(),t(443,"span",50),e(444,"boolean"),n(),t(445,"span",49),e(446,">"),n(),t(447,"span",48),e(448,";"),n(),e(449," "),t(450,"span",51),e(451,"// It would emit an event when the notification is closed, and emit a `true` if it's closed by user"),n(),e(452,` 13 onClick`),t(453,"span",49),e(454,":"),n(),e(455," Subject"),t(456,"span",49),e(457,"<"),n(),e(458,"MouseEvent"),t(459,"span",49),e(460,">"),n(),t(461,"span",48),e(462,";"),n(),e(463,` 14`),t(464,"span",48),e(465,"}"),n(),e(466,`
15`),n()(),f(),n()()),i&2&&(c(),l("nzOffsetTop",16),c(),l("nzAffix",!1),c(38),l("nzGutter",16),c(),l("nzXl",12)("nzSpan",24),c(),l("nzId","components-notification-demo-basic")("nzLink","components-notification-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/basic.md"),c(5),l("nzId","components-notification-demo-with-icon")("nzLink","components-notification-demo-with-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-icon.md"),c(5),l("nzId","components-notification-demo-custom-icon")("nzLink","components-notification-demo-custom-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-icon.md"),c(8),l("nzId","components-notification-demo-custom-style")("nzLink","components-notification-demo-custom-style")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-style.md"),c(5),l("nzId","components-notification-demo-template")("nzLink","components-notification-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/template.md"),c(5),l("nzXl",12)("nzSpan",24),c(),l("nzId","components-notification-demo-duration")("nzLink","components-notification-demo-duration")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/duration.md"),c(7),l("nzId","components-notification-demo-with-btn")("nzLink","components-notification-demo-with-btn")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-btn.md"),c(5),l("nzId","components-notification-demo-placement")("nzLink","components-notification-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/placement.md"),c(23),l("nzId","components-notification-demo-update")("nzLink","components-notification-demo-update")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/update.md"))},dependencies:[pt,H,ut,dt,st,lt,ct,rt,mt,F,Q,U,$,K,X,q,Y,J,tt],encapsulation:2})};var Ie=[{path:"en",component:Nt},{path:"zh",component:Et}],Kn=Ie;export{Kn as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.