chunk-25UT4DYF.js

import{a as B,b as H,c as _,d as G,e as L}from"./chunk-JRC2DID3.js";import"./chunk-R5DRZIUI.js";import"./chunk-T7EYUJVB.js";import"./chunk-YYSQSYS4.js";import"./chunk-JSS74LJC.js";import{h as z,n as A,o as T,t as D,u as w}from"./chunk-HRAPXC27.js";import"./chunk-A2YA6DUN.js";import"./chunk-KQS2XFDR.js";import{$ as l,Be as u,Db as n,Ga as E,Ma as f,Se as b,_ as d,ab as o,bb as t,bf as y,cb as e,cf as C,db as i,jf as I,kf as N,mb as x,sb as v,tb as g,th as k,ub as h,ya as a}from"./chunk-HVHL7L73.js";import"./chunk-DAQOROHW.js";function O(p,r){p&1&&(t(0,"span"),n(1,"Avatar"),e())}function F(p,r){p&1&&i(0,"span")}var S=class p{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||p)};static \u0275cmp=E({type:p,selectors:[["nz-demo-avatar"]],viewQuery:function(m,c){if(m&1&&v(z,5),m&2){let s;g(s=h())&&(c.codeBoxes=s)}},decls:289,vars:17,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#when_to_use","nzTitle","When To Use",1,"toc-indent-1"],["nzHref","#examples","nzTitle","Examples",1,"toc-indent-1"],["nzHref","#components-avatar-demo-basic","nzTitle","Basic",1,"toc-indent-2"],["nzHref","#components-avatar-demo-type","nzTitle","Type",1,"toc-indent-2"],["nzHref","#components-avatar-demo-dynamic","nzTitle","Autoset Font Size",1,"toc-indent-2"],["nzHref","#components-avatar-demo-badge","nzTitle","With Badge",1,"toc-indent-2"],["nzHref","#components-avatar-demo-group","nzTitle","Avatar Group",1,"toc-indent-2"],["nzHref","#api","nzTitle","API",1,"toc-indent-1"],[1,"markdown"],[4,"nzSpaceItem"],["name","avatar","description","Used to represent users or things, supporting the display of images, icons, or characters.","language","en"],["id","examples"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["onclick","window.location.hash = 'examples'",1,"anchor"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzVersion","","nzId","components-avatar-demo-basic","nzSelector","nz-demo-avatar-basic","nzLink","components-avatar-demo-basic","nzGenerateCommand","ng g ng-zorro-antd:avatar-basic <name>","nzComponentName","NzDemoAvatarBasicComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/basic.md",3,"nzIframe","nzIframeHeight"],["demo",""],["intro",""],["nzTitle","Autoset Font Size","nzVersion","","nzId","components-avatar-demo-dynamic","nzSelector","nz-demo-avatar-dynamic","nzLink","components-avatar-demo-dynamic","nzGenerateCommand","ng g ng-zorro-antd:avatar-dynamic <name>","nzComponentName","NzDemoAvatarDynamicComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/dynamic.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Avatar Group","nzVersion","","nzId","components-avatar-demo-group","nzSelector","nz-demo-avatar-group","nzLink","components-avatar-demo-group","nzGenerateCommand","ng g ng-zorro-antd:avatar-group <name>","nzComponentName","NzDemoAvatarGroupComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/group.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Type","nzVersion","","nzId","components-avatar-demo-type","nzSelector","nz-demo-avatar-type","nzLink","components-avatar-demo-type","nzGenerateCommand","ng g ng-zorro-antd:avatar-type <name>","nzComponentName","NzDemoAvatarTypeComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/type.md",3,"nzIframe","nzIframeHeight"],["nzTitle","With Badge","nzVersion","","nzId","components-avatar-demo-badge","nzSelector","nz-demo-avatar-badge","nzLink","components-avatar-demo-badge","nzGenerateCommand","ng g ng-zorro-antd:avatar-badge <name>","nzComponentName","NzDemoAvatarBadgeComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/avatar/demo/badge.md",3,"nzIframe","nzIframeHeight"],[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"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading","target","_blank","rel","noopener"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#fetchpriority","target","_blank","rel","noopener"],["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(m,c){m&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(R){return c.goLink(R)}),i(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),e()(),t(11,"section",10)(12,"h1")(13,"nz-space"),f(14,O,2,0,"span",11)(15,F,1,0,"span",11),e()(),i(16,"component-meta",12)(17,"section",10),t(18,"h2",13)(19,"span"),n(20,"Examples"),e(),t(21,"nz-icon",14),x("click",function(){return c.expandAllCode()}),e(),t(22,"a",15),n(23,"#"),e()()(),t(24,"div",16)(25,"div",17)(26,"nz-code-box",18),i(27,"nz-demo-avatar-basic",19),t(28,"div",20),l(),t(29,"p"),n(30,"Three sizes and two shapes are available."),e(),d(),e()(),t(31,"nz-code-box",21),i(32,"nz-demo-avatar-dynamic",19),t(33,"div",20),l(),t(34,"p"),n(35,"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(),d(),e()(),t(36,"nz-code-box",22),i(37,"nz-demo-avatar-group",19),t(38,"div",20),l(),t(39,"p"),n(40,"Avatar group display."),e(),d(),e()()(),t(41,"div",17)(42,"nz-code-box",23),i(43,"nz-demo-avatar-type",19),t(44,"div",20),l(),t(45,"p"),n(46,"Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors."),e(),d(),e()(),t(47,"nz-code-box",24),i(48,"nz-demo-avatar-badge",19),t(49,"div",20),l(),t(50,"p"),n(51,"Usually used for messages remind."),e(),d(),e()()()(),t(52,"section",25),l(),t(53,"h2",26)(54,"span"),n(55,"API"),e(),t(56,"a",27),n(57,"#"),e()(),t(58,"h3",28)(59,"span"),n(60,"nz-avatar"),e(),t(61,"label",29),n(62,"component"),e(),t(63,"a",30),n(64,"#"),e()(),t(65,"table")(66,"thead")(67,"tr")(68,"th"),n(69,"Property"),e(),t(70,"th"),n(71,"Description"),e(),t(72,"th"),n(73,"Type"),e(),t(74,"th"),n(75,"Default"),e(),t(76,"th"),n(77,"Global Config"),e()()(),t(78,"tbody")(79,"tr")(80,"td")(81,"code"),n(82,"[nzIcon]"),e()(),t(83,"td"),n(84,"The "),t(85,"code"),n(86,"Icon"),e(),n(87," type for an icon avatar, see "),t(88,"code"),n(89,"Icon"),e()(),t(90,"td")(91,"code"),n(92,"string"),e()(),t(93,"td"),n(94,"-"),e(),i(95,"td"),e(),t(96,"tr")(97,"td")(98,"code"),n(99,"[nzShape]"),e()(),t(100,"td"),n(101,"The shape of avatar"),e(),t(102,"td")(103,"code"),n(104,"'circle' | 'square'"),e()(),t(105,"td")(106,"code"),n(107,"'circle'"),e()(),t(108,"td"),n(109,"\u2705"),e()(),t(110,"tr")(111,"td")(112,"code"),n(113,"[nzSize]"),e()(),t(114,"td"),n(115,"The size of the avatar"),e(),t(116,"td")(117,"code"),n(118,"'large' | 'small' | 'default' | number"),e()(),t(119,"td")(120,"code"),n(121,"'default'"),e()(),t(122,"td"),n(123,"\u2705"),e()(),t(124,"tr")(125,"td")(126,"code"),n(127,"[nzGap]"),e()(),t(128,"td"),n(129,"Letter type unit distance between left and right sides"),e(),t(130,"td")(131,"code"),n(132,"number"),e()(),t(133,"td")(134,"code"),n(135,"4"),e()(),t(136,"td"),n(137,"\u2705"),e()(),t(138,"tr")(139,"td")(140,"code"),n(141,"[nzSrc]"),e()(),t(142,"td"),n(143,"Avatar image URL"),e(),t(144,"td")(145,"code"),n(146,"string"),e()(),t(147,"td"),n(148,"-"),e(),i(149,"td"),e(),t(150,"tr")(151,"td")(152,"code"),n(153,"[nzSrcSet]"),e()(),t(154,"td"),n(155,"a list of sources to use for different screen resolutions"),e(),t(156,"td")(157,"code"),n(158,"string"),e()(),t(159,"td"),n(160,"-"),e(),i(161,"td"),e(),t(162,"tr")(163,"td")(164,"code"),n(165,"[nzAlt]"),e()(),t(166,"td"),n(167,"This attribute defines the alternative text describing the image"),e(),t(168,"td")(169,"code"),n(170,"string"),e()(),t(171,"td"),n(172,"-"),e(),i(173,"td"),e(),t(174,"tr")(175,"td")(176,"code"),n(177,"[nzText]"),e()(),t(178,"td"),n(179,"Letter type avatar"),e(),t(180,"td")(181,"code"),n(182,"string"),e()(),t(183,"td"),n(184,"-"),e(),i(185,"td"),e(),t(186,"tr")(187,"td")(188,"code"),n(189,"[nzLoading]"),e()(),t(190,"td"),n(191,"Sets the native "),t(192,"a",31)(193,"code"),n(194,"loading"),e()(),n(195," attribute on the avatar image element"),e(),t(196,"td")(197,"code"),n(198,"'eager' | 'lazy'"),e()(),t(199,"td")(200,"code"),n(201,"'eager'"),e()(),i(202,"td"),e(),t(203,"tr")(204,"td")(205,"code"),n(206,"[nzFetchPriority]"),e()(),t(207,"td"),n(208,"Sets the native "),t(209,"a",32)(210,"code"),n(211,"fetchpriority"),e()(),n(212," attribute on the avatar image element"),e(),t(213,"td")(214,"code"),n(215,"'high' | 'low' | 'auto'"),e()(),t(216,"td")(217,"code"),n(218,"'auto'"),e()(),i(219,"td"),e(),t(220,"tr")(221,"td")(222,"code"),n(223,"(nzError)"),e()(),t(224,"td"),n(225,"Handler when img load error, call the "),t(226,"code"),n(227,"preventDefault"),e(),n(228," method to prevent default fallback behavior"),e(),t(229,"td")(230,"code"),n(231,"EventEmitter<Event>"),e()(),t(232,"td"),n(233,"-"),e(),i(234,"td"),e()()(),t(235,"h3",33)(236,"span"),n(237,"nz-avatar-group"),e(),t(238,"label",29),n(239,"component"),e(),t(240,"a",34),n(241,"#"),e()(),t(242,"pre")(243,"code",35)(244,"span",36)(245,"span",36)(246,"span",37),n(247,"<"),e(),n(248,"nz-avatar-group"),e(),t(249,"span",37),n(250,">"),e()(),n(251,`
  `),t(252,"span",36)(253,"span",36)(254,"span",37),n(255,"<"),e(),n(256,"nz-avatar"),e(),n(257," "),t(258,"span",38),n(259,"nzIcon"),e(),t(260,"span",39)(261,"span",40),n(262,"="),e(),t(263,"span",37),n(264,'"'),e(),n(265,"user"),t(266,"span",37),n(267,'"'),e()(),t(268,"span",37),n(269,">"),e()(),t(270,"span",36)(271,"span",36)(272,"span",37),n(273,"</"),e(),n(274,"nz-avatar"),e(),t(275,"span",37),n(276,">"),e()(),n(277,`
  `),t(278,"span",41),n(279,"<!--  ...  -->"),e(),n(280,`
`),t(281,"span",36)(282,"span",36)(283,"span",37),n(284,"</"),e(),n(285,"nz-avatar-group"),e(),t(286,"span",37),n(287,">"),e()(),n(288,`
`),e()(),d(),e()()),m&2&&(a(),o("nzOffsetTop",16),a(),o("nzAffix",!1),a(22),o("nzGutter",16),a(),o("nzXl",12)("nzSpan",24),a(),o("nzIframe",!1)("nzIframeHeight",null),a(5),o("nzIframe",!1)("nzIframeHeight",null),a(5),o("nzIframe",!1)("nzIframeHeight",null),a(5),o("nzXl",12)("nzSpan",24),a(),o("nzIframe",!1)("nzIframeHeight",null),a(5),o("nzIframe",!1)("nzIframeHeight",null))},dependencies:[w,z,D,A,T,u,N,I,k,b,C,y,B,H,_,G,L],encapsulation:2})};export{S as default};