[{"data":1,"prerenderedAt":2311},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-playground":108,"-use-cases-playground-surround":2306},[4,33,67],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":32},"Get Started","heroicons-outline:book-open","\u002Fget-started","2.get-started",[10],{"title":11,"icon":12,"path":13,"stem":14,"children":15,"page":32},"Guide","akar-icons:book","\u002Fget-started\u002Fguide","2.get-started\u002F1.guide",[16,20,24,28],{"title":17,"path":18,"stem":19},"Concepts","\u002Fget-started\u002Fguide\u002Fconcepts","2.get-started\u002F1.guide\u002F1.concepts",{"title":21,"path":22,"stem":23},"Setup","\u002Fget-started\u002Fguide\u002Fsetup","2.get-started\u002F1.guide\u002F2.setup",{"title":25,"path":26,"stem":27},"Migration Guide","\u002Fget-started\u002Fguide\u002Fmigration-guide","2.get-started\u002F1.guide\u002F3.migration-guide",{"title":29,"path":30,"stem":31},"Types","\u002Fget-started\u002Fguide\u002Ftypes","2.get-started\u002F1.guide\u002F4.types",false,{"title":34,"icon":35,"path":36,"stem":37,"children":38,"page":32},"API","heroicons-outline:bookmark-alt","\u002Fapi","3.api",[39,53],{"title":40,"icon":41,"path":42,"stem":43,"children":44,"page":32},"Components","heroicons-outline:cube","\u002Fapi\u002Fcomponents","3.api\u002F1.components",[45,49],{"title":46,"path":47,"stem":48},"\u003CVueFinalModal>","\u002Fapi\u002Fcomponents\u002Fvue-final-modal","3.api\u002F1.components\u002F1.vue-final-modal",{"title":50,"path":51,"stem":52},"\u003CModalsContainer>","\u002Fapi\u002Fcomponents\u002Fmodals-container","3.api\u002F1.components\u002F2.modals-container",{"title":54,"icon":55,"path":56,"stem":57,"children":58,"page":32},"Composables","heroicons-outline:switch-horizontal","\u002Fapi\u002Fcomposables","3.api\u002F2.composables",[59,63],{"title":60,"path":61,"stem":62},"useModal()","\u002Fapi\u002Fcomposables\u002Fuse-modal","3.api\u002F2.composables\u002F1.use-modal",{"title":64,"path":65,"stem":66},"useVfm()","\u002Fapi\u002Fcomposables\u002Fuse-vfm","3.api\u002F2.composables\u002F2.use-vfm",{"title":68,"path":69,"stem":70,"children":71,"page":32},"Use Cases","\u002Fuse-cases","4.use-cases",[72,76,80,84,88,92,96,100,104],{"title":73,"path":74,"stem":75},"Playground","\u002Fuse-cases\u002Fplayground","4.use-cases\u002F1.playground",{"title":77,"path":78,"stem":79},"Modal Keep Alive","\u002Fuse-cases\u002Fmodal-keep-alive","4.use-cases\u002F10.modal-keep-alive",{"title":81,"path":82,"stem":83},"Modal Confirm","\u002Fuse-cases\u002Fconfirm-modal","4.use-cases\u002F3.confirm-modal",{"title":85,"path":86,"stem":87},"Modal Nested","\u002Fuse-cases\u002Fmodal-nested","4.use-cases\u002F4.modal-nested",{"title":89,"path":90,"stem":91},"Modal Fullscreen","\u002Fuse-cases\u002Fmodal-fullscreen","4.use-cases\u002F5.modal-fullscreen",{"title":93,"path":94,"stem":95},"Modal Bottom","\u002Fuse-cases\u002Fmodal-bottom","4.use-cases\u002F6.modal-bottom",{"title":97,"path":98,"stem":99},"Modal Login Form","\u002Fuse-cases\u002Fmodal-login-form","4.use-cases\u002F7.modal-login-form",{"title":101,"path":102,"stem":103},"Modal Drag Resize","\u002Fuse-cases\u002Fmodal-drag-resize","4.use-cases\u002F8.modal-drag-resize",{"title":105,"path":106,"stem":107},"Modal Long Scroll","\u002Fuse-cases\u002Fmodal-long-scroll","4.use-cases\u002F9.modal-long-scroll",{"id":109,"title":73,"body":110,"description":122,"extension":2299,"links":2300,"meta":2301,"navigation":188,"path":74,"seo":2304,"stem":75,"__hash__":2305},"docs\u002F4.use-cases\u002F1.playground.md",{"type":111,"value":112,"toc":2297},"minimark",[113,2294],[114,115,116,119],"code-preview",{},[117,118],"playground",{},[120,121,123],"template",{"v-slot:code":122},"",[124,125,130],"pre",{"className":126,"code":127,"filename":128,"language":129,"meta":122,"style":122},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003Cscript setup>\n  import { VueFinalModal } from 'vue-final-modal'\n\n  const getInitialValues = () => ({\n    teleportTo: 'body',\n    modelValue: false,\n    displayDirective: 'if',\n    hideOverlay: false,\n    overlayTransition: 'vfm-fade',\n    contentTransition: 'vfm-fade',\n    clickToClose: true,\n    escToClose: true,\n    background: 'non-interactive',\n    lockScroll: true,\n    reserveScrollBarGap: true,\n    swipeToClose: 'none',\n  })\n\n  const options = ref(getInitialValues())\n\n  function reset() {\n    options.value = getInitialValues()\n  }\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003Cdiv class=\"grid grid-cols-[150px_1fr] gap-y-2\">\n      \u003Ch3>modelValue:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.modelValue\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>displayDirective: \u003C\u002Fh3>\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel v-for=\"value in ['if', 'show']\" :key=\"value\" :for=\"value\">\n          \u003Cinput :id=\"value\" v-model=\"options.displayDirective\" type=\"radio\" name=\"displayDirective\" :value=\"value\">\n          {{ value }}\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Ch3>hideOverlay:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.hideOverlay\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>overlayTransition: \u003C\u002Fh3>\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel v-for=\"value in ['vfm-fade', 'vfm-slide-up', 'vfm-slide-right', 'vfm-slide-down', 'vfm-slide-left']\" :key=\"`overlay_${value}`\" :for=\"`overlay_${value}`\">\n          \u003Cinput :id=\"`overlay_${value}`\" v-model=\"options.overlayTransition\" type=\"radio\" name=\"overlayTransition\" :value=\"value\">\n          {{ value }}\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Ch3>contentTransition: \u003C\u002Fh3>\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel v-for=\"value in ['vfm-fade', 'vfm-slide-up', 'vfm-slide-right', 'vfm-slide-down', 'vfm-slide-left']\" :key=\"`content_${value}`\" :for=\"`content_${value}`\">\n          \u003Cinput :id=\"`content_${value}`\" v-model=\"options.contentTransition\" type=\"radio\" name=\"contentTransition\" :value=\"value\">\n          {{ value }}\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Ch3>clickToClose:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.clickToClose\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>escToClose:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.escToClose\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>background: \u003C\u002Fh3>\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel v-for=\"value in ['interactive', 'non-interactive']\" :key=\"value\" :for=\"value\">\n          \u003Cinput :id=\"value\" v-model=\"options.background\" type=\"radio\" name=\"background\" :value=\"value\">\n          {{ value }}\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n\n      \u003Ch3>lockScroll:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.lockScroll\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>reserveScrollBarGap:\u003C\u002Fh3>\n      \u003Clabel> \u003Cinput v-model=\"options.reserveScrollBarGap\" type=\"checkbox\"> \u003C\u002Flabel>\n\n      \u003Ch3>swipeToClose: \u003C\u002Fh3>\n      \u003Cdiv class=\"flex flex-col\">\n        \u003Clabel v-for=\"value in ['none', 'up', 'right', 'down', 'left']\" :key=\"value\" :for=\"value\">\n          \u003Cinput :id=\"value\" v-model=\"options.swipeToClose\" type=\"radio\" name=\"swipeToClose\" :value=\"value\">\n          {{ value }}\n        \u003C\u002Flabel>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"mt-4 space-x-4\">\n      \u003Cbutton class=\"ml-auto\" @click=\"options.modelValue = true\">\n        Open modal\n      \u003C\u002Fbutton>\n      \u003Cbutton @click=\"reset\">\n        Reset\n      \u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n\n    \u003CVueFinalModal\n      v-model=\"options.modelValue\"\n      :teleport-to=\"options.teleportTo\"\n      :display-directive=\"options.displayDirective\"\n      :hide-overlay=\"options.hideOverlay\"\n      :overlay-transition=\"options.overlayTransition\"\n      :content-transition=\"options.contentTransition\"\n      :click-to-close=\"options.clickToClose\"\n      :esc-to-close=\"options.escToClose\"\n      :background=\"options.background\"\n      :lock-scroll=\"options.lockScroll\"\n      :reserve-scroll-bar-gap=\"options.reserveScrollBarGap\"\n      :swipe-to-close=\"options.swipeToClose\"\n      class=\"flex justify-center items-center\"\n      content-class=\"max-w-xl mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2\"\n    >\n      \u003Ch1 class=\"text-xl\">\n        Hello World!\n      \u003C\u002Fh1>\n      \u003Cp>Magna deserunt nulla aliquip velit aute. Et occaecat elit nulla excepteur labore cupidatat. Duis culpa mollit commodo dolor qui Lorem qui laborum elit elit Lorem occaecat. Commodo eiusmod esse voluptate officia amet quis occaecat aliqua. Proident do irure amet ut occaecat dolor laboris consectetur.\u003C\u002Fp>\n      \u003Cbutton @click=\"options.modelValue = false\">\n        Close\n      \u003C\u002Fbutton>\n    \u003C\u002FVueFinalModal>\n\n  \u003C\u002Ftemplate>\n\n  \u003Cstyle scoped lang=\"css\">\n  button {\n    @apply px-2 py-1 border rounded;\n  }\n  \u003C\u002Fstyle>\n","Preview.vue","vue",[131,132,133,153,183,190,214,234,248,265,277,294,310,323,335,352,364,376,393,402,407,430,435,450,471,477,487,492,501,525,547,596,601,619,639,683,749,755,765,775,780,798,840,845,863,882,923,984,989,998,1007,1012,1030,1049,1089,1150,1155,1164,1173,1178,1196,1238,1243,1261,1303,1308,1326,1345,1385,1446,1451,1460,1469,1474,1492,1534,1539,1557,1599,1604,1622,1641,1681,1742,1747,1756,1765,1775,1780,1800,1833,1839,1848,1868,1874,1883,1892,1897,1905,1920,1935,1949,1963,1977,1991,2005,2019,2033,2047,2061,2075,2090,2105,2111,2132,2138,2147,2166,2186,2192,2201,2211,2216,2225,2230,2255,2264,2280,2285],"code",{"__ignoreMap":122},[134,135,138,142,146,150],"span",{"class":136,"line":137},"line",1,[134,139,141],{"class":140},"sMK4o","  \u003C",[134,143,145],{"class":144},"swJcz","script",[134,147,149],{"class":148},"spNyl"," setup",[134,151,152],{"class":140},">\n",[134,154,156,160,163,167,170,173,176,180],{"class":136,"line":155},2,[134,157,159],{"class":158},"s7zQu","  import",[134,161,162],{"class":140}," {",[134,164,166],{"class":165},"sTEyZ"," VueFinalModal",[134,168,169],{"class":140}," }",[134,171,172],{"class":158}," from",[134,174,175],{"class":140}," '",[134,177,179],{"class":178},"sfazB","vue-final-modal",[134,181,182],{"class":140},"'\n",[134,184,186],{"class":136,"line":185},3,[134,187,189],{"emptyLinePlaceholder":188},true,"\n",[134,191,193,196,199,202,205,208,211],{"class":136,"line":192},4,[134,194,195],{"class":148},"  const",[134,197,198],{"class":165}," getInitialValues ",[134,200,201],{"class":140},"=",[134,203,204],{"class":140}," ()",[134,206,207],{"class":148}," =>",[134,209,210],{"class":165}," (",[134,212,213],{"class":140},"{\n",[134,215,217,220,223,225,228,231],{"class":136,"line":216},5,[134,218,219],{"class":144},"    teleportTo",[134,221,222],{"class":140},":",[134,224,175],{"class":140},[134,226,227],{"class":178},"body",[134,229,230],{"class":140},"'",[134,232,233],{"class":140},",\n",[134,235,237,240,242,246],{"class":136,"line":236},6,[134,238,239],{"class":144},"    modelValue",[134,241,222],{"class":140},[134,243,245],{"class":244},"sfNiH"," false",[134,247,233],{"class":140},[134,249,251,254,256,258,261,263],{"class":136,"line":250},7,[134,252,253],{"class":144},"    displayDirective",[134,255,222],{"class":140},[134,257,175],{"class":140},[134,259,260],{"class":178},"if",[134,262,230],{"class":140},[134,264,233],{"class":140},[134,266,268,271,273,275],{"class":136,"line":267},8,[134,269,270],{"class":144},"    hideOverlay",[134,272,222],{"class":140},[134,274,245],{"class":244},[134,276,233],{"class":140},[134,278,280,283,285,287,290,292],{"class":136,"line":279},9,[134,281,282],{"class":144},"    overlayTransition",[134,284,222],{"class":140},[134,286,175],{"class":140},[134,288,289],{"class":178},"vfm-fade",[134,291,230],{"class":140},[134,293,233],{"class":140},[134,295,297,300,302,304,306,308],{"class":136,"line":296},10,[134,298,299],{"class":144},"    contentTransition",[134,301,222],{"class":140},[134,303,175],{"class":140},[134,305,289],{"class":178},[134,307,230],{"class":140},[134,309,233],{"class":140},[134,311,313,316,318,321],{"class":136,"line":312},11,[134,314,315],{"class":144},"    clickToClose",[134,317,222],{"class":140},[134,319,320],{"class":244}," true",[134,322,233],{"class":140},[134,324,326,329,331,333],{"class":136,"line":325},12,[134,327,328],{"class":144},"    escToClose",[134,330,222],{"class":140},[134,332,320],{"class":244},[134,334,233],{"class":140},[134,336,338,341,343,345,348,350],{"class":136,"line":337},13,[134,339,340],{"class":144},"    background",[134,342,222],{"class":140},[134,344,175],{"class":140},[134,346,347],{"class":178},"non-interactive",[134,349,230],{"class":140},[134,351,233],{"class":140},[134,353,355,358,360,362],{"class":136,"line":354},14,[134,356,357],{"class":144},"    lockScroll",[134,359,222],{"class":140},[134,361,320],{"class":244},[134,363,233],{"class":140},[134,365,367,370,372,374],{"class":136,"line":366},15,[134,368,369],{"class":144},"    reserveScrollBarGap",[134,371,222],{"class":140},[134,373,320],{"class":244},[134,375,233],{"class":140},[134,377,379,382,384,386,389,391],{"class":136,"line":378},16,[134,380,381],{"class":144},"    swipeToClose",[134,383,222],{"class":140},[134,385,175],{"class":140},[134,387,388],{"class":178},"none",[134,390,230],{"class":140},[134,392,233],{"class":140},[134,394,396,399],{"class":136,"line":395},17,[134,397,398],{"class":140},"  }",[134,400,401],{"class":165},")\n",[134,403,405],{"class":136,"line":404},18,[134,406,189],{"emptyLinePlaceholder":188},[134,408,410,412,415,417,421,424,427],{"class":136,"line":409},19,[134,411,195],{"class":148},[134,413,414],{"class":165}," options ",[134,416,201],{"class":140},[134,418,420],{"class":419},"s2Zo4"," ref",[134,422,423],{"class":165},"(",[134,425,426],{"class":419},"getInitialValues",[134,428,429],{"class":165},"())\n",[134,431,433],{"class":136,"line":432},20,[134,434,189],{"emptyLinePlaceholder":188},[134,436,438,441,444,447],{"class":136,"line":437},21,[134,439,440],{"class":148},"  function",[134,442,443],{"class":419}," reset",[134,445,446],{"class":140},"()",[134,448,449],{"class":140}," {\n",[134,451,453,456,459,462,465,468],{"class":136,"line":452},22,[134,454,455],{"class":165},"    options",[134,457,458],{"class":140},".",[134,460,461],{"class":165},"value",[134,463,464],{"class":140}," =",[134,466,467],{"class":419}," getInitialValues",[134,469,470],{"class":144},"()\n",[134,472,474],{"class":136,"line":473},23,[134,475,476],{"class":140},"  }\n",[134,478,480,483,485],{"class":136,"line":479},24,[134,481,482],{"class":140},"  \u003C\u002F",[134,484,145],{"class":144},[134,486,152],{"class":140},[134,488,490],{"class":136,"line":489},25,[134,491,189],{"emptyLinePlaceholder":188},[134,493,495,497,499],{"class":136,"line":494},26,[134,496,141],{"class":140},[134,498,120],{"class":144},[134,500,152],{"class":140},[134,502,504,507,510,513,515,518,521,523],{"class":136,"line":503},27,[134,505,506],{"class":140},"    \u003C",[134,508,509],{"class":144},"div",[134,511,512],{"class":148}," class",[134,514,201],{"class":140},[134,516,517],{"class":140},"\"",[134,519,520],{"class":178},"grid grid-cols-[150px_1fr] gap-y-2",[134,522,517],{"class":140},[134,524,152],{"class":140},[134,526,528,531,534,537,540,543,545],{"class":136,"line":527},28,[134,529,530],{"class":140},"      \u003C",[134,532,533],{"class":144},"h3",[134,535,536],{"class":140},">",[134,538,539],{"class":165},"modelValue:",[134,541,542],{"class":140},"\u003C\u002F",[134,544,533],{"class":144},[134,546,152],{"class":140},[134,548,550,552,555,557,560,563,566,568,570,573,575,578,580,582,585,587,589,592,594],{"class":136,"line":549},29,[134,551,530],{"class":140},[134,553,554],{"class":144},"label",[134,556,536],{"class":140},[134,558,559],{"class":140}," \u003C",[134,561,562],{"class":144},"input",[134,564,565],{"class":148}," v-model",[134,567,201],{"class":140},[134,569,517],{"class":140},[134,571,572],{"class":178},"options.modelValue",[134,574,517],{"class":140},[134,576,577],{"class":148}," type",[134,579,201],{"class":140},[134,581,517],{"class":140},[134,583,584],{"class":178},"checkbox",[134,586,517],{"class":140},[134,588,536],{"class":140},[134,590,591],{"class":140}," \u003C\u002F",[134,593,554],{"class":144},[134,595,152],{"class":140},[134,597,599],{"class":136,"line":598},30,[134,600,189],{"emptyLinePlaceholder":188},[134,602,604,606,608,610,613,615,617],{"class":136,"line":603},31,[134,605,530],{"class":140},[134,607,533],{"class":144},[134,609,536],{"class":140},[134,611,612],{"class":165},"displayDirective: ",[134,614,542],{"class":140},[134,616,533],{"class":144},[134,618,152],{"class":140},[134,620,622,624,626,628,630,632,635,637],{"class":136,"line":621},32,[134,623,530],{"class":140},[134,625,509],{"class":144},[134,627,512],{"class":148},[134,629,201],{"class":140},[134,631,517],{"class":140},[134,633,634],{"class":178},"flex flex-col",[134,636,517],{"class":140},[134,638,152],{"class":140},[134,640,642,645,647,650,652,654,657,659,662,664,666,668,670,673,675,677,679,681],{"class":136,"line":641},33,[134,643,644],{"class":140},"        \u003C",[134,646,554],{"class":144},[134,648,649],{"class":148}," v-for",[134,651,201],{"class":140},[134,653,517],{"class":140},[134,655,656],{"class":178},"value in ['if', 'show']",[134,658,517],{"class":140},[134,660,661],{"class":148}," :key",[134,663,201],{"class":140},[134,665,517],{"class":140},[134,667,461],{"class":178},[134,669,517],{"class":140},[134,671,672],{"class":148}," :for",[134,674,201],{"class":140},[134,676,517],{"class":140},[134,678,461],{"class":178},[134,680,517],{"class":140},[134,682,152],{"class":140},[134,684,686,689,691,694,696,698,700,702,704,706,708,711,713,715,717,719,722,724,727,729,731,734,736,739,741,743,745,747],{"class":136,"line":685},34,[134,687,688],{"class":140},"          \u003C",[134,690,562],{"class":144},[134,692,693],{"class":148}," :id",[134,695,201],{"class":140},[134,697,517],{"class":140},[134,699,461],{"class":178},[134,701,517],{"class":140},[134,703,565],{"class":148},[134,705,201],{"class":140},[134,707,517],{"class":140},[134,709,710],{"class":178},"options.displayDirective",[134,712,517],{"class":140},[134,714,577],{"class":148},[134,716,201],{"class":140},[134,718,517],{"class":140},[134,720,721],{"class":178},"radio",[134,723,517],{"class":140},[134,725,726],{"class":148}," name",[134,728,201],{"class":140},[134,730,517],{"class":140},[134,732,733],{"class":178},"displayDirective",[134,735,517],{"class":140},[134,737,738],{"class":148}," :value",[134,740,201],{"class":140},[134,742,517],{"class":140},[134,744,461],{"class":178},[134,746,517],{"class":140},[134,748,152],{"class":140},[134,750,752],{"class":136,"line":751},35,[134,753,754],{"class":165},"          {{ value }}\n",[134,756,758,761,763],{"class":136,"line":757},36,[134,759,760],{"class":140},"        \u003C\u002F",[134,762,554],{"class":144},[134,764,152],{"class":140},[134,766,768,771,773],{"class":136,"line":767},37,[134,769,770],{"class":140},"      \u003C\u002F",[134,772,509],{"class":144},[134,774,152],{"class":140},[134,776,778],{"class":136,"line":777},38,[134,779,189],{"emptyLinePlaceholder":188},[134,781,783,785,787,789,792,794,796],{"class":136,"line":782},39,[134,784,530],{"class":140},[134,786,533],{"class":144},[134,788,536],{"class":140},[134,790,791],{"class":165},"hideOverlay:",[134,793,542],{"class":140},[134,795,533],{"class":144},[134,797,152],{"class":140},[134,799,801,803,805,807,809,811,813,815,817,820,822,824,826,828,830,832,834,836,838],{"class":136,"line":800},40,[134,802,530],{"class":140},[134,804,554],{"class":144},[134,806,536],{"class":140},[134,808,559],{"class":140},[134,810,562],{"class":144},[134,812,565],{"class":148},[134,814,201],{"class":140},[134,816,517],{"class":140},[134,818,819],{"class":178},"options.hideOverlay",[134,821,517],{"class":140},[134,823,577],{"class":148},[134,825,201],{"class":140},[134,827,517],{"class":140},[134,829,584],{"class":178},[134,831,517],{"class":140},[134,833,536],{"class":140},[134,835,591],{"class":140},[134,837,554],{"class":144},[134,839,152],{"class":140},[134,841,843],{"class":136,"line":842},41,[134,844,189],{"emptyLinePlaceholder":188},[134,846,848,850,852,854,857,859,861],{"class":136,"line":847},42,[134,849,530],{"class":140},[134,851,533],{"class":144},[134,853,536],{"class":140},[134,855,856],{"class":165},"overlayTransition: ",[134,858,542],{"class":140},[134,860,533],{"class":144},[134,862,152],{"class":140},[134,864,866,868,870,872,874,876,878,880],{"class":136,"line":865},43,[134,867,530],{"class":140},[134,869,509],{"class":144},[134,871,512],{"class":148},[134,873,201],{"class":140},[134,875,517],{"class":140},[134,877,634],{"class":178},[134,879,517],{"class":140},[134,881,152],{"class":140},[134,883,885,887,889,891,893,895,898,900,902,904,906,909,911,913,915,917,919,921],{"class":136,"line":884},44,[134,886,644],{"class":140},[134,888,554],{"class":144},[134,890,649],{"class":148},[134,892,201],{"class":140},[134,894,517],{"class":140},[134,896,897],{"class":178},"value in ['vfm-fade', 'vfm-slide-up', 'vfm-slide-right', 'vfm-slide-down', 'vfm-slide-left']",[134,899,517],{"class":140},[134,901,661],{"class":148},[134,903,201],{"class":140},[134,905,517],{"class":140},[134,907,908],{"class":178},"`overlay_${value}`",[134,910,517],{"class":140},[134,912,672],{"class":148},[134,914,201],{"class":140},[134,916,517],{"class":140},[134,918,908],{"class":178},[134,920,517],{"class":140},[134,922,152],{"class":140},[134,924,926,928,930,932,934,936,938,940,942,944,946,949,951,953,955,957,959,961,963,965,967,970,972,974,976,978,980,982],{"class":136,"line":925},45,[134,927,688],{"class":140},[134,929,562],{"class":144},[134,931,693],{"class":148},[134,933,201],{"class":140},[134,935,517],{"class":140},[134,937,908],{"class":178},[134,939,517],{"class":140},[134,941,565],{"class":148},[134,943,201],{"class":140},[134,945,517],{"class":140},[134,947,948],{"class":178},"options.overlayTransition",[134,950,517],{"class":140},[134,952,577],{"class":148},[134,954,201],{"class":140},[134,956,517],{"class":140},[134,958,721],{"class":178},[134,960,517],{"class":140},[134,962,726],{"class":148},[134,964,201],{"class":140},[134,966,517],{"class":140},[134,968,969],{"class":178},"overlayTransition",[134,971,517],{"class":140},[134,973,738],{"class":148},[134,975,201],{"class":140},[134,977,517],{"class":140},[134,979,461],{"class":178},[134,981,517],{"class":140},[134,983,152],{"class":140},[134,985,987],{"class":136,"line":986},46,[134,988,754],{"class":165},[134,990,992,994,996],{"class":136,"line":991},47,[134,993,760],{"class":140},[134,995,554],{"class":144},[134,997,152],{"class":140},[134,999,1001,1003,1005],{"class":136,"line":1000},48,[134,1002,770],{"class":140},[134,1004,509],{"class":144},[134,1006,152],{"class":140},[134,1008,1010],{"class":136,"line":1009},49,[134,1011,189],{"emptyLinePlaceholder":188},[134,1013,1015,1017,1019,1021,1024,1026,1028],{"class":136,"line":1014},50,[134,1016,530],{"class":140},[134,1018,533],{"class":144},[134,1020,536],{"class":140},[134,1022,1023],{"class":165},"contentTransition: ",[134,1025,542],{"class":140},[134,1027,533],{"class":144},[134,1029,152],{"class":140},[134,1031,1033,1035,1037,1039,1041,1043,1045,1047],{"class":136,"line":1032},51,[134,1034,530],{"class":140},[134,1036,509],{"class":144},[134,1038,512],{"class":148},[134,1040,201],{"class":140},[134,1042,517],{"class":140},[134,1044,634],{"class":178},[134,1046,517],{"class":140},[134,1048,152],{"class":140},[134,1050,1052,1054,1056,1058,1060,1062,1064,1066,1068,1070,1072,1075,1077,1079,1081,1083,1085,1087],{"class":136,"line":1051},52,[134,1053,644],{"class":140},[134,1055,554],{"class":144},[134,1057,649],{"class":148},[134,1059,201],{"class":140},[134,1061,517],{"class":140},[134,1063,897],{"class":178},[134,1065,517],{"class":140},[134,1067,661],{"class":148},[134,1069,201],{"class":140},[134,1071,517],{"class":140},[134,1073,1074],{"class":178},"`content_${value}`",[134,1076,517],{"class":140},[134,1078,672],{"class":148},[134,1080,201],{"class":140},[134,1082,517],{"class":140},[134,1084,1074],{"class":178},[134,1086,517],{"class":140},[134,1088,152],{"class":140},[134,1090,1092,1094,1096,1098,1100,1102,1104,1106,1108,1110,1112,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1136,1138,1140,1142,1144,1146,1148],{"class":136,"line":1091},53,[134,1093,688],{"class":140},[134,1095,562],{"class":144},[134,1097,693],{"class":148},[134,1099,201],{"class":140},[134,1101,517],{"class":140},[134,1103,1074],{"class":178},[134,1105,517],{"class":140},[134,1107,565],{"class":148},[134,1109,201],{"class":140},[134,1111,517],{"class":140},[134,1113,1114],{"class":178},"options.contentTransition",[134,1116,517],{"class":140},[134,1118,577],{"class":148},[134,1120,201],{"class":140},[134,1122,517],{"class":140},[134,1124,721],{"class":178},[134,1126,517],{"class":140},[134,1128,726],{"class":148},[134,1130,201],{"class":140},[134,1132,517],{"class":140},[134,1134,1135],{"class":178},"contentTransition",[134,1137,517],{"class":140},[134,1139,738],{"class":148},[134,1141,201],{"class":140},[134,1143,517],{"class":140},[134,1145,461],{"class":178},[134,1147,517],{"class":140},[134,1149,152],{"class":140},[134,1151,1153],{"class":136,"line":1152},54,[134,1154,754],{"class":165},[134,1156,1158,1160,1162],{"class":136,"line":1157},55,[134,1159,760],{"class":140},[134,1161,554],{"class":144},[134,1163,152],{"class":140},[134,1165,1167,1169,1171],{"class":136,"line":1166},56,[134,1168,770],{"class":140},[134,1170,509],{"class":144},[134,1172,152],{"class":140},[134,1174,1176],{"class":136,"line":1175},57,[134,1177,189],{"emptyLinePlaceholder":188},[134,1179,1181,1183,1185,1187,1190,1192,1194],{"class":136,"line":1180},58,[134,1182,530],{"class":140},[134,1184,533],{"class":144},[134,1186,536],{"class":140},[134,1188,1189],{"class":165},"clickToClose:",[134,1191,542],{"class":140},[134,1193,533],{"class":144},[134,1195,152],{"class":140},[134,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1218,1220,1222,1224,1226,1228,1230,1232,1234,1236],{"class":136,"line":1198},59,[134,1200,530],{"class":140},[134,1202,554],{"class":144},[134,1204,536],{"class":140},[134,1206,559],{"class":140},[134,1208,562],{"class":144},[134,1210,565],{"class":148},[134,1212,201],{"class":140},[134,1214,517],{"class":140},[134,1216,1217],{"class":178},"options.clickToClose",[134,1219,517],{"class":140},[134,1221,577],{"class":148},[134,1223,201],{"class":140},[134,1225,517],{"class":140},[134,1227,584],{"class":178},[134,1229,517],{"class":140},[134,1231,536],{"class":140},[134,1233,591],{"class":140},[134,1235,554],{"class":144},[134,1237,152],{"class":140},[134,1239,1241],{"class":136,"line":1240},60,[134,1242,189],{"emptyLinePlaceholder":188},[134,1244,1246,1248,1250,1252,1255,1257,1259],{"class":136,"line":1245},61,[134,1247,530],{"class":140},[134,1249,533],{"class":144},[134,1251,536],{"class":140},[134,1253,1254],{"class":165},"escToClose:",[134,1256,542],{"class":140},[134,1258,533],{"class":144},[134,1260,152],{"class":140},[134,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301],{"class":136,"line":1263},62,[134,1265,530],{"class":140},[134,1267,554],{"class":144},[134,1269,536],{"class":140},[134,1271,559],{"class":140},[134,1273,562],{"class":144},[134,1275,565],{"class":148},[134,1277,201],{"class":140},[134,1279,517],{"class":140},[134,1281,1282],{"class":178},"options.escToClose",[134,1284,517],{"class":140},[134,1286,577],{"class":148},[134,1288,201],{"class":140},[134,1290,517],{"class":140},[134,1292,584],{"class":178},[134,1294,517],{"class":140},[134,1296,536],{"class":140},[134,1298,591],{"class":140},[134,1300,554],{"class":144},[134,1302,152],{"class":140},[134,1304,1306],{"class":136,"line":1305},63,[134,1307,189],{"emptyLinePlaceholder":188},[134,1309,1311,1313,1315,1317,1320,1322,1324],{"class":136,"line":1310},64,[134,1312,530],{"class":140},[134,1314,533],{"class":144},[134,1316,536],{"class":140},[134,1318,1319],{"class":165},"background: ",[134,1321,542],{"class":140},[134,1323,533],{"class":144},[134,1325,152],{"class":140},[134,1327,1329,1331,1333,1335,1337,1339,1341,1343],{"class":136,"line":1328},65,[134,1330,530],{"class":140},[134,1332,509],{"class":144},[134,1334,512],{"class":148},[134,1336,201],{"class":140},[134,1338,517],{"class":140},[134,1340,634],{"class":178},[134,1342,517],{"class":140},[134,1344,152],{"class":140},[134,1346,1348,1350,1352,1354,1356,1358,1361,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383],{"class":136,"line":1347},66,[134,1349,644],{"class":140},[134,1351,554],{"class":144},[134,1353,649],{"class":148},[134,1355,201],{"class":140},[134,1357,517],{"class":140},[134,1359,1360],{"class":178},"value in ['interactive', 'non-interactive']",[134,1362,517],{"class":140},[134,1364,661],{"class":148},[134,1366,201],{"class":140},[134,1368,517],{"class":140},[134,1370,461],{"class":178},[134,1372,517],{"class":140},[134,1374,672],{"class":148},[134,1376,201],{"class":140},[134,1378,517],{"class":140},[134,1380,461],{"class":178},[134,1382,517],{"class":140},[134,1384,152],{"class":140},[134,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408,1411,1413,1415,1417,1419,1421,1423,1425,1427,1429,1432,1434,1436,1438,1440,1442,1444],{"class":136,"line":1387},67,[134,1389,688],{"class":140},[134,1391,562],{"class":144},[134,1393,693],{"class":148},[134,1395,201],{"class":140},[134,1397,517],{"class":140},[134,1399,461],{"class":178},[134,1401,517],{"class":140},[134,1403,565],{"class":148},[134,1405,201],{"class":140},[134,1407,517],{"class":140},[134,1409,1410],{"class":178},"options.background",[134,1412,517],{"class":140},[134,1414,577],{"class":148},[134,1416,201],{"class":140},[134,1418,517],{"class":140},[134,1420,721],{"class":178},[134,1422,517],{"class":140},[134,1424,726],{"class":148},[134,1426,201],{"class":140},[134,1428,517],{"class":140},[134,1430,1431],{"class":178},"background",[134,1433,517],{"class":140},[134,1435,738],{"class":148},[134,1437,201],{"class":140},[134,1439,517],{"class":140},[134,1441,461],{"class":178},[134,1443,517],{"class":140},[134,1445,152],{"class":140},[134,1447,1449],{"class":136,"line":1448},68,[134,1450,754],{"class":165},[134,1452,1454,1456,1458],{"class":136,"line":1453},69,[134,1455,760],{"class":140},[134,1457,554],{"class":144},[134,1459,152],{"class":140},[134,1461,1463,1465,1467],{"class":136,"line":1462},70,[134,1464,770],{"class":140},[134,1466,509],{"class":144},[134,1468,152],{"class":140},[134,1470,1472],{"class":136,"line":1471},71,[134,1473,189],{"emptyLinePlaceholder":188},[134,1475,1477,1479,1481,1483,1486,1488,1490],{"class":136,"line":1476},72,[134,1478,530],{"class":140},[134,1480,533],{"class":144},[134,1482,536],{"class":140},[134,1484,1485],{"class":165},"lockScroll:",[134,1487,542],{"class":140},[134,1489,533],{"class":144},[134,1491,152],{"class":140},[134,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511,1514,1516,1518,1520,1522,1524,1526,1528,1530,1532],{"class":136,"line":1494},73,[134,1496,530],{"class":140},[134,1498,554],{"class":144},[134,1500,536],{"class":140},[134,1502,559],{"class":140},[134,1504,562],{"class":144},[134,1506,565],{"class":148},[134,1508,201],{"class":140},[134,1510,517],{"class":140},[134,1512,1513],{"class":178},"options.lockScroll",[134,1515,517],{"class":140},[134,1517,577],{"class":148},[134,1519,201],{"class":140},[134,1521,517],{"class":140},[134,1523,584],{"class":178},[134,1525,517],{"class":140},[134,1527,536],{"class":140},[134,1529,591],{"class":140},[134,1531,554],{"class":144},[134,1533,152],{"class":140},[134,1535,1537],{"class":136,"line":1536},74,[134,1538,189],{"emptyLinePlaceholder":188},[134,1540,1542,1544,1546,1548,1551,1553,1555],{"class":136,"line":1541},75,[134,1543,530],{"class":140},[134,1545,533],{"class":144},[134,1547,536],{"class":140},[134,1549,1550],{"class":165},"reserveScrollBarGap:",[134,1552,542],{"class":140},[134,1554,533],{"class":144},[134,1556,152],{"class":140},[134,1558,1560,1562,1564,1566,1568,1570,1572,1574,1576,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597],{"class":136,"line":1559},76,[134,1561,530],{"class":140},[134,1563,554],{"class":144},[134,1565,536],{"class":140},[134,1567,559],{"class":140},[134,1569,562],{"class":144},[134,1571,565],{"class":148},[134,1573,201],{"class":140},[134,1575,517],{"class":140},[134,1577,1578],{"class":178},"options.reserveScrollBarGap",[134,1580,517],{"class":140},[134,1582,577],{"class":148},[134,1584,201],{"class":140},[134,1586,517],{"class":140},[134,1588,584],{"class":178},[134,1590,517],{"class":140},[134,1592,536],{"class":140},[134,1594,591],{"class":140},[134,1596,554],{"class":144},[134,1598,152],{"class":140},[134,1600,1602],{"class":136,"line":1601},77,[134,1603,189],{"emptyLinePlaceholder":188},[134,1605,1607,1609,1611,1613,1616,1618,1620],{"class":136,"line":1606},78,[134,1608,530],{"class":140},[134,1610,533],{"class":144},[134,1612,536],{"class":140},[134,1614,1615],{"class":165},"swipeToClose: ",[134,1617,542],{"class":140},[134,1619,533],{"class":144},[134,1621,152],{"class":140},[134,1623,1625,1627,1629,1631,1633,1635,1637,1639],{"class":136,"line":1624},79,[134,1626,530],{"class":140},[134,1628,509],{"class":144},[134,1630,512],{"class":148},[134,1632,201],{"class":140},[134,1634,517],{"class":140},[134,1636,634],{"class":178},[134,1638,517],{"class":140},[134,1640,152],{"class":140},[134,1642,1644,1646,1648,1650,1652,1654,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679],{"class":136,"line":1643},80,[134,1645,644],{"class":140},[134,1647,554],{"class":144},[134,1649,649],{"class":148},[134,1651,201],{"class":140},[134,1653,517],{"class":140},[134,1655,1656],{"class":178},"value in ['none', 'up', 'right', 'down', 'left']",[134,1658,517],{"class":140},[134,1660,661],{"class":148},[134,1662,201],{"class":140},[134,1664,517],{"class":140},[134,1666,461],{"class":178},[134,1668,517],{"class":140},[134,1670,672],{"class":148},[134,1672,201],{"class":140},[134,1674,517],{"class":140},[134,1676,461],{"class":178},[134,1678,517],{"class":140},[134,1680,152],{"class":140},[134,1682,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1707,1709,1711,1713,1715,1717,1719,1721,1723,1725,1728,1730,1732,1734,1736,1738,1740],{"class":136,"line":1683},81,[134,1685,688],{"class":140},[134,1687,562],{"class":144},[134,1689,693],{"class":148},[134,1691,201],{"class":140},[134,1693,517],{"class":140},[134,1695,461],{"class":178},[134,1697,517],{"class":140},[134,1699,565],{"class":148},[134,1701,201],{"class":140},[134,1703,517],{"class":140},[134,1705,1706],{"class":178},"options.swipeToClose",[134,1708,517],{"class":140},[134,1710,577],{"class":148},[134,1712,201],{"class":140},[134,1714,517],{"class":140},[134,1716,721],{"class":178},[134,1718,517],{"class":140},[134,1720,726],{"class":148},[134,1722,201],{"class":140},[134,1724,517],{"class":140},[134,1726,1727],{"class":178},"swipeToClose",[134,1729,517],{"class":140},[134,1731,738],{"class":148},[134,1733,201],{"class":140},[134,1735,517],{"class":140},[134,1737,461],{"class":178},[134,1739,517],{"class":140},[134,1741,152],{"class":140},[134,1743,1745],{"class":136,"line":1744},82,[134,1746,754],{"class":165},[134,1748,1750,1752,1754],{"class":136,"line":1749},83,[134,1751,760],{"class":140},[134,1753,554],{"class":144},[134,1755,152],{"class":140},[134,1757,1759,1761,1763],{"class":136,"line":1758},84,[134,1760,770],{"class":140},[134,1762,509],{"class":144},[134,1764,152],{"class":140},[134,1766,1768,1771,1773],{"class":136,"line":1767},85,[134,1769,1770],{"class":140},"    \u003C\u002F",[134,1772,509],{"class":144},[134,1774,152],{"class":140},[134,1776,1778],{"class":136,"line":1777},86,[134,1779,189],{"emptyLinePlaceholder":188},[134,1781,1783,1785,1787,1789,1791,1793,1796,1798],{"class":136,"line":1782},87,[134,1784,506],{"class":140},[134,1786,509],{"class":144},[134,1788,512],{"class":148},[134,1790,201],{"class":140},[134,1792,517],{"class":140},[134,1794,1795],{"class":178},"mt-4 space-x-4",[134,1797,517],{"class":140},[134,1799,152],{"class":140},[134,1801,1803,1805,1808,1810,1812,1814,1817,1819,1822,1824,1826,1829,1831],{"class":136,"line":1802},88,[134,1804,530],{"class":140},[134,1806,1807],{"class":144},"button",[134,1809,512],{"class":148},[134,1811,201],{"class":140},[134,1813,517],{"class":140},[134,1815,1816],{"class":178},"ml-auto",[134,1818,517],{"class":140},[134,1820,1821],{"class":148}," @click",[134,1823,201],{"class":140},[134,1825,517],{"class":140},[134,1827,1828],{"class":178},"options.modelValue = true",[134,1830,517],{"class":140},[134,1832,152],{"class":140},[134,1834,1836],{"class":136,"line":1835},89,[134,1837,1838],{"class":165},"        Open modal\n",[134,1840,1842,1844,1846],{"class":136,"line":1841},90,[134,1843,770],{"class":140},[134,1845,1807],{"class":144},[134,1847,152],{"class":140},[134,1849,1851,1853,1855,1857,1859,1861,1864,1866],{"class":136,"line":1850},91,[134,1852,530],{"class":140},[134,1854,1807],{"class":144},[134,1856,1821],{"class":148},[134,1858,201],{"class":140},[134,1860,517],{"class":140},[134,1862,1863],{"class":178},"reset",[134,1865,517],{"class":140},[134,1867,152],{"class":140},[134,1869,1871],{"class":136,"line":1870},92,[134,1872,1873],{"class":165},"        Reset\n",[134,1875,1877,1879,1881],{"class":136,"line":1876},93,[134,1878,770],{"class":140},[134,1880,1807],{"class":144},[134,1882,152],{"class":140},[134,1884,1886,1888,1890],{"class":136,"line":1885},94,[134,1887,1770],{"class":140},[134,1889,509],{"class":144},[134,1891,152],{"class":140},[134,1893,1895],{"class":136,"line":1894},95,[134,1896,189],{"emptyLinePlaceholder":188},[134,1898,1900,1902],{"class":136,"line":1899},96,[134,1901,506],{"class":140},[134,1903,1904],{"class":144},"VueFinalModal\n",[134,1906,1908,1911,1913,1915,1917],{"class":136,"line":1907},97,[134,1909,1910],{"class":148},"      v-model",[134,1912,201],{"class":140},[134,1914,517],{"class":140},[134,1916,572],{"class":178},[134,1918,1919],{"class":140},"\"\n",[134,1921,1923,1926,1928,1930,1933],{"class":136,"line":1922},98,[134,1924,1925],{"class":148},"      :teleport-to",[134,1927,201],{"class":140},[134,1929,517],{"class":140},[134,1931,1932],{"class":178},"options.teleportTo",[134,1934,1919],{"class":140},[134,1936,1938,1941,1943,1945,1947],{"class":136,"line":1937},99,[134,1939,1940],{"class":148},"      :display-directive",[134,1942,201],{"class":140},[134,1944,517],{"class":140},[134,1946,710],{"class":178},[134,1948,1919],{"class":140},[134,1950,1952,1955,1957,1959,1961],{"class":136,"line":1951},100,[134,1953,1954],{"class":148},"      :hide-overlay",[134,1956,201],{"class":140},[134,1958,517],{"class":140},[134,1960,819],{"class":178},[134,1962,1919],{"class":140},[134,1964,1966,1969,1971,1973,1975],{"class":136,"line":1965},101,[134,1967,1968],{"class":148},"      :overlay-transition",[134,1970,201],{"class":140},[134,1972,517],{"class":140},[134,1974,948],{"class":178},[134,1976,1919],{"class":140},[134,1978,1980,1983,1985,1987,1989],{"class":136,"line":1979},102,[134,1981,1982],{"class":148},"      :content-transition",[134,1984,201],{"class":140},[134,1986,517],{"class":140},[134,1988,1114],{"class":178},[134,1990,1919],{"class":140},[134,1992,1994,1997,1999,2001,2003],{"class":136,"line":1993},103,[134,1995,1996],{"class":148},"      :click-to-close",[134,1998,201],{"class":140},[134,2000,517],{"class":140},[134,2002,1217],{"class":178},[134,2004,1919],{"class":140},[134,2006,2008,2011,2013,2015,2017],{"class":136,"line":2007},104,[134,2009,2010],{"class":148},"      :esc-to-close",[134,2012,201],{"class":140},[134,2014,517],{"class":140},[134,2016,1282],{"class":178},[134,2018,1919],{"class":140},[134,2020,2022,2025,2027,2029,2031],{"class":136,"line":2021},105,[134,2023,2024],{"class":148},"      :background",[134,2026,201],{"class":140},[134,2028,517],{"class":140},[134,2030,1410],{"class":178},[134,2032,1919],{"class":140},[134,2034,2036,2039,2041,2043,2045],{"class":136,"line":2035},106,[134,2037,2038],{"class":148},"      :lock-scroll",[134,2040,201],{"class":140},[134,2042,517],{"class":140},[134,2044,1513],{"class":178},[134,2046,1919],{"class":140},[134,2048,2050,2053,2055,2057,2059],{"class":136,"line":2049},107,[134,2051,2052],{"class":148},"      :reserve-scroll-bar-gap",[134,2054,201],{"class":140},[134,2056,517],{"class":140},[134,2058,1578],{"class":178},[134,2060,1919],{"class":140},[134,2062,2064,2067,2069,2071,2073],{"class":136,"line":2063},108,[134,2065,2066],{"class":148},"      :swipe-to-close",[134,2068,201],{"class":140},[134,2070,517],{"class":140},[134,2072,1706],{"class":178},[134,2074,1919],{"class":140},[134,2076,2078,2081,2083,2085,2088],{"class":136,"line":2077},109,[134,2079,2080],{"class":148},"      class",[134,2082,201],{"class":140},[134,2084,517],{"class":140},[134,2086,2087],{"class":178},"flex justify-center items-center",[134,2089,1919],{"class":140},[134,2091,2093,2096,2098,2100,2103],{"class":136,"line":2092},110,[134,2094,2095],{"class":148},"      content-class",[134,2097,201],{"class":140},[134,2099,517],{"class":140},[134,2101,2102],{"class":178},"max-w-xl mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2",[134,2104,1919],{"class":140},[134,2106,2108],{"class":136,"line":2107},111,[134,2109,2110],{"class":140},"    >\n",[134,2112,2114,2116,2119,2121,2123,2125,2128,2130],{"class":136,"line":2113},112,[134,2115,530],{"class":140},[134,2117,2118],{"class":144},"h1",[134,2120,512],{"class":148},[134,2122,201],{"class":140},[134,2124,517],{"class":140},[134,2126,2127],{"class":178},"text-xl",[134,2129,517],{"class":140},[134,2131,152],{"class":140},[134,2133,2135],{"class":136,"line":2134},113,[134,2136,2137],{"class":165},"        Hello World!\n",[134,2139,2141,2143,2145],{"class":136,"line":2140},114,[134,2142,770],{"class":140},[134,2144,2118],{"class":144},[134,2146,152],{"class":140},[134,2148,2150,2152,2155,2157,2160,2162,2164],{"class":136,"line":2149},115,[134,2151,530],{"class":140},[134,2153,2154],{"class":144},"p",[134,2156,536],{"class":140},[134,2158,2159],{"class":165},"Magna deserunt nulla aliquip velit aute. Et occaecat elit nulla excepteur labore cupidatat. Duis culpa mollit commodo dolor qui Lorem qui laborum elit elit Lorem occaecat. Commodo eiusmod esse voluptate officia amet quis occaecat aliqua. Proident do irure amet ut occaecat dolor laboris consectetur.",[134,2161,542],{"class":140},[134,2163,2154],{"class":144},[134,2165,152],{"class":140},[134,2167,2169,2171,2173,2175,2177,2179,2182,2184],{"class":136,"line":2168},116,[134,2170,530],{"class":140},[134,2172,1807],{"class":144},[134,2174,1821],{"class":148},[134,2176,201],{"class":140},[134,2178,517],{"class":140},[134,2180,2181],{"class":178},"options.modelValue = false",[134,2183,517],{"class":140},[134,2185,152],{"class":140},[134,2187,2189],{"class":136,"line":2188},117,[134,2190,2191],{"class":165},"        Close\n",[134,2193,2195,2197,2199],{"class":136,"line":2194},118,[134,2196,770],{"class":140},[134,2198,1807],{"class":144},[134,2200,152],{"class":140},[134,2202,2204,2206,2209],{"class":136,"line":2203},119,[134,2205,1770],{"class":140},[134,2207,2208],{"class":144},"VueFinalModal",[134,2210,152],{"class":140},[134,2212,2214],{"class":136,"line":2213},120,[134,2215,189],{"emptyLinePlaceholder":188},[134,2217,2219,2221,2223],{"class":136,"line":2218},121,[134,2220,482],{"class":140},[134,2222,120],{"class":144},[134,2224,152],{"class":140},[134,2226,2228],{"class":136,"line":2227},122,[134,2229,189],{"emptyLinePlaceholder":188},[134,2231,2233,2235,2238,2241,2244,2246,2248,2251,2253],{"class":136,"line":2232},123,[134,2234,141],{"class":140},[134,2236,2237],{"class":144},"style",[134,2239,2240],{"class":148}," scoped",[134,2242,2243],{"class":148}," lang",[134,2245,201],{"class":140},[134,2247,517],{"class":140},[134,2249,2250],{"class":178},"css",[134,2252,517],{"class":140},[134,2254,152],{"class":140},[134,2256,2258,2262],{"class":136,"line":2257},124,[134,2259,2261],{"class":2260},"sBMFI","  button",[134,2263,449],{"class":140},[134,2265,2267,2270,2274,2277],{"class":136,"line":2266},125,[134,2268,2269],{"class":165},"    @apply px-2 py-1 ",[134,2271,2273],{"class":2272},"sqsOY","border",[134,2275,2276],{"class":165}," rounded",[134,2278,2279],{"class":140},";\n",[134,2281,2283],{"class":136,"line":2282},126,[134,2284,476],{"class":140},[134,2286,2288,2290,2292],{"class":136,"line":2287},127,[134,2289,482],{"class":140},[134,2291,2237],{"class":144},[134,2293,152],{"class":140},[2237,2295,2296],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}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);}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":122,"searchDepth":155,"depth":155,"links":2298},[],"md",null,{"head":2302},{"title":2303},"Playground | Examples",{"title":73,"description":122},"ApFTtjG0GJCRW-VR1CDRLCK5fpsXGe6XD6E_N4tepes",[2307,2309],{"title":64,"path":65,"stem":66,"description":2308,"children":-1},"useVfm(){lang=ts} provides global state for the modal components and also provides functions that can be used to control the modal components.",{"title":77,"path":78,"stem":79,"description":2310,"children":-1},"Keep a dynamic modal mounted after it is closed, so its state survives the next open().",1791743377608]