[{"data":1,"prerenderedAt":520},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-skeleton":12,"i-ph:code":518},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":512,"meta":513,"navigation":110,"path":514,"seo":515,"stem":516,"__hash__":517},"docs\u002Fdocs\u002Fcomponents\u002Fskeleton.md","Skeleton",{"type":16,"value":17,"toc":508},"minimark",[18,22,26,347,352,462,466,469,504],[19,20,14],"h1",{"id":21},"skeleton",[23,24,25],"p",{},"The Skeleton component is a loading placeholder that can be used to indicate content is being loaded. It supports various shapes and sizes, making it versatile for different use cases.",[27,28,30],"skeleton-example",{"source-path":29},"Skeleton\u002FSkeleton.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Grid, Skeleton } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CGrid :columns=\"3\" gap=\"s\">\n    \u003CSkeleton \u002F>\n    \u003CSkeleton :radius=\"16\" \u002F>\n    \u003CGrid :columns=\"3\" gap=\"s\">\n      \u003CSkeleton :width=\"32\" :height=\"32\" circle \u002F>\n      \u003CSkeleton :width=\"32\" :height=\"32\" circle \u002F>\n      \u003CSkeleton :width=\"32\" :height=\"32\" circle \u002F>\n    \u003C\u002FGrid>\n  \u003C\u002FGrid>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,95,105,112,122,159,170,191,220,256,287,318,328,338],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,81,84,88,92],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Grid",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," Skeleton",[41,79,80],{"class":47}," }",[41,82,83],{"class":51}," from",[41,85,87],{"class":86},"sBR95"," '",[41,89,91],{"class":90},"sfmH-","@dolanske\u002Fvui",[41,93,94],{"class":86},"'\n",[41,96,98,101,103],{"class":43,"line":97},3,[41,99,100],{"class":47},"\u003C\u002F",[41,102,52],{"class":51},[41,104,59],{"class":47},[41,106,108],{"class":43,"line":107},4,[41,109,111],{"emptyLinePlaceholder":110},true,"\n",[41,113,115,117,120],{"class":43,"line":114},5,[41,116,48],{"class":47},[41,118,119],{"class":51},"template",[41,121,59],{"class":47},[41,123,125,128,131,134,137,140,143,145,148,150,152,155,157],{"class":43,"line":124},6,[41,126,127],{"class":47},"  \u003C",[41,129,130],{"class":51},"Grid",[41,132,133],{"class":55}," :columns",[41,135,136],{"class":47},"=",[41,138,139],{"class":86},"\"",[41,141,142],{"class":90},"3",[41,144,139],{"class":86},[41,146,147],{"class":55}," gap",[41,149,136],{"class":47},[41,151,139],{"class":86},[41,153,154],{"class":90},"s",[41,156,139],{"class":86},[41,158,59],{"class":47},[41,160,162,165,167],{"class":43,"line":161},7,[41,163,164],{"class":47},"    \u003C",[41,166,14],{"class":51},[41,168,169],{"class":47}," \u002F>\n",[41,171,173,175,177,180,182,184,187,189],{"class":43,"line":172},8,[41,174,164],{"class":47},[41,176,14],{"class":51},[41,178,179],{"class":55}," :radius",[41,181,136],{"class":47},[41,183,139],{"class":86},[41,185,186],{"class":90},"16",[41,188,139],{"class":86},[41,190,169],{"class":47},[41,192,194,196,198,200,202,204,206,208,210,212,214,216,218],{"class":43,"line":193},9,[41,195,164],{"class":47},[41,197,130],{"class":51},[41,199,133],{"class":55},[41,201,136],{"class":47},[41,203,139],{"class":86},[41,205,142],{"class":90},[41,207,139],{"class":86},[41,209,147],{"class":55},[41,211,136],{"class":47},[41,213,139],{"class":86},[41,215,154],{"class":90},[41,217,139],{"class":86},[41,219,59],{"class":47},[41,221,223,226,228,231,233,235,238,240,243,245,247,249,251,254],{"class":43,"line":222},10,[41,224,225],{"class":47},"      \u003C",[41,227,14],{"class":51},[41,229,230],{"class":55}," :width",[41,232,136],{"class":47},[41,234,139],{"class":86},[41,236,237],{"class":90},"32",[41,239,139],{"class":86},[41,241,242],{"class":55}," :height",[41,244,136],{"class":47},[41,246,139],{"class":86},[41,248,237],{"class":90},[41,250,139],{"class":86},[41,252,253],{"class":55}," circle",[41,255,169],{"class":47},[41,257,259,261,263,265,267,269,271,273,275,277,279,281,283,285],{"class":43,"line":258},11,[41,260,225],{"class":47},[41,262,14],{"class":51},[41,264,230],{"class":55},[41,266,136],{"class":47},[41,268,139],{"class":86},[41,270,237],{"class":90},[41,272,139],{"class":86},[41,274,242],{"class":55},[41,276,136],{"class":47},[41,278,139],{"class":86},[41,280,237],{"class":90},[41,282,139],{"class":86},[41,284,253],{"class":55},[41,286,169],{"class":47},[41,288,290,292,294,296,298,300,302,304,306,308,310,312,314,316],{"class":43,"line":289},12,[41,291,225],{"class":47},[41,293,14],{"class":51},[41,295,230],{"class":55},[41,297,136],{"class":47},[41,299,139],{"class":86},[41,301,237],{"class":90},[41,303,139],{"class":86},[41,305,242],{"class":55},[41,307,136],{"class":47},[41,309,139],{"class":86},[41,311,237],{"class":90},[41,313,139],{"class":86},[41,315,253],{"class":55},[41,317,169],{"class":47},[41,319,321,324,326],{"class":43,"line":320},13,[41,322,323],{"class":47},"    \u003C\u002F",[41,325,130],{"class":51},[41,327,59],{"class":47},[41,329,331,334,336],{"class":43,"line":330},14,[41,332,333],{"class":47},"  \u003C\u002F",[41,335,130],{"class":51},[41,337,59],{"class":47},[41,339,341,343,345],{"class":43,"line":340},15,[41,342,100],{"class":47},[41,344,119],{"class":51},[41,346,59],{"class":47},[348,349,351],"h3",{"id":350},"props","Props",[353,354,355,371],"table",{},[356,357,358],"thead",{},[359,360,361,365,368],"tr",{},[362,363,364],"th",{},"Name",[362,366,367],{},"Default",[362,369,370],{},"Type",[372,373,374,400,421,442],"tbody",{},[359,375,376,382,387],{},[377,378,379],"td",{},[38,380,381],{},"radius",[377,383,384],{},[38,385,386],{},"var(--border-radius-s)",[377,388,389,392,393,392,396,399],{},[38,390,391],{},"string"," ",[38,394,395],{},"number",[397,398],"br",{}," The border radius of the skeleton",[359,401,402,407,412],{},[377,403,404],{},[38,405,406],{},"width",[377,408,409],{},[38,410,411],{},"100%",[377,413,414,392,416,392,418,420],{},[38,415,391],{},[38,417,395],{},[397,419],{}," The width of the skeleton",[359,422,423,428,433],{},[377,424,425],{},[38,426,427],{},"height",[377,429,430],{},[38,431,432],{},"32px",[377,434,435,392,437,392,439,441],{},[38,436,391],{},[38,438,395],{},[397,440],{}," The height of the skeleton",[359,443,444,449,454],{},[377,445,446],{},[38,447,448],{},"circle",[377,450,451],{},[38,452,453],{},"false",[377,455,456,392,459,461],{},[38,457,458],{},"boolean",[397,460],{}," Whether to make the skeleton circular",[348,463,465],{"id":464},"tokens","Tokens",[23,467,468],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[353,470,471,483],{},[356,472,473],{},[359,474,475,478,480],{},[362,476,477],{},"Token",[362,479,367],{},[362,481,482],{},"Description",[372,484,485],{},[359,486,487,492,501],{},[377,488,489],{},[38,490,491],{},"--vui-skeleton-color",[377,493,494],{},[495,496,498],"a",{"href":497},"\u002Fdocs\u002Ftokens\u002Fcolors",[38,499,500],{},"var(--color-border)",[377,502,503],{},"Skeleton background color",[505,506,507],"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 .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":36,"searchDepth":62,"depth":62,"links":509},[510,511],{"id":350,"depth":97,"text":351},{"id":464,"depth":97,"text":465},"md",{},"\u002Fdocs\u002Fcomponents\u002Fskeleton",{"title":14,"description":25},"docs\u002Fcomponents\u002Fskeleton","XcRptwKgP-TgDioZocFJFw0Q2dp1Hh0nCXiwQWNPpXc",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":519},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883258]