[{"data":1,"prerenderedAt":702},["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-sheet":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":37,"extension":696,"meta":697,"navigation":131,"path":698,"seo":699,"stem":700,"__hash__":701},"docs/docs/components/sheet.md","Sheet",{"type":28,"value":29,"toc":691},"minimark",[30,34,38,449,454,597,601,628,632,687],[31,32,26],"h1",{"id":33},"sheet",[35,36,37],"p",{},"The Sheet component is a slide-out panel that can be positioned on any side of the screen. It's commonly used for displaying additional content, forms, or navigation menus.",[39,40,41],"sheet-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, Sheet } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst isOpen = ref(false)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CButton @click=\"isOpen = true\">\n    Open Sheet\n  \u003C/Button>\n\n  \u003CSheet\n    :open=\"isOpen\"\n    @close=\"isOpen = false\"\n  >\n    \u003Ctemplate #header>\n      \u003Ch2>Sheet Title\u003C/h2>\n    \u003C/template>\n\n    \u003Cp>Sheet content goes here\u003C/p>\n\n    \u003Ctemplate #footer>\n      \u003CButton @click=\"isOpen = false\">\n        Close\n      \u003C/Button>\n    \u003C/template>\n  \u003C/Sheet>\n\u003C/template>\n","vue","",[49,50,51,71,106,126,133,158,168,173,183,216,223,233,238,246,264,286,292,308,329,339,344,362,367,381,406,412,422,431,440],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,92,95,99,103],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Button",[52,84,85],{"class":58},",",[52,87,88],{"class":66}," Sheet",[52,90,91],{"class":58}," }",[52,93,94],{"class":62}," from",[52,96,98],{"class":97},"sBR95"," '",[52,100,102],{"class":101},"sfmH-","@dolanske/vui",[52,104,105],{"class":97},"'\n",[52,107,109,111,113,116,118,120,122,124],{"class":54,"line":108},3,[52,110,76],{"class":62},[52,112,79],{"class":58},[52,114,115],{"class":66}," ref",[52,117,91],{"class":58},[52,119,94],{"class":62},[52,121,98],{"class":97},[52,123,46],{"class":101},[52,125,105],{"class":97},[52,127,129],{"class":54,"line":128},4,[52,130,132],{"emptyLinePlaceholder":131},true,"\n",[52,134,136,140,143,146,149,152,155],{"class":54,"line":135},5,[52,137,139],{"class":138},"sCMWV","const",[52,141,142],{"class":66}," isOpen",[52,144,145],{"class":58}," =",[52,147,115],{"class":148},"sRTv0",[52,150,151],{"class":58},"(",[52,153,154],{"class":62},"false",[52,156,157],{"class":58},")\n",[52,159,161,164,166],{"class":54,"line":160},6,[52,162,163],{"class":58},"\u003C/",[52,165,63],{"class":62},[52,167,70],{"class":58},[52,169,171],{"class":54,"line":170},7,[52,172,132],{"emptyLinePlaceholder":131},[52,174,176,178,181],{"class":54,"line":175},8,[52,177,59],{"class":58},[52,179,180],{"class":62},"template",[52,182,70],{"class":58},[52,184,186,189,192,195,198,201,204,207,209,212,214],{"class":54,"line":185},9,[52,187,188],{"class":58},"  \u003C",[52,190,191],{"class":62},"Button",[52,193,194],{"class":58}," @",[52,196,197],{"class":148},"click",[52,199,200],{"class":58},"=",[52,202,203],{"class":58},"\"",[52,205,206],{"class":66},"isOpen",[52,208,145],{"class":58},[52,210,211],{"class":62}," true",[52,213,203],{"class":58},[52,215,70],{"class":58},[52,217,219],{"class":54,"line":218},10,[52,220,222],{"class":221},"sX1ls","    Open Sheet\n",[52,224,226,229,231],{"class":54,"line":225},11,[52,227,228],{"class":58},"  \u003C/",[52,230,191],{"class":62},[52,232,70],{"class":58},[52,234,236],{"class":54,"line":235},12,[52,237,132],{"emptyLinePlaceholder":131},[52,239,241,243],{"class":54,"line":240},13,[52,242,188],{"class":58},[52,244,245],{"class":62},"Sheet\n",[52,247,249,252,255,257,259,261],{"class":54,"line":248},14,[52,250,251],{"class":58},"    :",[52,253,254],{"class":148},"open",[52,256,200],{"class":58},[52,258,203],{"class":58},[52,260,206],{"class":66},[52,262,263],{"class":58},"\"\n",[52,265,267,270,273,275,277,279,281,284],{"class":54,"line":266},15,[52,268,269],{"class":58},"    @",[52,271,272],{"class":148},"close",[52,274,200],{"class":58},[52,276,203],{"class":58},[52,278,206],{"class":66},[52,280,145],{"class":58},[52,282,283],{"class":62}," false",[52,285,263],{"class":58},[52,287,289],{"class":54,"line":288},16,[52,290,291],{"class":58},"  >\n",[52,293,295,298,300,303,306],{"class":54,"line":294},17,[52,296,297],{"class":58},"    \u003C",[52,299,180],{"class":62},[52,301,302],{"class":58}," #",[52,304,305],{"class":148},"header",[52,307,70],{"class":58},[52,309,311,314,317,320,323,325,327],{"class":54,"line":310},18,[52,312,313],{"class":58},"      \u003C",[52,315,316],{"class":62},"h2",[52,318,319],{"class":58},">",[52,321,322],{"class":221},"Sheet Title",[52,324,163],{"class":58},[52,326,316],{"class":62},[52,328,70],{"class":58},[52,330,332,335,337],{"class":54,"line":331},19,[52,333,334],{"class":58},"    \u003C/",[52,336,180],{"class":62},[52,338,70],{"class":58},[52,340,342],{"class":54,"line":341},20,[52,343,132],{"emptyLinePlaceholder":131},[52,345,347,349,351,353,356,358,360],{"class":54,"line":346},21,[52,348,297],{"class":58},[52,350,35],{"class":62},[52,352,319],{"class":58},[52,354,355],{"class":221},"Sheet content goes here",[52,357,163],{"class":58},[52,359,35],{"class":62},[52,361,70],{"class":58},[52,363,365],{"class":54,"line":364},22,[52,366,132],{"emptyLinePlaceholder":131},[52,368,370,372,374,376,379],{"class":54,"line":369},23,[52,371,297],{"class":58},[52,373,180],{"class":62},[52,375,302],{"class":58},[52,377,378],{"class":148},"footer",[52,380,70],{"class":58},[52,382,384,386,388,390,392,394,396,398,400,402,404],{"class":54,"line":383},24,[52,385,313],{"class":58},[52,387,191],{"class":62},[52,389,194],{"class":58},[52,391,197],{"class":148},[52,393,200],{"class":58},[52,395,203],{"class":58},[52,397,206],{"class":66},[52,399,145],{"class":58},[52,401,283],{"class":62},[52,403,203],{"class":58},[52,405,70],{"class":58},[52,407,409],{"class":54,"line":408},25,[52,410,411],{"class":221},"        Close\n",[52,413,415,418,420],{"class":54,"line":414},26,[52,416,417],{"class":58},"      \u003C/",[52,419,191],{"class":62},[52,421,70],{"class":58},[52,423,425,427,429],{"class":54,"line":424},27,[52,426,334],{"class":58},[52,428,180],{"class":62},[52,430,70],{"class":58},[52,432,434,436,438],{"class":54,"line":433},28,[52,435,228],{"class":58},[52,437,26],{"class":62},[52,439,70],{"class":58},[52,441,443,445,447],{"class":54,"line":442},29,[52,444,163],{"class":58},[52,446,180],{"class":62},[52,448,70],{"class":58},[450,451,453],"h3",{"id":452},"props","Props",[455,456,457,473],"table",{},[458,459,460],"thead",{},[461,462,463,467,470],"tr",{},[464,465,466],"th",{},"Name",[464,468,469],{},"Default",[464,471,472],{},"Type",[474,475,476,496,525,548,572],"tbody",{},[461,477,478,483,487],{},[479,480,481],"td",{},[49,482,254],{},[479,484,485],{},[49,486,154],{},[479,488,489,492,495],{},[49,490,491],{},"boolean",[493,494],"br",{},"Controls the visibility of the sheet",[461,497,498,503,508],{},[479,499,500],{},[49,501,502],{},"position",[479,504,505],{},[49,506,507],{},"right",[479,509,510,513,514,513,516,513,519,522,524],{},[49,511,512],{},"left"," ",[49,515,507],{},[49,517,518],{},"top",[49,520,521],{},"bottom",[493,523],{},"Controls the position of the sheet",[461,526,527,532,537],{},[479,528,529],{},[49,530,531],{},"size",[479,533,534],{},[49,535,536],{},"398",[479,538,539,513,542,545,547],{},[49,540,541],{},"number",[49,543,544],{},"string",[493,546],{},"Sets the width of the sheet (for left/right) or height (for top/bottom)",[461,549,550,555,558],{},[479,551,552],{},[49,553,554],{},"card",[479,556,557],{},"-",[479,559,560,563,565,566,571],{},[49,561,562],{},"CardProps",[493,564],{},"Props to pass to the underlying ",[567,568,570],"a",{"href":569},"/docs/components/card","Card"," component",[461,573,574,579,583],{},[479,575,576],{},[49,577,578],{},"transition-name",[479,580,581],{},[49,582,33],{},[479,584,585,513,587,513,590,592,593,596],{},[49,586,544],{},[49,588,589],{},"none",[493,591],{}," Allows you to change or disable the vue transition for the sheet appear.By default, a ",[49,594,595],{},"fade"," animation with direction depending on the placement is used.",[450,598,600],{"id":599},"events","Events",[455,602,603,615],{},[458,604,605],{},[461,606,607,609,612],{},[464,608,466],{},[464,610,611],{},"Payload",[464,613,614],{},"Description",[474,616,617],{},[461,618,619,623,625],{},[479,620,621],{},[49,622,272],{},[479,624,557],{},[479,626,627],{},"Emitted when the sheet is closed",[450,629,631],{"id":630},"slots","Slots",[455,633,634,644],{},[458,635,636],{},[461,637,638,640,642],{},[464,639,466],{},[464,641,453],{},[464,643,614],{},[474,645,646,661,674],{},[461,647,648,653,658],{},[479,649,650],{},[49,651,652],{},"default",[479,654,655],{},[49,656,657],{},"{ close: () => void }",[479,659,660],{},"The main content of the sheet",[461,662,663,667,671],{},[479,664,665],{},[49,666,305],{},[479,668,669],{},[49,670,657],{},[479,672,673],{},"The header content of the sheet",[461,675,676,680,684],{},[479,677,678],{},[49,679,378],{},[479,681,682],{},[49,683,657],{},[479,685,686],{},"The footer content of the sheet",[688,689,690],"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 .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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":47,"searchDepth":73,"depth":73,"links":692},[693,694,695],{"id":452,"depth":108,"text":453},{"id":599,"depth":108,"text":600},{"id":630,"depth":108,"text":631},"md",{},"/docs/components/sheet",{"title":26,"description":37},"docs/components/sheet","0G6X1Wk2MHhbhPWhCV_je4iQGLAOqORKg9lAvKjQTYE",1777992281591]