1import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{a as p,b as m,c as u,V as g}from"./VExpansionPanels-Bm3d5LHY.js";import{o as s,f as d,e,c as P,F as E,h as k,b as a,t as n,v as V,r as _,d as i,a3 as T,m as v,aM as I,aa as y}from"./index-BJiotQ1y.js";import{_ as q}from"./AppCardCode-CcXt1CXD.js";import{V as z}from"./VRow-BaWP5n9q.js";import{V as f}from"./VCol-Bwtue8I5.js";import"./lazy-CecdQcFC.js";import"./vue3-perfect-scrollbar-C2zm10Dz.js";import"./VCard-ImMJge73.js";import"./VAvatar-Bj_eSgFO.js";import"./VImg-CEdg-vTA.js";import"./VCardText-Ds77CzhY.js";import"./VDivider-niEB_qmK.js";/* empty css */const S={};function A(x,l){return s(),d(g,{variant:"accordion",class:"expansion-panels-width-border"},{default:e(()=>[(s(),P(E,null,k(4,o=>a(p,{key:o,elevation:"0"},{default:e(()=>[a(m,{"collapse-icon":"tabler-minus","expand-icon":"tabler-plus"},{default:e(()=>[n(" Accordion "+V(o),1)]),_:2},1024),a(u,null,{default:e(()=>l[0]||(l[0]=[n(" Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. ")])),_:1})]),_:2},1024)),64))]),_:1})}const D=h(S,[["render",A]]),H={class:"mb-4"},M={class:"mt-3"},$={__name:"DemoExpansionPanelModel",setup(x){const l=_([]),o=_(5),t=()=>{l.value=[...Array(o.value).keys()]},r=()=>{l.value=[]};return(w,c)=>(s(),P("div",null,[i("div",H,[a(T,{class:"me-4",onClick:t},{default:e(()=>c[1]||(c[1]=[n(" all ")])),_:1}),a(T,{color:"error",onClick:r},{default:e(()=>c[2]||(c[2]=[n(" none ")])),_:1}),i("div",M,[c[3]||(c[3]=i("span",{class:"font-weight-bold"},"Selected: ",-1)),n(V(v(l)),1)])]),a(g,{modelValue:v(l),"onUpdate:modelValue":c[0]||(c[0]=b=>I(l)?l.value=b:null),multiple:""},{default:e(()=>[(s(!0),P(E,null,k(v(o),b=>(s(),d(p,{key:b},{default:e(()=>[a(m,null,{default:e(()=>[n("Header "+V(b),1)]),_:2},1024),a(u,null,{default:e(()=>c[4]||(c[4]=[n(" I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll. ")])),_:1})]),_:2},1024))),128))]),_:1},8,["modelValue"])]))}},J={__name:"DemoExpansionPanelCustomIcon",setup(x){const l=_(0);return(o,t)=>(s(),d(g,{modelValue:v(l),"onUpdate:modelValue":t[0]||(t[0]=r=>I(l)?l.value=r:null),class:"no-icon-rotate"},{default:e(()=>[a(p,null,{default:e(()=>[a(m,{"disable-icon-rotate":""},{actions:e(()=>[a(y,{size:"18",icon:"tabler-alert-circle",color:"error"})]),default:e(()=>[t[1]||(t[1]=n(" Server Down "))]),_:1}),a(u,null,{default:e(()=>t[2]||(t[2]=[n(" Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan. ")])),_:1})]),_:1}),a(p,null,{default:e(()=>[a(m,{"disable-icon-rotate":""},{actions:e(()=>[a(y,{size:"18",icon:"tabler-check",color:"success"})]),default:e(()=>[t[3]||(t[3]=n(" Sales report generated "))]),_:1}),a(u,null,{default:e(()=>t[4]||(t[4]=[n(" Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde ")])),_:1})]),_:1}),a(p,null,{default:e(()=>[a(m,{"disable-icon-rotate":""},{actions:e(()=>[a(y,{size:"18",icon:"tabler-alert-triangle",color:"warning"})]),default:e(()=>[t[5]||(t[5]=n(" High Memory usage "))]),_:1}),a(u,null,{default:e(()=>t[6]||(t[6]=[n(" Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread. ")])),_:1})]),_:1})]),_:1},8,["modelValue"]))}},U={};function L(x,l){return s(),d(g,{variant:"popout"},{default:e(()=>[(s(),P(E,null,k(4,o=>a(p,{key:o},{default:e(()=>[a(m,null,{default:e(()=>[n("Popout "+V(o),1)]),_:2},1024),a(u,null,{default:e(()=>l[0]||(l[0]=[n(" Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy. ")])),_:1})]),_:2},1024)),64))]),_:1})}const W=h(U,[["render",L]]),G={};function N(x,l){return s(),d(g,{variant:"inset"},{default:e(()=>[(s(),P(E,null,k(4,o=>a(p,{key:o},{default:e(()=>[a(m,null,{default:e(()=>[n("Inset "+V(o),1)]),_:2},1024),a(u,null,{default:e(()=>l[0]||(l[0]=[n(" Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears. ")])),_:1})]),_:2},1024)),64))]),_:1})}const F=h(G,[["render",N]]),R={};function K(x,l){return s(),d(g,{variant:"accordion"},{default:e(()=>[(s(),P(E,null,k(4,o=>a(p,{key:o},{default:e(()=>[a(m,null,{default:e(()=>[n(" Accordion "+V(o),1)]),_:2},1024),a(u,null,{default:e(()=>l[0]||(l[0]=[n(" Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. ")])),_:1})]),_:2},1024)),64))]),_:1})}const O=h(R,[["render",K]]),Q={};function X(x,l){return s(),d(g,{multiple:""},{default:e(()=>[(s(),P(E,null,k(4,o=>a(p,{key:o},{default:e(()=>[a(m,null,{default:e(()=>[n(" Item "+V(o),1)]),_:2},1024),a(u,null,{default:e(()=>l[0]||(l[0]=[n(" Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ")])),_:1})]),_:2},1024)),64))]),_:1})}const Y=h(Q,[["render",X]]),Z={ts:`<template> 2 <VExpansionPanels variant="accordion"> 3 <VExpansionPanel 4 v-for="item in 4" 5 :key="item" 6 > 7 <VExpansionPanelTitle> 8 Accordion {{ item }} 9 </VExpansionPanelTitle> 10 <VExpansionPanelText> 11 Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. 12 </VExpansionPanelText> 13 </VExpansionPanel> 14 </VExpansionPanels> 15</template> 16`,js:`<template> 17 <VExpansionPanels variant="accordion"> 18 <VExpansionPanel 19 v-for="item in 4" 20 :key="item" 21 > 22 <VExpansionPanelTitle> 23 Accordion {{ item }} 24 </VExpansionPanelTitle> 25 <VExpansionPanelText> 26 Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. 27 </VExpansionPanelText> 28 </VExpansionPanel> 29 </VExpansionPanels> 30</template> 31`},ee={ts:`<template> 32 <VExpansionPanels multiple> 33 <VExpansionPanel 34 v-for="i in 4" 35 :key="i" 36 > 37 <VExpansionPanelTitle> 38 Item {{ i }} 39 </VExpansionPanelTitle> 40 <VExpansionPanelText> 41 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 42 </VExpansionPanelText> 43 </VExpansionPanel> 44 </VExpansionPanels> 45</template> 46`,js:`<template> 47 <VExpansionPanels multiple> 48 <VExpansionPanel 49 v-for="i in 4" 50 :key="i" 51 > 52 <VExpansionPanelTitle> 53 Item {{ i }} 54 </VExpansionPanelTitle> 55 <VExpansionPanelText> 56 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 57 </VExpansionPanelText> 58 </VExpansionPanel> 59 </VExpansionPanels> 60</template> 61`},ae={ts:`<script setup lang="ts"> 62const panel = ref(0) 63<\/script> 64 65<template> 66 <VExpansionPanels 67 v-model="panel" 68 class="no-icon-rotate" 69 > 70 <VExpansionPanel> 71 <VExpansionPanelTitle disable-icon-rotate> 72 Server Down 73 <template #actions> 74 <VIcon 75 size="18" 76 icon="tabler-alert-circle" 77 color="error" 78 /> 79 </template> 80 </VExpansionPanelTitle> 81 <VExpansionPanelText> 82 Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan. 83 </VExpansionPanelText> 84 </VExpansionPanel> 85 86 <VExpansionPanel> 87 <VExpansionPanelTitle disable-icon-rotate> 88 Sales report generated 89 <template #actions> 90 <VIcon 91 size="18" 92 icon="tabler-check" 93 color="success" 94 /> 95 </template> 96 </VExpansionPanelTitle> 97 <VExpansionPanelText> 98 Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde 99 </VExpansionPanelText> 100 </VExpansionPanel> 101 102 <VExpansionPanel> 103 <VExpansionPanelTitle disable-icon-rotate> 104 High Memory usage 105 <template #actions> 106 <VIcon 107 size="18" 108 icon="tabler-alert-triangle" 109 color="warning" 110 /> 111 </template> 112 </VExpansionPanelTitle> 113 <VExpansionPanelText> 114 Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread. 115 </VExpansionPanelText> 116 </VExpansionPanel> 117 </VExpansionPanels> 118</template> 119`,js:`<script setup> 120const panel = ref(0) 121<\/script> 122 123<template> 124 <VExpansionPanels 125 v-model="panel" 126 class="no-icon-rotate" 127 > 128 <VExpansionPanel> 129 <VExpansionPanelTitle disable-icon-rotate> 130 Server Down 131 <template #actions> 132 <VIcon 133 size="18" 134 icon="tabler-alert-circle" 135 color="error" 136 /> 137 </template> 138 </VExpansionPanelTitle> 139 <VExpansionPanelText> 140 Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan. 141 </VExpansionPanelText> 142 </VExpansionPanel> 143 144 <VExpansionPanel> 145 <VExpansionPanelTitle disable-icon-rotate> 146 Sales report generated 147 <template #actions> 148 <VIcon 149 size="18" 150 icon="tabler-check" 151 color="success" 152 /> 153 </template> 154 </VExpansionPanelTitle> 155 <VExpansionPanelText> 156 Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde 157 </VExpansionPanelText> 158 </VExpansionPanel> 159 160 <VExpansionPanel> 161 <VExpansionPanelTitle disable-icon-rotate> 162 High Memory usage 163 <template #actions> 164 <VIcon 165 size="18" 166 icon="tabler-alert-triangle" 167 color="warning" 168 /> 169 </template> 170 </VExpansionPanelTitle> 171 <VExpansionPanelText> 172 Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread. 173 </VExpansionPanelText> 174 </VExpansionPanel> 175 </VExpansionPanels> 176</template> 177`},ne={ts:`<template> 178 <VExpansionPanels variant="inset"> 179 <VExpansionPanel 180 v-for="item in 4" 181 :key="item" 182 > 183 <VExpansionPanelTitle>Inset {{ item }}</VExpansionPanelTitle> 184 <VExpansionPanelText> 185 Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears. 186 </VExpansionPanelText> 187 </VExpansionPanel> 188 </VExpansionPanels> 189</template> 190`,js:`<template> 191 <VExpansionPanels variant="inset"> 192 <VExpansionPanel 193 v-for="item in 4" 194 :key="item" 195 > 196 <VExpansionPanelTitle>Inset {{ item }}</VExpansionPanelTitle> 197 <VExpansionPanelText> 198 Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears. 199 </VExpansionPanelText> 200 </VExpansionPanel> 201 </VExpansionPanels> 202</template> 203`},oe={ts:`<script lang="ts" setup> 204const openedPanels = ref<number[]>([]) 205 206const items = ref(5) 207 208const all = () => { 209 // [...Array(5).keys()] => [0, 1, 2, 3, 4] 210 openedPanels.value = [...Array(items.value).keys()] 211} 212 213const none = () => { 214 openedPanels.value = [] 215} 216<\/script> 217 218<template> 219 <div> 220 <div class="mb-4"> 221 <VBtn 222 class="me-4" 223 @click="all" 224 > 225 all 226 </VBtn> 227 228 <VBtn 229 color="error" 230 @click="none" 231 > 232 none 233 </VBtn> 234 235 <div class="mt-3">
236 <span class="font-weight-bold">Selected: </span>{{ openedPanels }} 237 </div> 238 </div> 239 240 <VExpansionPanels 241 v-model="openedPanels" 242 multiple 243 > 244 <VExpansionPanel 245 v-for="item in items" 246 :key="item" 247 > 248 <VExpansionPanelTitle>Header {{ item }}</VExpansionPanelTitle> 249 <VExpansionPanelText> 250 I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll. 251 </VExpansionPanelText> 252 </VExpansionPanel> 253 </VExpansionPanels> 254 </div> 255</template> 256`,js:`<script setup> 257const openedPanels = ref([]) 258const items = ref(5) 259 260const all = () => { 261 262 // [...Array(5).keys()] => [0, 1, 2, 3, 4] 263 openedPanels.value = [...Array(items.value).keys()] 264} 265 266const none = () => { 267 openedPanels.value = [] 268} 269<\/script> 270 271<template> 272 <div> 273 <div class="mb-4"> 274 <VBtn 275 class="me-4" 276 @click="all" 277 > 278 all 279 </VBtn> 280 281 <VBtn 282 color="error" 283 @click="none" 284 > 285 none 286 </VBtn> 287 288 <div class="mt-3"> 289 <span class="font-weight-bold">Selected: </span>{{ openedPanels }} 290 </div> 291 </div> 292 293 <VExpansionPanels 294 v-model="openedPanels" 295 multiple 296 > 297 <VExpansionPanel 298 v-for="item in items" 299 :key="item" 300 > 301 <VExpansionPanelTitle>Header {{ item }}</VExpansionPanelTitle> 302 <VExpansionPanelText> 303 I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll. 304 </VExpansionPanelText> 305 </VExpansionPanel> 306 </VExpansionPanels> 307 </div> 308</template> 309`},le={ts:`<template> 310 <VExpansionPanels variant="popout"> 311 <VExpansionPanel 312 v-for="item in 4" 313 :key="item" 314 > 315 <VExpansionPanelTitle>Popout {{ item }}</VExpansionPanelTitle> 316 <VExpansionPanelText> 317 Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy. 318 </VExpansionPanelText> 319 </VExpansionPanel> 320 </VExpansionPanels> 321</template> 322`,js:`<template> 323 <VExpansionPanels variant="popout"> 324 <VExpansionPanel 325 v-for="item in 4" 326 :key="item" 327 > 328 <VExpansionPanelTitle>Popout {{ item }}</VExpansionPanelTitle> 329 <VExpansionPanelText> 330 Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy. 331 </VExpansionPanelText> 332 </VExpansionPanel> 333 </VExpansionPanels> 334</template> 335`},ie={ts:`<template> 336 <VExpansionPanels 337 variant="accordion" 338 class="expansion-panels-width-border" 339 > 340 <VExpansionPanel 341 v-for="item in 4" 342 :key="item" 343 elevation="0" 344 > 345 <VExpansionPanelTitle 346 collapse-icon="tabler-minus" 347 expand-icon="tabler-plus" 348 > 349 Accordion {{ item }} 350 </VExpansionPanelTitle> 351 352 <VExpansionPanelText> 353 Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. 354 </VExpansionPanelText> 355 </VExpansionPanel> 356 </VExpansionPanels> 357</template> 358`,js:`<template> 359 <VExpansionPanels 360 variant="accordion" 361 class="expansion-panels-width-border" 362 > 363 <VExpansionPanel 364 v-for="item in 4" 365 :key="item" 366 elevation="0" 367 > 368 <VExpansionPanelTitle 369 collapse-icon="tabler-minus" 370 expand-icon="tabler-plus" 371 > 372 Accordion {{ item }} 373 </VExpansionPanelTitle> 374 375 <VExpansionPanelText> 376 Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie. 377 </VExpansionPanelText> 378 </VExpansionPanel> 379 </VExpansionPanels> 380</template> 381`},Ee={__name:"expansion-panel",setup(x){return(l,o)=>{const t=Y,r=q,w=O,c=F,b=W,j=J,C=$,B=D;return s(),d(z,{class:"match-height"},{default:e(()=>[a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Basic",variant:"outlined",code:ee},{default:e(()=>[o[0]||(o[0]=i("p",null,[n("Expansion panels in their simplest form display a list of expandable items. However, with the "),i("code",null,"multiple"),n(" prop, the expansion-panel can remain open until explicitly closed.")],-1)),a(t)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Accordion",variant:"outlined",code:Z},{default:e(()=>[o[1]||(o[1]=i("p",null,[n("Use "),i("code",null,"accordion"),n(" variant option to create "),i("strong",null,"Accordion"),n(" Panels. Accordion expansion-panel hasn't got margins around active panel.")],-1)),a(w)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Inset",variant:"outlined",code:ne},{default:e(()=>[o[2]||(o[2]=i("p",null,[n("Use "),i("code",null,"inset"),n(" variant option to create Inset Panels. The Inset exp
381ansion-panel becomes smaller when activated.")],-1)),a(c)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Popout",variant:"outlined",code:le},{default:e(()=>[o[3]||(o[3]=i("p",null,[n(" Use "),i("code",null,"popout"),n(" variant option to create expansion-panel with popout design. With it, expansion-panel is enlarged when activated. ")],-1)),a(b)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Custom Icon",variant:"outlined",code:ae},{default:e(()=>[o[4]||(o[4]=i("p",null,[n("Expand action icon can be customized with "),i("code",null,"expand-icon"),n(" prop or the "),i("code",null,"actions"),n(" slot. Also, use the "),i("code",null,".no-icon-rotate"),n(" class in conjunction with the "),i("code",null,"VExpansionPanels"),n(" component to disable icon rotation.")],-1)),a(j)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"Model",variant:"outlined",code:oe},{default:e(()=>[o[5]||(o[5]=i("p",null,[n("Expansion panels can be controlled externally by modifying the "),i("code",null,"v-model"),n(". If "),i("code",null,"multiple"),n(" prop is used then it is an array containing the indices of the open items.")],-1)),a(C)]),_:1},8,["code"])]),_:1}),a(f,{cols:"12",md:"6"},{default:e(()=>[a(r,{title:"With Border",variant:"outlined",code:ie},{default:e(()=>[o[6]||(o[6]=i("p",null,[n("Please use the "),i("code",null,".expansion-panels-width-border"),n(" class in conjunction with the "),i("code",null,"VExpansionPanels"),n(" component to create panels with borders.")],-1)),a(B)]),_:1},8,["code"])]),_:1})]),_:1})}}};export{Ee as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.