https://preview-9188-ng-zorro-antd.surge.sh/chunk-FDXITQRF.js

1import{a as de,b as le}from"./chunk-G6WVXRPH.js";import{a as ee,b as te}from"./chunk-CKIVHVUW.js";import{a as re,c as me}from"./chunk-DMQNJSNR.js";import{a as c,b as V,c as f}from"./chunk-5BTHCE3H.js";import{a as E,g as H,h as G,m as _,n as M}from"./chunk-T5JZFU55.js";import"./chunk-LBBID6PG.js";import"./chunk-UZ6YQCVD.js";import{Cc as J,Gc as K,Kd as ne,Ld as ae,Nd as ie,Od as oe,Pd as k,Qd as T,Tc as $,Td as w,lb as x,nb as j,sc as S,uc as Y}from"./chunk-5HXFPEER.js";import{$b as a,Ac as n,Da as P,Fc as Q,Gc as X,Hc as U,Yb as o,Zb as t,_b as e,dd as Z,jc as v,lb as r,nd as W,pc as B,qc as I,ra as p,rc as F,sa as u,wc as q,xb as z}from"./chunk-ZUWCBCQQ.js";import"./chunk-JNGVGNCT.js";var C=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar-badge"]],decls:4,vars:1,consts:[[2,"margin-right","24px",3,"nzCount"],["nzIcon","user","nzShape","square"],["nzDot",""]],template:function(i,d){i&1&&(t(0,"nz-badge",0),a(1,"nz-avatar",1),e(),t(2,"nz-badge",2),a(3,"nz-avatar",1),e()),i&2&&o("nzCount",5)},dependencies:[me,re,f,c],encapsulation:2})};var y=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar-basic"]],decls:10,vars:2,consts:[["nzIcon","user",3,"nzSize"],["nzSize","large","nzIcon","user"],["nzIcon","user"],["nzSize","small","nzIcon","user"],["nzShape","square","nzIcon","user",3,"nzSize"],["nzShape","square","nzSize","large","nzIcon","user"],["nzShape","square","nzIcon","user"],["nzShape","square","nzSize","small","nzIcon","user"]],template:function(i,d){i&1&&(t(0,"div"),a(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),e(),t(5,"div"),a(6,"nz-avatar",4)(7,"nz-avatar",5)(8,"nz-avatar",6)(9,"nz-avatar",7),e()),i&2&&(r(),o("nzSize",64),r(5),o("nzSize",64))},dependencies:[f,c],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})};var pe=["Lucy","U","Tom","Edward"],se=["#f56a00","#7265e6","#ffbf00","#00a2ae"],N=class l{index=P(3);text=Z(()=>pe[this.index()]);color=Z(()=>se[this.index()]);gap=W(4);change(){this.index.update(m=>(m+1)%pe.length)}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar-dynamic"]],inputs:{gap:[1,"gap"]},outputs:{gap:"gapChange"},decls:7,vars:8,consts:[[3,"ngModelChange","nzMin","nzMax","nzStep","ngModel"],["nz-button","",3,"click"],["nzSize","large",3,"nzGap","nzText"]],template:function(i,d){i&1&&(t(0,"div")(1,"label"),n(2,"Gap: "),e(),t(3,"nz-input-number",0),U("ngModelChange",function(g){return X(d.gap,g)||(d.gap=g),g}),e(),t(4,"button",1),v("click",function(){return d.change()}),n(5,"Change Text"),e()(),a(6,"nz-avatar",2)),i&2&&(r(3),o("nzMin",0)("nzMax",16)("nzStep",1),Q("ngModel",d.gap),r(3),q("background-color",d.color()),o("nzGap",d.gap())("nzText",d.text()))},dependencies:[$,J,K,f,c,oe,ie,ne,ae,te,ee],styles:["div[_ngcontent-%COMP%]{margin-bottom:16px}button[_ngcontent-%COMP%]{margin-left:8px}"]})};var D=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar-group"]],decls:12,vars:1,consts:[["nzIcon","user","nzSrc","//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"],["nzText","U",2,"background-color","#f56a00"],["nz-tooltip","","nzTooltipTitle","NG-ZORRO User","nzIcon","user",2,"background-color","#87d068"],["nzText","NG",2,"background-color","#1890ff"],[3,"nzSize"],["nzType","ant-design","nzTheme","outline"],["nzText","+2",2,"background-color","#fde3cf","color","#f56a00"]],template:function(i,d){i&1&&(t(0,"nz-avatar-group"),a(1,"nz-avatar",0)(2,"nz-avatar",1)(3,"nz-avatar",2)(4,"nz-avatar",3),t(5,"nz-avatar",4),a(6,"nz-icon",5),e()(),a(7,"nz-divider"),t(8,"nz-avatar-group"),a(9,"nz-avatar",0)(10,"nz-avatar",1)(11,"nz-avatar",6),e()),i&2&&(r(5),o("nzSize",32))},dependencies:[f,c,V,le,de,Y,S,j,x],encapsulation:2})};var A=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar-type"]],decls:6,vars:0,consts:[["nzIcon","user"],["nzText","U"],["nzText","USER"],["nzIcon","user","nzSrc","//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"],["nzText","U",2,"color","#f56a00","background-color","#fde3cf"],["nzIcon","user",2,"background-color","#87d068"]],template:function(i,d){i&1&&a(0,"nz-avatar",0)(1,"nz-avatar",1)(2,"nz-avatar",2)(3,"nz-avatar",3)(4,"nz-avatar",4)(5,"nz-avatar",5)}

1,dependencies:[f,c],styles:["nz-avatar[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px}"]})};var O=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(m=>m.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&B(E,5),i&2){let s;I(s=F())&&(d.codeBoxes=s)}},decls:249,vars:32,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-avatar-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-avatar-demo-type","nzTitle","\u7C7B\u578B"],["nzHref","#components-avatar-demo-dynamic","nzTitle","\u81EA\u52A8\u8C03\u6574\u5B57\u7B26\u5927\u5C0F"],["nzHref","#components-avatar-demo-badge","nzTitle","\u5E26\u5FBD\u6807\u7684\u5934\u50CF"],["nzHref","#components-avatar-demo-group","nzTitle","\u5934\u50CF\u7EC4"],["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/avatar/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","avatar","description","\u7528\u6765\u4EE3\u8868\u7528\u6237\u6216\u4E8B\u7269\uFF0C\u652F\u6301\u56FE\u7247\u3001\u56FE\u6807\u6216\u5B57\u7B26\u5C55\u793A\u3002","language","zh"],["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-avatar-basic","nzGenerateCommand","ng g ng-zorro-antd:avatar-basic <name>","nzComponentName","NzDemoAvatarBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81EA\u52A8\u8C03\u6574\u5B57\u7B26\u5927\u5C0F","nzSelector","nz-demo-avatar-dynamic","nzGenerateCommand","ng g ng-zorro-antd:avatar-dynamic <name>","nzComponentName","NzDemoAvatarDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5934\u50CF\u7EC4","nzSelector","nz-demo-avatar-group","nzGenerateCommand","ng g ng-zorro-antd:avatar-group <name>","nzComponentName","NzDemoAvatarGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u7C7B\u578B","nzSelector","nz-demo-avatar-type","nzGenerateCommand","ng g ng-zorro-antd:avatar-type <name>","nzComponentName","NzDemoAvatarTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u5FBD\u6807\u7684\u5934\u50CF","nzSelector","nz-demo-avatar-badge","nzGenerateCommand","ng g ng-zorro-antd:avatar-badge <name>","nzComponentName","NzDemoAvatarBadgeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-avatar'",1,"anchor"],["id","nz-avatar-group"],["onclick","window.location.hash = 'nz-avatar-group'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"]],template:function(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),v("nzClick",function(g){return d.goLink(g)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e()(),t(9,"section",8)(10,"h1"),n(11,"Avatar"),t(12,"span",9),n(13,"\u5934\u50CF"),e(),a(14,"span",10),t(15,"a",11),a(16,"nz-icon",12),e()(),a(17,"component-meta",13)(18,"section",8),t(19,"h2")(20,"span"),n(21,"\u4EE3\u7801\u6F14\u793A"),e(),t(22,"nz-icon",14),v("click",function(){return d.expandAllCode()}),e()()(),t(23,"div",15)(24,"div",16)(25,"nz-code-box",17),a(26,"nz-demo-avatar-basic",18),t(27,"div",19),u(),t(28,"p"),n(29,"\u5934\u50CF\u6709\u4E09\u79CD\u5C3A\u5BF8\uFF0C\u4E24\u79CD\u5F62\u72B6\u53EF\u9009\u3002"),e(),p(),e()(),t(30,"nz-code-box",20),a(31,"nz-demo-avatar-dynamic",18),t(32,"div",19),u(),t(33,"p"),n(34,"\u5BF9\u4E8E\u5B57\u7B26\u578B\u7684\u5934\u50CF\uFF0C\u5F53\u5B57\u7B26\u4E32\u8F83\u957F\u65F6\uFF0C\u5B57\u4F53\u5927\u5C0F\u53EF\u4EE5\u6839\u636E\u5934\u50CF\u5BBD\u5EA6\u81EA\u52A8\u8C03\u6574\u3002"),e(),p(),e()(),t(35,"nz-code-box",21),a(36,"nz-demo-avatar-group",18),t(37,"div",19),u(),t(38,"p"),n(39,"\u5934\u50CF\u7EC4\u5408\u5C55\u73B0\u3002"),e(),p(),e()()(),t(40,"div",16)(41,"nz-code-box",22),a(42,"nz-demo-avatar-type",18),t(43,"div",19),u(),t(44,"p"),n(45,"\u652F\u6301\u4E09\u79CD\u7C7B\u578B\uFF1A\u56FE\u7247\u3001Icon \u4EE5\u53CA\u5B57\u7B26\uFF0C\u5176\u4E2D Icon \u548C\u5B57\u7B26\u578B\u53EF\u4EE5\u81EA\u5B9A\u4E49\u56FE\u6807\u989C\u8272\u53CA\u80CC\u666F\u8272\u3002"),e(),p(),e()(),t(46,"nz-code-box",23),a(47,"nz-demo-avatar-badge",18),t(48,"div",19),u(),t(49,"p"),n(50,"\u901A\u5E38\u7528\u4E8E\u6D88\u606F\u63D0\u793A\u3002"),e(),p(),e()()()(),t(51,"section",24),u(),t(52,"h2",25)(53,"span"),n(54,"API"),e(),t(55,"a",26),n(56,"#"),e()(),t(57,"h3",27)(58,"span"),n(59,"nz-avatar"),e(),t(60,"label",28),n(61,"component"),e(),t(62,"a",29),n(63,"#"),e()(),t(64,"table")(65,"thead")(66,"tr")(67,"th"),n(68,"\u53C2\u6570"),e(),t(69,"th"),n(70,"\u8B

1F4\u660E"),e(),t(71,"th"),n(72,"\u7C7B\u578B"),e(),t(73,"th"),n(74,"\u9ED8\u8BA4\u503C"),e(),t(75,"th"),n(76,"\u5168\u5C40\u914D\u7F6E"),e()()(),t(77,"tbody")(78,"tr")(79,"td")(80,"code"),n(81,"[nzIcon]"),e()(),t(82,"td"),n(83,"\u8BBE\u7F6E\u5934\u50CF\u7684\u56FE\u6807\u7C7B\u578B\uFF0C\u53C2\u8003 "),t(84,"code"),n(85,"Icon"),e()(),t(86,"td")(87,"code"),n(88,"string"),e()(),t(89,"td"),n(90,"-"),e(),a(91,"td"),e(),t(92,"tr")(93,"td")(94,"code"),n(95,"[nzShape]"),e()(),t(96,"td"),n(97,"\u6307\u5B9A\u5934\u50CF\u7684\u5F62\u72B6"),e(),t(98,"td")(99,"code"),n(100,"'circle' | 'square'"),e()(),t(101,"td")(102,"code"),n(103,"'circle'"),e()(),t(104,"td"),n(105,"\u2705"),e()(),t(106,"tr")(107,"td")(108,"code"),n(109,"[nzSize]"),e()(),t(110,"td"),n(111,"\u8BBE\u7F6E\u5934\u50CF\u7684\u5927\u5C0F"),e(),t(112,"td")(113,"code"),n(114,"'large' | 'small' | 'default' | number"),e()(),t(115,"td")(116,"code"),n(117,"'default'"),e()(),t(118,"td"),n(119,"\u2705"),e()(),t(120,"tr")(121,"td")(122,"code"),n(123,"[nzGap]"),e()(),t(124,"td"),n(125,"\u5B57\u7B26\u7C7B\u578B\u8DDD\u79BB\u5DE6\u53F3\u4E24\u4FA7\u8FB9\u754C\u5355\u4F4D\u50CF\u7D20"),e(),t(126,"td")(127,"code"),n(128,"number"),e()(),t(129,"td")(130,"code"),n(131,"4"),e()(),t(132,"td"),n(133,"\u2705"),e()(),t(134,"tr")(135,"td")(136,"code"),n(137,"[nzSrc]"),e()(),t(138,"td"),n(139,"\u56FE\u7247\u7C7B\u5934\u50CF\u7684\u8D44\u6E90\u5730\u5740"),e(),t(140,"td")(141,"code"),n(142,"string"),e()(),t(143,"td"),n(144,"-"),e(

1),a(145,"td"),e(),t(146,"tr")(147,"td")(148,"code"),n(149,"[nzSrcSet]"),e()(),t(150,"td"),n(151,"\u8BBE\u7F6E\u56FE\u7247\u7C7B\u5934\u50CF\u54CD\u5E94\u5F0F\u8D44\u6E90\u5730\u5740"),e(),t(152,"td"),n(153,"string"),e(),t(154,"td"),n(155,"-"),e(),a(156,"td"),e(),t(157,"tr")(158,"td")(159,"code"),n(160,"[nzAlt]"),e()(),t(161,"td"),n(162,"\u56FE\u50CF\u65E0\u6CD5\u663E\u793A\u65F6\u7684\u66FF\u4EE3\u6587\u672C"),e(),t(163,"td"),n(164,"string"),e(),t(165,"td"),n(166,"-"),e(),a(167,"td"),e(),t(168,"tr")(169,"td")(170,"code"),n(171,"[nzText]"),e()(),t(172,"td"),n(173,"\u6587\u672C\u7C7B\u5934\u50CF"),e(),t(174,"td")(175,"code"),n(176,"string"),e()(),t(177,"td"),n(178,"-"),e(),a(179,"td"),e(),t(180,"tr")(181,"td")(182,"code"),n(183,"(nzError)"),e()(),t(184,"td"),n(185,"\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u7684\u4E8B\u4EF6\uFF0C\u8C03\u7528 "),t(186,"code"),n(187,"preventDefault"),e(),n(188," \u65B9\u6CD5\u4F1A\u963B\u6B62\u7EC4\u4EF6\u9ED8\u8BA4\u7684 fallback \u884C\u4E3A"),e(),t(189,"td")(190,"code"),n(191,"EventEmitter<Event>"),e()(),t(192,"td"),n(193,"-"),e(),a(194,"td"),e()()(),t(195,"h3",30)(196,"span"),n(197,"nz-avatar-group"),e(),t(198,"label",28),n(199,"component"),e(),t(200,"a",31),n(201,"#"),e()(),t(202,"pre")(203,"code",32)(204,"span",33)(205,"span",33)(206,"span",34),n(207,"<"),e(),n(208,"nz-avatar-group"),e(),t(209,"span",34),n(210,">"),e()(),n(211,`
2  `),t(212,"span",33)(213,"span",33)(214,"span",34),n(215,"<"),e(),n(216,"nz-avatar"),e(),n(217," "),t(218,"span",35),n(219,"nzIcon"),e(),t(220,"span",36)(221,"span",37),n(222,"="),e(),t(223,"span",34),n(224,'"'),e(),n(225,"user"),t(226,"span",34),n(227,'"'),e()(),t(228,"span",34),n(229,">"),e()(),t(230,"span",33)(231,"span",33)(232,"span",34),n(233,"</"),e(),n(234,"nz-avatar"),e(),t(235,"span",34),n(236,">"),e()(),n(237,`
3  `),t(238,"span",38),n(239,"<!--  ...  -->"),e(),n(240,`
4`),t(241,"span",33)(242,"span",33)(243,"span",34),n(244,"</"),e(),n(245,"nz-avatar-group"),e(),t(246,"span",34),n(247,">"),e()(),n(248,`
5`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(21),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/basic.md"),r(5),o("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),r(5),o("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),r(5),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),r(5),o("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md"))},dependencies:[M,E,_,H,G,w,T,k,S,x,C,y,N,D,A],encapsulation:2})};var R=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(m=>m.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=z({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&B(E,5),i&2){let s;I(s=F())&&(d.codeBoxes=s)}},decls:251,vars:32,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-avatar-demo-basic","nzTitle","Basic"],["nzHref","#components-avatar-demo-type","nzTitle","Type"],["nzHref","#components-avatar-demo-dynamic","nzTitle","Autoset Font Size"],["nzHref","#components-avatar-demo-badge","nzTitle","With Badge"],["nzHref","#components-avatar-demo-group","nzTitle","Avatar Group"],["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/

5avatar/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","avatar","description","Used to represent users or things, supporting the display of images, icons, or characters.","language","en"],["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-avatar-basic","nzGenerateCommand","ng g ng-zorro-antd:avatar-basic <name>","nzComponentName","NzDemoAvatarBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Autoset Font Size","nzSelector","nz-demo-avatar-dynamic","nzGenerateCommand","ng g ng-zorro-antd:avatar-dynamic <name>","nzComponentName","NzDemoAvatarDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Avatar Group","nzSelector","nz-demo-avatar-group","nzGenerateCommand","ng g ng-zorro-antd:avatar-group <name>","nzComponentName","NzDemoAvatarGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Type","nzSelector","nz-demo-avatar-type","nzGenerateCommand","ng g ng-zorro-antd:avatar-type <name>","nzComponentName","NzDemoAvatarTypeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With Badge","nzSelector","nz-demo-avatar-badge","nzGenerateCommand","ng g ng-zorro-antd:avatar-badge <name>","nzComponentName","NzDemoAvatarBadgeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-avatar"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-avatar'",1,"anchor"],["id","nz-avatar-group"],["onclick","window.location.hash = 'nz-avatar-group'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"]],template:function(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),v("nzClick",function(g){return d.goLink(g)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),e()(),t(9,"section",8)(10,"h1"),n(11,"Avatar"),a(12,"span",9)(13,"span",10),t(14,"a",11),a(15,"nz-icon",12),e()(),a(16,"component-meta",13)(17,"section",8),t(18,"h2")(19,"span"),n(20,"Examples"),e(),t(21,"nz-icon",14),v("click",function(){return d.expandAllCode()}),e()()(),t(22,"div",15)(23,"div",16)(24,"nz-code-box",17),a(25,"nz-demo-avatar-basic",18),t(26,"div",19),u(),t(27,"p"),n(28,"Three sizes and two shapes are available."),e(),p(),e()(),t(29,"nz-code-box",20),a(30,"nz-demo-avatar-dynamic",18),t(31,"div",19),u(),t(32,"p"),n(33,"For letter type Avatar, when the letters are too long to display, the font size can be automatically adjusted according to the width of the Avatar."),e(),p(),e()(),t(34,"nz-code-box",21),a(35,"nz-demo-avatar-group",18),t(36,"div",19),u(),t(37,"p"),n(38,"Avatar group display."),e(),p(),e()()(),t(39,"div",16)(40,"nz-code-box",22),a(41,"nz-demo-avatar-type",18),t(42,"div",19),u(),t(43,"p"),n(44,"Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors."),e(),p(),e()(),t(45,"nz-code-box",23),a(46,"nz-demo-avatar-badge",18),t(47,"div",19),u(),t(48,"p"),n(49,"Usually used for messages remind."),e(),p(),e()()()(),t(50,"section",24),u(),t(51,"h2",25)(52,"span"),n(53,"API"),e(),t(54,"a",26),n(55,"#"),e()(),t(56,"h3",27)(57,"span"),n(58,"nz-avatar"),e(),t(59,"label",28),n(60,"component"),e(),t(61,"a",29),n(62,"#"),e()(),t(63,"table")(64,"thead")(65,"tr")(66,"th"),n(67,"Property"),e(),t(68,"th"),n(69,"Description"),e(),t(70,"th"),n(71,"Type"),e(),t(72,"th"),n(73,"Default"),e(),t(74,"th"),n(75,"Global Config"),e()()(),t(76,"tbody")(77,"tr")(78,"td")(79,"code"),n(80,"[nzIcon]"),e()(),t(81,"td"),n(82,"The "),t(83,"code"),n(84,"Icon"),e(),n(85," type for an icon avatar, see "),t(86,"code"),n(87,"Icon"),e()(),t(88,"td")(89,"code"),n(90,"string"),e()(),t(91,"td"),n(92,"-"),e(

5),a(93,"td"),e(),t(94,"tr")(95,"td")(96,"code"),n(97,"[nzShape]"),e()(),t(98,"td"),n(99,"The shape of avatar"),e(),t(100,"td")(101,"code"),n(102,"'circle' | 'square'"),e()(),t(103,"td")(104,"code"),n(105,"'circle'"),e()(),t(106,"td"),n(107,"\u2705"),e()(),t(108,"tr")(109,"td")(110,"code"),n(111,"[nzSize]"),e()(),t(112,"td"),n(113,"The size of the avatar"),e(),t(114,"td")(115,"code"),n(116,"'large' | 'small' | 'default' | number"),e()(),t(117,"td")(118,"code"),n(119,"'default'"),e()(),t(120,"td"),n(121,"\u2705"),e()(),t(122,"tr")(123,"td")(124,"code"),n(125,"[nzGap]"),e()(),t(126,"td"),n(127,"Letter type unit distance between left and right sides"),e(),t(128,"td")(129,"code"),n(130,"number"),e()(),t(131,"td")(132,"code"),n(133,"4"),e()(),t(134,"td"),n(135,"\u2705"),e()(),t(136,"tr")(137,"td")(138,"code"),n(139,"[nzSrc]"),e()(),t(140,"td"),n(141,"The address of the image for an image avatar"),e(),t(142,"td")(143,"code"),n(144,"string"),e()(),t(145,"td"),n(146,"-"),e(),a(147,"td"),e(),t(148,"tr")(149,"td")(150,"code"),n(151,"[nzSrcSet]"),e()(),t(152,"td"),n(153,"a list of sources to use for different screen resolutions"),e(),t(154,"td"),n(155,"string"),e(),t(156,"td"),n(157,"-"),e(),a(158,"td"),e(),t(159,"tr")(160,"td")(161,"code"),n(162,"[nzAlt]"),e()(),t(163,"td"),n(164,"This attribute defines the alternative text describing the image"),e(),t(165,"td"),n(166,"string"),e(),t(167,"td"),n(168,"-"),e(),a(169,"td"),e(),t(170,"tr")(171,"td")(172,"code"),n(173,"[nzText]"),e()(),t(174,"td"),n(175,"Letter type avatar"),e(),t(176,"td")(177,"code"),n(178,"string"),e()(),t(179,"td"),n(180,"-"),e(),a(181,"td"),e(),t(182,"tr")(183,"td")(184,"code"),n(185,"(nzError)"),e()(),t(186,"td"),n(187,"Handler when img load error, call the "),t(188,"code"),n(189,"preventDefault"),e(),n(190," method to prevent default fallback behavior"),e(),t(191,"td")(192,"code"),n(193,"EventEmitter<Event>"),e()(),t(194,"td"),n(195,"-"),e(),a(196,"td"),e()()(),t(197,"h3",30)(198,"span"),n(199,"nz-avatar-group"),e(),t(200,"label",28),n(201,"component"),e(),t(202,"a",31),n(203,"#"),e()(),t(204,"pre")(205,"code",32)(206,"span",33)(207,"span",33)(208,"span",34),n(209,"<"),e(),n(210,"nz-avatar-group"),e(),t(211,"span",34),n(212,">"),e()(),n(213,`
6  `),t(214,"span",33)(215,"span",33)(216,"span",34),n(217,"<"),e(),n(218,"nz-avatar"),e(),n(219," "),t(220,"span",35),n(221,"nzIcon"),e(),t(222,"span",36)(223,"span",37),n(224,"="),e(),t(225,"span",34),n(226,'"'),e(),n(227,"user"),t(228,"span",34),n(229,'"'),e()(),t(230,"span",34),n(231,">"),e()(),t(232,"span",33)(233,"span",33)(234,"span",34),n(235,"</"),e(),n(236,"nz-avatar"),e(),t(237,"span",34),n(238,">"),e()(),n(239,`
7  `),t(240,"span",38),n(241,"<!--  ...  -->"),e(),n(242,`
8`),t(243,"span",33)(244,"span",33)(245,"span",34),n(246,"</"),e(),n(247,"nz-avatar-group"),e(),t(248,"span",34),n(249,">"),e()(),n(250,`
9`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(20),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-basic")("nzLink","components-avatar-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/basic.md"),r(5),o("nzId","components-avatar-demo-dynamic")("nzLink","components-avatar-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md"),r(5),o("nzId","components-avatar-demo-group")("nzLink","components-avatar-demo-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md"),r(5),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-avatar-demo-type")("nzLink","components-avatar-demo-type")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md"),r(5),o("nzId","components-avatar-demo-badge")("nzLink","components-avatar-demo-badge")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

9avatar/demo/badge.md"))},dependencies:[M,E,_,H,G,w,T,k,S,x,C,y,N,D,A],encapsulation:2})};var xe=[{path:"en",component:R},{path:"zh",component:O}],pt=xe;export{pt as default};