1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[9752],{9752:(_t,k,u)=>{u.r(k),u.d(k,{NzDemoNotificationModule:()=>gt});var S=u(9072),H=u(2928),I=u(1368),t=u(4496),L=u(4244),R=u(6256),f=u(5120),h=u(649),O=u(5657),j=u(3616),Y=u(5739),M=u(2136),P=u(108),K=u(68);function Z(o,c){}const W=(o,c)=>({$implicit:o,data:c});function Q(o,c){if(1&o&&t.yuY(0,Z,0,0,"ng-template",1),2&o){const n=t.GaO();t.E7m("ngTemplateOutlet",n.instance.template)("ngTemplateOutletContext",t.IBC(2,W,n,null==n.instance.options?null:n.instance.options.nzData))}}function U(o,c){1&o&&t.wR5(0,"span",9)}function q(o,c){1&o&&t.wR5(0,"span",10)}function J(o,c){1&o&&t.wR5(0,"span",11)}function X(o,c){1&o&&t.wR5(0,"span",12)}function V(o,c){if(1&o&&(t.SAx(0),t.wR5(1,"div",13),t.k70()),2&o){const n=t.GaO(2);t.yG2(),t.E7m("innerHTML",n.instance.title,t.E3n)}}function tt(o,c){if(1&o&&(t.SAx(0),t.wR5(1,"div",13),t.k70()),2&o){const n=t.GaO(2);t.yG2(),t.E7m("innerHTML",n.instance.content,t.E3n)}}function nt(o,c){}const ot=o=>({$implicit:o});function it(o,c){if(1&o&&(t.I0R(0,"span",14),t.yuY(1,nt,0,0,"ng-template",1),t.C$Y()),2&o){const n=t.GaO(2);t.yG2(),t.E7m("ngTemplateOutlet",c)("ngTemplateOutletContext",t.S45(2,ot,n))}}function et(o,c){if(1&o&&(t.I0R(0,"div",4)(1,"div",4)(2,"div"),t.yuY(3,U,1,0)(4,q,1,0)(5,J,1,0)(6,X,1,0),t.I0R(7,"div",5),t.yuY(8,V,2,1,"ng-container",6),t.C$Y(),t.I0R(9,"div",7),t.yuY(10,tt,2,1,"ng-container",6),t.C$Y(),t.yuY(11,it,2,4,"span",8),t.C$Y()()()),2&o){const n=t.GaO();let i;t.yG2(2),t.eAK("ant-notification-notice-with-icon","blank"!==n.instance.type),t.yG2(),t.C0Y(3,"success"===(i=n.instance.type)?3:"info"===i?4:"warning"===i?5:"error"===i?6:-1),t.yG2(5),t.E7m("nzStringTemplateOutlet",n.instance.title),t.yG2(2),t.E7m("nzStringTemplateOutlet",n.instance.content),t.yG2(),t.C0Y(11,(i=null==n.instance.options?null:n.instance.options.nzButton)?11:-1,i)}}function at(o,c){if(1&o&&(t.SAx(0),t.wR5(1,"span",15),t.k70()),2&o){const n=c.$implicit;t.yG2(),t.E7m("nzType",n)}}function ct(o,c){if(1&o&&t.yuY(0,at,2,1,"ng-container",6),2&o){const n=t.GaO();t.E7m("nzStringTemplateOutlet",null==n.instance.options?null:n.instance.options.nzCloseIcon)}}function ut(o,c){1&o&&t.wR5(0,"span",16)}function st(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","topLeft")}function rt(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","topRight")}function mt(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","bottomLeft")}function dt(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","bottomRight")}function lt(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","top")}function ft(o,c){if(1&o){const n=t.KQA();t.I0R(0,"nz-notification",6),t.qCj("destroyed",function(e){t.usT(n);const a=t.GaO();return t.CGJ(a.remove(e.id,e.userAction))}),t.C$Y()}2&o&&t.E7m("instance",c.$implicit)("placement","bottom")}let $=(()=>{class o extends h.EA{constructor(n){super(n),this.destroyed=new t._w7}ngOnDestroy(){super.ngOnDestroy(),this.instance.onClick.complete()}onClick(n){this.instance.onClick.next(n)}close(){this.destroy(!0)}get state(){if("enter"!==this.instance.state)return this.instance.state;switch(this.placement){case"topLeft":case"bottomLeft":return"enterLeft";case"topRight":case"bottomRight":default:return"enterRight";case"top":return"enterTop";case"bottom":return"enterBottom"}}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(t.kD9))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-notification"]],inputs:{instance:"instance",index:"index",placement:"placement"},outputs:{destroyed:"destroyed"},exportAs:["nzNotification"],standalone:!0,features:[t.eg9,t.UHJ],decls:7,vars:5,consts:[[1,"ant-notification-notice","ant-notification-notice-closable",3,"ngStyle","ngClass","click","mouseenter","mouseleave"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["tabindex","0",1,"ant-notification-notice-close",3,"click"],[1,"ant-notification-notice-close-x"],[1,"ant-notification-notice-content"],[1,"ant-notification-notice-message"],[4,"nzStringTemplateOutlet"],[1,"ant-notification-notice-description"],["class","ant-notification-notice-btn"],["nz-icon","","nzType","check-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-success"],["nz-icon","","nzType","info-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-info"],["nz-icon","","nzType","exclamation-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-warning"],["nz-icon","","nzType","close-circle",1,"ant-notification-notice-icon","ant-notification-notice-icon-error"],[3,"innerHTML"],[1,"ant-notification-notice-btn"],["nz-icon","",3,"nzType"],["nz-icon","","nzType","close",1,"ant-notification-close-icon"]],template:function(i,e){1&i&&(t.I0R(0,"div",0),t.qCj("@notificationMotion.done",function(s){return e.animationStateChanged.next(s)})("click",function(s){return e.onClick(s)})("mouseenter",function(){return e.onEnter()})("mouseleave",function(){return e.onLeave()}),t.yuY(1,Q,1,5,null,1)(2,et,12,6),t.I0R(3,"a",2),t.qCj("click",function(){return e.close()}),t.I0R(4,"span",3),t.yuY(5,ct,1,1,"ng-container")(6,ut,1,0),t.C$Y()()()),2&i&&(t.E7m("ngStyle",(null==e.instance.options?null:e.instance.options.nzStyle)||null)("ngClass",(null==e.instance.options?null:e.instance.options.nzClass)||"")("@notificationMotion",e.state),t.yG2(),t.C0Y(1,e.instance.template?1:2),t.yG2(4),t.C0Y(5,null!=e.instance.options&&e.instance.options.nzCloseIcon?5:6))},dependencies:[I.Qt,I.QF,f.Wy,f.If,R.u,R.C,I.XV],encapsulation:2,data:{animation:[L.qW]}})}return o}
1)();const p="notification",pt={nzTop:"24px",nzBottom:"24px",nzPlacement:"topRight",nzDuration:4500,nzMaxStack:7,nzPauseOnHover:!0,nzAnimate:!0,nzDirection:"ltr"};let g=(()=>{class o extends h.i5{constructor(n,i){super(n,i),this.dir="ltr",this.instances=[],this.topLeftInstances=[],this.topRightInstances=[],this.bottomLeftInstances=[],this.bottomRightInstances=[],this.topInstances=[],this.bottomInstances=[];const e=this.nzConfigService.getConfigForComponent(p);this.dir=e?.nzDirection||"ltr"}create(n){const i=this.onCreate(n),e=i.options.nzKey,a=this.instances.find(s=>s.options.nzKey===n.options.nzKey);return e&&a?this.replaceNotification(a,i):(this.instances.length>=this.config.nzMaxStack&&(this.instances=this.instances.slice(1)),this.instances=[...this.instances,i]),this.readyInstances(),i}onCreate(n){return n.options=this.mergeOptions(n.options),n.onClose=new O.E,n.onClick=new O.E,n}subscribeConfigChange(){this.nzConfigService.getConfigChangeEventForComponent(p).pipe((0,j.a)(this.destroy$)).subscribe(()=>{this.updateConfig();const n=this.nzConfigService.getConfigForComponent(p);if(n){const{nzDirection:i}=n;this.dir=i||this.dir}})}updateConfig(){this.config={...pt,...this.config,...this.nzConfigService.getConfigForComponent(p)},this.top=(0,Y.E9)(this.config.nzTop),this.bottom=(0,Y.E9)(this.config.nzBottom),this.cdr.markForCheck()}replaceNotification(n,i){n.title=i.title,n.content=i.content,n.template=i.template,n.type=i.type,n.options=i.options}readyInstances(){const n={topLeft:[],topRight:[],bottomLeft:[],bottomRight:[],top:[],bottom:[]};this.instances.forEach(i=>{switch(i.options.nzPlacement){case"topLeft":n.topLeft.push(i);break;case"topRight":default:n.topRight.push(i);break;case"bottomLeft":n.bottomLeft.push(i);break;case"bottomRight":n.bottomRight.push(i);break;case"top":n.top.push(i);break;case"bottom":n.bottom.push(i)}}),this.topLeftInstances=n.topLeft,this.topRightInstances=n.topRight,this.bottomLeftInstances=n.bottomLeft,this.bottomRightInstances=n.bottomRight,this.topInstances=n.top,this.bottomInstances=n.bottom,this.cdr.detectChanges()}mergeOptions(n){const{nzDuration:i,nzAnimate:e,nzPauseOnHover:a,nzPlacement:s}=this.config;return{nzDuration:i,nzAnimate:e,nzPauseOnHover:a,nzPlacement:s,...n}}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(t.kD9),t.GI1(M.gl))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-notification-container"]],exportAs:["nzNotificationContainer"],standalone:!0,features:[t.eg9,t.UHJ],decls:18,vars:40,consts:[[1,"ant-notification","ant-notification-topLeft"],[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,"instance","placement","destroyed"],[3,"instance","placement"]],template:function(i,e){1&i&&(t.I0R(0,"div",0),t.c53(1,st,1,2,"nz-notification",7,t.oxv),t.C$Y(),t.I0R(3,"div",1),t.c53(4,rt,1,2,"nz-notification",7,t.oxv),t.C$Y(),t.I0R(6,"div",2),t.c53(7,mt,1,2,"nz-notification",7,t.oxv),t.C$Y(),t.I0R(9,"div",3),t.c53(10,dt,1,2,"nz-notification",7,t.oxv),t.C$Y(),t.I0R(12,"div",4),t.c53(13,lt,1,2,"nz-notification",7,t.oxv),t.C$Y(),t.I0R(15,"div",5),t.c53(16,ft,1,2,"nz-notification",7,t.oxv),t.C$Y()),2&i&&(t.m4B("top",e.top)("left","0px"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.topLeftInstances),t.yG2(2),t.m4B("top",e.top)("right","0px"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.topRightInstances),t.yG2(2),t.m4B("bottom",e.bottom)("left","0px"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.bottomLeftInstances),t.yG2(2),t.m4B("bottom",e.bottom)("right","0px"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.bottomRightInstances),t.yG2(2),t.m4B("top",e.top)("left","50%")("transform","translateX(-50%)"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.topInstances),t.yG2(2),t.m4B("bottom",e.bottom)("left","50%")("transform","translateX(-50%)"),t.eAK("ant-notification-rtl","rtl"===e.dir),t.yG2(),t.oho(e.bottomInstances))},dependencies:[$],encapsulation:2,changeDetection:0})}return o}
1)(),zt=(()=>{class o{static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275mod=t.a4G({type:o});static#o=this.\u0275inj=t.s3X({imports:[$,g]})}return o})(),Ct=0,d=(()=>{class o extends h.wH{constructor(n,i,e){super(n,i,e),this.componentPrefix="notification-"}success(n,i,e){return this.create("success",n,i,e)}error(n,i,e){return this.create("error",n,i,e)}info(n,i,e){return this.create("info",n,i,e)}warning(n,i,e){return this.create("warning",n,i,e)}blank(n,i,e){return this.create("blank",n,i,e)}create(n,i,e,a){return this.createInstance({type:n,title:i,content:e},a)}template(n,i){return this.createInstance({template:n},i)}generateMessageId(){return`${this.componentPrefix}-${Ct++}`}createInstance(n,i){return this.container=this.withContainer(g),this.container.create({...n,createdAt:new Date,messageId:i?.nzKey||this.generateMessageId(),options:i})}static#t=this.\u0275fac=function(i){return new(i||o)(t.CoB(P.aW),t.CoB(K.mc),t.CoB(t.zZn))};static#n=this.\u0275prov=t.wxM({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var m=u(8352),Et=u(5712),N=u(7564),_=u(5636);const It=[zt,m.EV,f.Wy,Et.VL,N.c,_.o];var z=u(6056),C=u(8700),b=u(8656),E=u(3172),F=u(9100),r=u(28),l=u(7324);let y=(()=>{class o{constructor(n){this.notification=n}createBasicNotification(){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#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-basic"]],decls:2,vars:1,consts:[["nz-button","",3,"nzType","click"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createBasicNotification()}),t.OEk(1,"Open the notification box"),t.C$Y()),2&i&&t.E7m("nzType","primary")},dependencies:[m.Ez,r.k,l.o9],encapsulation:2})}return o})();function ht(o,c){1&o&&(t.I0R(0,"div",2)(1,"div",3)(2,"span",4),t.wR5(3,"span",5),t.C$Y(),t.I0R(4,"div",6),t.OEk(5,"Notification Title"),t.C$Y(),t.I0R(6,"div",7),t.OEk(7," This is the content of the notification. This is the content of the notification. This is the content of the notification. "),t.C$Y()()())}let D=(()=>{class o{constructor(n){this.notification=n}createBasicNotification(n){this.notification.template(n)}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-custom-icon"]],decls:4,vars:1,consts:[["template",""],["nz-button","",3,"nzType","click"],[1,"ant-notification-notice-content"],[1,"ant-notification-notice-with-icon"],[1,"ant-notification-notice-icon"],["nz-icon","","nzType","smile",2,"color","rgb(16, 142, 233)"],[1,"ant-notification-notice-message"],[1,"ant-notification-notice-description"]],template:function(i,e){if(1&i){const a=t.KQA();t.yuY(0,ht,8,0,"ng-template",null,0,t.gJz),t.I0R(2,"button",1),t.qCj("click",function(){t.usT(a);const Nt=t.Gew(1);return t.CGJ(e.createBasicNotification(Nt))}),t.OEk(3," Open the notification box "),t.C$Y()}2&i&&(t.yG2(2),t.E7m("nzType","primary"))},dependencies:[f.If,m.Ez,r.k,l.o9],encapsulation:2})}return o})(),T=(()=>{class o{constructor(n){this.notification=n}createBasicNotification(){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#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-custom-style"]],decls:2,vars:1,consts:[["nz-button","",3,"nzType","click"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createBasicNotification()}),t.OEk(1,"Open the notification box"),t.C$Y()),2&i&&t.E7m("nzType","primary")},dependencies:[m.Ez,r.k,l.o9],encapsulation:2})}return o})(),A=(()=>{class o{createBasicNotification(){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})}constructor(n){this.notification=n}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-duration"]],decls:2,vars:1,consts:[["nz-button","",3,"nzType","click"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createBasicNotification()}),t.OEk(1,"Open the notification box"),t.C$Y()),2&i&&t.E7m("nzType","primary")},dependencies:[m.Ez,r.k,l.o9],encapsulation:2})}return o}
1)(),v=(()=>{class o{createBasicNotification(n){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:n})}constructor(n){this.notification=n,this.placement="topRight"}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-placement"]],decls:20,vars:0,consts:[["nz-button","","nzType","primary",3,"click"],["nz-icon","","nzType","border-top","nzTheme","outline"],["nz-icon","","nzType","border-bottom","nzTheme","outline"],["nz-icon","","nzType","radius-upleft"],["nz-icon","","nzType","radius-upright"],["nz-icon","","nzType","radius-bottomleft"],["nz-icon","","nzType","radius-bottomright"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createBasicNotification("top")}),t.wR5(1,"span",1),t.OEk(2," top "),t.C$Y(),t.I0R(3,"button",0),t.qCj("click",function(){return e.createBasicNotification("bottom")}),t.wR5(4,"span",2),t.OEk(5," bottom "),t.C$Y(),t.wR5(6,"nz-divider"),t.I0R(7,"button",0),t.qCj("click",function(){return e.createBasicNotification("topLeft")}),t.wR5(8,"span",3),t.OEk(9," topLeft "),t.C$Y(),t.I0R(10,"button",0),t.qCj("click",function(){return e.createBasicNotification("topRight")}),t.wR5(11,"span",4),t.OEk(12," topRight "),t.C$Y(),t.wR5(13,"nz-divider"),t.I0R(14,"button",0),t.qCj("click",function(){return e.createBasicNotification("bottomLeft")}),t.wR5(15,"span",5),t.OEk(16," bottomLeft "),t.C$Y(),t.I0R(17,"button",0),t.qCj("click",function(){return e.createBasicNotification("bottomRight")}),t.wR5(18,"span",6),t.OEk(19," bottomRight "),t.C$Y())},dependencies:[f.If,m.Ez,r.k,l.o9,_.M],styles:["button[_ngcontent-%COMP%]{margin-right:1em}"]})}return o})();function kt(o,c){if(1&o&&(t.OEk(0," It's a "),t.I0R(1,"nz-tag",1),t.OEk(2),t.C$Y(),t.I0R(3,"button",2),t.OEk(4,"Cut It!"),t.C$Y()),2&o){const n=c.data;t.yG2(),t.E7m("nzColor",n.color),t.yG2(),t.cNF(n.name)}}let B=(()=>{class o{ninja(){[{name:"Apple",color:"red"},{name:"Orange",color:"orange"},{name:"Watermelon",color:"green"}].forEach(i=>{this.notificationService.template(this.template,{nzData:i})})}constructor(n){this.notificationService=n}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-template"]],viewQuery:function(i,e){if(1&i&&t.CC$(t.Yw2,5),2&i){let a;t.wto(a=t.Gqi())&&(e.template=a.first)}},decls:3,vars:1,consts:[["nz-button","",3,"nzType","click"],[3,"nzColor"],["nz-button","","nzSize","small"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.ninja()}),t.OEk(1,"Open the notification box"),t.C$Y(),t.yuY(2,kt,5,2,"ng-template")),2&i&&t.E7m("nzType","primary")},dependencies:[m.Ez,r.k,l.o9,N.s],styles:["button[_ngcontent-%COMP%]{margin-top:8px}"]})}return o})(),w=(()=>{class o{constructor(n){this.notification=n}createAutoUpdatingNotifications(){this.notification.blank("Notification Title","Description.",{nzKey:"key"}),setTimeout(()=>{this.notification.blank("New Title","New description",{nzKey:"key"})},1e3)}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-update"]],decls:2,vars:1,consts:[["nz-button","",3,"nzType","click"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createAutoUpdatingNotifications()}),t.OEk(1," Open the notification box "),t.C$Y()),2&i&&t.E7m("nzType","primary")},dependencies:[m.Ez,r.k,l.o9],encapsulation:2})}return o})();const Rt=["notificationBtnTpl"];function Ot(o,c){if(1&o){const n=t.KQA();t.I0R(0,"button",2),t.qCj("click",function(){const a=t.usT(n).$implicit;return t.CGJ(a.close())}),t.OEk(1,"Confirm"),t.C$Y()}}let G=(()=>{class o{constructor(n){this.notification=n}openNotification(){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#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-with-btn"]],viewQuery:function(i,e){if(1&i&&t.CC$(Rt,7),2&i){let a;t.wto(a=t.Gqi())&&(e.btnTemplate=a.first)}},decls:4,vars:1,consts:[["notificationBtnTpl",""],["nz-button","",3,"nzType","click"],["nz-button","","nzType","primary","nzSize","small",3,"click"]],template:function(i,e){1&i&&(t.yuY(0,Ot,2,0,"ng-template",null,0,t.gJz),t.I0R(2,"button",1),t.qCj("click",function(){return e.openNotification()}),t.OEk(3," Open the notification box "),t.C$Y()),2&i&&(t.yG2(2),t.E7m("nzType","primary"))},dependencies:[m.Ez,r.k,l.o9],encapsulation:2})}return o}
1)(),x=(()=>{class o{createNotification(n){this.notification.create(n,"Notification Title","This is the content of the notification. This is the content of the notification. This is the content of the notification.")}constructor(n){this.notification=n}static#t=this.\u0275fac=function(i){return new(i||o)(t.GI1(d))};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification-with-icon"]],decls:8,vars:0,consts:[["nz-button","",3,"click"]],template:function(i,e){1&i&&(t.I0R(0,"button",0),t.qCj("click",function(){return e.createNotification("success")}),t.OEk(1,"Success"),t.C$Y(),t.I0R(2,"button",0),t.qCj("click",function(){return e.createNotification("info")}),t.OEk(3,"Info"),t.C$Y(),t.I0R(4,"button",0),t.qCj("click",function(){return e.createNotification("warning")}),t.OEk(5,"Warning"),t.C$Y(),t.I0R(6,"button",0),t.qCj("click",function(){return e.createNotification("error")}),t.OEk(7,"Error"),t.C$Y())},dependencies:[m.Ez,r.k,l.o9],styles:["button[_ngcontent-%COMP%]{margin-right:1em}"]})}return o})(),Yt=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification"]],viewQuery:function(i,e){if(1&i&&t.CC$(z.A,5),2&i){let a;t.wto(a=t.Gqi())&&(e.codeBoxes=a)}},decls:464,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["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"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-notification-basic","nzGenerateCommand","ng g ng-zorro-antd:notification-basic <name>","nzComponentName","NzDemoNotificationBasicComponent","nzIframeSource","null",3,"nzId","nzLink","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","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","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","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","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","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","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","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","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,"token","class-name"],[1,"token","operator"],["spellcheck","true",1,"token","comment"]],template:function(i,e){1&i&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(s){return e.goLink(s)}),t.wR5(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),t.C$Y()(),t.I0R(13,"section",12)(14,"h1"),t.OEk(15,"Notification"),t.I0R(16,"span",13),t.OEk(17,"\u901a\u77e5\u63d0\u9192\u6846"),t.C$Y(),t.wR5(18,"span",14),t.I0R(19,"a",15),t.wR5(20,"span",16),t.C$Y()(),t.I0R(21,"section",12),t.EdD(),t.I0R(22,"p"),t.OEk(23,"\u5168\u5c40\u5c55\u793a\u901a\u77e5\u63d0\u9192\u4fe1\u606f\u3002"),t.C$Y(),t.I0R(24,"h2",17)(25,"span"),t.OEk(26,"\u4f55\u65f6\u4f7f\u7528"),t.C$Y(),t.I0R(27,"a",18),t.OEk(28,"#"),t.C$Y()(),t.I0R(29,"p"),t.OEk(30,"\u5728\u7cfb\u7edf\u56db\u4e2a\u89d2\u663e\u793a\u901a\u77e5\u63d0\u9192\u4fe1\u606f\u3002\u7ecf\u5e38\u7528\u4e8e\u4ee5\u4e0b\u60c5\u51b5\uff1a"),t.C$Y(),t.I0R(31,"ul")(32,"li"),t.OEk(33,"\u8f83\u4e3a\u590d\u6742\u7684\u901a\u77e5\u5185\u5bb9\u3002"),t.C$Y(),t.I0R(34,"li"),t.OEk(35,"\u5e26\u6709\u4ea4\u4e92\u7684\u901a\u77e5\uff0c\u7ed9\u51fa\u7528\u6237\u4e0b\u4e00\u6b65\u7684\u884c\u52a8\u70b9\u3002"),t.C$Y(),t.I0R(36,"li"),t.OEk(37,"\u7cfb\u7edf\u4e3b\u52a8\u63a8\u9001\u3002"),t.C$Y()(),t.I0R(38,"pre",19)(39,"code")(40,"span",20),t.OEk(41,"import"),t.C$Y(),t.OEk(42," "),t.I0R(43,"span",21),t.OEk(44,"{"),t.C$Y(),t.OEk(45," NzNotificationModule "),t.I0R(46,"span",21),t.OEk(47,"}"),t.C$Y(),t.OEk(48," "),t.I0R(49,"span",20),t.OEk(50,"from"),t.C$Y(),t.OEk(51," "),t.I0R(52,"span",22),t.OEk(53,"'ng-zorro-antd/notification'"),t.C$Y(),t.I0R(54,"span",21),t.OEk(55,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(56,"h2")(57,"span"),t.OEk(58,"\u4ee3\u7801\u6f14\u793a"),t.C$Y(),t.I0R(59,"span",23),t.qCj("click",function(){return e.expandAllCode()}),t.C$Y()()(),t.I0R(60,"div",24)(61,"div",25)(62,"nz-code-box",26),t.wR5(63,"nz-demo-notification-basic",27),t.I0R(64,"div",28),t.EdD(),t.I0R(65,"p"),t.OEk(66,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c4.5 \u79d2\u540e\u81ea\u52a8\u5173\u95ed\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(67,"nz-code-box",29),t.wR5(68,"nz-demo-notification-with-icon",27),t.I0R(69,"div",28),t.EdD(),t.I0R(70,"p"),t.OEk(71,"\u901a\u77e5\u63d0\u9192\u6846\u5de6\u4fa7\u6709\u56fe\u6807\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(72,"nz-code-box",30),t.wR5(73,"nz-demo-notification-custom-icon",27),t.I0R(74,"div",28),t.EdD(),t.I0R(75,"p"),t.OEk(76,"\u56fe\u6807\u53ef\u4ee5\u88ab\u81ea\u5b9a\u4e49\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(77,"nz-code-box",31),t.wR5(78,"nz-demo-notification-custom-style",27),t.I0R(79,"div",28),t.EdD(),t.I0R(80,"p"),t.OEk(81,"\u4f7f\u7528 nzStyle \u548c nzClass \u6765\u5b9a\u4e49\u6837\u5f0f\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(82,"nz-code-box",32),t.wR5(83,"nz-demo-notification-template",27),t.I0R(84,"div",28),t.EdD(),t.I0R(85,"p"),t.OEk(86,"\u901a\u8fc7\u6a21\u677f\u6765\u5b9e\u73b0\u66f4\u52a0\u590d\u6742\u7684\u6548\u679c\u548c\u4ea4\u4e92\u3002"),t.C$Y(),t.eAF(),t.C$Y()()(),t.I0R(87,"div",25)(88,"nz-code-box",33),t.wR5(89,"nz-demo-notification-duration",27),t.I0R(90,"div",28),t.EdD(),t.I0R(91,"p"),t.OEk(92,"\u81ea\u5b9a\u4e49\u901a\u77e5\u6846\u81ea\u52a8\u5173\u95ed\u7684\u5ef6\u65f6\uff0c\u9ed8\u8ba4"),t.I0R(93,"code"),t.OEk(94,"4.5s"),t.C$Y(),t.OEk(95,"\uff0c\u53d6\u6d88\u81ea\u52a8\u5173\u95ed\u53ea\u8981\u5c06\u8be5\u503c\u8bbe\u4e3a "),t.I0R(96,"code"),t.OEk(97,"0"),t.C$Y(),t.OEk(98," \u5373\u53ef\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(99,"nz-code-box",34),t.wR5(100,"nz-demo-notification-with-btn",27),t.I0R(101,"div",28),t.EdD(),t.I0R(102,"p"),t.OEk(103,"\u81ea\u5b9a\u4e49\u5173\u95ed\u6309\u94ae\u7684\u6837\u5f0f\u548c\u6587\u5b57\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(104,"nz-code-box",35),t.wR5(105,"nz-demo-notification-placement",27),t.I0R(106,"div",28),t.EdD(),t.I0R(107,"p"),t.OEk(108,"\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"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(109,"nz-code-box",36),t.wR5(110,"nz-demo-notification-update",27),t.I0R(111,"div",28),t.EdD(),t.I0R(112,"p"),t.OEk(113,"\u53ef\u4ee5\u901a\u8fc7\u552f\u4e00\u7684 "),t.I0R(114,"code"),t.OEk(115,"nzKey"),t.C$Y(),t.OEk(116," \u6765\u66f4\u65b0\u5185\u5bb9\u3002"),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(117,"section",37),t.EdD(),t.I0R(118,"h2",38)(119,"span"),t.OEk(120,"API"),t.C$Y(),t.I0R(121,"a",39),t.OEk(122,"#"),t.C$Y()(),t.I0R(123,"h3",40)(124,"span"),t.OEk(125,"NzNotificationService"),t.C$Y(),t.I0R(126,"label",41),t.OEk(127,"service"),t.C$Y(),t.I0R(128,"a",42),t.OEk(129,"#"),t.C$Y()(),t.I0R(130,"p"),t.OEk(131,"\u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u4e9b\u670d\u52a1\u65b9\u6cd5\uff0c\u4f7f\u7528\u65b9\u5f0f\u548c\u53c2\u6570\u5982\u4e0b\uff1a"),t.C$Y(),t.I0R(132,"ul")(133,"li")(134,"code"),t.OEk(135,"NzNotificationService.blank(title, content, [options])"),t.C$Y(),t.OEk(136," // \u4e0d\u5e26\u56fe\u6807\u7684\u63d0\u793a"),t.C$Y(),t.I0R(137,"li")(138,"code"),t.OEk(139,"NzNotificationService.success(title, content, [options])"),t.C$Y()(),t.I0R(140,"li")(141,"code"),t.OEk(142,"NzNotificationService.error(title, content, [options])"),t.C$Y()(),t.I0R(143,"li")(144,"code"),t.OEk(145,"NzNotificationService.info(title, content, [options])"),t.C$Y()(),t.I0R(146,"li")(147,"code"),t.OEk(148,"NzNotificationService.warning(title, content, [options])"),t.C$Y()()(),t.I0R(149,"table")(150,"thead")(151,"tr")(152,"th"),t.OEk(153,"\u53c2\u6570"),t.C$Y(),t.I0R(154,"th"),t.OEk(155,"\u8bf4\u660e"),t.C$Y(),t.I0R(156,"th"),t.OEk(157,"\u7c7b\u578b"),t.C$Y(),t.I0R(158,"th"),t.OEk(159,"\u9ed8\u8ba4\u503c"),t.C$Y()()(),t.I0R(160,"tbody")(161,"tr")(162,"td"),t.OEk(163,"title"),t.C$Y(),t.I0R(164,"td"),t.OEk(165,"\u6807\u9898"),t.C$Y(),t.I0R(166,"td")(167,"code"),t.OEk(168,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(169,"td"),t.OEk(170,"-"),t.C$Y()(),t.I0R(171,"tr")(172,"td"),t.OEk(173,"content"),t.C$Y(),t.I0R(174,"td"),t.OEk(175,"\u63d0\u793a\u5185\u5bb9"),t.C$Y(),t.I0R(176,"td")(177,"code"),t.OEk(178,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(179,"td"),t.OEk(180,"-"),t.C$Y()(),t.I0R(181,"tr")(182,"td"),t.OEk(183,"options"),t.C$Y(),t.I0R(184,"td"),t.OEk(185,"\u652f\u6301\u8bbe\u7f6e\u9488\u5bf9\u5f53\u524d\u63d0\u793a\u6846\u7684\u53c2\u6570\uff0c\u89c1\u4e0b\u65b9\u8868\u683c"),t.C$Y(),t.I0R(186,"td")(187,"code"),t.OEk(188,"object"),t.C$Y()(),t.I0R(189,"td"),t.OEk(190,"-"),t.C$Y()()()(),t.I0R(191,"p")(192,"code"),t.OEk(193,"options"),t.C$Y(),t.OEk(194," \u652f\u6301\u8bbe\u7f6e\u7684\u53c2\u6570\u5982\u4e0b\uff1a"),t.C$Y(),t.I0R(195,"table")(196,"thead")(197,"tr")(198,"th"),t.OEk(199,"\u53c2\u6570"),t.C$Y(),t.I0R(200,"th"),t.OEk(201,"\u8bf4\u660e"),t.C$Y(),t.I0R(202,"th"),t.OEk(203,"\u7c7b\u578b"),t.C$Y()()(),t.I0R(204,"tbody")(205,"tr")(206,"td"),t.OEk(207,"nzKey"),t.C$Y(),t.I0R(208,"td"),t.OEk(209,"\u901a\u77e5\u63d0\u793a\u7684\u552f\u4e00\u6807\u8bc6\u7b26"),t.C$Y(),t.I0R(210,"td")(211,"code"),t.OEk(212,"string"),t.C$Y()()(),t.I0R(213,"tr")(214,"td"),t.OEk(215,"nzDuration"),t.C$Y(),t.I0R(216,"td"),t.OEk(217,"\u6301\u7eed\u65f6\u95f4(\u6beb\u79d2)\uff0c\u5f53\u8bbe\u7f6e\u4e3a 0 \u65f6\u4e0d\u6d88\u5931"),t.C$Y(),t.I0R(218,"td")(219,"code"),t.OEk(220,"number"),t.C$Y()()(),t.I0R(221,"tr")(222,"td"),t.OEk(223,"nzPauseOnHover"),t.C$Y(),t.I0R(224,"td"),t.OEk(225,"\u9f20\u6807\u79fb\u4e0a\u65f6\u7981\u6b62\u81ea\u52a8\u79fb\u9664"),t.C$Y(),t.I0R(226,"td")(227,"code"),t.OEk(228,"boolean"),t.C$Y()()(),t.I0R(229,"tr")(230,"td"),t.OEk(231,"nzAnimate"),t.C$Y(),t.I0R(232,"td"),t.OEk(233,"\u5f00\u5173\u52a8\u753b\u6548\u679c"),t.C$Y(),t.I0R(234,"td")(235,"code"),t.OEk(236,"boolean"),t.C$Y()()(),t.I0R(237,"tr")(238,"td"),t.OEk(239,"nzStyle"),t.C$Y(),t.I0R(240,"td"),t.OEk(241,"\u81ea\u5b9a\u4e49\u5185\u8054\u6837\u5f0f"),t.C$Y(),t.I0R(242,"td")(243,"code"),t.OEk(244,"object"),t.C$Y()()(),t.I0R(245,"tr")(246,"td"),t.OEk(247,"nzClass"),t.C$Y(),t.I0R(248,"td"),t.OEk(249,"\u81ea\u5b9a\u4e49 CSS class"),t.C$Y(),t.I0R(250,"td")(251,"code"),t.OEk(252,"object"),t.C$Y()()(),t.I0R(253,"tr")(254,"td"),t.OEk(255,"nzData"),t.C$Y(),t.I0R(256,"td"),t.OEk(257,"\u4efb\u4f55\u60f3\u8981\u5728\u6a21\u677f\u4e2d\u4f5c\u4e3a\u4e0a\u4e0b\u6587\u7684\u6570\u636e"),t.C$Y(),t.I0R(258,"td")(259,"code"),t.OEk(260,"any"),t.C$Y()()(),t.I0R(261,"tr")(262,"td"),t.OEk(263,"nzCloseIcon"),t.C$Y(),t.I0R(264,"td"),t.OEk(265,"\u81ea\u5b9a\u4e49\u5173\u95ed\u56fe\u6807"),t.C$Y(),t.I0R(266,"td")(267,"code"),t.OEk(268,"TemplateRef<void> | string"),t.C$Y()()(),t.I0R(269,"tr")(270,"td"),t.OEk(271,"nzButton"),t.C$Y(),t.I0R(272,"td"),t.OEk(273,"\u81ea\u5b9a\u4e49\u6309\u94ae"),t.C$Y(),t.I0R(274,"td")(275,"code"),t.OEk(276,"TemplateRef<{ $implicit: NzNotificationComponent }> | string"),t.C$Y()()()()(),t.I0R(277,"p"),t.OEk(278,"\u8fd8\u63d0\u4f9b\u4e86\u5168\u5c40\u9500\u6bc1\u65b9\u6cd5\uff1a"),t.C$Y(),t.I0R(279,"ul")(280,"li")(281,"code"),t.OEk(282,"NzNotificationService.remove(id)"),t.C$Y(),t.OEk(283," // \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"),t.C$Y()(),t.I0R(284,"h3",43)(285,"span"),t.OEk(286,"\u5168\u5c40\u914d\u7f6e"),t.C$Y(),t.I0R(287,"a",44),t.OEk(288,"#"),t.C$Y()(),t.I0R(289,"p"),t.OEk(290,"\u53ef\u4ee5\u901a\u8fc7 "),t.I0R(291,"code"),t.OEk(292,"NzConfigService"),t.C$Y(),t.OEk(293," \u8fdb\u884c\u5168\u5c40\u914d\u7f6e\uff0c\u8be6\u60c5\u8bf7\u89c1\u6587\u6863\u4e2d "),t.I0R(294,"a",45),t.OEk(295,"\u5168\u5c40\u914d\u7f6e\u9879"),t.C$Y(),t.OEk(296," \u7ae0\u8282\u3002"),t.C$Y(),t.I0R(297,"table")(298,"thead")(299,"tr")(300,"th"),t.OEk(301,"\u53c2\u6570"),t.C$Y(),t.I0R(302,"th"),t.OEk(303,"\u8bf4\u660e"),t.C$Y(),t.I0R(304,"th"),t.OEk(305,"\u7c7b\u578b"),t.C$Y(),t.I0R(306,"th"),t.OEk(307,"\u9ed8\u8ba4\u503c"),t.C$Y()()(),t.I0R(308,"tbody")(309,"tr")(310,"td"),t.OEk(311,"nzDuration"),t.C$Y(),t.I0R(312,"td"),t.OEk(313,"\u6301\u7eed\u65f6\u95f4(\u6beb\u79d2)\uff0c\u5f53\u8bbe\u7f6e\u4e3a0\u65f6\u4e0d\u6d88\u5931"),t.C$Y(),t.I0R(314,"td")(315,"code"),t.OEk(316,"number"),t.C$Y()(),t.I0R(317,"td"),t.OEk(318,"4500"),t.C$Y()(),t.I0R(319,"tr")(320,"td"),t.OEk(321,"nzMaxStack"),t.C$Y(),t.I0R(322,"td"),t.OEk(323,"\u540c\u4e00\u65f6\u95f4\u53ef\u5c55\u793a\u7684\u6700\u5927\u63d0\u793a\u6570\u91cf"),t.C$Y(),t.I0R(324,"td")(325,"code"),t.OEk(326,"number"),t.C$Y()(),t.I0R(327,"td"),t.OEk(328,"8"),t.C$Y()(),t.I0R(329,"tr")(330,"td"),t.OEk(331,"nzPauseOnHover"),t.C$Y(),t.I0R(332,"td"),t.OEk(333,"\u9f20\u6807\u79fb\u4e0a\u65f6\u7981\u6b62\u81ea\u52a8\u79fb\u9664"),t.C$Y(),t.I0R(334,"td")(335,"code"),t.OEk(336,"boolean"),t.C$Y()(),t.I0R(337,"td")(338,"code"),t.OEk(339,"true"),t.C$Y()()(),t.I0R(340,"tr")(341,"td"),t.OEk(342,"nzAnimate"),t.C$Y(),t.I0R(343,"td"),t.OEk(344,"\u5f00\u5173\u52a8\u753b\u6548\u679c"),t.C$Y(),t.I0R(345,"td")(346,"code"),t.OEk(347,"boolean"),t.C$Y()(),t.I0R(348,"td")(349,"code"),t.OEk(350,"true"),t.C$Y()()(),t.I0R(351,"tr")(352,"td"),t.OEk(353,"nzTop"),t.C$Y(),t.I0R(354,"td"),t.OEk(355,"\u6d88\u606f\u4ece\u9876\u90e8\u5f39\u51fa\u65f6\uff0c\u8ddd\u79bb\u9876\u90e8\u7684\u4f4d\u7f6e\u3002"),t.C$Y(),t.I0R(356,"td")(357,"code"),t.OEk(358,"string"),t.C$Y()(),t.I0R(359,"td"),t.OEk(360,"24px"),t.C$Y()(),t.I0R(361,"tr")(362,"td"),t.OEk(363,"nzBottom"),t.C$Y(),t.I0R(364,"td"),t.OEk(365,"\u6d88\u606f\u4ece\u5e95\u90e8\u5f39\u51fa\u65f6\uff0c\u8ddd\u79bb\u5e95\u90e8\u7684\u4f4d\u7f6e\u3002"),t.C$Y(),t.I0R(366,"td")(367,"code"),t.OEk(368,"string"),t.C$Y()(),t.I0R(369,"td"),t.OEk(370,"24px"),t.C$Y()(),t.I0R(371,"tr")(372,"td"),t.OEk(373,"nzPlacement"),t.C$Y(),t.I0R(374,"td"),t.OEk(375,"\u5f39\u51fa\u4f4d\u7f6e\uff0c\u53ef\u9009 "),t.I0R(376,"code"),t.OEk(377,"topLeft"),t.C$Y(),t.I0R(378,"code"),t.OEk(379,"topRight"),t.C$Y(),t.I0R(380,"code"),t.OEk(381,"bottomLeft"),t.C$Y(),t.I0R(382,"code"),t.OEk(383,"bottomRight"),t.C$Y(),t.I0R(384,"code"),t.OEk(385,"top"),t.C$Y(),t.I0R(386,"code"),t.OEk(387,"bottom"),t.C$Y()(),t.I0R(388,"td")(389,"code"),t.OEk(390,"string"),t.C$Y()(),t.I0R(391,"td")(392,"code"),t.OEk(393,"topRight"),t.C$Y()()(),t.I0R(394,"tr")(395,"td"),t.OEk(396,"nzDirection"),t.C$Y(),t.I0R(397,"td"),t.OEk(398,"\u901a\u77e5\u7684\u6587\u5b57\u65b9\u5411"),t.C$Y(),t.I0R(399,"td")(400,"code"),t.OEk(401,"'ltr' | 'rtl'"),t.C$Y()(),t.I0R(402,"td"),t.OEk(403,"-"),t.C$Y()()()(),t.I0R(404,"h3",46)(405,"span"),t.OEk(406,"NzNotificationRef"),t.C$Y(),t.I0R(407,"a",47),t.OEk(408,"#"),t.C$Y()(),t.I0R(409,"p"),t.OEk(410,"\u5f53\u4f60\u8c03\u7528 "),t.I0R(411,"code"),t.OEk(412,"NzNotificationService.success"),t.C$Y(),t.OEk(413," \u6216\u5176\u4ed6\u65b9\u6cd5\u65f6\u4f1a\u8fd4\u56de\u8be5\u5bf9\u8c61\u3002"),t.C$Y(),t.I0R(414,"pre",19)(415,"code")(416,"span",20),t.OEk(417,"export"),t.C$Y(),t.OEk(418," "),t.I0R(419,"span",20),t.OEk(420,"interface"),t.C$Y(),t.OEk(421," "),t.I0R(422,"span",48),t.OEk(423,"NzNotificationDataRef"),t.C$Y(),t.OEk(424," "),t.I0R(425,"span",21),t.OEk(426,"{"),t.C$Y(),t.OEk(427,"\n messageId"),t.I0R(428,"span",21),t.OEk(429,":"),t.C$Y(),t.OEk(430," "),t.I0R(431,"span",20),t.OEk(432,"string"),t.C$Y(),t.I0R(433,"span",21),t.OEk(434,";"),t.C$Y(),t.OEk(435,"\n onClose"),t.I0R(436,"span",21),t.OEk(437,":"),t.C$Y(),t.OEk(438," Subject"),t.I0R(439,"span",49),t.OEk(440,"<"),t.C$Y(),t.I0R(441,"span",20),t.OEk(442,"boolean"),t.C$Y(),t.I0R(443,"span",49),t.OEk(444,">"),t.C$Y(),t.I0R(445,"span",21),t.OEk(446,";"),t.C$Y(),t.OEk(447," "),t.I0R(448,"span",50),t.OEk(449,"// \u5f53 notification \u5173\u95ed\u65f6\u5b83\u4f1a\u6d3e\u53d1\u4e00\u4e2a\u4e8b\u4ef6\uff0c\u5982\u679c\u4e3a\u7528\u6237\u624b\u52a8\u5173\u95ed\u4f1a\u6d3e\u53d1 `true`"),t.C$Y(),t.OEk(450,"\n onClick"),t.I0R(451,"span",21),t.OEk(452,":"),t.C$Y(),t.OEk(453," Subject"),t.I0R(454,"span",49),t.OEk(455,"<"),t.C$Y(),t.OEk(456,"MouseEvent"),t.I0R(457,"span",49),t.OEk(458,">"),t.C$Y(),t.I0R(459,"span",21),t.OEk(460,";"),t.C$Y(),t.OEk(461,"\n"),t.I0R(462,"span",21),t.OEk(463,"}"),t.C$Y()()(),t.eAF(),t.C$Y()()),2&i&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(58),t.E7m("nzGutter",16),t.yG2(),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-notification-demo-basic")("nzLink","components-notification-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-with-icon")("nzLink","components-notification-demo-with-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-icon.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-custom-icon")("nzLink","components-notification-demo-custom-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-icon.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-custom-style")("nzLink","components-notification-demo-custom-style")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-style.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-template")("nzLink","components-notification-demo-template")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/template.md"),t.yG2(5),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-notification-demo-duration")("nzLink","components-notification-demo-duration")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/duration.md"),t.yG2(11),t.E7m("nzId","components-notification-demo-with-btn")("nzLink","components-notification-demo-with-btn")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-btn.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-placement")("nzLink","components-notification-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/placement.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-up
1date")("nzLink","components-notification-demo-update")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/update.md"))},dependencies:[z.A,C.s9,C.mK,b.g,E.QD,E.ox,F.qG,f.If,r.k,y,D,T,A,v,B,w,G,x],encapsulation:2})}return o})(),$t=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-notification"]],viewQuery:function(i,e){if(1&i&&t.CC$(z.A,5),2&i){let a;t.wto(a=t.Gqi())&&(e.codeBoxes=a)}},decls:485,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["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"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-notification-basic","nzGenerateCommand","ng g ng-zorro-antd:notification-basic <name>","nzComponentName","NzDemoNotificationBasicComponent","nzIframeSource","null",3,"nzId","nzLink","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","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","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","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","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","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","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","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","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,"token","class-name"],[1,"token","operator"],["spellcheck","true",1,"token","comment"]],template:function(i,e){1&i&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(s){return e.goLink(s)}),t.wR5(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),t.C$Y()(),t.I0R(13,"section",12)(14,"h1"),t.OEk(15,"Notification"),t.wR5(16,"span",13)(17,"span",14),t.I0R(18,"a",15),t.wR5(19,"span",16),t.C$Y()(),t.I0R(20,"section",12),t.EdD(),t.I0R(21,"p"),t.OEk(22,"Display a notification message globally."),t.C$Y(),t.I0R(23,"h2",17)(24,"span"),t.OEk(25,"When To Use"),t.C$Y(),t.I0R(26,"a",18),t.OEk(27,"#"),t.C$Y()(),t.I0R(28,"p"),t.OEk(29,"To display a notification message at any of the four corners of the viewport. Typically it can be\nused in the following cases:"),t.C$Y(),t.I0R(30,"ul")(31,"li"),t.OEk(32,"A notification with complex content."),t.C$Y(),t.I0R(33,"li"),t.OEk(34,"A notification providing a feedback based on the user interaction. Or it may show some details\nabout upcoming steps the user may have to follow."),t.C$Y(),t.I0R(35,"li"),t.OEk(36,"A notification that is pushed by the application."),t.C$Y()(),t.I0R(37,"pre",19)(38,"code")(39,"span",20),t.OEk(40,"import"),t.C$Y(),t.OEk(41," "),t.I0R(42,"span",21),t.OEk(43,"{"),t.C$Y(),t.OEk(44," NzNotificationModule "),t.I0R(45,"span",21),t.OEk(46,"}"),t.C$Y(),t.OEk(47," "),t.I0R(48,"span",20),t.OEk(49,"from"),t.C$Y(),t.OEk(50," "),t.I0R(51,"span",22),t.OEk(52,"'ng-zorro-antd/notification'"),t.C$Y(),t.I0R(53,"span",21),t.OEk(54,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(55,"h2")(56,"span"),t.OEk(57,"Examples"),t.C$Y(),t.I0R(58,"span",23),t.qCj("click",function(){return e.expandAllCode()}),t.C$Y()()(),t.I0R(59,"div",24)(60,"div",25)(61,"nz-code-box",26),t.wR5(62,"nz-demo-notification-basic",27),t.I0R(63,"div",28),t.EdD(),t.I0R(64,"p"),t.OEk(65,"The simplest usage that close the notification box after 4.5s."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(66,"nz-code-box",29),t.wR5(67,"nz-demo-notification-with-icon",27),t.I0R(68,"div",28),t.EdD(),t.I0R(69,"p"),t.OEk(70,"A notification box with a icon at the left side."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(71,"nz-code-box",30),t.wR5(72,"nz-demo-notification-custom-icon",27),t.I0R(73,"div",28),t.EdD(),t.I0R(74,"p"),t.OEk(75,"The icon can be customized to any "),t.I0R(76,"code"),t.OEk(77,"TemplateRef<void>"),t.C$Y(),t.OEk(78,"."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(79,"nz-code-box",31),t.wR5(80,"nz-demo-notification-custom-style",27),t.I0R(81,"div",28),t.EdD(),t.I0R(82,"p"),t.OEk(83,"The nzStyle and nzClass are available to customize Notification."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(84,"nz-code-box",32),t.wR5(85,"nz-demo-notification-template",27),t.I0R(86,"div",28),t.EdD(),t.I0R(87,"p"),t.OEk(88,"Use template to implement more complex interactions."),t.C$Y(),t.eAF(),t.C$Y()()(),t.I0R(89,"div",25)(90,"nz-code-box",33),t.wR5(91,"nz-demo-notification-duration",27),t.I0R(92,"div",28),t.EdD(),t.I0R(93,"p")(94,"code"),t.OEk(95,"nzDuration"),t.C$Y(),t.OEk(96," can be used to specify how long the notification stays open. After the duration time elapses,\nthe notification closes automatically. If not specified, default value is 4.5 seconds. If you set the value to 0,\nthe notification box will never close automatically."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(97,"nz-code-box",34),t.wR5(98,"nz-demo-notification-with-btn",27),t.I0R(99,"div",28),t.EdD(),t.I0R(100,"p"),t.OEk(101,"To customize the style or font of the close button."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(102,"nz-code-box",35),t.wR5(103,"nz-demo-notification-placement",27),t.I0R(104,"div",28),t.EdD(),t.I0R(105,"p"),t.OEk(106,"A notification box can pop up from "),t.I0R(107,"code"),t.OEk(108,"topRight"),t.C$Y(),t.OEk(109," or "),t.I0R(110,"code"),t.OEk(111,"bottomRight"),t.C$Y(),t.OEk(112," or "),t.I0R(113,"code"),t.OEk(114,"bottomLeft"),t.C$Y(),t.OEk(115," or "),t.I0R(116,"code"),t.OEk(117,"topLeft"),t.C$Y(),t.OEk(118," or "),t.I0R(119,"code"),t.OEk(120,"top"),t.C$Y(),t.OEk(121," or "),t.I0R(122,"code"),t.OEk(123,"bottom"),t.C$Y(),t.OEk(124,"."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(125,"nz-code-box",36),t.wR5(126,"nz-demo-notification-update",27),t.I0R(127,"div",28),t.EdD(),t.I0R(128,"p"),t.OEk(129,"Update content with unique "),t.I0R(130,"code"),t.OEk(131,"nzKey"),t.C$Y(),t.OEk(132,"."),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(133,"section",37),t.EdD(),t.I0R(134,"h2",38)(135,"span"),t.OEk(136,"API"),t.C$Y(),t.I0R(137,"a",39),t.OEk(138,"#"),t.C$Y()(),t.I0R(139,"h3",40)(140,"span"),t.OEk(141,"NzNotificationService"),t.C$Y(),t.I0R(142,"label",41),t.OEk(143,"service"),t.C$Y(),t.I0R(144,"a",42),t.OEk(145,"#"),t.C$Y()(),t.I0R(146,"p"),t.OEk(147,"The component provides a number of service methods using the following methods and parameters:"),t.C$Y(),t.I0R(148,"ul")(149,"li")(150,"code"),t.OEk(151,"NzNotificationService.blank(title, content, [options])"),t.C$Y(),t.OEk(152," // Notification without icon"),t.C$Y(),t.I0R(153,"li")(154,"code"),t.OEk(155,"NzNotificationService.success(title, content, [options])"),t.C$Y()(),t.I0R(156,"li")(157,"code"),t.OEk(158,"NzNotificationService.error(title, content, [options])"),t.C$Y()(),t.I0R(159,"li")(160,"code"),t.OEk(161,"NzNotificationService.info(title, content, [options])"),t.C$Y()(),t.I0R(162,"li")(163,"code"),t.OEk(164,"NzNotificationService.warning(title, content, [options])"),t.C$Y()()(),t.I0R(165,"table")(166,"thead")(167,"tr")(168,"th"),t.OEk(169,"Argument"),t.C$Y(),t.I0R(170,"th"),t.OEk(171,"Description"),t.C$Y(),t.I0R(172,"th"),t.OEk(173,"Type"),t.C$Y(),t.I0R(174,"th"),t.OEk(175,"Default"),t.C$Y()()(),t.I0R(176,"tbody")(177,"tr")(178,"td"),t.OEk(179,"title"),t.C$Y(),t.I0R(180,"td"),t.OEk(181,"Title"),t.C$Y(),t.I0R(182,"td")(183,"code"),t.OEk(184,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(185,"td"),t.OEk(186,"-"),t.C$Y()(),t.I0R(187,"tr")(188,"td"),t.OEk(189,"content"),t.C$Y(),t.I0R(190,"td"),t.OEk(191,"Notification content"),t.C$Y(),t.I0R(192,"td")(193,"code"),t.OEk(194,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(195,"td"),t.OEk(196,"-"),t.C$Y()(),t.I0R(197,"tr")(198,"td"),t.OEk(199,"options"),t.C$Y(),t.I0R(200,"td"),t.OEk(201,"Support setting the parameters for the current notification box, see the table below"),t.C$Y(),t.I0R(202,"td")(203,"code"),t.OEk(204,"object"),t.C$Y()(),t.I0R(205,"td"),t.OEk(206,"-"),t.C$Y()()()(),t.I0R(207,"p"),t.OEk(208,"The parameters that are set by the "),t.I0R(209,"code"),t.OEk(210,"options"),t.C$Y(),t.OEk(211," support are as follows:"),t.C$Y(),t.I0R(212,"table")(213,"thead")(214,"tr")(215,"th"),t.OEk(216,"Argument"),t.C$Y(),t.I0R(217,"th"),t.OEk(218,"Description"),t.C$Y(),t.I0R(219,"th"),t.OEk(220,"Type"),t.C$Y()()(),t.I0R(221,"tbody")(222,"tr")(223,"td"),t.OEk(224,"nzKe
1y"),t.C$Y(),t.I0R(225,"td"),t.OEk(226,"The unique identifier of the Notification"),t.C$Y(),t.I0R(227,"td")(228,"code"),t.OEk(229,"string"),t.C$Y()()(),t.I0R(230,"tr")(231,"td"),t.OEk(232,"nzDuration"),t.C$Y(),t.I0R(233,"td"),t.OEk(234,"Duration (milliseconds), does not disappear when set to 0"),t.C$Y(),t.I0R(235,"td")(236,"code"),t.OEk(237,"number"),t.C$Y()()(),t.I0R(238,"tr")(239,"td"),t.OEk(240,"nzPauseOnHover"),t.C$Y(),t.I0R(241,"td"),t.OEk(242,"Do not remove automatically when mouse is over while setting to "),t.I0R(243,"code"),t.OEk(244,"true"),t.C$Y()(),t.I0R(245,"td")(246,"code"),t.OEk(247,"boolean"),t.C$Y()()(),t.I0R(248,"tr")(249,"td"),t.OEk(250,"nzAnimate"),t.C$Y(),t.I0R(251,"td"),t.OEk(252,"Whether to turn on animation"),t.C$Y(),t.I0R(253,"td")(254,"code"),t.OEk(255,"boolean"),t.C$Y()()(),t.I0R(256,"tr")(257,"td"),t.OEk(258,"nzStyle"),t.C$Y(),t.I0R(259,"td"),t.OEk(260,"Custom inline style"),t.C$Y(),t.I0R(261,"td")(262,"code"),t.OEk(263,"object"),t.C$Y()()(),t.I0R(264,"tr")(265,"td"),t.OEk(266,"nzClass"),t.C$Y(),t.I0R(267,"td"),t.OEk(268,"Custom CSS class"),t.C$Y(),t.I0R(269,"td")(270,"code"),t.OEk(271,"object"),t.C$Y()()(),t.I0R(272,"tr")(273,"td"),t.OEk(274,"nzData"),t.C$Y(),t.I0R(275,"td"),t.OEk(276,"Anything that would be used as template context"),t.C$Y(),t.I0R(277,"td")(278,"code"),t.OEk(279,"any"),t.C$Y()()(),t.I0R(280,"tr")(281,"td"),t.OEk(282,"nzCloseIcon"),t.C$Y(),t.I0R(283,"td"),t.OEk(284,"Custom close icon"),t.C$Y(),t.I0R(285,"td")(286,"code"),t.OEk(287,"TemplateRef<void> | string"),t.C$Y()()(),t.I0R(288,"tr")(289,"td"),t.OEk(290,"nzButton"),t.C$Y(),t.I0R(291,"td"),t.OEk(292,"Custom button"),t.C$Y(),t.I0R(293,"td")(294,"code"),t.OEk(295,"TemplateRef<{ $implicit: NzNotificationComponent }> | string"),t.C$Y()()()()(),t.I0R(296,"p"),t.OEk(297,"Methods for destruction are also provided:"),t.C$Y(),t.I0R(298,"ul")(299,"li")(300,"code"),t.OEk(301,"NzNotificationService.remove(id)"),t.C$Y(),t.OEk(302," // Remove the notification with the specified id. When the id is empty, remove all notifications (the notification id is returned by the above method)"),t.C$Y()(),t.I0R(303,"h3",43)(304,"span"),t.OEk(305,"Global Configuration"),t.C$Y(),t.I0R(306,"a",44),t.OEk(307,"#"),t.C$Y()(),t.I0R(308,"p"),t.OEk(309,"You can use "),t.I0R(310,"code"),t.OEk(311,"NzConfigService"),t.C$Y(),t.OEk(312," to configure this component globally. Please check the "),t.I0R(313,"a",45),t.OEk(314,"Global Configuration"),t.C$Y(),t.OEk(315," chapter for more information."),t.C$Y(),t.I0R(316,"table")(317,"thead")(318,"tr")(319,"th"),t.OEk(320,"Parameter"),t.C$Y(),t.I0R(321,"th"),t.OEk(322,"Description"),t.C$Y(),t.I0R(323,"th"),t.OEk(324,"Type"),t.C$Y(),t.I0R(325,"th"),t.OEk(326,"Default"),t.C$Y()()(),t.I0R(327,"tbody")(328,"tr")(329,"td"),t.OEk(330,"nzDuration"),t.C$Y(),t.I0R(331,"td"),t.OEk(332,"Duration (milliseconds), does not disappear when set to 0"),t.C$Y(),t.I0R(333,"td")(334,"code"),t.OEk(335,"number"),t.C$Y()(),t.I0R(336,"td"),t.OEk(337,"4500"),t.C$Y()(),t.I0R(338,"tr")(339,"td"),t.OEk(340,"nzMaxStack"),t.C$Y(),t.I0R(341,"td"),t.OEk(342,"The maximum number of notifications that can be displayed at the same time"),t.C$Y(),t.I0R(343,"td")(344,"code"),t.OEk(345,"number"),t.C$Y()(),t.I0R(346,"td"),t.OEk(347,"8"),t.C$Y()(),t.I0R(348,"tr")(349,"td"),t.OEk(350,"nzPauseOnHover"),t.C$Y(),t.I0R(351,"td"),t.OEk(352,"Do not remove automatically when mouse is over while setting to "),t.I0R(353,"code"),t.OEk(354,"true"),t.C$Y()(),t.I0R(355,"td")(356,"code"),t.OEk(357,"boolean"),t.C$Y()(),t.I0R(358,"td")(359,"code"),t.OEk(360,"true"),t.C$Y()()(),t.I0R(361,"tr")(362,"td"),t.OEk(363,"nzAnimate"),t.C$Y(),t.I0R(364,"td"),t.OEk(365,"Whether to turn on animation"),t.C$Y(),t.I0R(366,"td")(367,"code"),t.OEk(368,"boolean"),t.C$Y()(),t.I0R(369,"td")(370,"code"),t.OEk(371,"true"),t.C$Y()()(),t.I0R(372,"tr")(373,"td"),t.OEk(374,"nzTop"),t.C$Y(),t.I0R(375,"td"),t.OEk(376,"The top of the notification when it pops up from the top."),t.C$Y(),t.I0R(377,"td")(378,"code"),t.OEk(379,"string"),t.C$Y()(),t.I0R(380,"td"),t.OEk(381,"24px"),t.C$Y()(),t.I0R(382,"tr")(383,"td"),t.OEk(384,"nzBottom"),t.C$Y(),t.I0R(385,"td"),t.OEk(386,"The bottom of the notification when it pops up from the bottom."),t.C$Y(),t.I0R(387,"td")(388,"code"),t.OEk(389,"string"),t.C$Y()(),t.I0R(390,"td"),t.OEk(391,"24px"),t.C$Y()(),t.I0R(392,"tr")(393,"td"),t.OEk(394,"nzPlacement"),t.C$Y(),t.I0R(395,"td"),t.OEk(396,"Popup position, optional "),t.I0R(397,"code"),t.OEk(398,"topLeft"),t.C$Y(),t.I0R(399,"code"),t.OEk(400,"topRight"),t.C$Y(),t.I0R(401,"code"),t.OEk(402,"bottomLeft"),t.C$Y(),t.I0R(403,"code"),t.OEk(404,"bottomRight"),t.C$Y(),t.I0R(405,"code"),t.OEk(406,"top"),t.C$Y(),t.I0R(407,"code"),t.OEk(408,"bottom"),t.C$Y()(),t.I0R(409,"td")(410,"code"),t.OEk(411,"string"),t.C$Y()(),t.I0R(412,"td")(413,"code"),t.OEk(414,"topRight"),t.C$Y()()(),t.I0R(415,"tr")(416,"td"),t.OEk(417,"nzDirection"),t.C$Y(),t.I0R(418,"td"),t.OEk(419,"Direction of the text in the notification"),t.C$Y(),t.I0R(420,"td")(421,"code"),t.OEk(422,"'ltr' | 'rtl'"),t.C$Y()(),t.I0R(423,"td"),t.OEk(424,"-"),t.C$Y()()()(),t.I0R(425,"h3",46)(426,"span"),t.OEk(427,"NzNotificationRef"),t.C$Y(),t.I0R(428,"a",47),t.OEk(429,"#"),t.C$Y()(),t.I0R(430,"p"),t.OEk(431,"It's the object that returned when you call "),t.I0R(432,"code"),t.OEk(433,"NzNotificationService.success"),t.C$Y(),t.OEk(434," and others."),t.C$Y(),t.I0R(435,"pre",19)(436,"code")(437,"span",20),t.OEk(438,"export"),t.C$Y(),t.OEk(439," "),t.I0R(440,"span",20),t.OEk(441,"interface"),t.C$Y(),t.OEk(442," "),t.I0R(443,"span",48),t.OEk(444,"NzNotificationRef"),t.C$Y(),t.OEk(445," "),t.I0R(446,"span",21),t.OEk(447,"{"),t.C$Y(),t.OEk(448,"\n messageId"),t.I0R(449,"span",21),t.OEk(450,":"),t.C$Y(),t.OEk(451," "),t.I0R(452,"span",20),t.OEk(453,"string"),t.C$Y(),t.I0R(454,"span",21),t.OEk(455,";"),t.C$Y(),t.OEk(456,"\n onClose"),t.I0R(457,"span",21),t.OEk(458,":"),t.C$Y(),t.OEk(459," Subject"),t.I0R(460,"span",49),t.OEk(461,"<"),t.C$Y(),t.I0R(462,"span",20),t.OEk(463,"boolean"),t.C$Y(),t.I0R(464,"span",49),t.OEk(465,">"),t.C$Y(),t.I0R(466,"span",21),t.OEk(467,";"),t.C$Y(),t.OEk(468," "),t.I0R(469,"span",50),t.OEk(470,"// It would emit an event when the notification is closed, and emit a `true` if it's closed by user"),t.C$Y(),t.OEk(471,"\n onClick"),t.I0R(472,"
1span",21),t.OEk(473,":"),t.C$Y(),t.OEk(474," Subject"),t.I0R(475,"span",49),t.OEk(476,"<"),t.C$Y(),t.OEk(477,"MouseEvent"),t.I0R(478,"span",49),t.OEk(479,">"),t.C$Y(),t.I0R(480,"span",21),t.OEk(481,";"),t.C$Y(),t.OEk(482,"\n"),t.I0R(483,"span",21),t.OEk(484,"}"),t.C$Y()()(),t.eAF(),t.C$Y()()),2&i&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(57),t.E7m("nzGutter",16),t.yG2(),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-notification-demo-basic")("nzLink","components-notification-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-with-icon")("nzLink","components-notification-demo-with-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-icon.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-custom-icon")("nzLink","components-notification-demo-custom-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-icon.md"),t.yG2(8),t.E7m("nzId","components-notification-demo-custom-style")("nzLink","components-notification-demo-custom-style")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/custom-style.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-template")("nzLink","components-notification-demo-template")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/template.md"),t.yG2(5),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-notification-demo-duration")("nzLink","components-notification-demo-duration")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/duration.md"),t.yG2(7),t.E7m("nzId","components-notification-demo-with-btn")("nzLink","components-notification-demo-with-btn")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/with-btn.md"),t.yG2(5),t.E7m("nzId","components-notification-demo-placement")("nzLink","components-notification-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/placement.md"),t.yG2(23),t.E7m("nzId","components-notification-demo-update")("nzLink","components-notification-demo-update")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/notification/demo/update.md"))},dependencies:[z.A,C.s9,C.mK,b.g,E.QD,E.ox,F.qG,f.If,r.k,y,D,T,A,v,B,w,G,x],encapsulation:2})}return o})(),gt=(()=>{class o{static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275mod=t.a4G({type:o});static#o=this.\u0275inj=t.s3X({imports:[H.K,It,S.qQ.forChild([{path:"en",component:$t},{path:"zh",component:Yt}])]})}return o})()}}]);
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.