1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1846,1431,2943,6730,8742],{89265:function(n,e,t){t.r(e),t.d(e,{ComponentDescription:function(){return O},ComponentGrid:function(){return F},ComponentHeader:function(){return z},ComponentHeaderInfo:function(){return W},ComponentTitle:function(){return M},MainContent:function(){return A},MobileLibraryToolbar:function(){return C},Section:function(){return E},SectionTitle:function(){return N},Sidebar:function(){return Z},SidebarBackdrop:function(){return L},SidebarLink:function(){return H},SidebarSection:function(){return P},SidebarSectionTitle:function(){return B},SidebarTitle:function(){return k},ThemeSelectorWrapper:function(){return D},VariantBox:function(){return U},VariantContent:function(){return K},VariantLabel:function(){return V},Wrapper:function(){return T}});var i,r,a,o,s,d,l,c,p,u,f,h,x,m,g,y=t(30168),v=(t(72791),t(19738)),b=t(88550),w=t(82401),j=t(84625),S=t(88108),_=t(80184),T=(0,v.styled)("div")(i||(i=(0,y.Z)(["\n display: flex;\n flex-direction: row;\n align-items: stretch;\n width: 100%;\n min-height: 100svh;\n background: var(--canvas-bg);\n"]))),L=(0,v.styled)("div")(r||(r=(0,y.Z)(["\n "," {\n position: fixed;\n top: var(--header-height-total);\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--zindex-middleground);\n background: rgba(0, 0, 0, 0.35);\n opacity: ",";\n visibility: ",";\n transition:\n opacity 0.2s ease,\n visibility 0.2s ease;\n pointer-events: ",";\n }\n\n "," {\n display: none;\n }\n"])),S.B2["tablet.sm"],(function(n){return n.$visible?1:0}),(function(n){return n.$visible?"visible":"hidden"}),(function(n){return n.$visible?"auto":"none"}),S.aE["tablet.sm"]),Z=(0,v.styled)("nav")(a||(a=(0,y.Z)(["\n flex-shrink: 0;\n width: 240px;\n min-height: 0;\n background: var(--canvas-surface);\n border-right: 1px solid var(--canvas-border);\n padding: 32px 20px;\n overflow-y: auto;\n\n "," {\n position: fixed;\n top: var(--header-height-total);\n bottom: 0;\n left: 0;\n width: min(280px, 88vw);\n z-index: calc(var(--zindex-header) + 1);\n transform: translateX(",");\n transition: transform 0.2s ease;\n pointer-events: ",";\n box-shadow: ",";\n }\n\n "," {\n position: relative;\n transform: none;\n pointer-events: auto;\n box-shadow: none;\n }\n"])),S.B2["tablet.sm"],(function(n){return n.$mobileOpen?"0":"-100%"}),(function(n){return n.$mobileOpen?"auto":"none"}),(function(n){return n.$mobileOpen?"4px 0 24px rgba(0, 0, 0, 0.12)":"none"}),S.aE["tablet.sm"]),C=(0,v.styled)("div")(o||(o=(0,y.Z)(["\n margin-bottom: 16px;\n"]))),k=function(n){var e=n.children;return(0,_.jsx)(b.HeadingComponent,{item:{as:"h1",style:"sm",text:e,component:"heading"},marginBottom:"32px"})},P=(0,v.styled)("div")(s||(s=(0,y.Z)(["\n margin-bottom: 24px;\n"]))),B=function(n){var e=n.children;return(0,_.jsx)(w.x,{as:"h2",typography:"Misc/12_100_500",color:"var(--ui-sec)",textTransform:"uppercase",marginBottom:"12px",children:e})},H=(0,v.styled)("button")(d||(d=(0,y.Z)(["\n display: block;\n width: 100%;\n text-align: left;\n padding: 8px 12px;\n border: none;\n background: ",";\n color: var(--ui-pri);\n cursor: pointer;\n border-radius: 4px;\n transition: background var(--transition-primary-fast);\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n letter-spacing: ",";\n line-height: ",";\n\n &:hover {\n background: var(--canvas-layer);\n }\n"])),(function(n){return n.$active?"var(--canvas-layer)":"transparent"}),j.w["Misc/14_100"].fontFamily,j.w["Misc/14_100"].fontSize,j.w["Misc/14_100"].fontWeight,j.w["Misc/14_100"].letterSpacing,j.w["Misc/14_100"].lineHeight),A=(0,v.styled)("div")(l||(l=(0,y.Z)(["\n flex: 1;\n min-width: 0;\n padding: 24px 32px;\n"]))),z=(0,v.styled)("div")(c||(c=(0,y.Z)(["\n display: flex;\n justify-content: space-between;
1\n align-items: flex-start;\n gap: 24px;\n margin-bottom: 20px;\n"]))),W=(0,v.styled)("div")(p||(p=(0,y.Z)(["\n flex: 1;\n"]))),M=function(n){var e=n.children;return(0,_.jsx)(b.HeadingComponent,{item:{as:"h2",style:"lg",text:e,component:"heading"},marginBottom:"8px"})},O=function(n){var e=n.children;return(0,_.jsx)(w.x,{as:"p",typography:"Secondary/14_130",color:"var(--ui-sec)",children:e})},D=(0,v.styled)("div")(u||(u=(0,y.Z)(["\n flex-shrink: 0;\n"]))),E=(0,v.styled)("section")(f||(f=(0,y.Z)(["\n margin-bottom: 40px;\n"]))),$=(0,v.styled)("div")(h||(h=(0,y.Z)(["\n margin-bottom: 12px;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--canvas-border);\n"]))),N=function(n){var e=n.children;return(0,_.jsx)($,{children:(0,_.jsx)(b.HeadingComponent,{item:{as:"h3",style:"xs",text:e,component:"heading"}})})},F=(0,v.styled)("div")(x||(x=(0,y.Z)(["\n display: flex;\n flex-wrap: wrap;\n margin-top: 24px;\n gap: 24px;\n align-items: stretch;\n"]))),U=(0,v.styled)("div")(m||(m=(0,y.Z)(["\n display: flex;\n flex-direction: column;\n min-width: 140px;\n"]))),V=function(n){var e=n.children;return(0,_.jsx)(w.x,{as:"span",typography:"Misc/12_100",color:"var(--ui-sec)",textTransform:"capitalize",marginBottom:"12px",flexShrink:"0",display:"block",children:e})},K=(0,v.styled)("div")(g||(g=(0,y.Z)(["\n display: flex;\n align-items: flex-start;\n flex: 1;\n"])))},7306:function(n,e,t){t.r(e),t.d(e,{UseAlgoliaPagesQueryShowcase:function(){return g}});var i,r=t(30168),a=(t(72791),t(19738)),o=t(82401),s=t(3216),d=t(24730),l=t(84577),c=t(45309),p=t(39411),u=t(89265),f=t(80184),h=["75vw","","","","","25vw"],x=(0,a.styled)("div")(i||(i=(0,r.Z)(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 24px;\n align-items: start;\n"]))),m=function(n){var e=n.isLoading,t=n.label;return(0,f.jsx)(o.x,{typography:"Secondary/14_130",color:"var(--ui-sec)",children:e?"Loading\u2026":t})},g=function(){var n=(0,c.W)({contentType:"article_page",hitsPerPage:3,transform:function(n){return n.hits.map(p.OY)}}),e=n.data,t=n.isLoading,i=(0,c.W)({contentType:"recipe_page",hitsPerPage:3,transform:function(n){return n.hits.map(p.Bl)}}),r=i.data,a=i.isLoading,g=(0,c.W)({contentType:"podcast_page",hitsPerPage:3,transform:function(n){return n.hits.map(p.F0)}}),y=g.data,v=g.isLoading;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(u.Section,{children:(0,f.jsx)(o.x,{as:"p",typography:"Secondary/14_130",color:"var(--ui-sec)",marginBottom:"16px",children:"Wrapper around useAlgoliaQuery for the pages index. The wrapper handles locale-derived index naming and the contentType filter row, so callers only express what they actually care about: which content type they want, how many hits, and the transformer that maps raw page hits into a card shape. Each section below uses the same hook with a different contentType and a different transformer from transformAlgoliaPageHit."})}),(0,f.jsxs)(u.Section,{children:[(0,f.jsx)(u.SectionTitle,{children:"Articles \xb7 transformPageHitToArticleCard"}),e&&e.length>0?(0,f.jsx)(x,{children:e.map((function(n){return(0,f.jsx)(s.y,{loading:"lazy",article:n,type:"default",sourceWidths:h},n.id)}))}):(0,f.jsx)(m,{isLoading:t,label:"No articles returned."})]}),(0,f.jsxs)(u.Section,{children:[(0,f.jsx)(u.SectionTitle,{children:"Recipes \xb7 transformPageHitToRecipeCard"}),r&&r.length>0?(0,f.jsx)(x,{children:r.map((function(n){return(0,f.jsx)(d.F,{loading:"lazy",recipe:n,type:"default",sourceWidths:h},n.id)}))}):(0,f.jsx)(m,{isLoading:a,label:"No recipes returned."})]}),(0,f.jsxs)(u.Section,{children:[(0,f.jsx)(u.SectionTitle,{children:"Podcasts \xb7 transformPageHitToPodcastCard"}),y&&y.length>0?(0,f.jsx)(x,{children:y.map((function(n){return(0,f.jsx)(l.s,{loading:"lazy",podcast:n,type:"default",sourceWidths:h},n.id)}))}):(0,f.jsx)(m,{isLoading:v,label:"No podcasts returned."})]})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.