https://zenpiano.art/_next/static/chunks/5951-98bf1d9f606ecb93.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5951],{13256:(e,a,t)=>{"use strict";t.d(a,{K:()=>h});var l=t(73365),i=t(1521),r=t(99568),n=t.n(r),s=t(76258),o=t(48767),c=t(72356),d=t.n(c);function u(e){return/beginner/i.test(e)?d().difficultyBeginner:/advanced|expert/i.test(e)?d().difficultyAdvanced:d().difficultyIntermediate}let m=[{top:0,left:44,zIndex:1,transform:"rotate(2.5deg)"},{top:16,left:12,zIndex:2,transform:"rotate(-1.8deg)"},{top:32,left:28,zIndex:3,transform:"rotate(0.5deg)"}];function h({copy:e,locale:a,heroTitlePrefix:t,heroTitleAccent:r,search:c,onSearchChange:g,onSearchSubmit:p,onSearchClear:f,searchErrorVisible:v=!1,searchErrorIsLive:y=!1,searchAttentionActive:b=!1,onHeroPreviewOpen:_,previewItems:x,rotationTick:j=0,showSearch:N=!0,showFallbackPreviews:k=!0,fallbackDifficultyLabel:S="Intermediate",titleId:w,onStackInteractionChange:L,spotlight:C,descriptionBlock:T,heroKickerContent:A}){let[B,M]=(0,i.useState)(!1),[$,E]=(0,i.useState)(!1),[I,R]=(0,i.useState)(!1),D=$||I,F=(0,i.useRef)(null),H=(0,i.useRef)(!1),G=(0,i.useRef)(null),O=(0,i.useRef)(C);(0,i.useLayoutEffect)(()=>{O.current=C}),(0,i.useLayoutEffect)(()=>{let e=G.current,a=O.current;if(a?.isOpen&&e){if("function"!=typeof e.showModal)return void a.dismiss();if(!e.open){try{e.showModal()}catch{a.dismiss();return}return e.open?(a.acknowledgeDisplayed(),F.current?.focus({preventScroll:!0}),()=>{e.open&&"function"==typeof e.close&&e.close()}):void a.dismiss()}}},[C?.isOpen]),(0,i.useLayoutEffect)(()=>{H.current&&!O.current?.isOpen&&(H.current=!1,F.current?.focus())});let z=(0,i.useCallback)(()=>{O.current?.dismiss()},[]),P=(0,i.useCallback)(e=>{e.target===e.currentTarget&&O.current?.dismiss()},[]),K=(0,i.useCallback)(e=>{if("Tab"!==e.key)return;let a=G.current;if(!a)return;let t=Array.from(a.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'));if(0===t.length)return;let l=t[0],i=t[t.length-1],r=document.activeElement;e.shiftKey?r!==l&&a.contains(r)||(e.preventDefault(),i.focus()):r!==i&&a.contains(r)||(e.preventDefault(),l.focus())},[]);(0,i.useEffect)(()=>{L?.(D)},[D,L]);let V=`${t} ${r}`.trim(),W="catalog-hero-search-error",q=v&&!!e.heroSearchMinimumLength,U="Free Virtual Piano Sheets for Roblox and QWERTY"===V,X="Roblox",Z=t.indexOf(X),Q=t.slice(0,Z).trimEnd(),Y=t.slice(Z+X.length).trim();(0,i.useEffect)(()=>{M(!0)},[]);let J=x.filter(e=>{var a;return"string"==typeof(a=e.defaultSheetSlug)&&a.trim().length>0}),ee=3===J.length&&1===new Set(J.map(e=>e.arrangementSlug)).size,ea=J.length>0,et=ea?d().manuscriptStackCollapsible:k||ea?"":d().manuscriptStackEmpty,el=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("p",{className:d().heroSearchLabel,children:e.heroSearchLabel}),(0,l.jsxs)("form",{className:d().heroSearchForm,onSubmit:e=>{e.preventDefault(),!1===p()&&(C?.isOpen?(H.current=!0,C.dismiss()):F.current?.focus())},children:[(0,l.jsxs)("div",{className:d().heroSearchField,children:[(0,l.jsxs)("div",{className:d().heroSearchInputFrame,children:[(0,l.jsx)("input",{ref:F,id:"catalog-hero-search",type:"text",placeholder:e.heroSearchPlaceholder,"aria-label":e.heroSearchLabel,"aria-invalid":q?"true":void 0,"aria-describedby":q?W:void 0,className:d().heroSearchInput,value:c,onChange:e=>g(e.target.value)}),c&&f&&e.heroSearchClearLabel?(0,l.jsx)("button",{type:"button",className:d().heroSearchClear,"aria-label":e.heroSearchClearLabel,onClick:()=>{C?.isOpen?(H.current=!0,C.dismiss(),f?.()):(f?.(),F.current?.focus())},children:(0,l.jsx)("span",{"aria-hidden":"true",children:"\xd7"})}):null]}),q?(0,l.jsx)("p",{id:W,className:d().heroSearchError,role:y?"alert":void 0,children:e.heroSearchMinimumLength}):null]}),(0,l.jsx)(s.xX,{active:b,presentation:"ripple",intensity:"strong",className:d().heroSearchAttention,children:(0,l.jsx)("button",{type:"submit",className:d().heroSearchButton,children:e.heroSearchButton})})]})]});return(0,l.jsxs)("div",{className:d().heroSection,children:[(0,l.jsxs)("div",{children:[void 0!==A?null!==A?(0,l.jsx)("p",{className:d().heroKicker,children:A}):null:(0,l.jsx)("p",{className:d().heroKicker,children:e.heroKicker}),(0,l.jsx)("h1",{id:w,className:d().heroTitle,"aria-label":V,children:U?(0,l.jsxs)(l.Fragment,{children:[Q," ",(0,l.jsx)("span",{className:d().heroAccent,style:{fontStyle:"normal"},children:X})," ",Y," ",(0,l.jsx)("em",{className:d().heroAccent,children:r})]}):(0,l.jsxs)(l.Fragment,{children:[t," ",(0,l.jsx)("em",{className:d().heroAccent,children:r})]})}),T??(0,l.jsx)("p",{className:d().heroDescription,children:e.heroDescription}),N?C?.isOpen?(0,l.jsx)("dialog",{ref:G,"aria-label":e.heroSearchLabel,className:d().heroSearchDialog,onCancel:z,onClick:P,onKeyDown:K,children:(0,l.jsx)("div",{className:d().heroSearchDialogPanel,children:el})}):(0,l.jsx)("div",{children:el}):null]}),(0,l.jsx)("div",{className:`${d().manuscriptStack}${et?` ${et}`:""}`,onMouseEnter:()=>E(!0),onMouseLeave:e=>{e.relatedTarget instanceof Node&&e.currentTarget.contains(e.relatedTarget)||E(!1)},onFocusCapture:()=>R(!0),onBlurCapture:e=>{e.relatedTarget instanceof Node&&e.currentTarget.contains(e.relatedTarget)||R(!1)},children:J.length>0?J.map((e,t)=>{let i=m[t]??m[2],r=e.difficultyLabel??S,s=!ee||t===J.length-1,c=ee?`${e.arrangementSlug}-copy-${t}`:e.arrangementSlug,h=(0,l.jsx)("div",{className:`${d().msCard} ${s?d().msCardInteractive:d().msCardStatic}`,style:i,"aria-hidden":!s||void 0,children:(0,l.jsxs)("div",{className:[d().msCardContent,B?d().msCardContentAnimated:""].join(" "),children:[(0,l.jsx)("p",{className:d().stackCardTitle,children:e.workTitle}),(0,l.jsx)("p",{className:d().stackCardMeta,children:e.byline??""}),(0,l.jsx)("div",{className:d().cardFooter,children:r?(0,l.jsx)("span",{className:`${d().difficultyBadge} ${u(r)}`,children:r}):null})]},`${j}-${t}`)},c);return s?(0,l.jsx)(n(),{href:(0,o.dS)(`/sheet/${e.defaultSheetSlug}`,a),prefetch:!1,className:d().msCardLink,"aria-label":e.workTitle,onClick:a=>{0!==a.button||a.metaKey||a.ctrlKey||_(e)},children:h},c):h}):k?[{title:"Ballade No. 1 in G minor",meta:"Fr\xe9d\xe9ric Chopin",difficulty:"Advanced"},{title:"Clair de Lune",meta:"Claude Debussy",difficulty:"Intermediate"},{title:"Moonlight Sonata",meta:"Ludwig van Beethoven",difficulty:"Intermediate"}].map((e,a)=>{let t=m[a]??m[2];return(0,l.jsx)("div",{className:`${d().msCard} ${d().msCardStatic}`,style:t,"aria-hidden":"true",children:(0,l.jsxs)("div",{className:d().msCardContent,children:[(0,l.jsx)("p",{className:d().stackCardTitle,children:e.title}),(0,l.jsx)("p",{className:d().stackCardMeta,children:e.meta}),(0,l.jsx)("div",{className:d().cardFooter,children:(0,l.jsx)("span",{className:`${d().difficultyBadge} ${u(e.difficulty)}`,children:e.difficulty})})]})},`fallback-${a}`)}):null})]})}},19980:e=>{e.exports={controlsRow:"route-collection-controls_controlsRow__ELzWC",sortLabel:"route-collection-controls_sortLabel__N2Te0",sortSelect:"route-collection-controls_sortSelect__S4DRs",viewToggleGroup:"route-collection-controls_viewToggleGroup__jcwIG",viewToggleButton:"route-collection-controls_viewToggleButton__Bu9oL",viewToggleButtonActive:"route-collection-controls_viewToggleButtonActive__aluIu",paginationNav:"route-collection-controls_paginationNav__WFZXb",paginationButton:"route-collection-controls_paginationButton__weSke",paginationButtonActive:"route-collection-controls_paginationButtonActive__JN1B_",paginationEllipsis:"route-collection-controls_paginationEllipsis__AZmUG"}},25743:(e,a,t)=>{"use strict";t.d(a,{l:()=>i});

1var l=t(1521);function i(e,a,t=!1){let[r,n]=(0,l.useState)(0),[s,o]=(0,l.useState)(()=>"u"<typeof document||"hidden"!==document.visibilityState),[c,d]=(0,l.useState)(()=>"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches),u=(0,l.useRef)(!1),m=(0,l.useMemo)(()=>{let a=new Set;return e.filter(e=>{var t;return!(!("string"==typeof(t=e.defaultSheetSlug)&&t.trim().length>0)||a.has(e.arrangementSlug))&&(a.add(e.arrangementSlug),!0)})},[e]);u.current=m.length>=2&&s&&!c&&!t,(0,l.useEffect)(()=>{let e=()=>{o("hidden"!==document.visibilityState)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),(0,l.useEffect)(()=>{if("function"!=typeof window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)"),a=e=>d(e.matches);return(d(e.matches),"function"==typeof e.addEventListener)?(e.addEventListener("change",a),()=>e.removeEventListener("change",a)):(e.addListener(a),()=>e.removeListener(a))},[]),(0,l.useEffect)(()=>{n(0)},[m]),(0,l.useEffect)(()=>{if(!u.current)return;let e=window.setInterval(()=>{u.current&&n(e=>(e+1)%m.length)},a);return()=>window.clearInterval(e)},[a,s,c,m,t]);let h=(0,l.useMemo)(()=>{if(0===m.length)return[];if(1===m.length){let e=m[0];return e?[e,e,e]:[]}let e=[],a=Math.min(3,m.length);for(let t=0;t<a;t++)e.push(m[(r+t)%m.length]);return e},[r,m]);return{heroIndex:r,previewItems:h}}},33804:(e,a,t)=>{"use strict";t.d(a,{SQ:()=>w});var l=t(73365),i=t(1521),r=t(99568),n=t.n(r),s=t(76258),o=t(29139),c=t(48767),d=t(8690),u=t.n(d);function m({label:e}){return(0,l.jsxs)("span",{"data-ui":"notation-route-card-cta",className:u().cardActionChrome,children:[(0,l.jsx)("span",{children:e}),(0,l.jsx)("span",{"aria-hidden":"true",className:u().cardActionChromeArrow,children:"→"})]})}var h=t(84294),g=t.n(h);function p(e){return/beginner/i.test(e)?g().difficultyBeginner:/advanced|expert/i.test(e)?g().difficultyAdvanced:g().difficultyIntermediate}function f({locale:e,card:a,primaryActionLabel:t,displayedSourceTitleLabel:r,metricLabels:d,analyticsContext:u={},onSheetNavigate:h,prefetch:v=!1}){var y,b,_;let x,j,N="string"==typeof(y=a.defaultSheetSlug)&&y.trim().length>0,k=null!=a.displayedSourceTitle&&a.displayedSourceTitle.trim().length>0?a.displayedSourceTitle:null,S=null!=a.displayedDifficultyLabel&&a.displayedDifficultyLabel.trim().length>0?a.displayedDifficultyLabel:null,w=k?r(k):null,L=[void 0!==(b=a.durationSeconds)&&Number.isFinite(b)&&b>=0?(x=Math.floor((_=a.durationSeconds)/60),j=Math.floor(_%60),`${x}:${j.toString().padStart(2,"0")}`):null,void 0!==a.views&&Number.isFinite(a.views)?`${(0,s.I5)(a.views)} ${d.views}`:null,void 0!==a.likes&&Number.isFinite(a.likes)&&d.likes?`${(0,s.I5)(a.likes)} ${d.likes}`:null,void 0!==a.saves&&Number.isFinite(a.saves)?`${(0,s.I5)(a.saves)} ${d.saves}`:null,void 0!==a.votes&&Number.isFinite(a.votes)?`${(0,s.I5)(a.votes)} ${d.votes}`:null].filter(e=>!!e),C=(0,i.useRef)(null),{viewportRef:T,contentRef:A,isOverflowing:B}=(0,o.q)([a.workTitle],C),[M,$]=(0,i.useState)(!1),[E,I]=(0,i.useState)(!1),R=(0,i.useRef)(null),D=(0,i.useRef)(!1),F=(0,i.useId)(),H=(0,i.useId)();(0,i.useEffect)(()=>{let e=T.current,a=A.current;if(!e||!a)return void $(!1);let t=()=>{let a=e.scrollWidth>e.clientWidth+1,t=e.scrollHeight>e.clientHeight+1||a;$(t),t||I(!1)};t();let l="u"<typeof ResizeObserver?null:new ResizeObserver(()=>t());return l?.observe(e),l?.observe(a),window.addEventListener("resize",t),()=>{l?.disconnect(),window.removeEventListener("resize",t)}},[a.workTitle,A,T]);let G=(0,i.useCallback)(()=>{M&&I(!0)},[M]),O=(0,i.useCallback)(()=>{let e=document.activeElement;e&&R.current?.contains(e)||I(!1)},[]),z=(0,i.useCallback)(()=>{h?.(a,u)},[u,a,h]),P=[M?F:null,w?H:null].filter(Boolean).join(" ")||void 0,K=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{ref:T,className:g().cardTitleViewport,"data-overflowing":B?"true":"false",children:(0,l.jsx)("span",{ref:A,className:g().cardTitleScroller,children:a.workTitle})}),(0,l.jsx)("span",{ref:C,className:g().cardTitleMeasurement,"aria-hidden":"true",children:a.workTitle})]}),V=(0,l.jsx)("article",{"aria-label":a.workTitle,"data-radius-role":"outer-card","data-source-variant-id":a.displayedSourceVariantId,className:`${g().piecePaper}${N?"":` ${g().piecePaperUnavailable}`}`,children:(0,l.jsxs)("div",{className:`${g().cardContent}${w?` ${g().cardContentWithMatchedSource}`:""}`,children:[S?(0,l.jsx)("span",{className:`${g().cardDifficulty} ${g().difficultyBadge} ${p(S)}`,children:S}):null,(0,l.jsx)("h3",{className:g().cardTitle,children:K}),w?(0,l.jsx)("p",{id:H,className:g().cardMatchedSource,"aria-label":w,children:w}):null,a.displayedByline?(0,l.jsx)("p",{className:g().cardByline,children:a.displayedByline}):null,L.length>0?(0,l.jsx)("p",{className:g().cardMeta,children:L.join(" \xb7 ")}):null,(0,l.jsxs)("div",{className:g().cardFooter,children:[S?(0,l.jsx)("span",{className:`${g().difficultyBadge} ${p(S)}`,children:S}):null,N?(0,l.jsx)("span",{"aria-hidden":"true",className:g().cardActionSlot,children:(0,l.jsx)(m,{label:t})}):null]})]})}),W=N?(0,l.jsx)(n(),{href:(0,c.dS)(`/sheet/${a.defaultSheetSlug}`,e),prefetch:v,className:`${g().pieceLink} block text-inherit no-underline`,"aria-label":a.workTitle,"aria-describedby":P,onClick:z,children:V}):(0,l.jsx)("div",{className:`${g().pieceLink} block text-inherit no-underline`,"aria-label":a.workTitle,"aria-describedby":P,children:V});return(0,l.jsxs)("div",{ref:R,className:g().cardDisclosureBoundary,"data-ui":"catalog-family-paper-piece-card",onMouseEnter:()=>{D.current||G()},onMouseLeave:()=>{D.current=!1,O()},onFocus:G,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||I(!1)},onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),I(!1))},onTouchStart:()=>{D.current=!0,G()},onTouchEnd:()=>I(!1),children:[W,M?(0,l.jsx)("div",{id:F,role:"tooltip",className:g().cardTitleDisclosure,"data-visible":E?"true":"false","aria-hidden":!E,children:a.workTitle}):null]})}var v=t(58254),y=t(67502),b=t(57714),_=t(51640),x=t.n(_);function j({policy:e,copy:a,analyticsContext:t,onTransition:i}){let r=e.difficulty,n=r?.options??[];if(!r?.enabled||0===n.length||!a.difficultyLabel)return null;let s=new Set(r.values??[]);

1return(0,l.jsxs)("fieldset",{className:x().difficultyControls,children:[(0,l.jsx)("legend",{className:x().difficultyLegend,children:a.difficultyLabel}),(0,l.jsx)("div",{className:v.PY,children:n.map(e=>{let a=s.has(e.value),r=a?[...s].filter(a=>a!==e.value):[...s,e.value];return(0,l.jsx)("button",{type:"button",className:`${v.hW} ${a?v.qu:v.tI}`,"aria-pressed":a,onClick:()=>i({control:"difficulty",values:r},t),children:e.label},e.value)})})]})}function N({policy:e,copy:a,analyticsContext:t,onBookmarkAction:i}){let r=e.bookmarks;return r?.enabled&&0!==r.active.length&&a.bookmarks?(0,l.jsxs)("div",{className:x().bookmarks,"data-testid":"catalog-family-bookmarks",children:[r.active.map(e=>(0,l.jsxs)("span",{className:x().bookmark,children:[e.value?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:x().bookmarkKey,children:e.label}),(0,l.jsx)("span",{children:e.value})]}):(0,l.jsx)("span",{children:e.label}),(0,l.jsx)("button",{type:"button",className:x().bookmarkRemove,"aria-label":e.removeAriaLabel,onClick:()=>i({type:"remove",bookmarkId:e.id},t),children:"\xd7"})]},e.id)),(0,l.jsx)("button",{type:"button",className:x().clearAll,"aria-label":a.bookmarks.clearAllAriaLabel,onClick:()=>i({type:"clear-all"},t),children:a.bookmarks.clearAllLabel})]}):null}function k({committedResult:e,policy:a,copy:t,analyticsContext:i,onTransition:r,isTransitioning:n}){if("success"!==e.status||!a.pagination?.enabled||!t.pagination||e.totalPages<1)return null;let{page:s,totalPages:o}=e,c=a.pagination,d=function(e,a){if(a<=7)return Array.from({length:a},(e,a)=>a+1);let t=Array.from(new Set([1,e-1,e,e+1,a])).filter(e=>e>=1&&e<=a).sort((e,a)=>e-a);return t.flatMap((e,a)=>{let l=t[a-1];return void 0===l||e===l+1?[e]:[a===t.length-1?"end-ellipsis":"start-ellipsis",e]})}(s,o),u=e=>{n||e===s||e<1||e>o||r({control:"pagination",page:e},i)};return(0,l.jsxs)("nav",{"aria-label":t.pagination.navLabel,className:x().paginationNav,children:[(0,l.jsxs)("button",{type:"button","aria-label":t.pagination.previousLabel,"data-testid":"previous-cursor",className:x().paginationButton,disabled:n||(c?.canGoPrevious===void 0?s<=1:!c.canGoPrevious),onClick:()=>u(s-1),children:[(0,l.jsx)("span",{"aria-hidden":"true",className:x().paginationArrow,children:"‹"}),(0,l.jsx)("span",{children:t.pagination.previousVisibleLabel})]}),d.map(e=>{if("number"!=typeof e)return(0,l.jsx)("span",{"aria-hidden":"true",className:x().paginationEllipsis,children:"…"},e);let a=e===s;return(0,l.jsx)("button",{type:"button",className:a?x().paginationButtonActive:x().paginationButton,"aria-current":a?"page":void 0,disabled:n,onClick:()=>u(e),children:e},e)}),(0,l.jsxs)("button",{type:"button","aria-label":t.pagination.nextLabel,"data-testid":"next-cursor",className:x().paginationButton,disabled:n||(c?.canGoNext===void 0?s>=o:!c.canGoNext),onClick:()=>u(s+1),children:[(0,l.jsx)("span",{children:t.pagination.nextVisibleLabel}),(0,l.jsx)("span",{"aria-hidden":"true",className:x().paginationArrow,children:"›"})]})]})}function S({copy:e,analyticsContext:a,committedIdentity:t,bookmarks:r,onRetry:n,isTransitioning:s,showRetry:o,showDismiss:c}){let[d,u]=(0,i.useState)(null),m=o&&d===t,h=(0,i.useRef)(null),g=o?t:null,p=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(null===g){p.current=null;return}if(!m&&p.current!==g){p.current=g;try{b.zS.trackDiagnosticEvent(b.E6.ERROR_OCCURRED,{error_source:"contextual_failure_prompt",surface:"landing_catalog_family",operation:"catalog_load",presentation:"inline",recovery_available:!0})}catch{}}},[g,m]),(0,l.jsxs)(l.Fragment,{children:[r,(0,l.jsxs)("div",{className:x().stateMessage,"data-testid":"catalog-family-unavailable","data-dismissed":m?"true":void 0,children:[(0,l.jsx)("div",{className:x().stateDivider,"aria-hidden":"true"}),m?null:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("h2",{className:x().stateHeading,children:e.result.unavailableHeading}),(0,l.jsx)("p",{className:x().stateBody,children:e.result.unavailableBody})]}),o?(0,l.jsxs)("div",{children:[(0,l.jsx)("button",{type:"button",ref:m?h:void 0,className:x().clearAll,style:{minHeight:44,maxWidth:"100%",overflowWrap:"anywhere"},"data-testid":"catalog-family-unavailable-retry",disabled:s,onClick:()=>{u(null),n?.(a)},children:e.result.unavailableRetryLabel}),c&&!m?(0,l.jsx)("button",{type:"button",className:x().bookmarkRemove,style:{marginInlineStart:8,verticalAlign:"middle"},"aria-label":e.result.unavailableDismissLabel,"data-testid":"catalog-family-unavailable-dismiss",disabled:s,onClick:()=>{u(t),window.requestAnimationFrame(()=>{h.current?.focus()})},children:(0,l.jsx)("span",{"aria-hidden":"true",children:"\xd7"})}):null]}):null]})]})}function w({locale:e,committedResult:a,policy:t,copy:r,analyticsContext:n,onTransition:s,onSheetNavigate:o,onBookmarkAction:c,onRetry:d,isTransitioning:u=!1,showDifficultyControl

1s:m=!0}){let[h,g]=(0,i.useState)("grid"),p=r.result.heading(a.total),v=(0,i.useMemo)(()=>{let e=new Set;if("success"!==a.status||u)return e;for(let l of a.cards){var t;if("string"==typeof(t=l.defaultSheetSlug)&&t.trim().length>0&&(e.add(l.arrangementId),2===e.size))break}return e},[a.committedIdentity,a.cards,a.status,u]),b=t.sort,_=b?.enabled===!0&&"string"==typeof b.value&&Array.isArray(b.options)&&b.options.length>0,L="success"===a.status&&null!=r.collection&&(_||r.collection.viewToggleGrid.length>0||r.collection.viewToggleList.length>0),C=null==r.collection?null:_?(0,l.jsx)(y.a,{sortLabel:r.collection.sortLabel,sortValue:b.value,sortAriaLabel:r.collection.sortAriaLabel,onSortChange:e=>s({control:"sort",value:e},n),sortOptions:b.options.map(({value:e,label:a})=>({value:e,label:a})),view:h,viewToggleGrid:r.collection.viewToggleGrid,viewToggleList:r.collection.viewToggleList,onViewChange:g}):(0,l.jsx)(y.a,{view:h,viewToggleGrid:r.collection.viewToggleGrid,viewToggleList:r.collection.viewToggleList,onViewChange:g}),T=L?(0,l.jsxs)("header",{className:x().resultHeader,"data-radius-role":"outer-card",children:[(0,l.jsx)("h2",{className:x().resultHeading,"aria-label":p,"aria-live":r.result.headingLive?"polite":void 0,"aria-atomic":r.result.headingLive?"true":void 0,children:p}),(0,l.jsx)("div",{className:x().sortRow,children:C})]}):"success"===a.status?(0,l.jsx)("header",{className:x().resultHeader,"data-radius-role":"outer-card",children:(0,l.jsx)("h2",{className:x().resultHeading,"aria-label":p,"aria-live":r.result.headingLive?"polite":void 0,"aria-atomic":r.result.headingLive?"true":void 0,children:p})}):null,A="empty"===a.status&&r.result.showHeadingOnEmpty?(0,l.jsx)("header",{className:x().resultHeader,"data-radius-role":"outer-card",children:(0,l.jsx)("h2",{className:x().resultHeading,"aria-label":p,"aria-live":r.result.headingLive?"polite":void 0,"aria-atomic":r.result.headingLive?"true":void 0,children:p})}):null,B=(0,l.jsx)(N,{policy:t,copy:r,analyticsContext:n,onBookmarkAction:c}),M=(()=>{switch(a.status){case"loading":return(0,l.jsxs)(l.Fragment,{children:[B,(0,l.jsx)("div",{className:x().stateMessage,role:"status","aria-live":"polite",children:(0,l.jsx)("p",{className:x().stateBody,children:r.result.loadingLabel})})]});case"empty":return(0,l.jsxs)(l.Fragment,{children:[A,B,(0,l.jsxs)("div",{className:x().stateMessage,"data-testid":"catalog-family-empty","data-empty-kind":r.result.emptyKind,children:[(0,l.jsx)("div",{className:x().stateDivider,"aria-hidden":"true"}),(0,l.jsx)("h2",{className:x().stateHeading,children:r.result.emptyHeading}),(0,l.jsx)("p",{className:x().stateBody,children:r.result.emptyBody})]})]});case"unavailable":{let e=null!=d&&(r.result.unavailableRetryLabel?.trim()??"").length>0,t=e&&(r.result.unavailableDismissLabel?.trim()??"").length>0;return(0,l.jsx)(S,{copy:r,analyticsContext:n,committedIdentity:a.committedIdentity,bookmarks:B,onRetry:d,isTransitioning:u,showRetry:e,showDismiss:t})}case"success":return(0,l.jsxs)(l.Fragment,{children:[T,B,(0,l.jsx)("div",{className:"grid"===h?x().resultsGrid:x().resultsList,children:a.cards.map(a=>(0,l.jsx)(f,{locale:e,card:a,primaryActionLabel:r.card.primaryActionLabel,displayedSourceTitleLabel:r.card.displayedSourceTitleLabel,metricLabels:r.card.metricLabels,analyticsContext:n,onSheetNavigate:o,prefetch:!!v.has(a.arrangementId)&&null},a.arrangementId))}),(0,l.jsx)(k,{committedResult:a,policy:t,copy:r,analyticsContext:n,onTransition:s,isTransitioning:u})]})}})();return(0,l.jsxs)("section",{"aria-busy":"loading"===a.status,"data-catalog-family-status":a.status,"data-testid":"success"===a.status?"catalog-success":"empty"===a.status?"catalog-empty":"unavailable"===a.status?"catalog-unavailable":void 0,children:[m?(0,l.jsx)(j,{policy:t,copy:r,analyticsContext:n,onTransition:s}):null,M]})}},51640:e=>{e.exports={difficultyControls:"catalog-family-presentation_difficultyControls__Ms0mA",difficultyLegend:"catalog-family-presentation_difficultyLegend__uhMtg",resultHeader:"catalog-family-presentation_resultHeader__Xnnh0",resultHeading:"catalog-family-presentation_resultHeading__mhH6N",sortRow:"catalog-family-presentation_sortRow__TALln",resultsGrid:"catalog-family-presentation_resultsGrid__xm4yj",resultsList:"catalog-family-presentation_resultsList___uom0",bookmarks:"catalog-family-presentation_bookmarks__jCIbP",bookmark:"catalog-family-presentation_bookmark__EXHfQ",bookmarkKey:"catalog-family-presentation_bookmarkKey__yFopP",bookmarkRemove:"catalog-family-presentation_bookmarkRemove__tfZ_k",clearAll:"catalog-family-presentation_clearAll__iMAvM",paginationButton:"catalog-family-presentation_paginationButton__Kx8dM",paginationButtonActive:"catalog-family-presentation_paginationButtonActive__jG9kZ",paginationNav:"catalog-family-presentation_paginationNav__T_jFI",paginationArrow:"catalog-family-presentation_paginationArrow__ZYnkc",paginationEllipsis:"catalog-family-presentation_paginationEllipsis__pZxjt",stateMessage:"catalog-family-presentation_stateMessage___Mkgv",stateDivider:"catalog-family-presentation_stateDivider__3Xz1z",stateHeading:"catalog-family-presentation_stateHeading__o2Ox2",stateBody:"catalog-family-presentation_stateBody__uN3_I"}},62527:(e,a,t)=>{"use strict";t.d(a,{default:()=>l.default});

1var l=t(57275)},67502:(e,a,t)=>{"use strict";t.d(a,{a:()=>s,s:()=>o});var l=t(73365),i=t(1521),r=t(19980),n=t.n(r);function s(e){let{view:a,viewToggleGrid:t,viewToggleList:i,onViewChange:r}=e;return(0,l.jsxs)("div",{className:n().controlsRow,children:[Array.isArray(e.sortOptions)?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:n().sortLabel,children:e.sortLabel}),(0,l.jsx)("select",{"aria-label":e.sortAriaLabel,value:e.sortValue,onChange:a=>e.onSortChange(a.target.value),className:n().sortSelect,children:e.sortOptions.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})]}):null,(0,l.jsxs)("div",{className:n().viewToggleGroup,children:[(0,l.jsx)("button",{type:"button","aria-label":t,"aria-pressed":"grid"===a,className:"grid"===a?n().viewToggleButtonActive:n().viewToggleButton,onClick:()=>r("grid"),children:"▥"}),(0,l.jsx)("button",{type:"button","aria-label":i,"aria-pressed":"list"===a,className:"list"===a?n().viewToggleButtonActive:n().viewToggleButton,onClick:()=>r("list"),children:"≣"})]})]})}function o({totalPages:e,currentPage:a,onPageChange:t,navLabel:r,prevLabel:s,nextLabel:c,getPageAriaLabel:d}){let u=(0,i.useMemo)(()=>{if(e<=1)return null;let t=new Set;t.add(1);for(let l=Math.max(2,a-1);l<=Math.min(e-1,a+1);l++)t.add(l);t.add(e);let l=[...t].sort((e,a)=>e-a),i=[];for(let e=0;e<l.length;e++)e>0&&l[e]-l[e-1]>1&&i.push("ellipsis"),i.push(l[e]);return i},[a,e]);return u?(0,l.jsxs)("nav",{"aria-label":r,className:n().paginationNav,children:[(0,l.jsx)("button",{type:"button","aria-label":s,className:n().paginationButton,disabled:a<=1,onClick:()=>t(a-1),children:"‹"}),u.map((e,i)=>"ellipsis"===e?(0,l.jsx)("span",{className:n().paginationEllipsis,"aria-hidden":"true",children:"…"},`ellipsis-${i}`):(0,l.jsx)("button",{type:"button","aria-label":d?.(e),"aria-current":e===a?"page":void 0,className:e===a?n().paginationButtonActive:n().paginationButton,onClick:()=>t(e),children:e},e)),(0,l.jsx)("button",{type:"button","aria-label":c,className:n().paginationButton,disabled:a>=e,onClick:()=>t(a+1),children:"›"})]}):null}},84294:e=>{e.exports={cardDisclosureBoundary:"catalog-family-card_cardDisclosureBoundary__43evb",pieceLink:"catalog-family-card_pieceLink___D5G2",piecePaper:"catalog-family-card_piecePaper__VD6Ca",piecePaperUnavailable:"catalog-family-card_piecePaperUnavailable__Jj6SW",cardTitleDisclosure:"catalog-family-card_cardTitleDisclosure__OA_oM",cardContent:"catalog-family-card_cardContent__n68Ha",cardContentWithMatchedSource:"catalog-family-card_cardContentWithMatchedSource__sRzc_",cardTitle:"catalog-family-card_cardTitle__qSnl4",cardTitleViewport:"catalog-family-card_cardTitleViewport__F8CI6",cardTitleScroller:"catalog-family-card_cardTitleScroller__bqs8Q",cardTitleMeasurement:"catalog-family-card_cardTitleMeasurement__m6Xag",cardByline:"catalog-family-card_cardByline__eSo32",cardMatchedSource:"catalog-family-card_cardMatchedSource__wXI9u",cardMeta:"catalog-family-card_cardMeta__8ny8y",cardFooter:"catalog-family-card_cardFooter___fvw_",difficultyBadge:"catalog-family-card_difficultyBadge__ILagF",difficultyBeginner:"catalog-family-card_difficultyBeginner__hLUn6",difficultyIntermediate:"catalog-family-card_difficultyIntermediate__HuGYq",difficultyAdvanced:"catalog-family-card_difficultyAdvanced__RQhMn",cardActionSlot:"catalog-family-card_cardActionSlot__Sz2Nz",cardDifficulty:"catalog-family-card_cardDifficulty__9ATUk"}}}]);