[{"data":1,"prerenderedAt":1171},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource":342,"\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource-surround":1166},[4,14,36,69,140,325],{"title":5,"path":6,"stem":7,"children":8},"Introduction","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17,"children":18,"page":35},"Guides","\u002Fguides","2.guides",[19,23,27,31],{"title":20,"path":21,"stem":22},"Your First Layout","\u002Fguides\u002Fyour-first-layout","2.guides\u002F1.your-first-layout",{"title":24,"path":25,"stem":26},"Your First Page Template","\u002Fguides\u002Fyour-first-page-template","2.guides\u002F2.your-first-page-template",{"title":28,"path":29,"stem":30},"Your First Component","\u002Fguides\u002Fyour-first-component","2.guides\u002F3.your-first-component",{"title":32,"path":33,"stem":34},"Alternative UI Variants","\u002Fguides\u002Falternative-ui-variants","2.guides\u002F4.alternative-ui-variants",false,{"title":37,"path":38,"stem":39,"children":40,"page":35},"Core Concepts","\u002Fcore-concepts","3.core-concepts",[41,45,49,53,57,61,65],{"title":42,"path":43,"stem":44},"How It All Works","\u002Fcore-concepts\u002Farchitecture","3.core-concepts\u002F1.architecture",{"title":46,"path":47,"stem":48},"The Data Model","\u002Fcore-concepts\u002Fthe-data-model","3.core-concepts\u002F2.the-data-model",{"title":50,"path":51,"stem":52},"Layouts & Pages","\u002Fcore-concepts\u002Flayouts-and-pages","3.core-concepts\u002F3.layouts-and-pages",{"title":54,"path":55,"stem":56},"Dynamic Pages","\u002Fcore-concepts\u002Fdynamic-pages","3.core-concepts\u002F4.dynamic-pages",{"title":58,"path":59,"stem":60},"Components","\u002Fcore-concepts\u002Fcomponents","3.core-concepts\u002F5.components",{"title":62,"path":63,"stem":64},"Draft & Publish Workflow","\u002Fcore-concepts\u002Fdraft-and-publish","3.core-concepts\u002F6.draft-and-publish",{"title":66,"path":67,"stem":68},"The Admin Panel","\u002Fcore-concepts\u002Fadmin-panel","3.core-concepts\u002F7.admin-panel",{"title":70,"path":71,"stem":72,"children":73,"page":35},"Api","\u002Fapi","4.api",[74,78,116,120,124,128,132,136],{"title":75,"path":76,"stem":77},"Bundle Setup","\u002Fapi\u002Fbundle-setup","4.api\u002F1.bundle-setup",{"title":58,"path":79,"stem":80,"children":81,"page":35},"\u002Fapi\u002Fcomponents","4.api\u002F2.components",[82,86,103],{"title":83,"path":84,"stem":85},"Creating Components","\u002Fapi\u002Fcomponents\u002Fcreating-components","4.api\u002F2.components\u002F1.creating-components",{"title":87,"path":88,"stem":89,"children":90,"page":35},"Annotations","\u002Fapi\u002Fcomponents\u002Fannotations","4.api\u002F2.components\u002F2.annotations",[91,95,99],{"title":92,"path":93,"stem":94},"Publishable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fpublishable","4.api\u002F2.components\u002F2.annotations\u002F1.publishable",{"title":96,"path":97,"stem":98},"Uploadable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fuploadable","4.api\u002F2.components\u002F2.annotations\u002F2.uploadable",{"title":100,"path":101,"stem":102},"Timestamped","\u002Fapi\u002Fcomponents\u002Fannotations\u002Ftimestamped","4.api\u002F2.components\u002F2.annotations\u002F3.timestamped",{"title":104,"path":105,"stem":106,"children":107,"page":35},"Built Ins","\u002Fapi\u002Fcomponents\u002Fbuilt-ins","4.api\u002F2.components\u002F3.built-ins",[108,112],{"title":109,"path":110,"stem":111},"Collection Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fcollection-component","4.api\u002F2.components\u002F3.built-ins\u002F1.collection-component",{"title":113,"path":114,"stem":115},"Form Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fform-component","4.api\u002F2.components\u002F3.built-ins\u002F2.form-component",{"title":117,"path":118,"stem":119},"Dynamic & Nested Pages","\u002Fapi\u002Fdynamic-pages","4.api\u002F3.dynamic-pages",{"title":121,"path":122,"stem":123},"Users & Security","\u002Fapi\u002Fusers-and-security","4.api\u002F4.users-and-security",{"title":125,"path":126,"stem":127},"Data Fixtures","\u002Fapi\u002Fdata-fixtures","4.api\u002F5.data-fixtures",{"title":129,"path":130,"stem":131},"Configuration Reference","\u002Fapi\u002Fconfiguration","4.api\u002F6.configuration",{"title":133,"path":134,"stem":135},"Console Commands","\u002Fapi\u002Fconsole-commands","4.api\u002F7.console-commands",{"title":137,"path":138,"stem":139},"Debugging & Profiler","\u002Fapi\u002Fdebugging","4.api\u002F8.debugging",{"title":141,"path":142,"stem":143,"children":144,"page":35},"Nuxt Module","\u002Fnuxt-module","5.nuxt-module",[145,149,162,178,203,207,279,304,308],{"title":146,"path":147,"stem":148},"Module Setup","\u002Fnuxt-module\u002Fmodule-setup","5.nuxt-module\u002F1.module-setup",{"title":150,"path":151,"stem":152,"children":153,"page":35},"Configuration","\u002Fnuxt-module\u002Fconfiguration","5.nuxt-module\u002F2.configuration",[154,158],{"title":155,"path":156,"stem":157},"Nuxt Config","\u002Fnuxt-module\u002Fconfiguration\u002Fnuxt-config","5.nuxt-module\u002F2.configuration\u002F1.nuxt-config",{"title":159,"path":160,"stem":161},"Site Config & SEO","\u002Fnuxt-module\u002Fconfiguration\u002Fsite-config-and-seo","5.nuxt-module\u002F2.configuration\u002F2.site-config-and-seo",{"title":163,"path":164,"stem":165,"children":166,"page":35},"Building Your Ui","\u002Fnuxt-module\u002Fbuilding-your-ui","5.nuxt-module\u002F3.building-your-ui",[167,171,175],{"title":168,"path":169,"stem":170},"Layouts","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-layouts","5.nuxt-module\u002F3.building-your-ui\u002F1.creating-layouts",{"title":172,"path":173,"stem":174},"Page Templates","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-page-templates","5.nuxt-module\u002F3.building-your-ui\u002F2.creating-page-templates",{"title":83,"path":176,"stem":177},"\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-components","5.nuxt-module\u002F3.building-your-ui\u002F3.creating-components",{"title":179,"path":180,"stem":181,"children":182,"page":35},"Cwa Components","\u002Fnuxt-module\u002Fcwa-components","5.nuxt-module\u002F4.cwa-components",[183,187,191,195,199],{"title":184,"path":185,"stem":186},"\u003CCwaComponentGroup \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-component-group","5.nuxt-module\u002F4.cwa-components\u002F1.cwa-component-group",{"title":188,"path":189,"stem":190},"\u003CCwaPage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-page","5.nuxt-module\u002F4.cwa-components\u002F2.cwa-page",{"title":192,"path":193,"stem":194},"\u003CCwaLink \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-link","5.nuxt-module\u002F4.cwa-components\u002F3.cwa-link",{"title":196,"path":197,"stem":198},"\u003CCwaImage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-image","5.nuxt-module\u002F4.cwa-components\u002F4.cwa-image",{"title":200,"path":201,"stem":202},"\u003CCwaDefaultLayout \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-default-layout","5.nuxt-module\u002F4.cwa-components\u002F5.cwa-default-layout",{"title":204,"path":205,"stem":206},"The useCwa() API","\u002Fnuxt-module\u002Fcwa-api","5.nuxt-module\u002F5.cwa-api",{"title":208,"path":209,"stem":210,"children":211,"page":35},"Composables","\u002Fnuxt-module\u002Fcomposables","5.nuxt-module\u002F6.composables",[212,245,262],{"title":213,"path":214,"stem":215,"children":216,"page":35},"Component","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent","5.nuxt-module\u002F6.composables\u002F1.component",[217,221,225,229,233,237,241],{"title":218,"path":219,"stem":220},"Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F1.use-cwa-resource",{"title":222,"path":223,"stem":224},"Collection Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F2.use-cwa-collection-resource",{"title":226,"path":227,"stem":228},"Image Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-image-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F3.use-cwa-image-resource",{"title":230,"path":231,"stem":232},"Form","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form","5.nuxt-module\u002F6.composables\u002F1.component\u002F4.use-cwa-form",{"title":234,"path":235,"stem":236},"Form Input","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-input","5.nuxt-module\u002F6.composables\u002F1.component\u002F5.use-cwa-form-input",{"title":238,"path":239,"stem":240},"Form Repeated","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-repeated","5.nuxt-module\u002F6.composables\u002F1.component\u002F6.use-cwa-form-repeated",{"title":242,"path":243,"stem":244},"Form Collection","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-collection","5.nuxt-module\u002F6.composables\u002F1.component\u002F7.use-cwa-form-collection",{"title":246,"path":247,"stem":248,"children":249,"page":35},"Admin Manager","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager","5.nuxt-module\u002F6.composables\u002F2.admin-manager",[250,254,258],{"title":251,"path":252,"stem":253},"Manager Tab","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-manager-tab","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F1.use-cwa-resource-manager-tab",{"title":255,"path":256,"stem":257},"Resource Model","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-model","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F2.use-cwa-resource-model",{"title":259,"path":260,"stem":261},"Resource Upload","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-upload","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F3.use-cwa-resource-upload",{"title":263,"path":264,"stem":265,"children":266,"page":35},"Utilities","\u002Fnuxt-module\u002Fcomposables\u002Futilities","5.nuxt-module\u002F6.composables\u002F3.utilities",[267,271,275],{"title":268,"path":269,"stem":270},"Resource Endpoint","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-endpoint","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F1.use-cwa-resource-endpoint",{"title":272,"path":273,"stem":274},"Query Model","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-query-bound-model","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F2.use-query-bound-model",{"title":276,"path":277,"stem":278},"Resource Route","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-route","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F3.use-cwa-resource-route",{"title":280,"path":281,"stem":282,"children":283,"page":35},"Component Helpers","\u002Fnuxt-module\u002Fcomponent-helpers","5.nuxt-module\u002F7.component-helpers",[284,288,292,296,300],{"title":285,"path":286,"stem":287},"Images & Media","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fimages-and-uploads","5.nuxt-module\u002F7.component-helpers\u002F1.images-and-uploads",{"title":289,"path":290,"stem":291},"Collections & Pagination","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination","5.nuxt-module\u002F7.component-helpers\u002F2.collections-and-pagination",{"title":293,"path":294,"stem":295},"HTML Content","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content","5.nuxt-module\u002F7.component-helpers\u002F3.html-content",{"title":297,"path":298,"stem":299},"Real-Time Updates","\u002Fnuxt-module\u002Fcomponent-helpers\u002Freal-time-updates","5.nuxt-module\u002F7.component-helpers\u002F4.real-time-updates",{"title":301,"path":302,"stem":303},"Forms","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fforms","5.nuxt-module\u002F7.component-helpers\u002F5.forms",{"title":305,"path":306,"stem":307},"Authentication","\u002Fnuxt-module\u002Fauthentication","5.nuxt-module\u002F8.authentication",{"title":309,"path":310,"stem":311,"children":312,"page":35},"Cwa Layer","\u002Fnuxt-module\u002Fcwa-layer","5.nuxt-module\u002F9.cwa-layer",[313,317,321],{"title":314,"path":315,"stem":316},"Overview","\u002Fnuxt-module\u002Fcwa-layer\u002Foverview","5.nuxt-module\u002F9.cwa-layer\u002F1.overview",{"title":318,"path":319,"stem":320},"Auth Pages","\u002Fnuxt-module\u002Fcwa-layer\u002Fauth-pages","5.nuxt-module\u002F9.cwa-layer\u002F2.auth-pages",{"title":322,"path":323,"stem":324},"Admin Panel","\u002Fnuxt-module\u002Fcwa-layer\u002Fadmin-panel","5.nuxt-module\u002F9.cwa-layer\u002F3.admin-panel",{"title":326,"path":327,"stem":328,"children":329,"page":35},"Deployment","\u002Fdeployment","6.deployment",[330,334,338],{"title":331,"path":332,"stem":333},"Docker","\u002Fdeployment\u002Fdocker","6.deployment\u002F1.docker",{"title":335,"path":336,"stem":337},"Kubernetes & Helm","\u002Fdeployment\u002Fkubernetes","6.deployment\u002F2.kubernetes",{"title":339,"path":340,"stem":341},"CI\u002FCD","\u002Fdeployment\u002Fci-cd","6.deployment\u002F3.ci-cd",{"id":343,"title":344,"badge":345,"body":348,"description":1159,"extension":1160,"links":1161,"meta":1162,"navigation":1163,"path":223,"seo":1164,"stem":224,"__hash__":1165},"docs\u002F5.nuxt-module\u002F6.composables\u002F1.component\u002F2.use-cwa-collection-resource.md","useCwaCollectionResource",{"label":346,"color":347},"Draft","amber",{"type":349,"value":350,"toc":1153},"minimark",[351,364,637,642,672,686,690,862,866,1092,1096,1149],[352,353,354,355,359,360,363],"p",{},"Use in components backed by the built-in ",[356,357,358],"code",{},"Collection"," API resource. Extends ",[356,361,362],{},"useCwaResource"," with pagination state.",[365,366,371],"pre",{"className":367,"code":368,"language":369,"meta":370,"style":370},"language-ts shiki shiki-themes github-light github-dark material-theme-palenight","import { toRef } from 'vue'\nimport type { IriProp } from '#cwa\u002Fcomposables\u002Fcwa-resource'\nimport { useCwaCollectionResource } from '#imports'\n\nconst props = defineProps\u003CIriProp>()\n\nconst {\n  getResource,\n  exposeMeta,\n  collectionItems,\n  isLoadingCollection,\n  totalPages,\n  pageModel,\n  goToNextPage,\n  goToPreviousPage,\n  changePage\n} = useCwaCollectionResource(toRef(props, 'iri'))\n\nconst resource = getResource()\ndefineExpose(exposeMeta)\n","ts","",[356,372,373,407,431,452,459,491,496,504,513,521,529,537,545,553,561,569,575,608,613,628],{"__ignoreMap":370},[374,375,378,382,386,390,393,396,400,404],"span",{"class":376,"line":377},"line",1,[374,379,381],{"class":380},"sm4w6","import",[374,383,385],{"class":384},"sOvfz"," {",[374,387,389],{"class":388},"sPB8G"," toRef",[374,391,392],{"class":384}," }",[374,394,395],{"class":380}," from",[374,397,399],{"class":398},"seSrl"," '",[374,401,403],{"class":402},"sLL54","vue",[374,405,406],{"class":398},"'\n",[374,408,410,412,415,417,420,422,424,426,429],{"class":376,"line":409},2,[374,411,381],{"class":380},[374,413,414],{"class":380}," type",[374,416,385],{"class":384},[374,418,419],{"class":388}," IriProp",[374,421,392],{"class":384},[374,423,395],{"class":380},[374,425,399],{"class":398},[374,427,428],{"class":402},"#cwa\u002Fcomposables\u002Fcwa-resource",[374,430,406],{"class":398},[374,432,434,436,438,441,443,445,447,450],{"class":376,"line":433},3,[374,435,381],{"class":380},[374,437,385],{"class":384},[374,439,440],{"class":388}," useCwaCollectionResource",[374,442,392],{"class":384},[374,444,395],{"class":380},[374,446,399],{"class":398},[374,448,449],{"class":402},"#imports",[374,451,406],{"class":398},[374,453,455],{"class":376,"line":454},4,[374,456,458],{"emptyLinePlaceholder":457},true,"\n",[374,460,462,466,470,474,478,481,485,488],{"class":376,"line":461},5,[374,463,465],{"class":464},"swB56","const",[374,467,469],{"class":468},"sc2zw"," props",[374,471,473],{"class":472},"sVlFx"," =",[374,475,477],{"class":476},"sKpYG"," defineProps",[374,479,480],{"class":384},"\u003C",[374,482,484],{"class":483},"sRCss","IriProp",[374,486,487],{"class":384},">",[374,489,490],{"class":388},"()\n",[374,492,494],{"class":376,"line":493},6,[374,495,458],{"emptyLinePlaceholder":457},[374,497,499,501],{"class":376,"line":498},7,[374,500,465],{"class":464},[374,502,503],{"class":384}," {\n",[374,505,507,510],{"class":376,"line":506},8,[374,508,509],{"class":468},"  getResource",[374,511,512],{"class":384},",\n",[374,514,516,519],{"class":376,"line":515},9,[374,517,518],{"class":468},"  exposeMeta",[374,520,512],{"class":384},[374,522,524,527],{"class":376,"line":523},10,[374,525,526],{"class":468},"  collectionItems",[374,528,512],{"class":384},[374,530,532,535],{"class":376,"line":531},11,[374,533,534],{"class":468},"  isLoadingCollection",[374,536,512],{"class":384},[374,538,540,543],{"class":376,"line":539},12,[374,541,542],{"class":468},"  totalPages",[374,544,512],{"class":384},[374,546,548,551],{"class":376,"line":547},13,[374,549,550],{"class":468},"  pageModel",[374,552,512],{"class":384},[374,554,556,559],{"class":376,"line":555},14,[374,557,558],{"class":468},"  goToNextPage",[374,560,512],{"class":384},[374,562,564,567],{"class":376,"line":563},15,[374,565,566],{"class":468},"  goToPreviousPage",[374,568,512],{"class":384},[374,570,572],{"class":376,"line":571},16,[374,573,574],{"class":468},"  changePage\n",[374,576,578,581,583,585,588,591,594,597,599,602,605],{"class":376,"line":577},17,[374,579,580],{"class":384},"}",[374,582,473],{"class":472},[374,584,440],{"class":476},[374,586,587],{"class":388},"(",[374,589,590],{"class":476},"toRef",[374,592,593],{"class":388},"(props",[374,595,596],{"class":384},",",[374,598,399],{"class":398},[374,600,601],{"class":402},"iri",[374,603,604],{"class":398},"'",[374,606,607],{"class":388},"))\n",[374,609,611],{"class":376,"line":610},18,[374,612,458],{"emptyLinePlaceholder":457},[374,614,616,618,621,623,626],{"class":376,"line":615},19,[374,617,465],{"class":464},[374,619,620],{"class":468}," resource",[374,622,473],{"class":472},[374,624,625],{"class":476}," getResource",[374,627,490],{"class":388},[374,629,631,634],{"class":376,"line":630},20,[374,632,633],{"class":476},"defineExpose",[374,635,636],{"class":388},"(exposeMeta)\n",[638,639,641],"h2",{"id":640},"signature","Signature",[365,643,645],{"className":367,"code":644,"language":369,"meta":370,"style":370},"useCwaCollectionResource(iri: Ref\u003Cstring>, options?: CollectionOptions)\n",[356,646,647],{"__ignoreMap":370},[374,648,649,651,654,656,659,661,663,666,669],{"class":376,"line":377},[374,650,344],{"class":476},[374,652,653],{"class":388},"(iri: Ref",[374,655,480],{"class":472},[374,657,658],{"class":388},"string",[374,660,487],{"class":472},[374,662,596],{"class":384},[374,664,665],{"class":388}," options",[374,667,668],{"class":472},"?:",[374,670,671],{"class":388}," CollectionOptions)\n",[352,673,674,675,677,678,681,682,685],{},"Same first argument as ",[356,676,362],{}," — a ",[356,679,680],{},"Ref\u003Cstring>"," created via ",[356,683,684],{},"toRef(props, 'iri')",".",[638,687,689],{"id":688},"return-values","Return values",[691,692,693,709],"table",{},[694,695,696],"thead",{},[697,698,699,703,706],"tr",{},[700,701,702],"th",{},"Return",[700,704,705],{},"Type",[700,707,708],{},"Purpose",[710,711,712,730,745,768,783,801,816,833,847],"tbody",{},[697,713,714,720,725],{},[715,716,717],"td",{},[356,718,719],{},"getResource",[715,721,722],{},[356,723,724],{},"() => Ref\u003CResource>",[715,726,727,728],{},"Same as in ",[356,729,362],{},[697,731,732,737,740],{},[715,733,734],{},[356,735,736],{},"exposeMeta",[715,738,739],{},"object",[715,741,742,743],{},"Pass to ",[356,744,633],{},[697,746,747,752,757],{},[715,748,749],{},[356,750,751],{},"collectionItems",[715,753,754],{},[356,755,756],{},"ComputedRef\u003CCwaResource[] | undefined>",[715,758,759,760,763,764,767],{},"The ",[356,761,762],{},"hydra:member"," items; ",[356,765,766],{},"undefined"," while the collection is loading",[697,769,770,775,780],{},[715,771,772],{},[356,773,774],{},"isLoadingCollection",[715,776,777],{},[356,778,779],{},"Ref\u003Cboolean>",[715,781,782],{},"True while the collection fetch is in progress",[697,784,785,790,795],{},[715,786,787],{},[356,788,789],{},"totalPages",[715,791,792],{},[356,793,794],{},"ComputedRef\u003Cnumber>",[715,796,797,798],{},"Total page count from ",[356,799,800],{},"hydra:totalItems \u002F perPage",[697,802,803,808,813],{},[715,804,805],{},[356,806,807],{},"pageModel",[715,809,810],{},[356,811,812],{},"Ref\u003Cnumber>",[715,814,815],{},"Current page number; set it to navigate",[697,817,818,823,828],{},[715,819,820],{},[356,821,822],{},"goToNextPage()",[715,824,825],{},[356,826,827],{},"() => void",[715,829,830,831],{},"Increment page; clamped at ",[356,832,789],{},[697,834,835,840,844],{},[715,836,837],{},[356,838,839],{},"goToPreviousPage()",[715,841,842],{},[356,843,827],{},[715,845,846],{},"Decrement page; clamped at 1",[697,848,849,854,859],{},[715,850,851],{},[356,852,853],{},"changePage(n)",[715,855,856],{},[356,857,858],{},"(n: number) => void",[715,860,861],{},"Jump to page n",[638,863,865],{"id":864},"example","Example",[365,867,870],{"className":868,"code":869,"language":403,"meta":370,"style":370},"language-vue shiki shiki-themes github-light github-dark material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv v-for=\"item in collectionItems\" :key=\"item['@id']\">\n      {{ item.data.title }}\n    \u003C\u002Fdiv>\n\n    \u003Cdiv v-if=\"totalPages > 1\">\n      \u003Cbutton @click=\"goToPreviousPage\" :disabled=\"pageModel === 1\">Prev\u003C\u002Fbutton>\n      \u003Cspan>{{ pageModel }} \u002F {{ totalPages }}\u003C\u002Fspan>\n      \u003Cbutton @click=\"goToNextPage\" :disabled=\"pageModel === totalPages\">Next\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[356,871,872,883,893,929,934,943,947,967,1011,1028,1067,1075,1084],{"__ignoreMap":370},[374,873,874,876,880],{"class":376,"line":377},[374,875,480],{"class":384},[374,877,879],{"class":878},"s-h7I","template",[374,881,882],{"class":384},">\n",[374,884,885,888,891],{"class":376,"line":409},[374,886,887],{"class":384},"  \u003C",[374,889,890],{"class":878},"div",[374,892,882],{"class":384},[374,894,895,898,900,904,907,910,913,915,918,920,922,925,927],{"class":376,"line":433},[374,896,897],{"class":384},"    \u003C",[374,899,890],{"class":878},[374,901,903],{"class":902},"sGtlX"," v-for",[374,905,906],{"class":384},"=",[374,908,909],{"class":398},"\"",[374,911,912],{"class":402},"item in collectionItems",[374,914,909],{"class":398},[374,916,917],{"class":902}," :key",[374,919,906],{"class":384},[374,921,909],{"class":398},[374,923,924],{"class":402},"item['@id']",[374,926,909],{"class":398},[374,928,882],{"class":384},[374,930,931],{"class":376,"line":454},[374,932,933],{"class":388},"      {{ item.data.title }}\n",[374,935,936,939,941],{"class":376,"line":461},[374,937,938],{"class":384},"    \u003C\u002F",[374,940,890],{"class":878},[374,942,882],{"class":384},[374,944,945],{"class":376,"line":493},[374,946,458],{"emptyLinePlaceholder":457},[374,948,949,951,953,956,958,960,963,965],{"class":376,"line":498},[374,950,897],{"class":384},[374,952,890],{"class":878},[374,954,955],{"class":902}," v-if",[374,957,906],{"class":384},[374,959,909],{"class":398},[374,961,962],{"class":402},"totalPages > 1",[374,964,909],{"class":398},[374,966,882],{"class":384},[374,968,969,972,975,978,980,982,985,987,990,992,994,997,999,1001,1004,1007,1009],{"class":376,"line":506},[374,970,971],{"class":384},"      \u003C",[374,973,974],{"class":878},"button",[374,976,977],{"class":902}," @click",[374,979,906],{"class":384},[374,981,909],{"class":398},[374,983,984],{"class":402},"goToPreviousPage",[374,986,909],{"class":398},[374,988,989],{"class":902}," :disabled",[374,991,906],{"class":384},[374,993,909],{"class":398},[374,995,996],{"class":402},"pageModel === 1",[374,998,909],{"class":398},[374,1000,487],{"class":384},[374,1002,1003],{"class":388},"Prev",[374,1005,1006],{"class":384},"\u003C\u002F",[374,1008,974],{"class":878},[374,1010,882],{"class":384},[374,1012,1013,1015,1017,1019,1022,1024,1026],{"class":376,"line":515},[374,1014,971],{"class":384},[374,1016,374],{"class":878},[374,1018,487],{"class":384},[374,1020,1021],{"class":388},"{{ pageModel }} \u002F {{ totalPages }}",[374,1023,1006],{"class":384},[374,1025,374],{"class":878},[374,1027,882],{"class":384},[374,1029,1030,1032,1034,1036,1038,1040,1043,1045,1047,1049,1051,1054,1056,1058,1061,1063,1065],{"class":376,"line":523},[374,1031,971],{"class":384},[374,1033,974],{"class":878},[374,1035,977],{"class":902},[374,1037,906],{"class":384},[374,1039,909],{"class":398},[374,1041,1042],{"class":402},"goToNextPage",[374,1044,909],{"class":398},[374,1046,989],{"class":902},[374,1048,906],{"class":384},[374,1050,909],{"class":398},[374,1052,1053],{"class":402},"pageModel === totalPages",[374,1055,909],{"class":398},[374,1057,487],{"class":384},[374,1059,1060],{"class":388},"Next",[374,1062,1006],{"class":384},[374,1064,974],{"class":878},[374,1066,882],{"class":384},[374,1068,1069,1071,1073],{"class":376,"line":531},[374,1070,938],{"class":384},[374,1072,890],{"class":878},[374,1074,882],{"class":384},[374,1076,1077,1080,1082],{"class":376,"line":539},[374,1078,1079],{"class":384},"  \u003C\u002F",[374,1081,890],{"class":878},[374,1083,882],{"class":384},[374,1085,1086,1088,1090],{"class":376,"line":547},[374,1087,1006],{"class":384},[374,1089,879],{"class":878},[374,1091,882],{"class":384},[638,1093,1095],{"id":1094},"numbered-pagination","Numbered pagination",[365,1097,1099],{"className":367,"code":1098,"language":369,"meta":370,"style":370},"import { useCwaCollectionPagination } from '#imports'\nconst { pages } = useCwaCollectionPagination(totalPages, pageModel)\n\u002F\u002F pages: array of numbers and '...' strings for building a numbered page control\n",[356,1100,1101,1120,1143],{"__ignoreMap":370},[374,1102,1103,1105,1107,1110,1112,1114,1116,1118],{"class":376,"line":377},[374,1104,381],{"class":380},[374,1106,385],{"class":384},[374,1108,1109],{"class":388}," useCwaCollectionPagination",[374,1111,392],{"class":384},[374,1113,395],{"class":380},[374,1115,399],{"class":398},[374,1117,449],{"class":402},[374,1119,406],{"class":398},[374,1121,1122,1124,1126,1129,1131,1133,1135,1138,1140],{"class":376,"line":409},[374,1123,465],{"class":464},[374,1125,385],{"class":384},[374,1127,1128],{"class":468}," pages",[374,1130,392],{"class":384},[374,1132,473],{"class":472},[374,1134,1109],{"class":476},[374,1136,1137],{"class":388},"(totalPages",[374,1139,596],{"class":384},[374,1141,1142],{"class":388}," pageModel)\n",[374,1144,1145],{"class":376,"line":433},[374,1146,1148],{"class":1147},"sTBSN","\u002F\u002F pages: array of numbers and '...' strings for building a numbered page control\n",[1150,1151,1152],"style",{},"html pre.shiki code .sm4w6, html code.shiki .sm4w6{--shiki-light:#D73A49;--shiki-light-font-style:inherit;--shiki-default:#F97583;--shiki-default-font-style:inherit;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sOvfz, html code.shiki .sOvfz{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#89DDFF}html pre.shiki code .sPB8G, html code.shiki .sPB8G{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#BABED8}html pre.shiki code .seSrl, html code.shiki .seSrl{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#89DDFF}html pre.shiki code .sLL54, html code.shiki .sLL54{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#C3E88D}html pre.shiki code .swB56, html code.shiki .swB56{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#C792EA}html pre.shiki code .sc2zw, html code.shiki .sc2zw{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#BABED8}html pre.shiki code .sVlFx, html code.shiki .sVlFx{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#89DDFF}html pre.shiki code .sKpYG, html code.shiki .sKpYG{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#82AAFF}html pre.shiki code .sRCss, html code.shiki .sRCss{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s-h7I, html code.shiki .s-h7I{--shiki-light:#22863A;--shiki-default:#85E89D;--shiki-dark:#F07178}html pre.shiki code .sGtlX, html code.shiki .sGtlX{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#C792EA}html pre.shiki code .sTBSN, html code.shiki .sTBSN{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":370,"searchDepth":409,"depth":409,"links":1154},[1155,1156,1157,1158],{"id":640,"depth":409,"text":641},{"id":688,"depth":409,"text":689},{"id":864,"depth":409,"text":865},{"id":1094,"depth":409,"text":1095},"Composable for Collection-backed components — access paginated items, total pages, and page navigation.","md",null,{},{"title":222},{"title":344,"description":1159},"JwjWJJRcu_KCGcrPnknmyfrnoBR-DMkaRO8Hpe7ARLE",[1167,1169],{"title":218,"path":219,"stem":220,"description":1168,"children":-1},"Bind a display component to its API resource by IRI — fetch, subscribe, and expose to the admin manager.",{"title":226,"path":227,"stem":228,"description":1170,"children":-1},"Extends useCwaResource for components with file uploads — adds image URL, load state, and Imagine filter variants.",1782241285033]