[{"data":1,"prerenderedAt":1025},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-modal-long-scroll":108,"-use-cases-modal-long-scroll-surround":1022},[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":105,"body":110,"description":1014,"extension":1015,"links":1016,"meta":1017,"navigation":225,"path":106,"seo":1020,"stem":107,"__hash__":1021},"docs\u002F4.use-cases\u002F9.modal-long-scroll.md",{"type":111,"value":112,"toc":1009},"minimark",[113,118,562,569,1005],[114,115,117],"h2",{"id":116},"preview","Preview",[119,120,121,124],"code-preview",{},[122,123],"modal-long-scroll-preview",{},[125,126,128],"template",{"v-slot:code":127},"",[129,130,135],"pre",{"className":131,"code":132,"filename":133,"language":134,"meta":127,"style":127},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003Cscript setup lang=\"ts\">\n  import { useModal } from 'vue-final-modal'\n  import ModalLongScroll from '.\u002FModalLongScroll.vue'\n\n  const p = `\u003Cp>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ullamcorper,\n        ex at blandit iaculis, nibh urna lacinia tellus, a auctor lorem libero a\n        lectus. Nulla bibendum mollis sapien, nec euismod mi mattis cursus.\n        Curabitur accumsan erat eu viverra fringilla. Interdum et malesuada fames\n        ac ante ipsum primis in faucibus. Phasellus ut neque eu diam vehicula\n        efficitur. Vivamus ultricies purus facilisis augue porttitor vestibulum a\n        non neque. Nunc egestas risus elit, sed fringilla velit posuere et.\n      \u003C\u002Fp>`\n\n  const { open, close } = useModal({\n    component: ModalLongScroll,\n    attrs: {\n      title: 'Hello World!',\n      onConfirm: () => close(),\n    },\n    slots: {\n      default: p + p + p + p + p + p + p + p + p + p + p + p,\n    },\n  })\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVButton @click=\"show\">\n      Open Modal\n    \u003C\u002FVButton>\n\n  \u003C\u002Ftemplate>\n\n","Preview.vue","vue",[136,137,138,173,202,220,227,244,250,256,262,268,274,280,286,295,300,331,346,357,375,397,403,413,471,476,485,495,500,509,532,538,548,553],"code",{"__ignoreMap":127},[139,140,143,147,151,155,158,161,164,168,170],"span",{"class":141,"line":142},"line",1,[139,144,146],{"class":145},"sMK4o","  \u003C",[139,148,150],{"class":149},"swJcz","script",[139,152,154],{"class":153},"spNyl"," setup",[139,156,157],{"class":153}," lang",[139,159,160],{"class":145},"=",[139,162,163],{"class":145},"\"",[139,165,167],{"class":166},"sfazB","ts",[139,169,163],{"class":145},[139,171,172],{"class":145},">\n",[139,174,176,180,183,187,190,193,196,199],{"class":141,"line":175},2,[139,177,179],{"class":178},"s7zQu","  import",[139,181,182],{"class":145}," {",[139,184,186],{"class":185},"sTEyZ"," useModal",[139,188,189],{"class":145}," }",[139,191,192],{"class":178}," from",[139,194,195],{"class":145}," '",[139,197,198],{"class":166},"vue-final-modal",[139,200,201],{"class":145},"'\n",[139,203,205,207,210,213,215,218],{"class":141,"line":204},3,[139,206,179],{"class":178},[139,208,209],{"class":185}," ModalLongScroll ",[139,211,212],{"class":178},"from",[139,214,195],{"class":145},[139,216,217],{"class":166},".\u002FModalLongScroll.vue",[139,219,201],{"class":145},[139,221,223],{"class":141,"line":222},4,[139,224,226],{"emptyLinePlaceholder":225},true,"\n",[139,228,230,233,236,238,241],{"class":141,"line":229},5,[139,231,232],{"class":153},"  const",[139,234,235],{"class":185}," p ",[139,237,160],{"class":145},[139,239,240],{"class":145}," `",[139,242,243],{"class":166},"\u003Cp>\n",[139,245,247],{"class":141,"line":246},6,[139,248,249],{"class":166},"        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ullamcorper,\n",[139,251,253],{"class":141,"line":252},7,[139,254,255],{"class":166},"        ex at blandit iaculis, nibh urna lacinia tellus, a auctor lorem libero a\n",[139,257,259],{"class":141,"line":258},8,[139,260,261],{"class":166},"        lectus. Nulla bibendum mollis sapien, nec euismod mi mattis cursus.\n",[139,263,265],{"class":141,"line":264},9,[139,266,267],{"class":166},"        Curabitur accumsan erat eu viverra fringilla. Interdum et malesuada fames\n",[139,269,271],{"class":141,"line":270},10,[139,272,273],{"class":166},"        ac ante ipsum primis in faucibus. Phasellus ut neque eu diam vehicula\n",[139,275,277],{"class":141,"line":276},11,[139,278,279],{"class":166},"        efficitur. Vivamus ultricies purus facilisis augue porttitor vestibulum a\n",[139,281,283],{"class":141,"line":282},12,[139,284,285],{"class":166},"        non neque. Nunc egestas risus elit, sed fringilla velit posuere et.\n",[139,287,289,292],{"class":141,"line":288},13,[139,290,291],{"class":166},"      \u003C\u002Fp>",[139,293,294],{"class":145},"`\n",[139,296,298],{"class":141,"line":297},14,[139,299,226],{"emptyLinePlaceholder":225},[139,301,303,305,307,310,313,316,319,322,325,328],{"class":141,"line":302},15,[139,304,232],{"class":153},[139,306,182],{"class":145},[139,308,309],{"class":185}," open",[139,311,312],{"class":145},",",[139,314,315],{"class":185}," close ",[139,317,318],{"class":145},"}",[139,320,321],{"class":145}," =",[139,323,186],{"class":324},"s2Zo4",[139,326,327],{"class":185},"(",[139,329,330],{"class":145},"{\n",[139,332,334,337,340,343],{"class":141,"line":333},16,[139,335,336],{"class":149},"    component",[139,338,339],{"class":145},":",[139,341,342],{"class":185}," ModalLongScroll",[139,344,345],{"class":145},",\n",[139,347,349,352,354],{"class":141,"line":348},17,[139,350,351],{"class":149},"    attrs",[139,353,339],{"class":145},[139,355,356],{"class":145}," {\n",[139,358,360,363,365,367,370,373],{"class":141,"line":359},18,[139,361,362],{"class":149},"      title",[139,364,339],{"class":145},[139,366,195],{"class":145},[139,368,369],{"class":166},"Hello World!",[139,371,372],{"class":145},"'",[139,374,345],{"class":145},[139,376,378,381,383,386,389,392,395],{"class":141,"line":377},19,[139,379,380],{"class":324},"      onConfirm",[139,382,339],{"class":145},[139,384,385],{"class":145}," ()",[139,387,388],{"class":153}," =>",[139,390,391],{"class":324}," close",[139,393,394],{"class":185},"()",[139,396,345],{"class":145},[139,398,400],{"class":141,"line":399},20,[139,401,402],{"class":145},"    },\n",[139,404,406,409,411],{"class":141,"line":405},21,[139,407,408],{"class":149},"    slots",[139,410,339],{"class":145},[139,412,356],{"class":145},[139,414,416,419,421,423,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,456,458,460,462,464,466,469],{"class":141,"line":415},22,[139,417,418],{"class":149},"      default",[139,420,339],{"class":145},[139,422,235],{"class":185},[139,424,425],{"class":145},"+",[139,427,235],{"class":185},[139,429,425],{"class":145},[139,431,235],{"class":185},[139,433,425],{"class":145},[139,435,235],{"class":185},[139,437,425],{"class":145},[139,439,235],{"class":185},[139,441,425],{"class":145},[139,443,235],{"class":185},[139,445,425],{"class":145},[139,447,235],{"class":185},[139,449,425],{"class":145},[139,451,235],{"class":185},[139,453,425],{"class":145},[139,455,235],{"class":185},[139,457,425],{"class":145},[139,459,235],{"class":185},[139,461,425],{"class":145},[139,463,235],{"class":185},[139,465,425],{"class":145},[139,467,468],{"class":185}," p",[139,470,345],{"class":145},[139,472,474],{"class":141,"line":473},23,[139,475,402],{"class":145},[139,477,479,482],{"class":141,"line":478},24,[139,480,481],{"class":145},"  }",[139,483,484],{"class":185},")\n",[139,486,488,491,493],{"class":141,"line":487},25,[139,489,490],{"class":145},"  \u003C\u002F",[139,492,150],{"class":149},[139,494,172],{"class":145},[139,496,498],{"class":141,"line":497},26,[139,499,226],{"emptyLinePlaceholder":225},[139,501,503,505,507],{"class":141,"line":502},27,[139,504,146],{"class":145},[139,506,125],{"class":149},[139,508,172],{"class":145},[139,510,512,515,518,521,523,525,528,530],{"class":141,"line":511},28,[139,513,514],{"class":145},"    \u003C",[139,516,517],{"class":149},"VButton",[139,519,520],{"class":153}," @click",[139,522,160],{"class":145},[139,524,163],{"class":145},[139,526,527],{"class":166},"show",[139,529,163],{"class":145},[139,531,172],{"class":145},[139,533,535],{"class":141,"line":534},29,[139,536,537],{"class":185},"      Open Modal\n",[139,539,541,544,546],{"class":141,"line":540},30,[139,542,543],{"class":145},"    \u003C\u002F",[139,545,517],{"class":149},[139,547,172],{"class":145},[139,549,551],{"class":141,"line":550},31,[139,552,226],{"emptyLinePlaceholder":225},[139,554,556,558,560],{"class":141,"line":555},32,[139,557,490],{"class":145},[139,559,125],{"class":149},[139,561,172],{"class":145},[114,563,565,568],{"id":564},"modallongscroll-component",[136,566,567],{},"\u003CModalLongScroll>"," component",[570,571,572],"code-group",{},[129,573,576],{"className":131,"code":574,"filename":575,"language":134,"meta":127,"style":127},"  \u003Cscript setup lang=\"ts\">\n  import { VueFinalModal } from 'vue-final-modal'\n\n  defineProps\u003C{\n    title?: string\n  }>()\n\n  const emit = defineEmits\u003C{\n    (e: 'update:modelValue', modelValue: boolean): void\n    (e: 'confirm'): void\n  }>()\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVueFinalModal\n      content-transition=\"vfm-fade\"\n      overlay-transition=\"vfm-fade\"\n      content-class=\"absolute inset-0\"\n      @update:model-value=\"(val) => emit('update:modelValue', val)\"\n    >\n      \u003Cdiv\n        class=\"absolute inset-0 h-full overflow-auto\"\n        @click.self=\"() => emit('update:modelValue', false)\"\n      >\n        \u003Cdiv class=\"flex flex-col max-w-xl my-12 mx-auto p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2\">\n          \u003Ch1 class=\"text-xl\">\n            {{ title }}\n          \u003C\u002Fh1>\n          \u003Cslot \u002F>\n          \u003Cbutton class=\"mt-1 ml-auto px-2 border rounded-lg\" @click=\"() => emit('confirm')\">\n            Confirm\n          \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002FVueFinalModal>\n  \u003C\u002Ftemplate>\n","ModalLongScroll.vue",[136,577,578,598,617,621,629,641,649,653,667,701,720,726,734,738,746,753,768,781,795,809,814,822,836,850,855,877,898,903,912,922,953,958,966,976,986,996],{"__ignoreMap":127},[139,579,580,582,584,586,588,590,592,594,596],{"class":141,"line":142},[139,581,146],{"class":145},[139,583,150],{"class":149},[139,585,154],{"class":153},[139,587,157],{"class":153},[139,589,160],{"class":145},[139,591,163],{"class":145},[139,593,167],{"class":166},[139,595,163],{"class":145},[139,597,172],{"class":145},[139,599,600,602,604,607,609,611,613,615],{"class":141,"line":175},[139,601,179],{"class":178},[139,603,182],{"class":145},[139,605,606],{"class":185}," VueFinalModal",[139,608,189],{"class":145},[139,610,192],{"class":178},[139,612,195],{"class":145},[139,614,198],{"class":166},[139,616,201],{"class":145},[139,618,619],{"class":141,"line":204},[139,620,226],{"emptyLinePlaceholder":225},[139,622,623,626],{"class":141,"line":222},[139,624,625],{"class":324},"  defineProps",[139,627,628],{"class":145},"\u003C{\n",[139,630,631,634,637],{"class":141,"line":229},[139,632,633],{"class":149},"    title",[139,635,636],{"class":145},"?:",[139,638,640],{"class":639},"sBMFI"," string\n",[139,642,643,646],{"class":141,"line":246},[139,644,645],{"class":145},"  }>",[139,647,648],{"class":185},"()\n",[139,650,651],{"class":141,"line":252},[139,652,226],{"emptyLinePlaceholder":225},[139,654,655,657,660,662,665],{"class":141,"line":258},[139,656,232],{"class":153},[139,658,659],{"class":185}," emit ",[139,661,160],{"class":145},[139,663,664],{"class":324}," defineEmits",[139,666,628],{"class":145},[139,668,669,672,676,678,680,683,685,687,690,692,695,698],{"class":141,"line":264},[139,670,671],{"class":145},"    (",[139,673,675],{"class":674},"sHdIc","e",[139,677,339],{"class":145},[139,679,195],{"class":145},[139,681,682],{"class":166},"update:modelValue",[139,684,372],{"class":145},[139,686,312],{"class":145},[139,688,689],{"class":674}," modelValue",[139,691,339],{"class":145},[139,693,694],{"class":639}," boolean",[139,696,697],{"class":145},"):",[139,699,700],{"class":639}," void\n",[139,702,703,705,707,709,711,714,716,718],{"class":141,"line":270},[139,704,671],{"class":145},[139,706,675],{"class":674},[139,708,339],{"class":145},[139,710,195],{"class":145},[139,712,713],{"class":166},"confirm",[139,715,372],{"class":145},[139,717,697],{"class":145},[139,719,700],{"class":639},[139,721,722,724],{"class":141,"line":276},[139,723,645],{"class":145},[139,725,648],{"class":185},[139,727,728,730,732],{"class":141,"line":282},[139,729,490],{"class":145},[139,731,150],{"class":149},[139,733,172],{"class":145},[139,735,736],{"class":141,"line":288},[139,737,226],{"emptyLinePlaceholder":225},[139,739,740,742,744],{"class":141,"line":297},[139,741,146],{"class":145},[139,743,125],{"class":149},[139,745,172],{"class":145},[139,747,748,750],{"class":141,"line":302},[139,749,514],{"class":145},[139,751,752],{"class":149},"VueFinalModal\n",[139,754,755,758,760,762,765],{"class":141,"line":333},[139,756,757],{"class":153},"      content-transition",[139,759,160],{"class":145},[139,761,163],{"class":145},[139,763,764],{"class":166},"vfm-fade",[139,766,767],{"class":145},"\"\n",[139,769,770,773,775,777,779],{"class":141,"line":348},[139,771,772],{"class":153},"      overlay-transition",[139,774,160],{"class":145},[139,776,163],{"class":145},[139,778,764],{"class":166},[139,780,767],{"class":145},[139,782,783,786,788,790,793],{"class":141,"line":359},[139,784,785],{"class":153},"      content-class",[139,787,160],{"class":145},[139,789,163],{"class":145},[139,791,792],{"class":166},"absolute inset-0",[139,794,767],{"class":145},[139,796,797,800,802,804,807],{"class":141,"line":377},[139,798,799],{"class":153},"      @update:model-value",[139,801,160],{"class":145},[139,803,163],{"class":145},[139,805,806],{"class":166},"(val) => emit('update:modelValue', val)",[139,808,767],{"class":145},[139,810,811],{"class":141,"line":399},[139,812,813],{"class":145},"    >\n",[139,815,816,819],{"class":141,"line":405},[139,817,818],{"class":145},"      \u003C",[139,820,821],{"class":149},"div\n",[139,823,824,827,829,831,834],{"class":141,"line":415},[139,825,826],{"class":153},"        class",[139,828,160],{"class":145},[139,830,163],{"class":145},[139,832,833],{"class":166},"absolute inset-0 h-full overflow-auto",[139,835,767],{"class":145},[139,837,838,841,843,845,848],{"class":141,"line":473},[139,839,840],{"class":153},"        @click.self",[139,842,160],{"class":145},[139,844,163],{"class":145},[139,846,847],{"class":166},"() => emit('update:modelValue', false)",[139,849,767],{"class":145},[139,851,852],{"class":141,"line":478},[139,853,854],{"class":145},"      >\n",[139,856,857,860,863,866,868,870,873,875],{"class":141,"line":487},[139,858,859],{"class":145},"        \u003C",[139,861,862],{"class":149},"div",[139,864,865],{"class":153}," class",[139,867,160],{"class":145},[139,869,163],{"class":145},[139,871,872],{"class":166},"flex flex-col max-w-xl my-12 mx-auto p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2",[139,874,163],{"class":145},[139,876,172],{"class":145},[139,878,879,882,885,887,889,891,894,896],{"class":141,"line":497},[139,880,881],{"class":145},"          \u003C",[139,883,884],{"class":149},"h1",[139,886,865],{"class":153},[139,888,160],{"class":145},[139,890,163],{"class":145},[139,892,893],{"class":166},"text-xl",[139,895,163],{"class":145},[139,897,172],{"class":145},[139,899,900],{"class":141,"line":502},[139,901,902],{"class":185},"            {{ title }}\n",[139,904,905,908,910],{"class":141,"line":511},[139,906,907],{"class":145},"          \u003C\u002F",[139,909,884],{"class":149},[139,911,172],{"class":145},[139,913,914,916,919],{"class":141,"line":534},[139,915,881],{"class":145},[139,917,918],{"class":149},"slot",[139,920,921],{"class":145}," \u002F>\n",[139,923,924,926,929,931,933,935,938,940,942,944,946,949,951],{"class":141,"line":540},[139,925,881],{"class":145},[139,927,928],{"class":149},"button",[139,930,865],{"class":153},[139,932,160],{"class":145},[139,934,163],{"class":145},[139,936,937],{"class":166},"mt-1 ml-auto px-2 border rounded-lg",[139,939,163],{"class":145},[139,941,520],{"class":153},[139,943,160],{"class":145},[139,945,163],{"class":145},[139,947,948],{"class":166},"() => emit('confirm')",[139,950,163],{"class":145},[139,952,172],{"class":145},[139,954,955],{"class":141,"line":550},[139,956,957],{"class":185},"            Confirm\n",[139,959,960,962,964],{"class":141,"line":555},[139,961,907],{"class":145},[139,963,928],{"class":149},[139,965,172],{"class":145},[139,967,969,972,974],{"class":141,"line":968},33,[139,970,971],{"class":145},"        \u003C\u002F",[139,973,862],{"class":149},[139,975,172],{"class":145},[139,977,979,982,984],{"class":141,"line":978},34,[139,980,981],{"class":145},"      \u003C\u002F",[139,983,862],{"class":149},[139,985,172],{"class":145},[139,987,989,991,994],{"class":141,"line":988},35,[139,990,543],{"class":145},[139,992,993],{"class":149},"VueFinalModal",[139,995,172],{"class":145},[139,997,999,1001,1003],{"class":141,"line":998},36,[139,1000,490],{"class":145},[139,1002,125],{"class":149},[139,1004,172],{"class":145},[1006,1007,1008],"style",{},"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":127,"searchDepth":175,"depth":175,"links":1010},[1011,1012],{"id":116,"depth":175,"text":117},{"id":564,"depth":175,"text":1013},"\u003CModalLongScroll> component","A long scrollable modal example like [Bootstrap Modal  scrolling-long-content](https:\u002F\u002Fgetbootstrap.com\u002Fdocs\u002F5.3\u002Fcomponents\u002Fmodal\u002F#scrolling-long-content)","md",null,{"head":1018},{"title":1019},"Modal Long Scroll | Examples",{"title":105,"description":1014},"cwoJNpV3aaMJ_Lizr0iIml4HsCqkDCObPUAIBhOOwdc",[1023,1016],{"title":101,"path":102,"stem":103,"description":1024,"children":-1},"A drag and resize modal example.",1791803994966]