[{"data":1,"prerenderedAt":1273},["ShallowReactive",2],{"navigation_docs":3,"-components-ais-refinement-list":261,"-components-ais-refinement-list-surround":1268},[4,38,46,186,197,205],{"title":5,"path":6,"stem":7,"children":8,"icon":37},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22,27,32],{"title":10,"path":6,"stem":7,"icon":11},"Welcome","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",{"title":23,"path":24,"stem":25,"icon":26},"Declarative Transform","\u002Fgetting-started\u002Fdeclarative-transform","1.getting-started\u002F4.declarative-transform","i-lucide-wand",{"title":28,"path":29,"stem":30,"icon":31},"Migration from Vue InstantSearch","\u002Fgetting-started\u002Fmigration-from-vue-instantsearch","1.getting-started\u002F5.migration-from-vue-instantsearch","i-lucide-replace",{"title":33,"path":34,"stem":35,"icon":36},"Widget Coverage & Upstream Audit","\u002Fgetting-started\u002Fwidget-coverage-upstream-audit","1.getting-started\u002F6.widget-coverage-upstream-audit","i-lucide-table",false,{"title":39,"path":40,"stem":41,"children":42,"icon":45},"Routing","\u002Frouting","2.routing\u002F1.index",[43],{"title":39,"path":40,"stem":41,"icon":44},"i-lucide-navigation","i-lucide-route",{"title":47,"icon":48,"path":49,"stem":50,"children":51,"page":37},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[52,56,60,64,68,72,76,80,84,88,94,98,102,106,110,114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182],{"title":53,"path":54,"stem":55},"\u003CAisInstantSearch>","\u002Fcomponents\u002Fais-instant-search","3.components\u002F01.ais-instant-search",{"title":57,"path":58,"stem":59},"\u003CAisInfiniteHits>","\u002Fcomponents\u002Fais-infinite-hits","3.components\u002F02.ais-infinite-hits",{"title":61,"path":62,"stem":63},"\u003CAisHits>","\u002Fcomponents\u002Fais-hits","3.components\u002F03.ais-hits",{"title":65,"path":66,"stem":67},"\u003CAisRefinementList>","\u002Fcomponents\u002Fais-refinement-list","3.components\u002F04.ais-refinement-list",{"title":69,"path":70,"stem":71},"\u003CAisSortBy>","\u002Fcomponents\u002Fais-sort-by","3.components\u002F05.ais-sort-by",{"title":73,"path":74,"stem":75},"\u003CAisStats>","\u002Fcomponents\u002Fais-stats","3.components\u002F06.ais-stats",{"title":77,"path":78,"stem":79},"\u003CAisToggleRefinement>","\u002Fcomponents\u002Fais-toggle-refinement","3.components\u002F07.ais-toggle-refinement",{"title":81,"path":82,"stem":83},"\u003CAisConfigure>","\u002Fcomponents\u002Fais-configure","3.components\u002F08.ais-configure",{"title":85,"path":86,"stem":87},"\u003CAisSearchBox>","\u002Fcomponents\u002Fais-search-box","3.components\u002F09.ais-search-box",{"title":89,"path":90,"stem":91,"children":92},"\u003CAisIndex>","\u002Fcomponents\u002Fais-index","3.components\u002F10.ais-index",[93],{"title":89,"path":90,"stem":91},{"title":95,"path":96,"stem":97},"\u003CAisRangeInput>","\u002Fcomponents\u002Fais-range-input","3.components\u002F11.ais-range-input",{"title":99,"path":100,"stem":101},"\u003CAisClearRefinements>","\u002Fcomponents\u002Fais-clear-refinements","3.components\u002F12.ais-clear-refinements",{"title":103,"path":104,"stem":105},"\u003CAisCurrentRefinements>","\u002Fcomponents\u002Fais-current-refinements","3.components\u002F13.ais-current-refinements",{"title":107,"path":108,"stem":109},"\u003CAisPagination>","\u002Fcomponents\u002Fais-pagination","3.components\u002F14.ais-pagination",{"title":111,"path":112,"stem":113},"\u003CAisHierarchicalMenu>","\u002Fcomponents\u002Fais-hierarchical-menu","3.components\u002F15.ais-hierarchical-menu",{"title":115,"path":116,"stem":117},"\u003CAisAutocomplete>","\u002Fcomponents\u002Fais-autocomplete","3.components\u002F16.ais-autocomplete",{"title":119,"path":120,"stem":121},"\u003CAisMenu>","\u002Fcomponents\u002Fais-menu","3.components\u002F16.ais-menu",{"title":123,"path":124,"stem":125},"\u003CAisMenuSelect>","\u002Fcomponents\u002Fais-menu-select","3.components\u002F16.ais-menu-select",{"title":127,"path":128,"stem":129},"\u003CAisQueryRuleCustomData>","\u002Fcomponents\u002Fais-query-rule-custom-data","3.components\u002F17.ais-query-rule-custom-data",{"title":131,"path":132,"stem":133},"\u003CAisRatingMenu>","\u002Fcomponents\u002Fais-rating-menu","3.components\u002F17.ais-rating-menu",{"title":135,"path":136,"stem":137},"\u003CAisNumericMenu>","\u002Fcomponents\u002Fais-numeric-menu","3.components\u002F18.ais-numeric-menu",{"title":139,"path":140,"stem":141},"\u003CAisPanel>","\u002Fcomponents\u002Fais-panel","3.components\u002F20.ais-panel",{"title":143,"path":144,"stem":145},"\u003CAisBreadcrumb>","\u002Fcomponents\u002Fais-breadcrumb","3.components\u002F21.ais-breadcrumb",{"title":147,"path":148,"stem":149},"\u003CAisHitsPerPage>","\u002Fcomponents\u002Fais-hits-per-page","3.components\u002F22.ais-hits-per-page",{"title":151,"path":152,"stem":153},"\u003CAisPoweredBy>","\u002Fcomponents\u002Fais-powered-by","3.components\u002F23.ais-powered-by",{"title":155,"path":156,"stem":157},"\u003CAisQueryRuleContext>","\u002Fcomponents\u002Fais-query-rule-context","3.components\u002F24.ais-query-rule-context",{"title":159,"path":160,"stem":161},"\u003CAisRelevantSort>","\u002Fcomponents\u002Fais-relevant-sort","3.components\u002F25.ais-relevant-sort",{"title":163,"path":164,"stem":165},"\u003CAisSnippet>","\u002Fcomponents\u002Fais-snippet","3.components\u002F26.ais-snippet",{"title":167,"path":168,"stem":169},"\u003CAisVoiceSearch>","\u002Fcomponents\u002Fais-voice-search","3.components\u002F27.ais-voice-search",{"title":171,"path":172,"stem":173},"\u003CAisDynamicWidgets>","\u002Fcomponents\u002Fais-dynamic-widgets","3.components\u002F28.ais-dynamic-widgets",{"title":175,"path":176,"stem":177},"\u003CAisExperimentalDynamicWidgets>","\u002Fcomponents\u002Fais-experimental-dynamic-widgets","3.components\u002F29.ais-experimental-dynamic-widgets",{"title":179,"path":180,"stem":181},"\u003CAisConfigureRelatedItems>","\u002Fcomponents\u002Fais-configure-related-items","3.components\u002F30.ais-configure-related-items",{"title":183,"path":184,"stem":185},"\u003CAisExperimentalConfigureRelatedItems>","\u002Fcomponents\u002Fais-experimental-configure-related-items","3.components\u002F31.ais-experimental-configure-related-items",{"title":187,"icon":188,"path":189,"stem":190,"children":191,"page":37},"Composables","i-lucide-function-square","\u002Fcomposables","4.composables",[192],{"title":193,"path":194,"stem":195,"icon":196},"useAisRouter","\u002Fcomposables\u002Fuse-ais-router","4.composables\u002F1.use-ais-router","i-lucide-link",{"title":198,"path":199,"stem":200,"children":201,"icon":204},"Roadmap","\u002Froadmap","5.roadmap\u002F1.index",[202],{"title":198,"path":199,"stem":200,"icon":203},"i-lucide-flag","i-lucide-map",{"title":206,"path":207,"stem":208,"children":209,"icon":260},"Examples","\u002Fexamples","6.examples\u002F1.index",[210,212,217,222,227,234,238,245,250,255],{"title":206,"path":207,"stem":208,"icon":211},"i-lucide-book-marked",{"title":213,"path":214,"stem":215,"icon":216},"Typed transformItems with Generics","\u002Fexamples\u002Ftyped-transform-items-generics","6.examples\u002F10.typed-transform-items-generics","i-lucide-braces",{"title":218,"path":219,"stem":220,"icon":221},"Declarative Faceted Layout","\u002Fexamples\u002Fdeclarative-faceted-layout","6.examples\u002F2.declarative-faceted-layout","i-lucide-layout-dashboard",{"title":223,"path":224,"stem":225,"icon":226},"Manual Widgets Mode","\u002Fexamples\u002Fmanual-widgets-mode","6.examples\u002F3.manual-widgets-mode","i-lucide-wrench",{"title":228,"path":229,"stem":230,"children":231,"icon":233},"Multi-index Isolation","\u002Fexamples\u002Fmulti-index-isolation","6.examples\u002F4.multi-index-isolation",[232],{"title":228,"path":229,"stem":230,"icon":233},"i-lucide-layers-3",{"title":235,"path":236,"stem":237,"icon":45},"Route-driven Filters","\u002Fexamples\u002Froute-driven-filters","6.examples\u002F5.route-driven-filters",{"title":239,"path":240,"stem":241,"children":242,"icon":244},"Multi-index Autocomplete","\u002Fexamples\u002Fautocomplete-multi-index","6.examples\u002F6.autocomplete-multi-index",[243],{"title":239,"path":240,"stem":241,"icon":244},"i-lucide-search-check",{"title":246,"path":247,"stem":248,"icon":249},"Pagination Route Sync","\u002Fexamples\u002Fpagination-route-sync","6.examples\u002F7.pagination-route-sync","i-lucide-scroll-text",{"title":251,"path":252,"stem":253,"icon":254},"Parity Widget Showcase","\u002Fexamples\u002Fparity-widget-showcase","6.examples\u002F8.parity-widget-showcase","i-lucide-sparkles",{"title":256,"path":257,"stem":258,"icon":259},"Analytics and Insights Events","\u002Fexamples\u002Fanalytics-insights-events","6.examples\u002F9.analytics-insights-events","i-lucide-chart-line","i-lucide-flask-conical",{"id":262,"title":65,"body":263,"description":1262,"extension":1263,"links":1264,"meta":1265,"navigation":716,"path":66,"seo":1266,"stem":67,"__hash__":1267},"docs\u002F3.components\u002F04.ais-refinement-list.md",{"type":264,"value":265,"toc":1254},"minimark",[266,270,330,334,546,550,626,637,643,650,1034,1038,1243,1250],[267,268,18],"h2",{"id":269},"usage",[271,272,277],"pre",{"className":273,"code":274,"language":275,"meta":276,"style":276},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CAisInstantSearch :configuration=\"configuration\">\n  \u003CAisRefinementList attribute=\"brand\" searchable :show-more=\"true\" \u002F>\n\u003C\u002FAisInstantSearch>\n","vue","",[278,279,280,314,320],"code",{"__ignoreMap":276},[281,282,285,289,293,296,300,303,306,309,311],"span",{"class":283,"line":284},"line",1,[281,286,288],{"class":287},"sMK4o","\u003C",[281,290,292],{"class":291},"swJcz","AisInstantSearch",[281,294,295],{"class":287}," :",[281,297,299],{"class":298},"spNyl","configuration",[281,301,302],{"class":287},"=",[281,304,305],{"class":287},"\"",[281,307,299],{"class":308},"sTEyZ",[281,310,305],{"class":287},[281,312,313],{"class":287},">\n",[281,315,317],{"class":283,"line":316},2,[281,318,319],{"class":308},"  \u003CAisRefinementList attribute=\"brand\" searchable :show-more=\"true\" \u002F>\n",[281,321,323,326,328],{"class":283,"line":322},3,[281,324,325],{"class":287},"\u003C\u002F",[281,327,292],{"class":291},[281,329,313],{"class":287},[267,331,333],{"id":332},"props","Props",[335,336,337,356],"table",{},[338,339,340],"thead",{},[341,342,343,347,350,353],"tr",{},[344,345,346],"th",{},"Prop",[344,348,349],{},"Type",[344,351,352],{},"Default",[344,354,355],{},"Description",[357,358,359,378,401,421,440,458,475,493,509,526],"tbody",{},[341,360,361,367,372,375],{},[362,363,364],"td",{},[278,365,366],{},"attribute",[362,368,369],{},[278,370,371],{},"string",[362,373,374],{},"required",[362,376,377],{},"Facet attribute name to refine.",[341,379,380,385,389,394],{},[362,381,382],{},[278,383,384],{},"id",[362,386,387],{},[278,388,371],{},[362,390,391],{},[278,392,393],{},"\"\"",[362,395,396,397,400],{},"Optional widget ID for repeated instances (also scoped by ",[278,398,399],{},"indexId",").",[341,402,403,408,413,418],{},[362,404,405],{},[278,406,407],{},"searchable",[362,409,410],{},[278,411,412],{},"boolean",[362,414,415],{},[278,416,417],{},"false",[362,419,420],{},"Enables in-widget facet search.",[341,422,423,428,432,437],{},[362,424,425],{},[278,426,427],{},"searchablePlaceholder",[362,429,430],{},[278,431,371],{},[362,433,434],{},[278,435,436],{},"\"Search here…\"",[362,438,439],{},"Placeholder for facet search input.",[341,441,442,447,452,455],{},[362,443,444],{},[278,445,446],{},"operator",[362,448,449],{},[278,450,451],{},"\"and\" | \"or\"",[362,453,454],{},"connector default",[362,456,457],{},"Refinement operator.",[341,459,460,465,470,472],{},[362,461,462],{},[278,463,464],{},"limit",[362,466,467],{},[278,468,469],{},"number",[362,471,454],{},[362,473,474],{},"Initial number of facet values.",[341,476,477,482,486,490],{},[362,478,479],{},[278,480,481],{},"showMore",[362,483,484],{},[278,485,412],{},[362,487,488],{},[278,489,417],{},[362,491,492],{},"Enables show-more pagination in the facet list.",[341,494,495,500,504,506],{},[362,496,497],{},[278,498,499],{},"showMoreLimit",[362,501,502],{},[278,503,469],{},[362,505,454],{},[362,507,508],{},"Max facet values after show-more.",[341,510,511,516,521,523],{},[362,512,513],{},[278,514,515],{},"sortBy",[362,517,518],{},[278,519,520],{},"unknown[] | function",[362,522,454],{},[362,524,525],{},"Sorting strategy for facet values.",[341,527,528,533,538,543],{},[362,529,530],{},[278,531,532],{},"transformItems",[362,534,535],{},[278,536,537],{},"function",[362,539,540],{},[278,541,542],{},"undefined",[362,544,545],{},"Transforms facet items before rendering.",[267,547,549],{"id":548},"slots","Slots",[335,551,552,564],{},[338,553,554],{},[341,555,556,559,562],{},[344,557,558],{},"Slot",[344,560,561],{},"Slot props",[344,563,355],{},[357,565,566,581,596,611],{},[341,567,568,573,578],{},[362,569,570],{},[278,571,572],{},"default",[362,574,575],{},[278,576,577],{},"{ items, refine, searchForItems, searchForItemsQuery, toggleShowMore, canToggleShowMore, isShowingMore, createURL, isFromSearch, canRefine, sendEvent }",[362,579,580],{},"Replaces full rendering and exposes all connector interactions.",[341,582,583,588,593],{},[362,584,585],{},[278,586,587],{},"item",[362,589,590],{},[278,591,592],{},"{ item, refine, createURL }",[362,594,595],{},"Customizes one facet item.",[341,597,598,603,608],{},[362,599,600],{},[278,601,602],{},"noResults",[362,604,605],{},[278,606,607],{},"{ query }",[362,609,610],{},"Custom empty state for searchable mode.",[341,612,613,618,623],{},[362,614,615],{},[278,616,617],{},"showMoreLabel",[362,619,620],{},[278,621,622],{},"{ isShowingMore }",[362,624,625],{},"Custom label for the show-more button.",[627,628,629,632,633,636],"p",{},[278,630,631],{},"sendEvent"," signature in this widget: ",[278,634,635],{},"sendEvent(eventType, facetValue, eventName?, additionalData?)",".",[267,638,640,641],{"id":639},"typed-transformitems","Typed ",[278,642,532],{},[627,644,645,646,649],{},"Use Vue's ",[278,647,648],{},"@vue-generic"," syntax to type transformed facet items in slot props.",[271,651,653],{"className":273,"code":652,"language":275,"meta":276,"style":276},"\u003Cscript setup lang=\"ts\">\nimport type { RefinementListItem } from \"instantsearch.js\u002Fes\u002Fconnectors\u002Frefinement-list\u002FconnectRefinementList\";\n\ntype BrandFacet = RefinementListItem & {\n  visualLabel: string;\n};\n\nconst transformBrands = (items: RefinementListItem[]) => {\n  return items.map((item) => ({\n    ...item,\n    visualLabel: `${item.label} (${item.count})`,\n  })) as BrandFacet[];\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003C!-- @vue-generic {BrandFacet} -->\n  \u003CAisRefinementList attribute=\"brand\" :transform-items=\"transformBrands\">\n    \u003Ctemplate #item=\"{ item }\">\n      {{ item.visualLabel }}\n    \u003C\u002Ftemplate>\n  \u003C\u002FAisRefinementList>\n\u003C\u002Ftemplate>\n",[278,654,655,680,712,718,739,753,759,764,797,828,839,881,899,904,913,918,928,935,970,999,1005,1015,1025],{"__ignoreMap":276},[281,656,657,659,662,665,668,670,672,676,678],{"class":283,"line":284},[281,658,288],{"class":287},[281,660,661],{"class":291},"script",[281,663,664],{"class":298}," setup",[281,666,667],{"class":298}," lang",[281,669,302],{"class":287},[281,671,305],{"class":287},[281,673,675],{"class":674},"sfazB","ts",[281,677,305],{"class":287},[281,679,313],{"class":287},[281,681,682,686,689,692,695,698,701,704,707,709],{"class":283,"line":316},[281,683,685],{"class":684},"s7zQu","import",[281,687,688],{"class":684}," type",[281,690,691],{"class":287}," {",[281,693,694],{"class":308}," RefinementListItem",[281,696,697],{"class":287}," }",[281,699,700],{"class":684}," from",[281,702,703],{"class":287}," \"",[281,705,706],{"class":674},"instantsearch.js\u002Fes\u002Fconnectors\u002Frefinement-list\u002FconnectRefinementList",[281,708,305],{"class":287},[281,710,711],{"class":287},";\n",[281,713,714],{"class":283,"line":322},[281,715,717],{"emptyLinePlaceholder":716},true,"\n",[281,719,721,724,728,731,733,736],{"class":283,"line":720},4,[281,722,723],{"class":298},"type",[281,725,727],{"class":726},"sBMFI"," BrandFacet",[281,729,730],{"class":287}," =",[281,732,694],{"class":726},[281,734,735],{"class":287}," &",[281,737,738],{"class":287}," {\n",[281,740,742,745,748,751],{"class":283,"line":741},5,[281,743,744],{"class":291},"  visualLabel",[281,746,747],{"class":287},":",[281,749,750],{"class":726}," string",[281,752,711],{"class":287},[281,754,756],{"class":283,"line":755},6,[281,757,758],{"class":287},"};\n",[281,760,762],{"class":283,"line":761},7,[281,763,717],{"emptyLinePlaceholder":716},[281,765,767,770,773,775,778,782,784,786,789,792,795],{"class":283,"line":766},8,[281,768,769],{"class":298},"const",[281,771,772],{"class":308}," transformBrands ",[281,774,302],{"class":287},[281,776,777],{"class":287}," (",[281,779,781],{"class":780},"sHdIc","items",[281,783,747],{"class":287},[281,785,694],{"class":726},[281,787,788],{"class":308},"[]",[281,790,791],{"class":287},")",[281,793,794],{"class":298}," =>",[281,796,738],{"class":287},[281,798,800,803,806,808,812,815,817,819,821,823,825],{"class":283,"line":799},9,[281,801,802],{"class":684},"  return",[281,804,805],{"class":308}," items",[281,807,636],{"class":287},[281,809,811],{"class":810},"s2Zo4","map",[281,813,814],{"class":291},"(",[281,816,814],{"class":287},[281,818,587],{"class":780},[281,820,791],{"class":287},[281,822,794],{"class":298},[281,824,777],{"class":291},[281,826,827],{"class":287},"{\n",[281,829,831,834,836],{"class":283,"line":830},10,[281,832,833],{"class":287},"    ...",[281,835,587],{"class":308},[281,837,838],{"class":287},",\n",[281,840,842,845,847,850,852,854,857,860,862,865,867,869,872,874,876,879],{"class":283,"line":841},11,[281,843,844],{"class":291},"    visualLabel",[281,846,747],{"class":287},[281,848,849],{"class":287}," `${",[281,851,587],{"class":308},[281,853,636],{"class":287},[281,855,856],{"class":308},"label",[281,858,859],{"class":287},"}",[281,861,777],{"class":674},[281,863,864],{"class":287},"${",[281,866,587],{"class":308},[281,868,636],{"class":287},[281,870,871],{"class":308},"count",[281,873,859],{"class":287},[281,875,791],{"class":674},[281,877,878],{"class":287},"`",[281,880,838],{"class":287},[281,882,884,887,890,893,895,897],{"class":283,"line":883},12,[281,885,886],{"class":287},"  }",[281,888,889],{"class":291},")) ",[281,891,892],{"class":684},"as",[281,894,727],{"class":726},[281,896,788],{"class":291},[281,898,711],{"class":287},[281,900,902],{"class":283,"line":901},13,[281,903,758],{"class":287},[281,905,907,909,911],{"class":283,"line":906},14,[281,908,325],{"class":287},[281,910,661],{"class":291},[281,912,313],{"class":287},[281,914,916],{"class":283,"line":915},15,[281,917,717],{"emptyLinePlaceholder":716},[281,919,921,923,926],{"class":283,"line":920},16,[281,922,288],{"class":287},[281,924,925],{"class":291},"template",[281,927,313],{"class":287},[281,929,931],{"class":283,"line":930},17,[281,932,934],{"class":933},"sHwdD","  \u003C!-- @vue-generic {BrandFacet} -->\n",[281,936,938,941,944,947,949,951,954,956,959,961,963,966,968],{"class":283,"line":937},18,[281,939,940],{"class":287},"  \u003C",[281,942,943],{"class":291},"AisRefinementList",[281,945,946],{"class":298}," attribute",[281,948,302],{"class":287},[281,950,305],{"class":287},[281,952,953],{"class":674},"brand",[281,955,305],{"class":287},[281,957,958],{"class":298}," :transform-items",[281,960,302],{"class":287},[281,962,305],{"class":287},[281,964,965],{"class":674},"transformBrands",[281,967,305],{"class":287},[281,969,313],{"class":287},[281,971,973,976,978,981,983,985,987,990,993,995,997],{"class":283,"line":972},19,[281,974,975],{"class":287},"    \u003C",[281,977,925],{"class":291},[281,979,980],{"class":287}," #",[281,982,587],{"class":298},[281,984,302],{"class":287},[281,986,305],{"class":287},[281,988,989],{"class":287},"{",[281,991,992],{"class":308}," item ",[281,994,859],{"class":287},[281,996,305],{"class":287},[281,998,313],{"class":287},[281,1000,1002],{"class":283,"line":1001},20,[281,1003,1004],{"class":308},"      {{ item.visualLabel }}\n",[281,1006,1008,1011,1013],{"class":283,"line":1007},21,[281,1009,1010],{"class":287},"    \u003C\u002F",[281,1012,925],{"class":291},[281,1014,313],{"class":287},[281,1016,1018,1021,1023],{"class":283,"line":1017},22,[281,1019,1020],{"class":287},"  \u003C\u002F",[281,1022,943],{"class":291},[281,1024,313],{"class":287},[281,1026,1028,1030,1032],{"class":283,"line":1027},23,[281,1029,325],{"class":287},[281,1031,925],{"class":291},[281,1033,313],{"class":287},[267,1035,1037],{"id":1036},"end-to-end-example","End-to-end example",[271,1039,1041],{"className":273,"code":1040,"language":275,"meta":276,"style":276},"\u003CAisRefinementList attribute=\"brand\" searchable :show-more=\"true\">\n  \u003Ctemplate\n    #default=\"{ items, refine, sendEvent, canToggleShowMore, isShowingMore, toggleShowMore }\"\n  >\n    \u003Cul>\n      \u003Cli v-for=\"item in items\" :key=\"item.value\">\n        \u003Cbutton\n          type=\"button\"\n          :aria-pressed=\"item.isRefined\"\n          @click=\"\n            refine(item.value);\n            sendEvent('click', item.value, 'Brand Filter Selected');\n          \"\n        >\n          {{ item.label }} ({{ item.count }})\n        \u003C\u002Fbutton>\n      \u003C\u002Fli>\n    \u003C\u002Ful>\n\n    \u003Cbutton\n      v-if=\"canToggleShowMore\"\n      type=\"button\"\n      @click=\"toggleShowMore\"\n    >\n      {{ isShowingMore ? \"Show fewer brands\" : \"Show more brands\" }}\n    \u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #noResults=\"{ query }\">\n    No brands matching \"{{ query }}\"\n  \u003C\u002Ftemplate>\n\u003C\u002FAisRefinementList>\n",[278,1042,1043,1079,1084,1089,1094,1099,1104,1109,1114,1119,1124,1129,1134,1139,1144,1149,1154,1159,1164,1168,1173,1178,1183,1188,1194,1200,1206,1212,1217,1223,1229,1234],{"__ignoreMap":276},[281,1044,1045,1047,1049,1051,1053,1055,1057,1059,1062,1064,1067,1069,1071,1075,1077],{"class":283,"line":284},[281,1046,288],{"class":287},[281,1048,943],{"class":291},[281,1050,946],{"class":298},[281,1052,302],{"class":287},[281,1054,305],{"class":287},[281,1056,953],{"class":674},[281,1058,305],{"class":287},[281,1060,1061],{"class":298}," searchable",[281,1063,295],{"class":287},[281,1065,1066],{"class":298},"show-more",[281,1068,302],{"class":287},[281,1070,305],{"class":287},[281,1072,1074],{"class":1073},"sfNiH","true",[281,1076,305],{"class":287},[281,1078,313],{"class":287},[281,1080,1081],{"class":283,"line":316},[281,1082,1083],{"class":308},"  \u003Ctemplate\n",[281,1085,1086],{"class":283,"line":322},[281,1087,1088],{"class":308},"    #default=\"{ items, refine, sendEvent, canToggleShowMore, isShowingMore, toggleShowMore }\"\n",[281,1090,1091],{"class":283,"line":720},[281,1092,1093],{"class":308},"  >\n",[281,1095,1096],{"class":283,"line":741},[281,1097,1098],{"class":308},"    \u003Cul>\n",[281,1100,1101],{"class":283,"line":755},[281,1102,1103],{"class":308},"      \u003Cli v-for=\"item in items\" :key=\"item.value\">\n",[281,1105,1106],{"class":283,"line":761},[281,1107,1108],{"class":308},"        \u003Cbutton\n",[281,1110,1111],{"class":283,"line":766},[281,1112,1113],{"class":308},"          type=\"button\"\n",[281,1115,1116],{"class":283,"line":799},[281,1117,1118],{"class":308},"          :aria-pressed=\"item.isRefined\"\n",[281,1120,1121],{"class":283,"line":830},[281,1122,1123],{"class":308},"          @click=\"\n",[281,1125,1126],{"class":283,"line":841},[281,1127,1128],{"class":308},"            refine(item.value);\n",[281,1130,1131],{"class":283,"line":883},[281,1132,1133],{"class":308},"            sendEvent('click', item.value, 'Brand Filter Selected');\n",[281,1135,1136],{"class":283,"line":901},[281,1137,1138],{"class":308},"          \"\n",[281,1140,1141],{"class":283,"line":906},[281,1142,1143],{"class":308},"        >\n",[281,1145,1146],{"class":283,"line":915},[281,1147,1148],{"class":308},"          {{ item.label }} ({{ item.count }})\n",[281,1150,1151],{"class":283,"line":920},[281,1152,1153],{"class":308},"        \u003C\u002Fbutton>\n",[281,1155,1156],{"class":283,"line":930},[281,1157,1158],{"class":308},"      \u003C\u002Fli>\n",[281,1160,1161],{"class":283,"line":937},[281,1162,1163],{"class":308},"    \u003C\u002Ful>\n",[281,1165,1166],{"class":283,"line":972},[281,1167,717],{"emptyLinePlaceholder":716},[281,1169,1170],{"class":283,"line":1001},[281,1171,1172],{"class":308},"    \u003Cbutton\n",[281,1174,1175],{"class":283,"line":1007},[281,1176,1177],{"class":308},"      v-if=\"canToggleShowMore\"\n",[281,1179,1180],{"class":283,"line":1017},[281,1181,1182],{"class":308},"      type=\"button\"\n",[281,1184,1185],{"class":283,"line":1027},[281,1186,1187],{"class":308},"      @click=\"toggleShowMore\"\n",[281,1189,1191],{"class":283,"line":1190},24,[281,1192,1193],{"class":308},"    >\n",[281,1195,1197],{"class":283,"line":1196},25,[281,1198,1199],{"class":308},"      {{ isShowingMore ? \"Show fewer brands\" : \"Show more brands\" }}\n",[281,1201,1203],{"class":283,"line":1202},26,[281,1204,1205],{"class":308},"    \u003C\u002Fbutton>\n",[281,1207,1209],{"class":283,"line":1208},27,[281,1210,1211],{"class":308},"  \u003C\u002Ftemplate>\n",[281,1213,1215],{"class":283,"line":1214},28,[281,1216,717],{"emptyLinePlaceholder":716},[281,1218,1220],{"class":283,"line":1219},29,[281,1221,1222],{"class":308},"  \u003Ctemplate #noResults=\"{ query }\">\n",[281,1224,1226],{"class":283,"line":1225},30,[281,1227,1228],{"class":308},"    No brands matching \"{{ query }}\"\n",[281,1230,1232],{"class":283,"line":1231},31,[281,1233,1211],{"class":308},[281,1235,1237,1239,1241],{"class":283,"line":1236},32,[281,1238,325],{"class":287},[281,1240,943],{"class":291},[281,1242,313],{"class":287},[1244,1245,1246,1247,1249],"note",{},"When used multiple times in the same index, set explicit ",[278,1248,384],{}," values to keep instances independent.",[1251,1252,1253],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":276,"searchDepth":316,"depth":316,"links":1255},[1256,1257,1258,1259,1261],{"id":269,"depth":316,"text":18},{"id":332,"depth":316,"text":333},{"id":548,"depth":316,"text":549},{"id":639,"depth":316,"text":1260},"Typed transformItems",{"id":1036,"depth":316,"text":1037},"Facet refinement widget with optional search and show-more behavior.","md",null,{},{"title":65,"description":1262},"tEGuP-bjUCoDpkWaJXwbzfYGlCnAMDRRGskPzSsJTdI",[1269,1271],{"title":61,"path":62,"stem":63,"description":1270,"children":-1},"Standard hits widget for displaying current page results.",{"title":69,"path":70,"stem":71,"description":1272,"children":-1},"Switch between replica indices (sorting strategies).",1775319447344]