[{"data":1,"prerenderedAt":1241},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:xC8dWG9NhSxh0T1_TCLB55PkAIYUzxXFQNUSBRBBJkk":235,"content-page-surround:docs:xC8dWG9NhSxh0T1_TCLB55PkAIYUzxXFQNUSBRBBJkk":1230,"i-logos:vue":1233,"i-lucide:clipboard":1238},[4,50,111,152,214],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Start",false,"1","en","content:docs:1.start:.navigation.yml","i-lucide-rocket","section",[13,19,24,29,35,40,45],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"navigation":17,"path":18},"Why Nuxt Photo","content:docs:1.start:1.why-nuxt-photo.md","1\u002F1",{"title":14},"\u002Fdocs\u002Fstart\u002Fwhy-nuxt-photo",{"title":20,"id":21,"canonicalKey":22,"locale":8,"draft":6,"path":23},"Install Nuxt Photo","content:docs:1.start:2.installation.md","1\u002F2","\u002Fdocs\u002Fstart\u002Finstallation",{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":6,"path":28},"Build your first album","content:docs:1.start:3.build-your-first-album.md","1\u002F3","\u002Fdocs\u002Fstart\u002Fbuild-your-first-album",{"title":30,"id":31,"canonicalKey":32,"locale":8,"draft":6,"navigation":33,"path":34},"Choose a component","content:docs:1.start:4.choose-a-component.md","1\u002F4",{"title":30},"\u002Fdocs\u002Fstart\u002Fchoose-a-component",{"title":36,"id":37,"canonicalKey":38,"locale":8,"draft":6,"path":39},"Use Nuxt Photo with Vue","content:docs:1.start:5.plain-vue.md","1\u002F5","\u002Fdocs\u002Fstart\u002Fplain-vue",{"title":41,"id":42,"canonicalKey":43,"locale":8,"draft":6,"path":44},"Compare gallery approaches","content:docs:1.start:6.compare-approaches.md","1\u002F6","\u002Fdocs\u002Fstart\u002Fcompare-approaches",{"title":46,"id":47,"canonicalKey":48,"locale":8,"draft":6,"path":49},"Performance and bundle size","content:docs:1.start:7.performance-and-bundle-size.md","1\u002F7","\u002Fdocs\u002Fstart\u002Fperformance-and-bundle-size",{"title":51,"page":6,"canonicalKey":52,"locale":8,"id":53,"draft":6,"icon":54,"children":55},"Guides","2","content:docs:2.guides:.navigation.yml","i-lucide-route",[56,61,66,71,76,81,86,91,96,101,106],{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":6,"path":60},"Use CMS photos","content:docs:2.guides:1.use-cms-photos.md","2\u002F1","\u002Fdocs\u002Fguides\u002Fuse-cms-photos",{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":6,"path":65},"Use Nuxt Image","content:docs:2.guides:2.use-nuxt-image.md","2\u002F2","\u002Fdocs\u002Fguides\u002Fuse-nuxt-image",{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":6,"path":70},"Style with Tailwind","content:docs:2.guides:3.style-with-tailwind.md","2\u002F3","\u002Fdocs\u002Fguides\u002Fstyle-with-tailwind",{"title":72,"id":73,"canonicalKey":74,"locale":8,"draft":6,"path":75},"Share one lightbox","content:docs:2.guides:4.share-one-lightbox.md","2\u002F4","\u002Fdocs\u002Fguides\u002Fshare-one-lightbox",{"title":77,"id":78,"canonicalKey":79,"locale":8,"draft":6,"path":80},"Build a carousel","content:docs:2.guides:5.build-a-carousel.md","2\u002F5","\u002Fdocs\u002Fguides\u002Fbuild-a-carousel",{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},"Tune responsive layouts","content:docs:2.guides:6.tune-responsive-layouts.md","2\u002F6","\u002Fdocs\u002Fguides\u002Ftune-responsive-layouts",{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},"Create a custom thumbnail layout","content:docs:2.guides:7.create-a-custom-thumbnail-layout.md","2\u002F7","\u002Fdocs\u002Fguides\u002Fcreate-a-custom-thumbnail-layout",{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":6,"path":95},"Customize the built-in lightbox","content:docs:2.guides:8.customize-the-built-in-lightbox.md","2\u002F8","\u002Fdocs\u002Fguides\u002Fcustomize-the-built-in-lightbox",{"title":97,"id":98,"canonicalKey":99,"locale":8,"draft":6,"path":100},"Build a lightbox from primitives","content:docs:2.guides:9.build-a-lightbox-from-primitives.md","2\u002F9","\u002Fdocs\u002Fguides\u002Fbuild-a-lightbox-from-primitives",{"title":102,"id":103,"canonicalKey":104,"locale":8,"draft":6,"path":105},"Integrate a custom image service","content:docs:2.guides:10.integrate-a-custom-image-service.md","2\u002F10","\u002Fdocs\u002Fguides\u002Fintegrate-a-custom-image-service",{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"path":110},"Control a lightbox programmatically","content:docs:2.guides:11.control-a-lightbox-programmatically.md","2\u002F11","\u002Fdocs\u002Fguides\u002Fcontrol-a-lightbox-programmatically",{"title":112,"page":6,"canonicalKey":113,"locale":8,"id":114,"draft":6,"icon":115,"children":116},"Concepts","3","content:docs:3.concepts:.navigation.yml","i-lucide-compass",[117,122,127,132,137,142,147],{"title":118,"id":119,"canonicalKey":120,"locale":8,"draft":6,"path":121},"Photo data and dimensions","content:docs:3.concepts:1.photo-data-and-dimensions.md","3\u002F1","\u002Fdocs\u002Fconcepts\u002Fphoto-data-and-dimensions",{"title":123,"id":124,"canonicalKey":125,"locale":8,"draft":6,"path":126},"Collections and navigation order","content:docs:3.concepts:2.collections-and-navigation-order.md","3\u002F2","\u002Fdocs\u002Fconcepts\u002Fcollections-and-navigation-order",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"path":131},"Layouts and responsive values","content:docs:3.concepts:3.layouts-and-responsive-values.md","3\u002F3","\u002Fdocs\u002Fconcepts\u002Flayouts-and-responsive-values",{"title":133,"id":134,"canonicalKey":135,"locale":8,"draft":6,"path":136},"SSR and layout stability","content:docs:3.concepts:4.ssr-and-layout-stability.md","3\u002F4","\u002Fdocs\u002Fconcepts\u002Fssr-and-layout-stability",{"title":138,"id":139,"canonicalKey":140,"locale":8,"draft":6,"path":141},"Image delivery","content:docs:3.concepts:5.image-delivery.md","3\u002F5","\u002Fdocs\u002Fconcepts\u002Fimage-delivery",{"title":143,"id":144,"canonicalKey":145,"locale":8,"draft":6,"path":146},"Lightbox, gestures, and accessibility","content:docs:3.concepts:6.lightbox-gestures-and-accessibility.md","3\u002F6","\u002Fdocs\u002Fconcepts\u002Flightbox-gestures-and-accessibility",{"title":148,"id":149,"canonicalKey":150,"locale":8,"draft":6,"path":151},"Customization levels","content:docs:3.concepts:7.customization-levels.md","3\u002F7","\u002Fdocs\u002Fconcepts\u002Fcustomization-levels",{"title":153,"id":154,"canonicalKey":155,"locale":8,"draft":6,"icon":156,"sidebar":11,"path":157,"children":158},"Reference","content:docs:4.reference:.navigation.yml","4","i-lucide-braces","\u002Fdocs\u002Freference",[159,164,169,174,179,184,189,194,199,204,209],{"title":160,"id":161,"canonicalKey":162,"locale":8,"draft":6,"path":163},"Photo","content:docs:4.reference:2.photo.md","4\u002F2","\u002Fdocs\u002Freference\u002Fphoto",{"title":165,"id":166,"canonicalKey":167,"locale":8,"draft":6,"path":168},"PhotoAlbum","content:docs:4.reference:3.photo-album.md","4\u002F3","\u002Fdocs\u002Freference\u002Fphoto-album",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"path":173},"PhotoGroup","content:docs:4.reference:4.photo-group.md","4\u002F4","\u002Fdocs\u002Freference\u002Fphoto-group",{"title":175,"id":176,"canonicalKey":177,"locale":8,"draft":6,"path":178},"PhotoCarousel","content:docs:4.reference:5.photo-carousel.md","4\u002F5","\u002Fdocs\u002Freference\u002Fphoto-carousel",{"title":180,"id":181,"canonicalKey":182,"locale":8,"draft":6,"path":183},"Lightbox","content:docs:4.reference:6.lightbox.md","4\u002F6","\u002Fdocs\u002Freference\u002Flightbox",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":6,"path":188},"Lightbox primitives API","content:docs:4.reference:7.primitives.md","4\u002F7","\u002Fdocs\u002Freference\u002Fprimitives",{"title":190,"id":191,"canonicalKey":192,"locale":8,"draft":6,"path":193},"Composables","content:docs:4.reference:8.composables.md","4\u002F8","\u002Fdocs\u002Freference\u002Fcomposables",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"path":198},"Configuration and labels","content:docs:4.reference:9.configuration-and-labels.md","4\u002F9","\u002Fdocs\u002Freference\u002Fconfiguration-and-labels",{"title":200,"id":201,"canonicalKey":202,"locale":8,"draft":6,"path":203},"Types","content:docs:4.reference:10.types.md","4\u002F10","\u002Fdocs\u002Freference\u002Ftypes",{"title":205,"id":206,"canonicalKey":207,"locale":8,"draft":6,"path":208},"CSS","content:docs:4.reference:11.css.md","4\u002F11","\u002Fdocs\u002Freference\u002Fcss",{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},"Package exports","content:docs:4.reference:12.package-exports.md","4\u002F12","\u002Fdocs\u002Freference\u002Fpackage-exports",{"title":215,"page":6,"canonicalKey":216,"locale":8,"id":217,"draft":6,"icon":218,"children":219},"Help","5","content:docs:5.help:.navigation.yml","i-lucide-life-buoy",[220,225,230],{"title":221,"id":222,"canonicalKey":223,"locale":8,"draft":6,"path":224},"Troubleshooting","content:docs:5.help:1.troubleshooting.md","5\u002F1","\u002Fdocs\u002Fhelp\u002Ftroubleshooting",{"title":226,"id":227,"canonicalKey":228,"locale":8,"draft":6,"path":229},"Known constraints","content:docs:5.help:2.known-constraints.md","5\u002F2","\u002Fdocs\u002Fhelp\u002Fknown-constraints",{"title":231,"id":232,"canonicalKey":233,"locale":8,"draft":6,"path":234},"Upgrade from 0.2 to 1.0","content:docs:5.help:3.upgrade-from-0-2-to-1-0.md","5\u002F3","\u002Fdocs\u002Fhelp\u002Fupgrade-from-0-2-to-1-0",{"title":77,"description":236,"body":237,"type":1217,"id":78,"canonicalKey":79,"draft":6,"partial":6,"locale":8,"collection":1218,"navigationFile":6,"file":1219,"route":1225,"resolution":1227},"Add horizontal browsing, thumbnails, autoplay, and an optional lightbox.",{"type":238,"children":239,"toc":1209},"root",[240,255,259,815,827,834,993,998,1004,1093,1105,1111,1123,1193,1198],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245,248,253],{"type":246,"value":247},"text","Use ",{"type":241,"tag":249,"props":250,"children":251},"code",{},[252],{"type":246,"value":175},{"type":246,"value":254}," when horizontal browsing is part of the design. Its\nlightbox is disabled by default.",{"type":241,"tag":256,"props":257,"children":258},"carousel-lab",{},[],{"type":241,"tag":260,"props":261,"children":265},"pre",{"language":262,"filename":263,"class":264},"vue","app\u002Fpages\u002Fcarousel.vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[266],{"type":241,"tag":249,"props":267,"children":269},{"class":268},"language-vue",[270,324,326,376,377,380,381,418,419,544,545,659,660,668,669,685,686,689,690,706,707,799,800],{"type":241,"tag":271,"props":272,"children":275},"span",{"class":273,"style":274},"line","display: inline",[276,282,288,294,299,304,309,315,319],{"type":241,"tag":271,"props":277,"children":279},{"style":278},"color:#39ADB5;--shiki-dark:#89DDFF",[280],{"type":246,"value":281},"\u003C",{"type":241,"tag":271,"props":283,"children":285},{"style":284},"color:#E53935;--shiki-dark:#F07178",[286],{"type":246,"value":287},"script",{"type":241,"tag":271,"props":289,"children":291},{"style":290},"color:#9C3EDA;--shiki-dark:#C792EA",[292],{"type":246,"value":293}," setup",{"type":241,"tag":271,"props":295,"children":296},{"style":290},[297],{"type":246,"value":298}," lang",{"type":241,"tag":271,"props":300,"children":301},{"style":278},[302],{"type":246,"value":303},"=",{"type":241,"tag":271,"props":305,"children":306},{"style":278},[307],{"type":246,"value":308},"\"",{"type":241,"tag":271,"props":310,"children":312},{"style":311},"color:#91B859;--shiki-dark:#C3E88D",[313],{"type":246,"value":314},"ts",{"type":241,"tag":271,"props":316,"children":317},{"style":278},[318],{"type":246,"value":308},{"type":241,"tag":271,"props":320,"children":321},{"style":278},[322],{"type":246,"value":323},">",{"type":246,"value":325},"\n",{"type":241,"tag":271,"props":327,"children":328},{"class":273,"style":274},[329,335,340,345,351,356,361,366,371],{"type":241,"tag":271,"props":330,"children":332},{"style":331},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[333],{"type":246,"value":334},"import",{"type":241,"tag":271,"props":336,"children":337},{"style":331},[338],{"type":246,"value":339}," type",{"type":241,"tag":271,"props":341,"children":342},{"style":278},[343],{"type":246,"value":344}," {",{"type":241,"tag":271,"props":346,"children":348},{"style":347},"color:#90A4AE;--shiki-dark:#BABED8",[349],{"type":246,"value":350}," PhotoItem",{"type":241,"tag":271,"props":352,"children":353},{"style":278},[354],{"type":246,"value":355}," }",{"type":241,"tag":271,"props":357,"children":358},{"style":331},[359],{"type":246,"value":360}," from",{"type":241,"tag":271,"props":362,"children":363},{"style":278},[364],{"type":246,"value":365}," '",{"type":241,"tag":271,"props":367,"children":368},{"style":311},[369],{"type":246,"value":370},"@lupinum\u002Fnuxt-photo\u002Fapp",{"type":241,"tag":271,"props":372,"children":373},{"style":278},[374],{"type":246,"value":375},"'",{"type":246,"value":325},{"type":241,"tag":271,"props":378,"children":379},{"class":273,"style":274},[],{"type":246,"value":325},{"type":241,"tag":271,"props":382,"children":383},{"class":273,"style":274},[384,389,394,399,404,409,413],{"type":241,"tag":271,"props":385,"children":386},{"style":290},[387],{"type":246,"value":388},"const",{"type":241,"tag":271,"props":390,"children":391},{"style":347},[392],{"type":246,"value":393}," photos",{"type":241,"tag":271,"props":395,"children":396},{"style":278},[397],{"type":246,"value":398},":",{"type":241,"tag":271,"props":400,"children":402},{"style":401},"color:#E2931D;--shiki-dark:#FFCB6B",[403],{"type":246,"value":350},{"type":241,"tag":271,"props":405,"children":406},{"style":347},[407],{"type":246,"value":408},"[] ",{"type":241,"tag":271,"props":410,"children":411},{"style":278},[412],{"type":246,"value":303},{"type":241,"tag":271,"props":414,"children":415},{"style":347},[416],{"type":246,"value":417}," [",{"type":246,"value":325},{"type":241,"tag":271,"props":420,"children":421},{"class":273,"style":274},[422,427,432,436,440,445,449,454,459,463,467,472,476,480,485,489,495,499,504,508,513,517,522,526,530,535,539],{"type":241,"tag":271,"props":423,"children":424},{"style":278},[425],{"type":246,"value":426},"  {",{"type":241,"tag":271,"props":428,"children":429},{"style":284},[430],{"type":246,"value":431}," id",{"type":241,"tag":271,"props":433,"children":434},{"style":278},[435],{"type":246,"value":398},{"type":241,"tag":271,"props":437,"children":438},{"style":278},[439],{"type":246,"value":365},{"type":241,"tag":271,"props":441,"children":442},{"style":311},[443],{"type":246,"value":444},"coast",{"type":241,"tag":271,"props":446,"children":447},{"style":278},[448],{"type":246,"value":375},{"type":241,"tag":271,"props":450,"children":451},{"style":278},[452],{"type":246,"value":453},",",{"type":241,"tag":271,"props":455,"children":456},{"style":284},[457],{"type":246,"value":458}," src",{"type":241,"tag":271,"props":460,"children":461},{"style":278},[462],{"type":246,"value":398},{"type":241,"tag":271,"props":464,"children":465},{"style":278},[466],{"type":246,"value":365},{"type":241,"tag":271,"props":468,"children":469},{"style":311},[470],{"type":246,"value":471},"\u002Fphotos\u002Fcoast.jpg",{"type":241,"tag":271,"props":473,"children":474},{"style":278},[475],{"type":246,"value":375},{"type":241,"tag":271,"props":477,"children":478},{"style":278},[479],{"type":246,"value":453},{"type":241,"tag":271,"props":481,"children":482},{"style":284},[483],{"type":246,"value":484}," width",{"type":241,"tag":271,"props":486,"children":487},{"style":278},[488],{"type":246,"value":398},{"type":241,"tag":271,"props":490,"children":492},{"style":491},"color:#F76D47;--shiki-dark:#F78C6C",[493],{"type":246,"value":494}," 1200",{"type":241,"tag":271,"props":496,"children":497},{"style":278},[498],{"type":246,"value":453},{"type":241,"tag":271,"props":500,"children":501},{"style":284},[502],{"type":246,"value":503}," height",{"type":241,"tag":271,"props":505,"children":506},{"style":278},[507],{"type":246,"value":398},{"type":241,"tag":271,"props":509,"children":510},{"style":491},[511],{"type":246,"value":512}," 800",{"type":241,"tag":271,"props":514,"children":515},{"style":278},[516],{"type":246,"value":453},{"type":241,"tag":271,"props":518,"children":519},{"style":284},[520],{"type":246,"value":521}," alt",{"type":241,"tag":271,"props":523,"children":524},{"style":278},[525],{"type":246,"value":398},{"type":241,"tag":271,"props":527,"children":528},{"style":278},[529],{"type":246,"value":365},{"type":241,"tag":271,"props":531,"children":532},{"style":311},[533],{"type":246,"value":534},"Coastline",{"type":241,"tag":271,"props":536,"children":537},{"style":278},[538],{"type":246,"value":375},{"type":241,"tag":271,"props":540,"children":541},{"style":278},[542],{"type":246,"value":543}," },",{"type":246,"value":325},{"type":241,"tag":271,"props":546,"children":547},{"class":273,"style":274},[548,552,556,560,564,569,573,577,581,585,589,594,598,602,606,610,614,618,622,626,630,634,638,642,646,651,655],{"type":241,"tag":271,"props":549,"children":550},{"style":278},[551],{"type":246,"value":426},{"type":241,"tag":271,"props":553,"children":554},{"style":284},[555],{"type":246,"value":431},{"type":241,"tag":271,"props":557,"children":558},{"style":278},[559],{"type":246,"value":398},{"type":241,"tag":271,"props":561,"children":562},{"style":278},[563],{"type":246,"value":365},{"type":241,"tag":271,"props":565,"children":566},{"style":311},[567],{"type":246,"value":568},"forest",{"type":241,"tag":271,"props":570,"children":571},{"style":278},[572],{"type":246,"value":375},{"type":241,"tag":271,"props":574,"children":575},{"style":278},[576],{"type":246,"value":453},{"type":241,"tag":271,"props":578,"children":579},{"style":284},[580],{"type":246,"value":458},{"type":241,"tag":271,"props":582,"children":583},{"style":278},[584],{"type":246,"value":398},{"type":241,"tag":271,"props":586,"children":587},{"style":278},[588],{"type":246,"value":365},{"type":241,"tag":271,"props":590,"children":591},{"style":311},[592],{"type":246,"value":593},"\u002Fphotos\u002Fforest.jpg",{"type":241,"tag":271,"props":595,"children":596},{"style":278},[597],{"type":246,"value":375},{"type":241,"tag":271,"props":599,"children":600},{"style":278},[601],{"type":246,"value":453},{"type":241,"tag":271,"props":603,"children":604},{"style":284},[605],{"type":246,"value":484},{"type":241,"tag":271,"props":607,"children":608},{"style":278},[609],{"type":246,"value":398},{"type":241,"tag":271,"props":611,"children":612},{"style":491},[613],{"type":246,"value":494},{"type":241,"tag":271,"props":615,"children":616},{"style":278},[617],{"type":246,"value":453},{"type":241,"tag":271,"props":619,"children":620},{"style":284},[621],{"type":246,"value":503},{"type":241,"tag":271,"props":623,"children":624},{"style":278},[625],{"type":246,"value":398},{"type":241,"tag":271,"props":627,"children":628},{"style":491},[629],{"type":246,"value":512},{"type":241,"tag":271,"props":631,"children":632},{"style":278},[633],{"type":246,"value":453},{"type":241,"tag":271,"props":635,"children":636},{"style":284},[637],{"type":246,"value":521},{"type":241,"tag":271,"props":639,"children":640},{"style":278},[641],{"type":246,"value":398},{"type":241,"tag":271,"props":643,"children":644},{"style":278},[645],{"type":246,"value":365},{"type":241,"tag":271,"props":647,"children":648},{"style":311},[649],{"type":246,"value":650},"Forest",{"type":241,"tag":271,"props":652,"children":653},{"style":278},[654],{"type":246,"value":375},{"type":241,"tag":271,"props":656,"children":657},{"style":278},[658],{"type":246,"value":543},{"type":246,"value":325},{"type":241,"tag":271,"props":661,"children":662},{"class":273,"style":274},[663],{"type":241,"tag":271,"props":664,"children":665},{"style":347},[666],{"type":246,"value":667},"]",{"type":246,"value":325},{"type":241,"tag":271,"props":670,"children":671},{"class":273,"style":274},[672,677,681],{"type":241,"tag":271,"props":673,"children":674},{"style":278},[675],{"type":246,"value":676},"\u003C\u002F",{"type":241,"tag":271,"props":678,"children":679},{"style":284},[680],{"type":246,"value":287},{"type":241,"tag":271,"props":682,"children":683},{"style":278},[684],{"type":246,"value":323},{"type":246,"value":325},{"type":241,"tag":271,"props":687,"children":688},{"class":273,"style":274},[],{"type":246,"value":325},{"type":241,"tag":271,"props":691,"children":692},{"class":273,"style":274},[693,697,702],{"type":241,"tag":271,"props":694,"children":695},{"style":278},[696],{"type":246,"value":281},{"type":241,"tag":271,"props":698,"children":699},{"style":284},[700],{"type":246,"value":701},"template",{"type":241,"tag":271,"props":703,"children":704},{"style":278},[705],{"type":246,"value":323},{"type":246,"value":325},{"type":241,"tag":271,"props":708,"children":709},{"class":273,"style":274},[710,715,719,724,729,733,737,741,745,750,754,758,763,767,771,776,780,784,790,794],{"type":241,"tag":271,"props":711,"children":712},{"style":278},[713],{"type":246,"value":714},"  \u003C",{"type":241,"tag":271,"props":716,"children":717},{"style":284},[718],{"type":246,"value":175},{"type":241,"tag":271,"props":720,"children":721},{"style":278},[722],{"type":246,"value":723}," :",{"type":241,"tag":271,"props":725,"children":726},{"style":290},[727],{"type":246,"value":728},"photos",{"type":241,"tag":271,"props":730,"children":731},{"style":278},[732],{"type":246,"value":303},{"type":241,"tag":271,"props":734,"children":735},{"style":278},[736],{"type":246,"value":308},{"type":241,"tag":271,"props":738,"children":739},{"style":347},[740],{"type":246,"value":728},{"type":241,"tag":271,"props":742,"children":743},{"style":278},[744],{"type":246,"value":308},{"type":241,"tag":271,"props":746,"children":747},{"style":290},[748],{"type":246,"value":749}," slide-aspect",{"type":241,"tag":271,"props":751,"children":752},{"style":278},[753],{"type":246,"value":303},{"type":241,"tag":271,"props":755,"children":756},{"style":278},[757],{"type":246,"value":308},{"type":241,"tag":271,"props":759,"children":760},{"style":311},[761],{"type":246,"value":762},"16\u002F9",{"type":241,"tag":271,"props":764,"children":765},{"style":278},[766],{"type":246,"value":308},{"type":241,"tag":271,"props":768,"children":769},{"style":278},[770],{"type":246,"value":723},{"type":241,"tag":271,"props":772,"children":773},{"style":290},[774],{"type":246,"value":775},"lightbox",{"type":241,"tag":271,"props":777,"children":778},{"style":278},[779],{"type":246,"value":303},{"type":241,"tag":271,"props":781,"children":782},{"style":278},[783],{"type":246,"value":308},{"type":241,"tag":271,"props":785,"children":787},{"style":786},"color:#FF5370;--shiki-dark:#FF9CAC",[788],{"type":246,"value":789},"true",{"type":241,"tag":271,"props":791,"children":792},{"style":278},[793],{"type":246,"value":308},{"type":241,"tag":271,"props":795,"children":796},{"style":278},[797],{"type":246,"value":798}," \u002F>",{"type":246,"value":325},{"type":241,"tag":271,"props":801,"children":802},{"class":273,"style":274},[803,807,811],{"type":241,"tag":271,"props":804,"children":805},{"style":278},[806],{"type":246,"value":676},{"type":241,"tag":271,"props":808,"children":809},{"style":284},[810],{"type":246,"value":701},{"type":241,"tag":271,"props":812,"children":813},{"style":278},[814],{"type":246,"value":323},{"type":241,"tag":242,"props":816,"children":817},{},[818,820,825],{"type":246,"value":819},"The result has arrows, a counter, and thumbnails. Selecting a slide opens the\nlightbox because the example opts in with ",{"type":241,"tag":249,"props":821,"children":822},{},[823],{"type":246,"value":824},":lightbox=\"true\"",{"type":246,"value":826},".",{"type":241,"tag":828,"props":829,"children":831},"h2",{"id":830},"add-autoplay-deliberately",[832],{"type":246,"value":833},"Add autoplay deliberately",{"type":241,"tag":260,"props":835,"children":836},{"language":262,"class":264},[837],{"type":241,"tag":249,"props":838,"children":839},{"class":268},[840,851,852,880,881,906,907,928,929,950,951,971,972,984,985],{"type":241,"tag":271,"props":841,"children":842},{"class":273,"style":274},[843,847],{"type":241,"tag":271,"props":844,"children":845},{"style":278},[846],{"type":246,"value":281},{"type":241,"tag":271,"props":848,"children":849},{"style":284},[850],{"type":246,"value":175},{"type":246,"value":325},{"type":241,"tag":271,"props":853,"children":854},{"class":273,"style":274},[855,860,864,868,872,876],{"type":241,"tag":271,"props":856,"children":857},{"style":278},[858],{"type":246,"value":859},"  :",{"type":241,"tag":271,"props":861,"children":862},{"style":290},[863],{"type":246,"value":728},{"type":241,"tag":271,"props":865,"children":866},{"style":278},[867],{"type":246,"value":303},{"type":241,"tag":271,"props":869,"children":870},{"style":278},[871],{"type":246,"value":308},{"type":241,"tag":271,"props":873,"children":874},{"style":347},[875],{"type":246,"value":728},{"type":241,"tag":271,"props":877,"children":878},{"style":278},[879],{"type":246,"value":308},{"type":246,"value":325},{"type":241,"tag":271,"props":882,"children":883},{"class":273,"style":274},[884,888,893,897,901],{"type":241,"tag":271,"props":885,"children":886},{"style":278},[887],{"type":246,"value":859},{"type":241,"tag":271,"props":889,"children":890},{"style":290},[891],{"type":246,"value":892},"autoplay",{"type":241,"tag":271,"props":894,"children":895},{"style":278},[896],{"type":246,"value":303},{"type":241,"tag":271,"props":898,"children":899},{"style":278},[900],{"type":246,"value":308},{"type":241,"tag":271,"props":902,"children":903},{"style":278},[904],{"type":246,"value":905},"{",{"type":246,"value":325},{"type":241,"tag":271,"props":908,"children":909},{"class":273,"style":274},[910,915,919,924],{"type":241,"tag":271,"props":911,"children":912},{"style":284},[913],{"type":246,"value":914},"    delayMs",{"type":241,"tag":271,"props":916,"children":917},{"style":278},[918],{"type":246,"value":398},{"type":241,"tag":271,"props":920,"children":921},{"style":491},[922],{"type":246,"value":923}," 4500",{"type":241,"tag":271,"props":925,"children":926},{"style":278},[927],{"type":246,"value":453},{"type":246,"value":325},{"type":241,"tag":271,"props":930,"children":931},{"class":273,"style":274},[932,937,941,946],{"type":241,"tag":271,"props":933,"children":934},{"style":284},[935],{"type":246,"value":936},"    stopOnInteraction",{"type":241,"tag":271,"props":938,"children":939},{"style":278},[940],{"type":246,"value":398},{"type":241,"tag":271,"props":942,"children":943},{"style":786},[944],{"type":246,"value":945}," true",{"type":241,"tag":271,"props":947,"children":948},{"style":278},[949],{"type":246,"value":453},{"type":246,"value":325},{"type":241,"tag":271,"props":952,"children":953},{"class":273,"style":274},[954,959,963,967],{"type":241,"tag":271,"props":955,"children":956},{"style":284},[957],{"type":246,"value":958},"    stopOnMouseEnter",{"type":241,"tag":271,"props":960,"children":961},{"style":278},[962],{"type":246,"value":398},{"type":241,"tag":271,"props":964,"children":965},{"style":786},[966],{"type":246,"value":945},{"type":241,"tag":271,"props":968,"children":969},{"style":278},[970],{"type":246,"value":453},{"type":246,"value":325},{"type":241,"tag":271,"props":973,"children":974},{"class":273,"style":274},[975,980],{"type":241,"tag":271,"props":976,"children":977},{"style":278},[978],{"type":246,"value":979},"  }",{"type":241,"tag":271,"props":981,"children":982},{"style":278},[983],{"type":246,"value":308},{"type":246,"value":325},{"type":241,"tag":271,"props":986,"children":987},{"class":273,"style":274},[988],{"type":241,"tag":271,"props":989,"children":990},{"style":347},[991],{"type":246,"value":992},"\u002F>",{"type":241,"tag":242,"props":994,"children":995},{},[996],{"type":246,"value":997},"The defaults are 4000 ms, stop after interaction, and continue on mouse enter.\nSet all three fields when product behavior must remain clear during later edits.",{"type":241,"tag":828,"props":999,"children":1001},{"id":1000},"show-more-than-one-slide",[1002],{"type":246,"value":1003},"Show more than one slide",{"type":241,"tag":260,"props":1005,"children":1006},{"language":262,"class":264},[1007],{"type":241,"tag":249,"props":1008,"children":1009},{"class":268},[1010],{"type":241,"tag":271,"props":1011,"children":1012},{"class":273,"style":274},[1013,1017,1021,1025,1029,1033,1037,1041,1045,1050,1054,1058,1063,1067,1072,1076,1080,1085,1089],{"type":241,"tag":271,"props":1014,"children":1015},{"style":278},[1016],{"type":246,"value":281},{"type":241,"tag":271,"props":1018,"children":1019},{"style":284},[1020],{"type":246,"value":175},{"type":241,"tag":271,"props":1022,"children":1023},{"style":278},[1024],{"type":246,"value":723},{"type":241,"tag":271,"props":1026,"children":1027},{"style":290},[1028],{"type":246,"value":728},{"type":241,"tag":271,"props":1030,"children":1031},{"style":278},[1032],{"type":246,"value":303},{"type":241,"tag":271,"props":1034,"children":1035},{"style":278},[1036],{"type":246,"value":308},{"type":241,"tag":271,"props":1038,"children":1039},{"style":347},[1040],{"type":246,"value":728},{"type":241,"tag":271,"props":1042,"children":1043},{"style":278},[1044],{"type":246,"value":308},{"type":241,"tag":271,"props":1046,"children":1047},{"style":290},[1048],{"type":246,"value":1049}," slide-size",{"type":241,"tag":271,"props":1051,"children":1052},{"style":278},[1053],{"type":246,"value":303},{"type":241,"tag":271,"props":1055,"children":1056},{"style":278},[1057],{"type":246,"value":308},{"type":241,"tag":271,"props":1059,"children":1060},{"style":311},[1061],{"type":246,"value":1062},"70%",{"type":241,"tag":271,"props":1064,"children":1065},{"style":278},[1066],{"type":246,"value":308},{"type":241,"tag":271,"props":1068,"children":1069},{"style":290},[1070],{"type":246,"value":1071}," gap",{"type":241,"tag":271,"props":1073,"children":1074},{"style":278},[1075],{"type":246,"value":303},{"type":241,"tag":271,"props":1077,"children":1078},{"style":278},[1079],{"type":246,"value":308},{"type":241,"tag":271,"props":1081,"children":1082},{"style":311},[1083],{"type":246,"value":1084},"12px",{"type":241,"tag":271,"props":1086,"children":1087},{"style":278},[1088],{"type":246,"value":308},{"type":241,"tag":271,"props":1090,"children":1091},{"style":278},[1092],{"type":246,"value":798},{"type":241,"tag":242,"props":1094,"children":1095},{},[1096,1098,1103],{"type":246,"value":1097},"Each slide remains one snap. ",{"type":241,"tag":249,"props":1099,"children":1100},{},[1101],{"type":246,"value":1102},"slideSize",{"type":246,"value":1104}," changes the visible width, not the\nnumber of slides scrolled per navigation action.",{"type":241,"tag":828,"props":1106,"children":1108},{"id":1107},"support-right-to-left-pages",[1109],{"type":246,"value":1110},"Support right-to-left pages",{"type":241,"tag":242,"props":1112,"children":1113},{},[1114,1116,1121],{"type":246,"value":1115},"Omit ",{"type":241,"tag":249,"props":1117,"children":1118},{},[1119],{"type":246,"value":1120},"direction",{"type":246,"value":1122}," when document direction is stable at mount. Bind it when locale\ndirection can change without remounting:",{"type":241,"tag":260,"props":1124,"children":1125},{"language":262,"class":264},[1126],{"type":241,"tag":249,"props":1127,"children":1128},{"class":268},[1129],{"type":241,"tag":271,"props":1130,"children":1131},{"class":273,"style":274},[1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1185,1189],{"type":241,"tag":271,"props":1133,"children":1134},{"style":278},[1135],{"type":246,"value":281},{"type":241,"tag":271,"props":1137,"children":1138},{"style":284},[1139],{"type":246,"value":175},{"type":241,"tag":271,"props":1141,"children":1142},{"style":278},[1143],{"type":246,"value":723},{"type":241,"tag":271,"props":1145,"children":1146},{"style":290},[1147],{"type":246,"value":728},{"type":241,"tag":271,"props":1149,"children":1150},{"style":278},[1151],{"type":246,"value":303},{"type":241,"tag":271,"props":1153,"children":1154},{"style":278},[1155],{"type":246,"value":308},{"type":241,"tag":271,"props":1157,"children":1158},{"style":347},[1159],{"type":246,"value":728},{"type":241,"tag":271,"props":1161,"children":1162},{"style":278},[1163],{"type":246,"value":308},{"type":241,"tag":271,"props":1165,"children":1166},{"style":278},[1167],{"type":246,"value":723},{"type":241,"tag":271,"props":1169,"children":1170},{"style":290},[1171],{"type":246,"value":1120},{"type":241,"tag":271,"props":1173,"children":1174},{"style":278},[1175],{"type":246,"value":303},{"type":241,"tag":271,"props":1177,"children":1178},{"style":278},[1179],{"type":246,"value":308},{"type":241,"tag":271,"props":1181,"children":1182},{"style":347},[1183],{"type":246,"value":1184},"localeDirection",{"type":241,"tag":271,"props":1186,"children":1187},{"style":278},[1188],{"type":246,"value":308},{"type":241,"tag":271,"props":1190,"children":1191},{"style":278},[1192],{"type":246,"value":798},{"type":241,"tag":242,"props":1194,"children":1195},{},[1196],{"type":246,"value":1197},"The main and thumbnail rails receive the same direction. Verify dragging,\narrows, keyboard navigation, and thumbnail selection in both directions.",{"type":241,"tag":242,"props":1199,"children":1200},{},[1201,1207],{"type":241,"tag":1202,"props":1203,"children":1204},"a",{"href":178},[1205],{"type":246,"value":1206},"PhotoCarousel reference",{"type":246,"value":1208}," lists every prop,\nevent, and slot.",{"title":1210,"searchDepth":1211,"depth":1211,"links":1212},"",4,[1213,1215,1216],{"id":830,"depth":1214,"text":833},2,{"id":1000,"depth":1214,"text":1003},{"id":1107,"depth":1214,"text":1110},"markdown","docs",{"source":1220,"path":1221,"stem":1222,"dir":1223,"extension":1224},"content","docs\u002F2.guides\u002F5.build-a-carousel.md","docs\u002F2.guides\u002F5.build-a-carousel","guides","md",{"requestedPath":80,"resolvedPath":80,"alternates":1226},[],{"requested":1228,"resolved":1229,"usedFallback":6},{},{"locale":8},{"previous":1231,"next":1232},{"title":72,"id":73,"canonicalKey":74,"locale":8,"draft":6,"path":75},{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},{"left":1234,"top":1234,"width":1235,"height":1236,"rotate":1234,"vFlip":6,"hFlip":6,"body":1237},0,256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":1234,"top":1234,"width":1239,"height":1239,"rotate":1234,"vFlip":6,"hFlip":6,"body":1240},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788702881362]