[{"data":1,"prerenderedAt":1403},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:qSvFrCDQDXsW9sd3-5sfHgV8ehmZ8pn1vi-KAFDF26w":235,"content-page-surround:docs:qSvFrCDQDXsW9sd3-5sfHgV8ehmZ8pn1vi-KAFDF26w":1392,"i-logos:vue":1395,"i-lucide:clipboard":1400},[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":87,"description":236,"body":237,"type":1379,"id":88,"canonicalKey":89,"draft":6,"partial":6,"locale":8,"collection":1380,"navigationFile":6,"file":1381,"route":1387,"resolution":1389},"Compose explicit primitives for any thumbnail layout.",{"type":238,"children":239,"toc":1372},"root",[240,254,289,1068,1083,1090,1102,1323,1329,1353],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245,252],{"type":241,"tag":246,"props":247,"children":248},"code",{},[249],{"type":250,"value":251},"text","\u003CPhotoAlbum>",{"type":250,"value":253}," owns rows, columns, and masonry. A bespoke layout owns its\nexplicit photo collection and composes three primitives:",{"type":241,"tag":255,"props":256,"children":257},"ul",{},[258,269,279],{"type":241,"tag":259,"props":260,"children":261},"li",{},[262,267],{"type":241,"tag":246,"props":263,"children":264},{},[265],{"type":250,"value":266},"\u003CLightboxProvider>",{"type":250,"value":268}," owns state;",{"type":241,"tag":259,"props":270,"children":271},{},[272,277],{"type":241,"tag":246,"props":273,"children":274},{},[275],{"type":250,"value":276},"\u003CPhotoTrigger>",{"type":250,"value":278}," owns accessible activation and the FLIP source ref;",{"type":241,"tag":259,"props":280,"children":281},{},[282,287],{"type":241,"tag":246,"props":283,"children":284},{},[285],{"type":250,"value":286},"\u003CLightbox>",{"type":250,"value":288}," renders the included viewer.",{"type":241,"tag":290,"props":291,"children":294},"pre",{"language":292,"class":293},"vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[295],{"type":241,"tag":246,"props":296,"children":298},{"class":297},"language-vue",[299,353,355,428,429,470,471,474,475,512,513,522,523,531,532,548,549,552,553,569,570,613,614,653,654,667,668,717,718,757,758,785,786,813,814,848,849,857,858,985,986,1002,1003,1019,1020,1035,1036,1052,1053],{"type":241,"tag":300,"props":301,"children":304},"span",{"class":302,"style":303},"line","display: inline",[305,311,317,323,328,333,338,344,348],{"type":241,"tag":300,"props":306,"children":308},{"style":307},"color:#39ADB5;--shiki-dark:#89DDFF",[309],{"type":250,"value":310},"\u003C",{"type":241,"tag":300,"props":312,"children":314},{"style":313},"color:#E53935;--shiki-dark:#F07178",[315],{"type":250,"value":316},"script",{"type":241,"tag":300,"props":318,"children":320},{"style":319},"color:#9C3EDA;--shiki-dark:#C792EA",[321],{"type":250,"value":322}," setup",{"type":241,"tag":300,"props":324,"children":325},{"style":319},[326],{"type":250,"value":327}," lang",{"type":241,"tag":300,"props":329,"children":330},{"style":307},[331],{"type":250,"value":332},"=",{"type":241,"tag":300,"props":334,"children":335},{"style":307},[336],{"type":250,"value":337},"\"",{"type":241,"tag":300,"props":339,"children":341},{"style":340},"color:#91B859;--shiki-dark:#C3E88D",[342],{"type":250,"value":343},"ts",{"type":241,"tag":300,"props":345,"children":346},{"style":307},[347],{"type":250,"value":337},{"type":241,"tag":300,"props":349,"children":350},{"style":307},[351],{"type":250,"value":352},">",{"type":250,"value":354},"\n",{"type":241,"tag":300,"props":356,"children":357},{"class":302,"style":303},[358,364,369,375,380,385,389,394,398,403,408,413,418,423],{"type":241,"tag":300,"props":359,"children":361},{"style":360},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[362],{"type":250,"value":363},"import",{"type":241,"tag":300,"props":365,"children":366},{"style":307},[367],{"type":250,"value":368}," {",{"type":241,"tag":300,"props":370,"children":372},{"style":371},"color:#90A4AE;--shiki-dark:#BABED8",[373],{"type":250,"value":374}," Lightbox",{"type":241,"tag":300,"props":376,"children":377},{"style":307},[378],{"type":250,"value":379},",",{"type":241,"tag":300,"props":381,"children":382},{"style":371},[383],{"type":250,"value":384}," LightboxProvider",{"type":241,"tag":300,"props":386,"children":387},{"style":307},[388],{"type":250,"value":379},{"type":241,"tag":300,"props":390,"children":391},{"style":371},[392],{"type":250,"value":393}," PhotoImage",{"type":241,"tag":300,"props":395,"children":396},{"style":307},[397],{"type":250,"value":379},{"type":241,"tag":300,"props":399,"children":400},{"style":371},[401],{"type":250,"value":402}," PhotoTrigger",{"type":241,"tag":300,"props":404,"children":405},{"style":307},[406],{"type":250,"value":407}," }",{"type":241,"tag":300,"props":409,"children":410},{"style":360},[411],{"type":250,"value":412}," from",{"type":241,"tag":300,"props":414,"children":415},{"style":307},[416],{"type":250,"value":417}," '",{"type":241,"tag":300,"props":419,"children":420},{"style":340},[421],{"type":250,"value":422},"@lupinum\u002Fnuxt-photo\u002Fapp",{"type":241,"tag":300,"props":424,"children":425},{"style":307},[426],{"type":250,"value":427},"'",{"type":250,"value":354},{"type":241,"tag":300,"props":430,"children":431},{"class":302,"style":303},[432,436,441,445,450,454,458,462,466],{"type":241,"tag":300,"props":433,"children":434},{"style":360},[435],{"type":250,"value":363},{"type":241,"tag":300,"props":437,"children":438},{"style":360},[439],{"type":250,"value":440}," type",{"type":241,"tag":300,"props":442,"children":443},{"style":307},[444],{"type":250,"value":368},{"type":241,"tag":300,"props":446,"children":447},{"style":371},[448],{"type":250,"value":449}," PhotoItem",{"type":241,"tag":300,"props":451,"children":452},{"style":307},[453],{"type":250,"value":407},{"type":241,"tag":300,"props":455,"children":456},{"style":360},[457],{"type":250,"value":412},{"type":241,"tag":300,"props":459,"children":460},{"style":307},[461],{"type":250,"value":417},{"type":241,"tag":300,"props":463,"children":464},{"style":340},[465],{"type":250,"value":422},{"type":241,"tag":300,"props":467,"children":468},{"style":307},[469],{"type":250,"value":427},{"type":250,"value":354},{"type":241,"tag":300,"props":472,"children":473},{"class":302,"style":303},[],{"type":250,"value":354},{"type":241,"tag":300,"props":476,"children":477},{"class":302,"style":303},[478,483,488,493,498,503,507],{"type":241,"tag":300,"props":479,"children":480},{"style":319},[481],{"type":250,"value":482},"const",{"type":241,"tag":300,"props":484,"children":485},{"style":371},[486],{"type":250,"value":487}," photos",{"type":241,"tag":300,"props":489,"children":490},{"style":307},[491],{"type":250,"value":492},":",{"type":241,"tag":300,"props":494,"children":496},{"style":495},"color:#E2931D;--shiki-dark:#FFCB6B",[497],{"type":250,"value":449},{"type":241,"tag":300,"props":499,"children":500},{"style":371},[501],{"type":250,"value":502},"[] ",{"type":241,"tag":300,"props":504,"children":505},{"style":307},[506],{"type":250,"value":332},{"type":241,"tag":300,"props":508,"children":509},{"style":371},[510],{"type":250,"value":511}," [",{"type":250,"value":354},{"type":241,"tag":300,"props":514,"children":515},{"class":302,"style":303},[516],{"type":241,"tag":300,"props":517,"children":519},{"style":518},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[520],{"type":250,"value":521},"  \u002F* … *\u002F",{"type":250,"value":354},{"type":241,"tag":300,"props":524,"children":525},{"class":302,"style":303},[526],{"type":241,"tag":300,"props":527,"children":528},{"style":371},[529],{"type":250,"value":530},"]",{"type":250,"value":354},{"type":241,"tag":300,"props":533,"children":534},{"class":302,"style":303},[535,540,544],{"type":241,"tag":300,"props":536,"children":537},{"style":307},[538],{"type":250,"value":539},"\u003C\u002F",{"type":241,"tag":300,"props":541,"children":542},{"style":313},[543],{"type":250,"value":316},{"type":241,"tag":300,"props":545,"children":546},{"style":307},[547],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":550,"children":551},{"class":302,"style":303},[],{"type":250,"value":354},{"type":241,"tag":300,"props":554,"children":555},{"class":302,"style":303},[556,560,565],{"type":241,"tag":300,"props":557,"children":558},{"style":307},[559],{"type":250,"value":310},{"type":241,"tag":300,"props":561,"children":562},{"style":313},[563],{"type":250,"value":564},"template",{"type":241,"tag":300,"props":566,"children":567},{"style":307},[568],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":571,"children":572},{"class":302,"style":303},[573,578,583,588,593,597,601,605,609],{"type":241,"tag":300,"props":574,"children":575},{"style":307},[576],{"type":250,"value":577},"  \u003C",{"type":241,"tag":300,"props":579,"children":580},{"style":313},[581],{"type":250,"value":582},"LightboxProvider",{"type":241,"tag":300,"props":584,"children":585},{"style":307},[586],{"type":250,"value":587}," :",{"type":241,"tag":300,"props":589,"children":590},{"style":319},[591],{"type":250,"value":592},"photos",{"type":241,"tag":300,"props":594,"children":595},{"style":307},[596],{"type":250,"value":332},{"type":241,"tag":300,"props":598,"children":599},{"style":307},[600],{"type":250,"value":337},{"type":241,"tag":300,"props":602,"children":603},{"style":371},[604],{"type":250,"value":592},{"type":241,"tag":300,"props":606,"children":607},{"style":307},[608],{"type":250,"value":337},{"type":241,"tag":300,"props":610,"children":611},{"style":307},[612],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":615,"children":616},{"class":302,"style":303},[617,622,627,632,636,640,645,649],{"type":241,"tag":300,"props":618,"children":619},{"style":307},[620],{"type":250,"value":621},"    \u003C",{"type":241,"tag":300,"props":623,"children":624},{"style":313},[625],{"type":250,"value":626},"div",{"type":241,"tag":300,"props":628,"children":629},{"style":319},[630],{"type":250,"value":631}," class",{"type":241,"tag":300,"props":633,"children":634},{"style":307},[635],{"type":250,"value":332},{"type":241,"tag":300,"props":637,"children":638},{"style":307},[639],{"type":250,"value":337},{"type":241,"tag":300,"props":641,"children":642},{"style":340},[643],{"type":250,"value":644},"hex-grid",{"type":241,"tag":300,"props":646,"children":647},{"style":307},[648],{"type":250,"value":337},{"type":241,"tag":300,"props":650,"children":651},{"style":307},[652],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":655,"children":656},{"class":302,"style":303},[657,662],{"type":241,"tag":300,"props":658,"children":659},{"style":307},[660],{"type":250,"value":661},"      \u003C",{"type":241,"tag":300,"props":663,"children":664},{"style":313},[665],{"type":250,"value":666},"PhotoTrigger",{"type":250,"value":354},{"type":241,"tag":300,"props":669,"children":670},{"class":302,"style":303},[671,676,680,684,689,694,699,704,709,713],{"type":241,"tag":300,"props":672,"children":673},{"style":360},[674],{"type":250,"value":675},"        v-for",{"type":241,"tag":300,"props":677,"children":678},{"style":307},[679],{"type":250,"value":332},{"type":241,"tag":300,"props":681,"children":682},{"style":307},[683],{"type":250,"value":337},{"type":241,"tag":300,"props":685,"children":686},{"style":307},[687],{"type":250,"value":688},"(",{"type":241,"tag":300,"props":690,"children":691},{"style":371},[692],{"type":250,"value":693},"photo",{"type":241,"tag":300,"props":695,"children":696},{"style":307},[697],{"type":250,"value":698},", ",{"type":241,"tag":300,"props":700,"children":701},{"style":371},[702],{"type":250,"value":703},"index",{"type":241,"tag":300,"props":705,"children":706},{"style":307},[707],{"type":250,"value":708},") in ",{"type":241,"tag":300,"props":710,"children":711},{"style":371},[712],{"type":250,"value":592},{"type":241,"tag":300,"props":714,"children":715},{"style":307},[716],{"type":250,"value":337},{"type":250,"value":354},{"type":241,"tag":300,"props":719,"children":720},{"class":302,"style":303},[721,726,731,735,739,743,748,753],{"type":241,"tag":300,"props":722,"children":723},{"style":307},[724],{"type":250,"value":725},"        :",{"type":241,"tag":300,"props":727,"children":728},{"style":319},[729],{"type":250,"value":730},"key",{"type":241,"tag":300,"props":732,"children":733},{"style":307},[734],{"type":250,"value":332},{"type":241,"tag":300,"props":736,"children":737},{"style":307},[738],{"type":250,"value":337},{"type":241,"tag":300,"props":740,"children":741},{"style":371},[742],{"type":250,"value":693},{"type":241,"tag":300,"props":744,"children":745},{"style":307},[746],{"type":250,"value":747},".",{"type":241,"tag":300,"props":749,"children":750},{"style":371},[751],{"type":250,"value":752},"id",{"type":241,"tag":300,"props":754,"children":755},{"style":307},[756],{"type":250,"value":337},{"type":250,"value":354},{"type":241,"tag":300,"props":759,"children":760},{"class":302,"style":303},[761,765,769,773,777,781],{"type":241,"tag":300,"props":762,"children":763},{"style":307},[764],{"type":250,"value":725},{"type":241,"tag":300,"props":766,"children":767},{"style":319},[768],{"type":250,"value":693},{"type":241,"tag":300,"props":770,"children":771},{"style":307},[772],{"type":250,"value":332},{"type":241,"tag":300,"props":774,"children":775},{"style":307},[776],{"type":250,"value":337},{"type":241,"tag":300,"props":778,"children":779},{"style":371},[780],{"type":250,"value":693},{"type":241,"tag":300,"props":782,"children":783},{"style":307},[784],{"type":250,"value":337},{"type":250,"value":354},{"type":241,"tag":300,"props":787,"children":788},{"class":302,"style":303},[789,793,797,801,805,809],{"type":241,"tag":300,"props":790,"children":791},{"style":307},[792],{"type":250,"value":725},{"type":241,"tag":300,"props":794,"children":795},{"style":319},[796],{"type":250,"value":703},{"type":241,"tag":300,"props":798,"children":799},{"style":307},[800],{"type":250,"value":332},{"type":241,"tag":300,"props":802,"children":803},{"style":307},[804],{"type":250,"value":337},{"type":241,"tag":300,"props":806,"children":807},{"style":371},[808],{"type":250,"value":703},{"type":241,"tag":300,"props":810,"children":811},{"style":307},[812],{"type":250,"value":337},{"type":250,"value":354},{"type":241,"tag":300,"props":815,"children":816},{"class":302,"style":303},[817,822,826,830,835,840,844],{"type":241,"tag":300,"props":818,"children":819},{"style":319},[820],{"type":250,"value":821},"        v-slot",{"type":241,"tag":300,"props":823,"children":824},{"style":307},[825],{"type":250,"value":332},{"type":241,"tag":300,"props":827,"children":828},{"style":307},[829],{"type":250,"value":337},{"type":241,"tag":300,"props":831,"children":832},{"style":307},[833],{"type":250,"value":834},"{ ",{"type":241,"tag":300,"props":836,"children":837},{"style":371},[838],{"type":250,"value":839},"hidden",{"type":241,"tag":300,"props":841,"children":842},{"style":307},[843],{"type":250,"value":407},{"type":241,"tag":300,"props":845,"children":846},{"style":307},[847],{"type":250,"value":337},{"type":250,"value":354},{"type":241,"tag":300,"props":850,"children":851},{"class":302,"style":303},[852],{"type":241,"tag":300,"props":853,"children":854},{"style":307},[855],{"type":250,"value":856},"      >",{"type":250,"value":354},{"type":241,"tag":300,"props":859,"children":860},{"class":302,"style":303},[861,866,871,875,879,883,887,891,895,900,904,908,913,917,921,926,930,934,938,943,948,952,957,963,968,972,976,980],{"type":241,"tag":300,"props":862,"children":863},{"style":307},[864],{"type":250,"value":865},"        \u003C",{"type":241,"tag":300,"props":867,"children":868},{"style":313},[869],{"type":250,"value":870},"PhotoImage",{"type":241,"tag":300,"props":872,"children":873},{"style":307},[874],{"type":250,"value":587},{"type":241,"tag":300,"props":876,"children":877},{"style":319},[878],{"type":250,"value":693},{"type":241,"tag":300,"props":880,"children":881},{"style":307},[882],{"type":250,"value":332},{"type":241,"tag":300,"props":884,"children":885},{"style":307},[886],{"type":250,"value":337},{"type":241,"tag":300,"props":888,"children":889},{"style":371},[890],{"type":250,"value":693},{"type":241,"tag":300,"props":892,"children":893},{"style":307},[894],{"type":250,"value":337},{"type":241,"tag":300,"props":896,"children":897},{"style":319},[898],{"type":250,"value":899}," context",{"type":241,"tag":300,"props":901,"children":902},{"style":307},[903],{"type":250,"value":332},{"type":241,"tag":300,"props":905,"children":906},{"style":307},[907],{"type":250,"value":337},{"type":241,"tag":300,"props":909,"children":910},{"style":340},[911],{"type":250,"value":912},"thumb",{"type":241,"tag":300,"props":914,"children":915},{"style":307},[916],{"type":250,"value":337},{"type":241,"tag":300,"props":918,"children":919},{"style":307},[920],{"type":250,"value":587},{"type":241,"tag":300,"props":922,"children":923},{"style":319},[924],{"type":250,"value":925},"style",{"type":241,"tag":300,"props":927,"children":928},{"style":307},[929],{"type":250,"value":332},{"type":241,"tag":300,"props":931,"children":932},{"style":307},[933],{"type":250,"value":337},{"type":241,"tag":300,"props":935,"children":936},{"style":307},[937],{"type":250,"value":834},{"type":241,"tag":300,"props":939,"children":940},{"style":313},[941],{"type":250,"value":942},"opacity",{"type":241,"tag":300,"props":944,"children":945},{"style":307},[946],{"type":250,"value":947},": ",{"type":241,"tag":300,"props":949,"children":950},{"style":371},[951],{"type":250,"value":839},{"type":241,"tag":300,"props":953,"children":954},{"style":307},[955],{"type":250,"value":956}," ? ",{"type":241,"tag":300,"props":958,"children":960},{"style":959},"color:#F76D47;--shiki-dark:#F78C6C",[961],{"type":250,"value":962},"0",{"type":241,"tag":300,"props":964,"children":965},{"style":307},[966],{"type":250,"value":967}," : ",{"type":241,"tag":300,"props":969,"children":970},{"style":959},[971],{"type":250,"value":7},{"type":241,"tag":300,"props":973,"children":974},{"style":307},[975],{"type":250,"value":407},{"type":241,"tag":300,"props":977,"children":978},{"style":307},[979],{"type":250,"value":337},{"type":241,"tag":300,"props":981,"children":982},{"style":307},[983],{"type":250,"value":984}," \u002F>",{"type":250,"value":354},{"type":241,"tag":300,"props":987,"children":988},{"class":302,"style":303},[989,994,998],{"type":241,"tag":300,"props":990,"children":991},{"style":307},[992],{"type":250,"value":993},"      \u003C\u002F",{"type":241,"tag":300,"props":995,"children":996},{"style":313},[997],{"type":250,"value":666},{"type":241,"tag":300,"props":999,"children":1000},{"style":307},[1001],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1004,"children":1005},{"class":302,"style":303},[1006,1011,1015],{"type":241,"tag":300,"props":1007,"children":1008},{"style":307},[1009],{"type":250,"value":1010},"    \u003C\u002F",{"type":241,"tag":300,"props":1012,"children":1013},{"style":313},[1014],{"type":250,"value":626},{"type":241,"tag":300,"props":1016,"children":1017},{"style":307},[1018],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1021,"children":1022},{"class":302,"style":303},[1023,1027,1031],{"type":241,"tag":300,"props":1024,"children":1025},{"style":307},[1026],{"type":250,"value":621},{"type":241,"tag":300,"props":1028,"children":1029},{"style":313},[1030],{"type":250,"value":180},{"type":241,"tag":300,"props":1032,"children":1033},{"style":307},[1034],{"type":250,"value":984},{"type":250,"value":354},{"type":241,"tag":300,"props":1037,"children":1038},{"class":302,"style":303},[1039,1044,1048],{"type":241,"tag":300,"props":1040,"children":1041},{"style":307},[1042],{"type":250,"value":1043},"  \u003C\u002F",{"type":241,"tag":300,"props":1045,"children":1046},{"style":313},[1047],{"type":250,"value":582},{"type":241,"tag":300,"props":1049,"children":1050},{"style":307},[1051],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1054,"children":1055},{"class":302,"style":303},[1056,1060,1064],{"type":241,"tag":300,"props":1057,"children":1058},{"style":307},[1059],{"type":250,"value":539},{"type":241,"tag":300,"props":1061,"children":1062},{"style":313},[1063],{"type":250,"value":564},{"type":241,"tag":300,"props":1065,"children":1066},{"style":307},[1067],{"type":250,"value":352},{"type":241,"tag":242,"props":1069,"children":1070},{},[1071,1075,1077,1081],{"type":241,"tag":246,"props":1072,"children":1073},{},[1074],{"type":250,"value":666},{"type":250,"value":1076}," supplies keyboard handling, ARIA labeling, activation, and the\ntransition ref. Its ",{"type":241,"tag":246,"props":1078,"children":1079},{},[1080],{"type":250,"value":839},{"type":250,"value":1082}," slot prop prevents the source thumbnail and ghost\nimage from appearing at the same time.",{"type":241,"tag":1084,"props":1085,"children":1087},"h2",{"id":1086},"programmatic-buttons-inside-the-provider",[1088],{"type":250,"value":1089},"Programmatic buttons inside the provider",{"type":241,"tag":242,"props":1091,"children":1092},{},[1093,1095,1100],{"type":250,"value":1094},"Call ",{"type":241,"tag":246,"props":1096,"children":1097},{},[1098],{"type":250,"value":1099},"useLightbox()",{"type":250,"value":1101}," from a descendant component:",{"type":241,"tag":290,"props":1103,"children":1104},{"language":292,"class":293},[1105],{"type":241,"tag":246,"props":1106,"children":1107},{"class":297},[1108,1147,1148,1184,1185,1188,1189,1215,1216,1231,1232,1235,1236,1251,1252,1307,1308],{"type":241,"tag":300,"props":1109,"children":1110},{"class":302,"style":303},[1111,1115,1119,1123,1127,1131,1135,1139,1143],{"type":241,"tag":300,"props":1112,"children":1113},{"style":307},[1114],{"type":250,"value":310},{"type":241,"tag":300,"props":1116,"children":1117},{"style":313},[1118],{"type":250,"value":316},{"type":241,"tag":300,"props":1120,"children":1121},{"style":319},[1122],{"type":250,"value":322},{"type":241,"tag":300,"props":1124,"children":1125},{"style":319},[1126],{"type":250,"value":327},{"type":241,"tag":300,"props":1128,"children":1129},{"style":307},[1130],{"type":250,"value":332},{"type":241,"tag":300,"props":1132,"children":1133},{"style":307},[1134],{"type":250,"value":337},{"type":241,"tag":300,"props":1136,"children":1137},{"style":340},[1138],{"type":250,"value":343},{"type":241,"tag":300,"props":1140,"children":1141},{"style":307},[1142],{"type":250,"value":337},{"type":241,"tag":300,"props":1144,"children":1145},{"style":307},[1146],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1149,"children":1150},{"class":302,"style":303},[1151,1155,1159,1164,1168,1172,1176,1180],{"type":241,"tag":300,"props":1152,"children":1153},{"style":360},[1154],{"type":250,"value":363},{"type":241,"tag":300,"props":1156,"children":1157},{"style":307},[1158],{"type":250,"value":368},{"type":241,"tag":300,"props":1160,"children":1161},{"style":371},[1162],{"type":250,"value":1163}," useLightbox",{"type":241,"tag":300,"props":1165,"children":1166},{"style":307},[1167],{"type":250,"value":407},{"type":241,"tag":300,"props":1169,"children":1170},{"style":360},[1171],{"type":250,"value":412},{"type":241,"tag":300,"props":1173,"children":1174},{"style":307},[1175],{"type":250,"value":417},{"type":241,"tag":300,"props":1177,"children":1178},{"style":340},[1179],{"type":250,"value":422},{"type":241,"tag":300,"props":1181,"children":1182},{"style":307},[1183],{"type":250,"value":427},{"type":250,"value":354},{"type":241,"tag":300,"props":1186,"children":1187},{"class":302,"style":303},[],{"type":250,"value":354},{"type":241,"tag":300,"props":1190,"children":1191},{"class":302,"style":303},[1192,1196,1201,1205,1210],{"type":241,"tag":300,"props":1193,"children":1194},{"style":319},[1195],{"type":250,"value":482},{"type":241,"tag":300,"props":1197,"children":1198},{"style":371},[1199],{"type":250,"value":1200}," lightbox ",{"type":241,"tag":300,"props":1202,"children":1203},{"style":307},[1204],{"type":250,"value":332},{"type":241,"tag":300,"props":1206,"children":1208},{"style":1207},"color:#6182B8;--shiki-dark:#82AAFF",[1209],{"type":250,"value":1163},{"type":241,"tag":300,"props":1211,"children":1212},{"style":371},[1213],{"type":250,"value":1214},"()",{"type":250,"value":354},{"type":241,"tag":300,"props":1217,"children":1218},{"class":302,"style":303},[1219,1223,1227],{"type":241,"tag":300,"props":1220,"children":1221},{"style":307},[1222],{"type":250,"value":539},{"type":241,"tag":300,"props":1224,"children":1225},{"style":313},[1226],{"type":250,"value":316},{"type":241,"tag":300,"props":1228,"children":1229},{"style":307},[1230],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1233,"children":1234},{"class":302,"style":303},[],{"type":250,"value":354},{"type":241,"tag":300,"props":1237,"children":1238},{"class":302,"style":303},[1239,1243,1247],{"type":241,"tag":300,"props":1240,"children":1241},{"style":307},[1242],{"type":250,"value":310},{"type":241,"tag":300,"props":1244,"children":1245},{"style":313},[1246],{"type":250,"value":564},{"type":241,"tag":300,"props":1248,"children":1249},{"style":307},[1250],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1253,"children":1254},{"class":302,"style":303},[1255,1259,1264,1269,1273,1277,1282,1286,1290,1295,1299,1303],{"type":241,"tag":300,"props":1256,"children":1257},{"style":307},[1258],{"type":250,"value":577},{"type":241,"tag":300,"props":1260,"children":1261},{"style":313},[1262],{"type":250,"value":1263},"button",{"type":241,"tag":300,"props":1265,"children":1266},{"style":319},[1267],{"type":250,"value":1268}," @click",{"type":241,"tag":300,"props":1270,"children":1271},{"style":307},[1272],{"type":250,"value":332},{"type":241,"tag":300,"props":1274,"children":1275},{"style":307},[1276],{"type":250,"value":337},{"type":241,"tag":300,"props":1278,"children":1279},{"style":340},[1280],{"type":250,"value":1281},"lightbox.openById('desert-01')",{"type":241,"tag":300,"props":1283,"children":1284},{"style":307},[1285],{"type":250,"value":337},{"type":241,"tag":300,"props":1287,"children":1288},{"style":307},[1289],{"type":250,"value":352},{"type":241,"tag":300,"props":1291,"children":1292},{"style":371},[1293],{"type":250,"value":1294},"Open desert",{"type":241,"tag":300,"props":1296,"children":1297},{"style":307},[1298],{"type":250,"value":539},{"type":241,"tag":300,"props":1300,"children":1301},{"style":313},[1302],{"type":250,"value":1263},{"type":241,"tag":300,"props":1304,"children":1305},{"style":307},[1306],{"type":250,"value":352},{"type":250,"value":354},{"type":241,"tag":300,"props":1309,"children":1310},{"class":302,"style":303},[1311,1315,1319],{"type":241,"tag":300,"props":1312,"children":1313},{"style":307},[1314],{"type":250,"value":539},{"type":241,"tag":300,"props":1316,"children":1317},{"style":313},[1318],{"type":250,"value":564},{"type":241,"tag":300,"props":1320,"children":1321},{"style":307},[1322],{"type":250,"value":352},{"type":241,"tag":1084,"props":1324,"children":1326},{"id":1325},"why-photogroup-is-not-used-here",[1327],{"type":250,"value":1328},"Why PhotoGroup is not used here",{"type":241,"tag":242,"props":1330,"children":1331},{},[1332,1334,1339,1341,1345,1347,1351],{"type":250,"value":1333},"PhotoGroup gives descendant ",{"type":241,"tag":246,"props":1335,"children":1336},{},[1337],{"type":250,"value":1338},"\u003CPhoto>",{"type":250,"value":1340}," and ",{"type":241,"tag":246,"props":1342,"children":1343},{},[1344],{"type":250,"value":251},{"type":250,"value":1346}," components one explicit\ncanonical collection, but it does not return generic trigger attribute bags.\nUse ",{"type":241,"tag":246,"props":1348,"children":1349},{},[1350],{"type":250,"value":582},{"type":250,"value":1352}," when a bespoke layout needs direct control over every\ntrigger and lower-level component rather than ready-made components.",{"type":241,"tag":242,"props":1354,"children":1355},{},[1356,1358,1364,1366,1370],{"type":250,"value":1357},"Use the ",{"type":241,"tag":1359,"props":1360,"children":1361},"a",{"href":173},[1362],{"type":250,"value":1363},"PhotoGroup reference",{"type":250,"value":1365}," when ready-made\ndescendants should share one collection. Continue with\n",{"type":241,"tag":1359,"props":1367,"children":1368},{"href":100},[1369],{"type":250,"value":97},{"type":250,"value":1371},"\nwhen the viewer structure also needs to change.",{"title":1373,"searchDepth":1374,"depth":1374,"links":1375},"",4,[1376,1378],{"id":1086,"depth":1377,"text":1089},2,{"id":1325,"depth":1377,"text":1328},"markdown","docs",{"source":1382,"path":1383,"stem":1384,"dir":1385,"extension":1386},"content","docs\u002F2.guides\u002F7.create-a-custom-thumbnail-layout.md","docs\u002F2.guides\u002F7.create-a-custom-thumbnail-layout","guides","md",{"requestedPath":90,"resolvedPath":90,"alternates":1388},[],{"requested":1390,"resolved":1391,"usedFallback":6},{},{"locale":8},{"previous":1393,"next":1394},{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":6,"path":95},{"left":1396,"top":1396,"width":1397,"height":1398,"rotate":1396,"vFlip":6,"hFlip":6,"body":1399},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":1396,"top":1396,"width":1401,"height":1401,"rotate":1396,"vFlip":6,"hFlip":6,"body":1402},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>",1788702882021]