[{"data":1,"prerenderedAt":681},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-avatar-group":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":674,"extension":675,"meta":676,"navigation":115,"path":677,"seo":678,"stem":679,"__hash__":680},"docs/docs/components/avatar-group.md","Avatar Group",{"type":28,"value":29,"toc":670},"minimark",[30,34,43,434,439,611,615,666],[31,32,26],"h1",{"id":33},"avatar-group",[35,36,37,38,42],"p",{},"A wrapper component that groups multiple ",[39,40,41],"code",{},"Avatar"," components together. Supports clustering avatars with overlapping borders, limiting the number of visible avatars with a remaining count, and both horizontal and vertical layouts.",[44,45,46],"avatar-group-example",{},[47,48,53],"pre",{"className":49,"code":50,"language":51,"meta":52,"style":52},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Avatar, AvatarGroup } from '@dolanske/vui'\n\nconst avatars = [\n  { name: 'dolanske', url: 'https://github.com/dolanske.png' },\n  { name: 'Jokler', url: 'https://github.com/Jokler.png' },\n  { name: 'zealsprince', url: 'https://github.com/zealsprince.png' },\n  { name: 'kilmanio', url: 'https://github.com/kilmanio.png' },\n]\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CAvatarGroup :limit=\"3\" limit-size=\"l\" cluster>\n    \u003CAvatar v-for=\"avatar in avatars\" :key=\"avatar.name\" size=\"l\" :url=\"avatar.url\" />\n  \u003C/AvatarGroup>\n\u003C/template>\n","vue","",[39,54,55,75,110,117,133,171,202,233,264,270,280,285,295,340,415,425],{"__ignoreMap":52},[56,57,60,64,68,72],"span",{"class":58,"line":59},"line",1,[56,61,63],{"class":62},"sP76a","\u003C",[56,65,67],{"class":66},"sKpE2","script",[56,69,71],{"class":70},"sflEz"," setup",[56,73,74],{"class":62},">\n",[56,76,78,81,84,87,90,93,96,99,103,107],{"class":58,"line":77},2,[56,79,80],{"class":66},"import",[56,82,83],{"class":62}," {",[56,85,86],{"class":70}," Avatar",[56,88,89],{"class":62},",",[56,91,92],{"class":70}," AvatarGroup",[56,94,95],{"class":62}," }",[56,97,98],{"class":66}," from",[56,100,102],{"class":101},"sBR95"," '",[56,104,106],{"class":105},"sfmH-","@dolanske/vui",[56,108,109],{"class":101},"'\n",[56,111,113],{"class":58,"line":112},3,[56,114,116],{"emptyLinePlaceholder":115},true,"\n",[56,118,120,124,127,130],{"class":58,"line":119},4,[56,121,123],{"class":122},"sCMWV","const",[56,125,126],{"class":70}," avatars",[56,128,129],{"class":62}," =",[56,131,132],{"class":62}," [\n",[56,134,136,139,143,146,148,151,154,156,159,161,163,166,168],{"class":58,"line":135},5,[56,137,138],{"class":62},"  {",[56,140,142],{"class":141},"sDB6b"," name",[56,144,145],{"class":62},":",[56,147,102],{"class":101},[56,149,150],{"class":105},"dolanske",[56,152,153],{"class":101},"'",[56,155,89],{"class":62},[56,157,158],{"class":141}," url",[56,160,145],{"class":62},[56,162,102],{"class":101},[56,164,165],{"class":105},"https://github.com/dolanske.png",[56,167,153],{"class":101},[56,169,170],{"class":62}," },\n",[56,172,174,176,178,180,182,185,187,189,191,193,195,198,200],{"class":58,"line":173},6,[56,175,138],{"class":62},[56,177,142],{"class":141},[56,179,145],{"class":62},[56,181,102],{"class":101},[56,183,184],{"class":105},"Jokler",[56,186,153],{"class":101},[56,188,89],{"class":62},[56,190,158],{"class":141},[56,192,145],{"class":62},[56,194,102],{"class":101},[56,196,197],{"class":105},"https://github.com/Jokler.png",[56,199,153],{"class":101},[56,201,170],{"class":62},[56,203,205,207,209,211,213,216,218,220,222,224,226,229,231],{"class":58,"line":204},7,[56,206,138],{"class":62},[56,208,142],{"class":141},[56,210,145],{"class":62},[56,212,102],{"class":101},[56,214,215],{"class":105},"zealsprince",[56,217,153],{"class":101},[56,219,89],{"class":62},[56,221,158],{"class":141},[56,223,145],{"class":62},[56,225,102],{"class":101},[56,227,228],{"class":105},"https://github.com/zealsprince.png",[56,230,153],{"class":101},[56,232,170],{"class":62},[56,234,236,238,240,242,244,247,249,251,253,255,257,260,262],{"class":58,"line":235},8,[56,237,138],{"class":62},[56,239,142],{"class":141},[56,241,145],{"class":62},[56,243,102],{"class":101},[56,245,246],{"class":105},"kilmanio",[56,248,153],{"class":101},[56,250,89],{"class":62},[56,252,158],{"class":141},[56,254,145],{"class":62},[56,256,102],{"class":101},[56,258,259],{"class":105},"https://github.com/kilmanio.png",[56,261,153],{"class":101},[56,263,170],{"class":62},[56,265,267],{"class":58,"line":266},9,[56,268,269],{"class":62},"]\n",[56,271,273,276,278],{"class":58,"line":272},10,[56,274,275],{"class":62},"\u003C/",[56,277,67],{"class":66},[56,279,74],{"class":62},[56,281,283],{"class":58,"line":282},11,[56,284,116],{"emptyLinePlaceholder":115},[56,286,288,290,293],{"class":58,"line":287},12,[56,289,63],{"class":62},[56,291,292],{"class":66},"template",[56,294,74],{"class":62},[56,296,298,301,304,307,311,314,317,321,323,326,328,330,333,335,338],{"class":58,"line":297},13,[56,299,300],{"class":62},"  \u003C",[56,302,303],{"class":66},"AvatarGroup",[56,305,306],{"class":62}," :",[56,308,310],{"class":309},"sRTv0","limit",[56,312,313],{"class":62},"=",[56,315,316],{"class":62},"\"",[56,318,320],{"class":319},"socUO","3",[56,322,316],{"class":62},[56,324,325],{"class":70}," limit-size",[56,327,313],{"class":62},[56,329,316],{"class":101},[56,331,332],{"class":105},"l",[56,334,316],{"class":101},[56,336,337],{"class":70}," cluster",[56,339,74],{"class":62},[56,341,343,346,348,351,353,355,358,361,363,365,367,370,372,374,376,379,382,384,387,389,391,393,395,397,400,402,404,406,408,410,412],{"class":58,"line":342},14,[56,344,345],{"class":62},"    \u003C",[56,347,41],{"class":66},[56,349,350],{"class":66}," v-for",[56,352,313],{"class":62},[56,354,316],{"class":62},[56,356,357],{"class":70},"avatar",[56,359,360],{"class":122}," in",[56,362,126],{"class":70},[56,364,316],{"class":62},[56,366,306],{"class":62},[56,368,369],{"class":309},"key",[56,371,313],{"class":62},[56,373,316],{"class":62},[56,375,357],{"class":70},[56,377,378],{"class":62},".",[56,380,381],{"class":70},"name",[56,383,316],{"class":62},[56,385,386],{"class":70}," size",[56,388,313],{"class":62},[56,390,316],{"class":101},[56,392,332],{"class":105},[56,394,316],{"class":101},[56,396,306],{"class":62},[56,398,399],{"class":309},"url",[56,401,313],{"class":62},[56,403,316],{"class":62},[56,405,357],{"class":70},[56,407,378],{"class":62},[56,409,399],{"class":70},[56,411,316],{"class":62},[56,413,414],{"class":62}," />\n",[56,416,418,421,423],{"class":58,"line":417},15,[56,419,420],{"class":62},"  \u003C/",[56,422,303],{"class":66},[56,424,74],{"class":62},[56,426,428,430,432],{"class":58,"line":427},16,[56,429,275],{"class":62},[56,431,292],{"class":66},[56,433,74],{"class":62},[435,436,438],"h3",{"id":437},"props","Props",[440,441,442,458],"table",{},[443,444,445],"thead",{},[446,447,448,452,455],"tr",{},[449,450,451],"th",{},"Name",[449,453,454],{},"Default",[449,456,457],{},"Type",[459,460,461,484,528,547,572,593],"tbody",{},[446,462,463,469,474],{},[464,465,466],"td",{},[39,467,468],{},"cluster",[464,470,471],{},[39,472,473],{},"false",[464,475,476,479,480,483],{},[39,477,478],{},"boolean"," ",[481,482],"br",{}," Groups avatars closer together with overlapping borders for a stacked appearance",[446,485,486,491,494],{},[464,487,488],{},[39,489,490],{},"gap",[464,492,493],{},"—",[464,495,496,479,499,479,502,479,505,479,508,479,510,479,513,479,516,479,519,479,522,524,525,527],{},[39,497,498],{},"xxs",[39,500,501],{},"xs",[39,503,504],{},"s",[39,506,507],{},"m",[39,509,332],{},[39,511,512],{},"xl",[39,514,515],{},"xxl",[39,517,518],{},"xxxl",[39,520,521],{},"number",[481,523],{}," Gap between avatars. Not available when ",[39,526,468],{}," is enabled",[446,529,530,534,536],{},[464,531,532],{},[39,533,310],{},[464,535,493],{},[464,537,538,479,540,542,543,546],{},[39,539,521],{},[481,541],{}," Maximum number of avatars to show. A ",[39,544,545],{},"+N"," counter is rendered for the rest",[446,548,549,554,556],{},[464,550,551],{},[39,552,553],{},"limitSize",[464,555,493],{},[464,557,558,479,560,479,562,479,564,479,566,568,569,571],{},[39,559,504],{},[39,561,507],{},[39,563,332],{},[39,565,521],{},[481,567],{}," Size of the overflow counter avatar. Should match the size of the ",[39,570,41],{}," components",[446,573,574,579,583],{},[464,575,576],{},[39,577,578],{},"randomized",[464,580,581],{},[39,582,473],{},[464,584,585,479,587,589,590,592],{},[39,586,478],{},[481,588],{}," When ",[39,591,310],{}," is set, picks avatars randomly instead of the first ones",[446,594,595,600,604],{},[464,596,597],{},[39,598,599],{},"column",[464,601,602],{},[39,603,473],{},[464,605,606,479,608,610],{},[39,607,478],{},[481,609],{}," Stacks avatars vertically instead of horizontally",[435,612,614],{"id":613},"slots","Slots",[440,616,617,629],{},[443,618,619],{},[446,620,621,623,626],{},[449,622,451],{},[449,624,625],{},"Accepts",[449,627,628],{},"Description",[459,630,631,649],{},[446,632,633,638,643],{},[464,634,635],{},[39,636,637],{},"default",[464,639,640],{},[39,641,642],{},"any",[464,644,645,646,648],{},"One or more ",[39,647,41],{}," components (or elements wrapping them) to display in the group",[446,650,651,656,661],{},[464,652,653],{},[39,654,655],{},"remaining",[464,657,658],{},[39,659,660],{},"{ remaining: number }",[464,662,663,664],{},"Scoped slot to customize the overflow counter. Receives the number of hidden avatars as ",[39,665,655],{},[667,668,669],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":52,"searchDepth":77,"depth":77,"links":671},[672,673],{"id":437,"depth":112,"text":438},{"id":613,"depth":112,"text":614},"A wrapper component that groups multiple Avatar components together. Supports clustering avatars with overlapping borders, limiting the number of visible avatars with a remaining count, and both horizontal and vertical layouts.","md",{},"/docs/components/avatar-group",{"title":26,"description":674},"docs/components/avatar-group","nISelED3ncaZHpTmEWlSzMg2LxGHR2JrS12ALkvPUgA",1777992280034]