https://preview-9092-ng-zorro-antd.surge.sh/chunk-54L3OUWG.js

1import{a as re,b as me}from"./chunk-3OSOPU4G.js";import{a as ne,b as ae}from"./chunk-I3TYQWX4.js";import{a as ie,c as oe}from"./chunk-DJ5IEVS5.js";import{a as c,b as j,c as f}from"./chunk-XQ4VOGYM.js";import"./chunk-HKSL75SR.js";import"./chunk-PHNJJUNP.js";import{a as V,b as J,d as K}from"./chunk-GIVWLFIX.js";import{a as Y}from"./chunk-HFHM36MR.js";import"./chunk-KCO4COLI.js";import{a as E,g as H,h as G,j as _}from"./chunk-LI6HY6GI.js";import"./chunk-J5QXSPGU.js";import"./chunk-IK42E2MX.js";import{Ha as F,Hc as te,Jc as k,Kc as T,Nc as w,gc as g,ic as W,qc as $,uc as ee}from"./chunk-26X2XAD6.js";import{Ac as B,Bc as A,Cc as I,Fb as P,Hc as n,Jb as s,Mc as Q,Nc as X,Oc as U,Qa as Z,Wb as o,Xb as q,ic as t,jc as e,kc as a,pd as R,rc as v,sb as r,xa as p,ya as u}from"./chunk-PXCXDVYP.js";import"./chunk-EQDQRRRY.js";var S=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=s({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:[oe,ie,f,c],encapsulation:2})};var b=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=s({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 de=["Lucy","U","Tom","Edward"],pe=["#f56a00","#7265e6","#ffbf00","#00a2ae"],y=class l{index=Z(3);text=R(()=>de[this.index()]);color=R(()=>pe[this.index()]);gap=P(4);change(){this.index.update(m=>(m+1)%de.length)}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=s({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(x){return X(d.gap,x)||(d.gap=x),x}),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:[te,$,ee,f,c,K,J,V,Y,ae,ne],styles:["div[_ngcontent-%COMP%]{margin-bottom:16px}button[_ngcontent-%COMP%]{margin-left:8px}"]})};var N=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-avatar-group"]],decls:10,vars:0,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"],["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),e(),a(5,"nz-divider"),t(6,"nz-avatar-group"),a(7,"nz-avatar",0)(8,"nz-avatar",1)(9,"nz-avatar",4),e())},dependencies:[f,c,j,me,re,W,g],encapsulation:2})};var D=class l{static \u0275fac=function(i){return new(i||l)};static \u0275cmp=s({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 L=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=s({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&B(E,5),i&2){let z;A(z=I())&&(d.codeBoxes=z)}},decls:269,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"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"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","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(x){return d.goLink(x)}),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()(),t(17,"section",8),u(),t(18,"p"),n(19,"\u7528\u6765\u4EE3\u8868\u7528\u6237\u6216\u4E8B\u7269\uFF0C\u652F\u6301\u56FE\u7247\u3001\u56FE\u6807\u6216\u5B57\u7B26\u5C55\u793A\u3002"),e(),t(20,"pre")(21,"code",13)(22,"span",14),n(23,"import"),e(),n(24," "),t(25,"span",15),n(26,"{"),e(),n(27," NzAvatarModule "),t(28,"span",15),n(29,"}"),e(),n(30," "),t(31,"span",14),n(32,"from"),e(),n(33," "),t(34,"span",16),n(35,"'ng-zorro-antd/avatar'"),e(),t(36,"span",15),n(37,";"),e(),n(38,`
2`),e()(),p(),e(),t(39,"h2")(40,"span"),n(41,"\u4EE3\u7801\u6F14\u793A"),e(),t(42,"nz-icon",17),v("click",function(){return d.expandAllCode()}),e()()(),t(43,"div",18)(44,"div",19)(45,"nz-code-box",20),a(46,"nz-demo-avatar-basic",21),t(47,"div",22),u(),t(48,"p"),n(49,"\u5934\u50CF\u6709\u4E09\u79CD\u5C3A\u5BF8\uFF0C\u4E24\u79CD\u5F62\u72B6\u53EF\u9009\u3002"),e(),p(),e()(),t(50,"nz-code-box",23),a(51,"nz-demo-avatar-dynamic",21),t(52,"div",22),u(),t(53,"p"),n(54,"\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(55,"nz-code-box",24),a(56,"nz-demo-avatar-group",21),t(57,"div",22),u(),t(58,"p"),n(59,"\u5934\u50CF\u7EC4\u5408\u5C55\u73B0\u3002"),e(),p(),e()()(),t(60,"div",19)(61,"nz-code-box",25),a(62,"nz-demo-avatar-type",21),t(63,"div",22),u(),t(64,"p"),n(65,"\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(66,"nz-code-box",26),a(67,"nz-demo-avatar-badge",21),t(68,"div",22),u(),t(69,"p"),n(70,"\u901A\u5E38\u7528\u4E8E\u6D88\u606F\u63D0\u793A\u3002"),e(),p(),e()()()(),t(71,"section",27),u(),t(72,"h2",28)(73,"span"),n(74,"API"),e(),t(75,"a",29),n(76,"#"),e()(),t(77,"h3",30)(78,"span"),n(79,"nz-avatar"),e(),t(80,"label",31),n(81,"component"),e(),t(82,"a",32),n(83,"#"),e()(),t(84,"table")(85,"thead")(86,"tr")(87,"th"),n(88,"\u53C2\u6570"),e(),t(89,"th"),n(90,"\u8BF4\u660E"),e(),t(91,"th"),n(92,"\u7C7B\u578B"),e(),t(93,"th"),n(94,"\u9ED8\u8BA4\u503C"),e(),t(95,"th"),n(96,"\u5168\u5C40\u914D\u7F6E"),e()()(),t(97,"tbody")(98,"tr")(99,"td")(100,"code"),n(101,"[nzIcon]"),e(

2)(),t(102,"td"),n(103,"\u8BBE\u7F6E\u5934\u50CF\u7684\u56FE\u6807\u7C7B\u578B\uFF0C\u53C2\u8003 "),t(104,"code"),n(105,"Icon"),e()(),t(106,"td")(107,"code"),n(108,"string"),e()(),t(109,"td"),n(110,"-"),e(),a(111,"td"),e(),t(112,"tr")(113,"td")(114,"code"),n(115,"[nzShape]"),e()(),t(116,"td"),n(117,"\u6307\u5B9A\u5934\u50CF\u7684\u5F62\u72B6"),e(),t(118,"td")(119,"code"),n(120,"'circle' | 'square'"),e()(),t(121,"td")(122,"code"),n(123,"'circle'"),e()(),t(124,"td"),n(125,"\u2705"),e()(),t(126,"tr")(127,"td")(128,"code"),n(129,"[nzSize]"),e()(),t(130,"td"),n(131,"\u8BBE\u7F6E\u5934\u50CF\u7684\u5927\u5C0F"),e(),t(132,"td")(133,"code"),n(134,"'large' | 'small' | 'default' | number"),e()(),t(135,"td")(136,"code"),n(137,"'default'"),e()(),t(138,"td"),n(139,"\u2705"),e()(),t(140,"tr")(141,"td")(142,"code"),n(143,"[nzGap]"),e()(),t(144,"td"),n(145,"\u5B57\u7B26\u7C7B\u578B\u8DDD\u79BB\u5DE6\u53F3\u4E24\u4FA7\u8FB9\u754C\u5355\u4F4D\u50CF\u7D20"),e(),t(146,"td")(147,"code"),n(148,"number"),e()(),t(149,"td")(150,"code"),n(151,"4"),e()(),t(152,"td"),n(153,"\u2705"),e()(),t(154,"tr")(155,"td")(156,"code"),n(157,"[nzSrc]"),e()(),t(158,"td"),n(159,"\u56FE\u7247\u7C7B\u5934\u50CF\u7684\u8D44\u6E90\u5730\u5740"),e(),t(160,"td")(161,"code"),n(162,"string"),e()(),t(163,"td"),n(164,"-"),e(),a(165,"td"),e(),t(166,"tr")(167,"td")(168,"code"),n(169,"[nzSrcSet]"),e()(),t(170,"td"),n(171,"\u8BBE\u7F6E\u56FE\u7247\u7C7B\u5934\u50CF\u54CD\u5E94\u5F0F\u8D44\u6E90\u5730\u5740"),e(),t(172,"td"),n(173,"string"),e(),t(174,"td"),n(175,"-"),e(),a(176,"td"),e(),t(177,"tr")(178,"td")(179,"code"),n(180,"[nzAlt]"),e()(),t(181,"td"),n(182,"\u56FE\u50CF\u65E0\u6CD5\u663E\u793A\u65F6\u7684\u66FF\u4EE3\u6587\u672C"),e(),t(183,"td"),n(184,"string"),e(),t(185,"td"),n(186,"-"),e(),a(187,"td"),e(),t(188,"tr")(189,"td")(190,"code"),n(191,"[nzText]"),e()(),t(192,"td"),n(193,"\u6587\u672C\u7C7B\u5934\u50CF"),e(),t(194,"td")(195,"code"),n(196,"string"),e()(),t(197,"td"),n(198,"-"),e(),a(199,"td"),e(),t(200,"tr")(201,"td")(202,"code"),n(203,"(nzError)"),e()(),t(204,"td"),n(205,"\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u7684\u4E8B\u4EF6\uFF0C\u8C03\u7528 "),t(206,"code"),n(207,"preventDefault"),e(),n(208," \u65B9\u6CD5\u4F1A\u963B\u6B62\u7EC4\u4EF6\u9ED8\u8BA4\u7684 fallback \u884C\u4E3A"),e(),t(209,"td")(210,"code"),n(211,"EventEmitter<Event>"),e()(),t(212,"td"),n(213,"-"),e(),a(214,"td"),e()()(),t(215,"h3",33)(216,"span"),n(217,"nz-avatar-group"),e(),t(218,"label",31),n(219,"component"),e(),t(220,"a",34),n(221,"#"),e()(),t(222,"pre")(223,"code",35)(224,"span",36)(225,"span",36)(226,"span",15),n(227,"<"),e(),n(228,"nz-avatar-group"),e(),t(229,"span",15),n(230,">"),e()(),n(231,`
3  `),t(232,"span",36)(233,"span",36)(234,"span",15),n(235,"<"),e(),n(236,"nz-avatar"),e(),n(237," "),t(238,"span",37),n(239,"nzIcon"),e(),t(240,"span",38)(241,"span",39),n(242,"="),e(),t(243,"span",15),n(244,'"'),e(),n(245,"user"),t(246,"span",15),n(247,'"'),e()(),t(248,"span",15),n(249,">

3"),e()(),t(250,"span",36)(251,"span",36)(252,"span",15),n(253,"</"),e(),n(254,"nz-avatar"),e(),t(255,"span",15),n(256,">"),e()(),n(257,`
4  `),t(258,"span",40),n(259,"<!--  ...  -->"),e(),n(260,`
5`),t(261,"span",36)(262,"span",36)(263,"span",15),n(264,"</"),e(),n(265,"nz-avatar-group"),e(),t(266,"span",15),n(267,">"),e()(),n(268,`
6`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(41),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:[_,E,H,G,w,T,k,g,F,S,b,y,N,D],encapsulation:2})};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=s({type:l,selectors:[["nz-demo-avatar"]],viewQuery:function(i,d){if(i&1&&B(E,5),i&2){let z;A(z=I())&&(d.codeBoxes=z)}},decls:274,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/avatar/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"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","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(x){return d.goLink(x)}),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(

6)(),t(16,"section",8),u(),t(17,"p"),n(18,"Avatars can be used to represent people or objects. It supports images, "),t(19,"code"),n(20,"Icon"),e(),n(21,"s, or letters."),e(),t(22,"pre")(23,"code",13)(24,"span",14),n(25,"import"),e(),n(26," "),t(27,"span",15),n(28,"{"),e(),n(29," NzAvatarModule "),t(30,"span",15),n(31,"}"),e(),n(32," "),t(33,"span",14),n(34,"from"),e(),n(35," "),t(36,"span",16),n(37,"'ng-zorro-antd/avatar'"),e(),t(38,"span",15),n(39,";"),e(),n(40,`
7`),e()(),p(),e(),t(41,"h2")(42,"span"),n(43,"Examples"),e(),t(44,"nz-icon",17),v("click",function(){return d.expandAllCode()}),e()()(),t(45,"div",18)(46,"div",19)(47,"nz-code-box",20),a(48,"nz-demo-avatar-basic",21),t(49,"div",22),u(),t(50,"p"),n(51,"Three sizes and two shapes are available."),e(),p(),e()(),t(52,"nz-code-box",23),a(53,"nz-demo-avatar-dynamic",21),t(54,"div",22),u(),t(55,"p"),n(56,"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(57,"nz-code-box",24),a(58,"nz-demo-avatar-group",21),t(59,"div",22),u(),t(60,"p"),n(61,"Avatar group display."),e(),p(),e()()(),t(62,"div",19)(63,"nz-code-box",25),a(64,"nz-demo-avatar-type",21),t(65,"div",22),u(),t(66,"p"),n(67,"Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors."),e(),p(),e()(),t(68,"nz-code-box",26),a(69,"nz-demo-avatar-badge",21),t(70,"div",22),u(),t(71,"p"),n(72,"Usually used for messages remind."),e(),p(),e()()()(),t(73,"section",27),u(),t(74,"h2",28)(75,"span"),n(76,"API"),e(),t(77,"a",29),n(78,"#"),e()(),t(79,"h3",30)(80,"span"),n(81,"nz-avatar"),e(),t(82,"label",31),n(83,"component"),e(),t(84,"a",32),n(85,"#"),e()(),t(86,"table")(87,"thead")(88,"tr")(89,"th"),n(90,"Property"),e(),t(91,"th"),n(92,"Description"),e(),t(93,"th"),n(94,"Type"),e(),t(95,"th"),n(96,"Default"),e(),t(97,"th"),n(98,"Global Config"),e()()(),t(99,"tbody")(100,"tr")(101,"td")(102,"code"),n(103,"[nzIcon]"),e()(),t(104,"td"),n(105,"The "),t(106,"code"),n(107,"Icon"),e(),n(108," type for an icon avatar, see "),t(109,"code"),n(110,"Icon"),e()(),t(111,"td")(112,"code"),n(113,"string"),e()(),t(114,"td"),n(115,"-"),e(),a(116,"td"),e(),t(117,"tr")(118,"td")(119,"code"),n(120,"[nzShape]"),e()(),t(121,"td"),n(122,"The shape of avatar"),e(),t(123,"td")(124,"code"),n(125,"'circle' | 'square'"),e()(),t(126,"td")(127,"code"),n(128,"'circle'"),e()(),t(129,"td"),n(130,"\u2705"),e()(),t(131,"tr")(132,"td")(133,"code"),n(134,"[nzSize]"),e()(),t(135,"td"),n(136,"The size of the avatar"),e(),t(137,"td")(138,"code"),n(139,"'large' | 'small' | 'default' | number"),e()(),t(140,"td")(141,"code"),n(142,"'default'"),e()(),t(143,"td"),n(144,"\u2705"),e()(),t(145,"tr")(146,"td")(147,"code"),n(148,"[nzGap]"),e()(),t(149,"td"),n(150,"Letter type unit distance between left and right sides"),e(),t(151,"td")(152,"code"),n(153,"number"),e()(),t(154,"td")(155,"code"),n(156,"4"),e()(),t(157,"td"),n(158,"\u2705"),e()(),t(159,"tr")(160,"td")(161,"code"),n(162,"[nzSrc]"),e()(),t(163,"td"),n(164,"The address of the image for an image avatar"),e(),t(165,"td")(166,"code"),n(167,"string"),e()(),t(168,"td"),n(169,"-"),e(),a(170,"td"),e(),t(171,"tr")(172,"td")(173,"code"),n(174,"[nzSrcSet]"),e()(),t(175,"td"),n(176,"a list of sources to use for different screen resolutions"),e(),t(177,"td"),n(178,"string"),e(),t(179,"td"),n(180,"-"),e(),a(181,"td"),e(),t(182,"tr")(183,"td")(184,"code"),n(185,"[nzAlt]"),e()(),t(186,"td"),n(187,"This attribute defines the alternative text describing the image"),e(),t(188,"td"),n(189,"string"),e(),t(190,"td"),n(191,"-"),e(),a(192,"td"),e(),t(193,"tr")(194,"td")(195,"code"),n(196,"[nzText]"),e()(),t(197,"td"),n(198,"Letter type avatar"),e(),t(199,"td")(200,"code"),n(201,"string"),e()(),t(202,"td"),n(203,"-"),e(),a(204,"td"),e(),t(205,"tr")(206,"td")(207,"code"),n(208,"(nzError)"),e()(),t(209,"td"),n(210,"Handler when img load error, call the "),t(211,"code"),n(212,"preventDefault"),e(),n(213," method to prevent default fallback behavior"),e(),t(214,"td")(215,"code"),n(216,"EventEmitter<Event>

7"),e()(),t(217,"td"),n(218,"-"),e(),a(219,"td"),e()()(),t(220,"h3",33)(221,"span"),n(222,"nz-avatar-group"),e(),t(223,"label",31),n(224,"component"),e(),t(225,"a",34),n(226,"#"),e()(),t(227,"pre")(228,"code",35)(229,"span",36)(230,"span",36)(231,"span",15),n(232,"<"),e(),n(233,"nz-avatar-group"),e(),t(234,"span",15),n(235,">"),e()(),n(236,`
8  `),t(237,"span",36)(238,"span",36)(239,"span",15),n(240,"<"),e(),n(241,"nz-avatar"),e(),n(242," "),t(243,"span",37),n(244,"nzIcon"),e(),t(245,"span",38)(246,"span",39),n(247,"="),e(),t(248,"span",15),n(249,'"'),e(),n(250,"user"),t(251,"span",15),n(252,'"'),e()(),t(253,"span",15),n(254,">"),e()(),t(255,"span",36)(256,"span",36)(257,"span",15),n(258,"</"),e(),n(259,"nz-avatar"),e(),t(260,"span",15),n(261,">"),e()(),n(262,`
9  `),t(263,"span",40),n(264,"<!--  ...  -->"),e(),n(265,`
10`),t(266,"span",36)(267,"span",36)(268,"span",15),n(269,"</"),e(),n(270,"nz-avatar-group"),e(),t(271,"span",15),n(272,">"),e()(),n(273,`
11`),e()(),p(),e()()),i&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(43),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:[_,E,H,G,w,T,k,g,F,S,b,y,N,D],encapsulation:2})};var ve=[{path:"en",component:O},{path:"zh",component:L}],rt=ve;export{rt as default};