[{"data":1,"prerenderedAt":794},["ShallowReactive",2],{"docs-layout-toc:\u002Fdocs\u002Fcomponents\u002Fscroll-area":3,"docs-header-toc:\u002Fdocs\u002Fcomponents\u002Fscroll-area":330,"$mMIQ1H7xIQ":562},{"id":4,"title":5,"body":6,"description":59,"extension":323,"meta":324,"navigation":325,"path":326,"seo":327,"stem":328,"__hash__":329},"content\u002Fdocs\u002Fcomponents\u002Fscroll-area.md","Scroll Area",{"type":7,"value":8,"toc":312},"minimark",[9,14,24,28,32,36,41,53,134,155,160,164,168,173,223,239,243,252,292,308],[10,11,13],"h2",{"id":12},"component","Component",[15,16],"component-code",{":enums":17,":items":18,":props":19,":slotComponents":20,":slots":21,"previewBackground":22,"srcDir":23},"{\"scrollOrientation\":\"ScrollOrientation\"}","{\"scrollOrientation\":[{\"value\":\"vertical\",\"text\":\"VERTICAL\"},{\"value\":\"horizontal\",\"text\":\"HORIZONTAL\"},{\"value\":\"both\",\"text\":\"BOTH\"}]}","{\"scrollOrientation\":\"vertical\",\"maxHeight\":300,\"hasBorder\":false}","{\"default\":{\"srcDir\":\"content\u002Fdemos\u002Fscroll\u002FScrollContentDemo.vue\",\"componentSource\":\"docs\"}}","{\"default\":\"\"}","white","scroll\u002FScrollArea.vue",[10,25,27],{"id":26},"props","Props",[29,30],"props-table",{":props":31},"[{\"name\":\"scrollOrientation\",\"default\":\"ScrollOrientation.VERTICAL\",\"type\":\"ScrollOrientation\"},{\"name\":\"maxHeight\",\"default\":300,\"type\":\"number\"},{\"name\":\"hasBorder\",\"default\":false,\"type\":\"boolean\"}]",[10,33,35],{"id":34},"usage","Usage",[37,38,40],"h3",{"id":39},"scrollorientation","scrollOrientation",[42,43,44,45,48,49,52],"p",{},"The ",[46,47,40],"code",{}," prop determines the orientation of the scroll area. It accepts values from the ",[46,50,51],{},"ScrollOrientation"," enum.",[54,55,60],"pre",{"className":56,"code":57,"language":58,"meta":59,"style":59},"language-vue shiki shiki-themes github-dark github-dark","\u003Ctemplate>\n    \u003CScrollArea \n        :scrollOrientation=\"ScrollOrientation.VERTICAL\"  \n    \u002F>\n\u003C\u002Ftemplate>\n","vue","",[46,61,62,78,90,118,124],{"__ignoreMap":59},[63,64,67,71,75],"span",{"class":65,"line":66},"line",1,[63,68,70],{"class":69},"suv1-","\u003C",[63,72,74],{"class":73},"sxg3X","template",[63,76,77],{"class":69},">\n",[63,79,81,84,87],{"class":65,"line":80},2,[63,82,83],{"class":69},"    \u003C",[63,85,86],{"class":73},"ScrollArea",[63,88,89],{"class":69}," \n",[63,91,93,96,99,102,106,109,113,115],{"class":65,"line":92},3,[63,94,95],{"class":69},"        :",[63,97,40],{"class":98},"sFR8T",[63,100,101],{"class":69},"=",[63,103,105],{"class":104},"s4wv1","\"",[63,107,108],{"class":69},"ScrollOrientation.",[63,110,112],{"class":111},"s8ozJ","VERTICAL",[63,114,105],{"class":104},[63,116,117],{"class":69},"  \n",[63,119,121],{"class":65,"line":120},4,[63,122,123],{"class":69},"    \u002F>\n",[63,125,127,130,132],{"class":65,"line":126},5,[63,128,129],{"class":69},"\u003C\u002F",[63,131,74],{"class":73},[63,133,77],{"class":69},[135,136,137,147],"ul",{},[138,139,140,144,145],"li",{},[141,142,143],"strong",{},"Type:"," ",[46,146,51],{},[138,148,149,144,152],{},[141,150,151],{},"Default:",[46,153,154],{},"ScrollOrientation.VERTICAL",[156,157,159],"h4",{"id":158},"options","Options",[161,162],"options-table",{":options":163},"[{\"value\":\"VERTICAL\",\"description\":\"Vertical scroll orientation\"},{\"value\":\"HORIZONTAL\",\"description\":\"Horizontal scroll orientation\"},{\"value\":\"BOTH\",\"description\":\"Both axes scroll orientation\"}]",[37,165,167],{"id":166},"maxheight","maxHeight",[42,169,44,170,172],{},[46,171,167],{}," prop sets the maximum height of the scroll area in pixels. If the content exceeds this height, a scrollbar will appear.",[54,174,176],{"className":56,"code":175,"language":58,"meta":59,"style":59},"\u003Ctemplate>\n    \u003CScrollArea \n        :maxHeight=\"400\"  \n    \u002F>\n\u003C\u002Ftemplate>\n",[46,177,178,186,194,211,215],{"__ignoreMap":59},[63,179,180,182,184],{"class":65,"line":66},[63,181,70],{"class":69},[63,183,74],{"class":73},[63,185,77],{"class":69},[63,187,188,190,192],{"class":65,"line":80},[63,189,83],{"class":69},[63,191,86],{"class":73},[63,193,89],{"class":69},[63,195,196,198,200,202,204,207,209],{"class":65,"line":92},[63,197,95],{"class":69},[63,199,167],{"class":98},[63,201,101],{"class":69},[63,203,105],{"class":104},[63,205,206],{"class":111},"400",[63,208,105],{"class":104},[63,210,117],{"class":69},[63,212,213],{"class":65,"line":120},[63,214,123],{"class":69},[63,216,217,219,221],{"class":65,"line":126},[63,218,129],{"class":69},[63,220,74],{"class":73},[63,222,77],{"class":69},[135,224,225,232],{},[138,226,227,144,229],{},[141,228,143],{},[46,230,231],{},"number",[138,233,234,144,236],{},[141,235,151],{},[46,237,238],{},"300",[37,240,242],{"id":241},"hasborder","hasBorder",[42,244,44,245,247,248,251],{},[46,246,242],{}," prop determines whether the scroll area should have a border. When set to ",[46,249,250],{},"true",", a border will be applied around the scroll area.",[54,253,255],{"className":56,"code":254,"language":58,"meta":59,"style":59},"\u003Ctemplate>\n    \u003CScrollArea \n        hasBorder  \n    \u002F>\n\u003C\u002Ftemplate>\n",[46,256,257,265,273,280,284],{"__ignoreMap":59},[63,258,259,261,263],{"class":65,"line":66},[63,260,70],{"class":69},[63,262,74],{"class":73},[63,264,77],{"class":69},[63,266,267,269,271],{"class":65,"line":80},[63,268,83],{"class":69},[63,270,86],{"class":73},[63,272,89],{"class":69},[63,274,275,278],{"class":65,"line":92},[63,276,277],{"class":98},"        hasBorder",[63,279,117],{"class":69},[63,281,282],{"class":65,"line":120},[63,283,123],{"class":69},[63,285,286,288,290],{"class":65,"line":126},[63,287,129],{"class":69},[63,289,74],{"class":73},[63,291,77],{"class":69},[135,293,294,301],{},[138,295,296,144,298],{},[141,297,143],{},[46,299,300],{},"boolean",[138,302,303,144,305],{},[141,304,151],{},[46,306,307],{},"false",[309,310,311],"style",{},"html pre.shiki code .suv1-, html code.shiki .suv1-{--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sxg3X, html code.shiki .sxg3X{--shiki-default:#85E89D;--shiki-dark:#85E89D}html pre.shiki code .sFR8T, html code.shiki .sFR8T{--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .s4wv1, html code.shiki .s4wv1{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .s8ozJ, html code.shiki .s8ozJ{--shiki-default:#79B8FF;--shiki-dark:#79B8FF}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);}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);}",{"title":59,"searchDepth":80,"depth":92,"links":313},[314,315,316],{"id":12,"depth":80,"text":13},{"id":26,"depth":80,"text":27},{"id":34,"depth":80,"text":35,"children":317},[318,321,322],{"id":39,"depth":92,"text":40,"children":319},[320],{"id":158,"depth":120,"text":159},{"id":166,"depth":92,"text":167},{"id":241,"depth":92,"text":242},"md",{},true,"\u002Fdocs\u002Fcomponents\u002Fscroll-area",{"description":59},"docs\u002Fcomponents\u002Fscroll-area","xVN9iHNeN0uWJ2b3YlV0Z201zks9rnERj8CVhYAA6nw",{"id":4,"title":5,"body":331,"description":59,"extension":323,"meta":560,"navigation":325,"path":326,"seo":561,"stem":328,"__hash__":329},{"type":7,"value":332,"toc":549},[333,335,337,339,341,343,345,351,401,415,417,419,421,425,473,487,489,495,533,547],[10,334,13],{"id":12},[15,336],{":enums":17,":items":18,":props":19,":slotComponents":20,":slots":21,"previewBackground":22,"srcDir":23},[10,338,27],{"id":26},[29,340],{":props":31},[10,342,35],{"id":34},[37,344,40],{"id":39},[42,346,44,347,48,349,52],{},[46,348,40],{},[46,350,51],{},[54,352,353],{"className":56,"code":57,"language":58,"meta":59,"style":59},[46,354,355,363,371,389,393],{"__ignoreMap":59},[63,356,357,359,361],{"class":65,"line":66},[63,358,70],{"class":69},[63,360,74],{"class":73},[63,362,77],{"class":69},[63,364,365,367,369],{"class":65,"line":80},[63,366,83],{"class":69},[63,368,86],{"class":73},[63,370,89],{"class":69},[63,372,373,375,377,379,381,383,385,387],{"class":65,"line":92},[63,374,95],{"class":69},[63,376,40],{"class":98},[63,378,101],{"class":69},[63,380,105],{"class":104},[63,382,108],{"class":69},[63,384,112],{"class":111},[63,386,105],{"class":104},[63,388,117],{"class":69},[63,390,391],{"class":65,"line":120},[63,392,123],{"class":69},[63,394,395,397,399],{"class":65,"line":126},[63,396,129],{"class":69},[63,398,74],{"class":73},[63,400,77],{"class":69},[135,402,403,409],{},[138,404,405,144,407],{},[141,406,143],{},[46,408,51],{},[138,410,411,144,413],{},[141,412,151],{},[46,414,154],{},[156,416,159],{"id":158},[161,418],{":options":163},[37,420,167],{"id":166},[42,422,44,423,172],{},[46,424,167],{},[54,426,427],{"className":56,"code":175,"language":58,"meta":59,"style":59},[46,428,429,437,445,461,465],{"__ignoreMap":59},[63,430,431,433,435],{"class":65,"line":66},[63,432,70],{"class":69},[63,434,74],{"class":73},[63,436,77],{"class":69},[63,438,439,441,443],{"class":65,"line":80},[63,440,83],{"class":69},[63,442,86],{"class":73},[63,444,89],{"class":69},[63,446,447,449,451,453,455,457,459],{"class":65,"line":92},[63,448,95],{"class":69},[63,450,167],{"class":98},[63,452,101],{"class":69},[63,454,105],{"class":104},[63,456,206],{"class":111},[63,458,105],{"class":104},[63,460,117],{"class":69},[63,462,463],{"class":65,"line":120},[63,464,123],{"class":69},[63,466,467,469,471],{"class":65,"line":126},[63,468,129],{"class":69},[63,470,74],{"class":73},[63,472,77],{"class":69},[135,474,475,481],{},[138,476,477,144,479],{},[141,478,143],{},[46,480,231],{},[138,482,483,144,485],{},[141,484,151],{},[46,486,238],{},[37,488,242],{"id":241},[42,490,44,491,247,493,251],{},[46,492,242],{},[46,494,250],{},[54,496,497],{"className":56,"code":254,"language":58,"meta":59,"style":59},[46,498,499,507,515,521,525],{"__ignoreMap":59},[63,500,501,503,505],{"class":65,"line":66},[63,502,70],{"class":69},[63,504,74],{"class":73},[63,506,77],{"class":69},[63,508,509,511,513],{"class":65,"line":80},[63,510,83],{"class":69},[63,512,86],{"class":73},[63,514,89],{"class":69},[63,516,517,519],{"class":65,"line":92},[63,518,277],{"class":98},[63,520,117],{"class":69},[63,522,523],{"class":65,"line":120},[63,524,123],{"class":69},[63,526,527,529,531],{"class":65,"line":126},[63,528,129],{"class":69},[63,530,74],{"class":73},[63,532,77],{"class":69},[135,534,535,541],{},[138,536,537,144,539],{},[141,538,143],{},[46,540,300],{},[138,542,543,144,545],{},[141,544,151],{},[46,546,307],{},[309,548,311],{},{"title":59,"searchDepth":80,"depth":92,"links":550},[551,552,553],{"id":12,"depth":80,"text":13},{"id":26,"depth":80,"text":27},{"id":34,"depth":80,"text":35,"children":554},[555,558,559],{"id":39,"depth":92,"text":40,"children":556},[557],{"id":158,"depth":120,"text":159},{"id":166,"depth":92,"text":167},{"id":241,"depth":92,"text":242},{},{"description":59},{"id":4,"title":5,"body":563,"description":59,"extension":323,"meta":792,"navigation":325,"path":326,"seo":793,"stem":328,"__hash__":329},{"type":7,"value":564,"toc":781},[565,567,569,571,573,575,577,583,633,647,649,651,653,657,705,719,721,727,765,779],[10,566,13],{"id":12},[15,568],{":enums":17,":items":18,":props":19,":slotComponents":20,":slots":21,"previewBackground":22,"srcDir":23},[10,570,27],{"id":26},[29,572],{":props":31},[10,574,35],{"id":34},[37,576,40],{"id":39},[42,578,44,579,48,581,52],{},[46,580,40],{},[46,582,51],{},[54,584,585],{"className":56,"code":57,"language":58,"meta":59,"style":59},[46,586,587,595,603,621,625],{"__ignoreMap":59},[63,588,589,591,593],{"class":65,"line":66},[63,590,70],{"class":69},[63,592,74],{"class":73},[63,594,77],{"class":69},[63,596,597,599,601],{"class":65,"line":80},[63,598,83],{"class":69},[63,600,86],{"class":73},[63,602,89],{"class":69},[63,604,605,607,609,611,613,615,617,619],{"class":65,"line":92},[63,606,95],{"class":69},[63,608,40],{"class":98},[63,610,101],{"class":69},[63,612,105],{"class":104},[63,614,108],{"class":69},[63,616,112],{"class":111},[63,618,105],{"class":104},[63,620,117],{"class":69},[63,622,623],{"class":65,"line":120},[63,624,123],{"class":69},[63,626,627,629,631],{"class":65,"line":126},[63,628,129],{"class":69},[63,630,74],{"class":73},[63,632,77],{"class":69},[135,634,635,641],{},[138,636,637,144,639],{},[141,638,143],{},[46,640,51],{},[138,642,643,144,645],{},[141,644,151],{},[46,646,154],{},[156,648,159],{"id":158},[161,650],{":options":163},[37,652,167],{"id":166},[42,654,44,655,172],{},[46,656,167],{},[54,658,659],{"className":56,"code":175,"language":58,"meta":59,"style":59},[46,660,661,669,677,693,697],{"__ignoreMap":59},[63,662,663,665,667],{"class":65,"line":66},[63,664,70],{"class":69},[63,666,74],{"class":73},[63,668,77],{"class":69},[63,670,671,673,675],{"class":65,"line":80},[63,672,83],{"class":69},[63,674,86],{"class":73},[63,676,89],{"class":69},[63,678,679,681,683,685,687,689,691],{"class":65,"line":92},[63,680,95],{"class":69},[63,682,167],{"class":98},[63,684,101],{"class":69},[63,686,105],{"class":104},[63,688,206],{"class":111},[63,690,105],{"class":104},[63,692,117],{"class":69},[63,694,695],{"class":65,"line":120},[63,696,123],{"class":69},[63,698,699,701,703],{"class":65,"line":126},[63,700,129],{"class":69},[63,702,74],{"class":73},[63,704,77],{"class":69},[135,706,707,713],{},[138,708,709,144,711],{},[141,710,143],{},[46,712,231],{},[138,714,715,144,717],{},[141,716,151],{},[46,718,238],{},[37,720,242],{"id":241},[42,722,44,723,247,725,251],{},[46,724,242],{},[46,726,250],{},[54,728,729],{"className":56,"code":254,"language":58,"meta":59,"style":59},[46,730,731,739,747,753,757],{"__ignoreMap":59},[63,732,733,735,737],{"class":65,"line":66},[63,734,70],{"class":69},[63,736,74],{"class":73},[63,738,77],{"class":69},[63,740,741,743,745],{"class":65,"line":80},[63,742,83],{"class":69},[63,744,86],{"class":73},[63,746,89],{"class":69},[63,748,749,751],{"class":65,"line":92},[63,750,277],{"class":98},[63,752,117],{"class":69},[63,754,755],{"class":65,"line":120},[63,756,123],{"class":69},[63,758,759,761,763],{"class":65,"line":126},[63,760,129],{"class":69},[63,762,74],{"class":73},[63,764,77],{"class":69},[135,766,767,773],{},[138,768,769,144,771],{},[141,770,143],{},[46,772,300],{},[138,774,775,144,777],{},[141,776,151],{},[46,778,307],{},[309,780,311],{},{"title":59,"searchDepth":80,"depth":92,"links":782},[783,784,785],{"id":12,"depth":80,"text":13},{"id":26,"depth":80,"text":27},{"id":34,"depth":80,"text":35,"children":786},[787,790,791],{"id":39,"depth":92,"text":40,"children":788},[789],{"id":158,"depth":120,"text":159},{"id":166,"depth":92,"text":167},{"id":241,"depth":92,"text":242},{},{"description":59},1791731021464]