@qualcomm-ui/react-mdx 1.11.5 → 1.11.7

package/dist/docs-layout/index.js

@@ -1,3 +1,3 @@
 "use client";
-import{Fragment as Fragment4,jsx as jsx18,jsxs as jsxs10}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{clsx}from"@qualcomm-ui/utils/clsx";function DocsFooter({children,className,ref,...props}){return jsx(PolymorphicElement,{ref,as:"div",className:clsx("qui-docs__footer",className),...props,children})}import{jsx as jsx2}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{clsx as clsx2}from"@qualcomm-ui/utils/clsx";import{createContext,useContext}from"react";var MdxDocsLayoutContext=createContext(null),MdxDocsLayoutContextProvider=MdxDocsLayoutContext.Provider;function useMdxDocsLayoutContext(){let context=useContext(MdxDocsLayoutContext);if(!context)throw new Error("useMdxDocsLayoutContext can only be used as children of a <Layout.Root> instance.");return context}function AppContent(t0){let{children,className,...props}=t0,{hideSideNav,showToc}=useMdxDocsLayoutContext();return jsx2(PolymorphicElement2,{as:"div",className:clsx2("qui-docs__app-content",className),"data-hide-side-nav":booleanDataAttr(hideSideNav),"data-hide-toc":booleanDataAttr(!showToc),...props,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{Breadcrumbs}from"@qualcomm-ui/react/breadcrumbs";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{clsx as clsx3}from"@qualcomm-ui/utils/clsx";function DocsBreadcrumbs(t0){let $=_c(7),{className,rootBreadcrumb,...props}=t0,{renderLink:Link4}=useMdxDocsContext(),{pageMap,pathname}=useMdxDocsLayoutContext(),t1;bb0:{let pageMapEntry=pageMap[pathname];if(!pageMapEntry||pageMapEntry.hideBreadcrumbs){let t22;$[0]===Symbol.for("react.memo_cache_sentinel")?(t22=[],$[0]=t22):t22=$[0],t1=t22;break bb0}let t2;if($[1]!==Link4||$[2]!==pageMap||$[3]!==pageMapEntry.categories||$[4]!==pageMapEntry.pathSegments||$[5]!==rootBreadcrumb){let mergedPath="",crumbs=pageMapEntry.pathSegments.reduce((acc,segment,currentIndex)=>{mergedPath=`${mergedPath}/${segment}`;let route=pageMap[mergedPath],pageTitle=pageMapEntry.categories[currentIndex]??route.title;return acc.push({children:pageTitle,id:route?.pathname??route?.id??pageTitle,render:route?.pathname?jsx3(Link4,{href:route.pathname}):jsx3("button",{style:{pointerEvents:"none"}})}),acc},[]);t2=rootBreadcrumb?[{...rootBreadcrumb,id:"/"},...crumbs]:crumbs,$[1]=Link4,$[2]=pageMap,$[3]=pageMapEntry.categories,$[4]=pageMapEntry.pathSegments,$[5]=rootBreadcrumb,$[6]=t2}else t2=$[6];t1=t2}let items=t1;return items.length?jsx3(PolymorphicElement3,{className:clsx3("qui-docs__breadcrumbs",className),...props,children:jsx3(Breadcrumbs.Root,{emphasis:"neutral",children:jsx3(Breadcrumbs.List,{children:items.map(_temp)})})}):null}function _temp(item){return jsx3(Breadcrumbs.Item,{...item},item.id)}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{clsx as clsx4}from"@qualcomm-ui/utils/clsx";function ContentWrapper({children,className,...props}){return jsx4(PolymorphicElement4,{as:"div",className:clsx4("qui-docs__content-wrapper",className),...props,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{useRef}from"react";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMergedRef}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement5}from"@qualcomm-ui/react-core/system";import{PropsContextProvider}from"@qualcomm-ui/react-mdx/typedoc";import{clsx as clsx5}from"@qualcomm-ui/utils/clsx";function MainContent(t0){let $=_c2(5),{children,className,id:t1,ref:refProp,...props}=t0,id=t1===void 0?"main-content":t1,ref=useRef(null),{mainContentElement,pageProps,setMainContentElement}=useMdxDocsLayoutContext(),t2;$[0]!==mainContentElement||$[1]!==setMainContentElement?(t2=()=>{mainContentElement!==ref.current&&setMainContentElement(ref.current)},$[0]=mainContentElement,$[1]=setMainContentElement,$[2]=t2):t2=$[2];let t3;$[3]!==mainContentElement?(t3=[mainContentElement],$[3]=mainContentElement,$[4]=t3):t3=$[4],useSafeLayoutEffect(t2,t3);let refs=useMergedRef(refProp,ref);return jsx5(PolymorphicElement5,{ref:refs,as:"article",className:clsx5("qui-docs__main-content",className),id,...props,children:jsx5(PropsContextProvider,{value:pageProps,children})})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx6,jsxs}from"react/jsx-runtime";import{Check,Copy,Download}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{Menu}from"@qualcomm-ui/react/menu";import{Portal}from"@qualcomm-ui/react-core/portal";import{useSiteContext}from"@qualcomm-ui/react-mdx/context";import{useCopyToClipboard}from"@qualcomm-ui/react-mdx/copy-to-clipboard";function pathnameToExportId(pathSegments){return pathSegments.join("-")}function PageHeader(){let $=_c3(12),{exports,pageMap}=useSiteContext(),{pathname}=useMdxDocsLayoutContext(),page=pageMap[pathname],t0;$[0]!==page?.pathSegments?(t0=page?.pathSegments||[],$[0]=page?.pathSegments,$[1]=t0):t0=$[1];let t1;$[2]!==t0?(t1=pathnameToExportId(t0),$[2]=t0,$[3]=t1):t1=$[3];let exportId=t1,exportUrl=exports?.enabled&&exports.pages.find(page2=>page2.pathname===pathname)?`${exports.basePath}/${exportId}.md`:null,t2;$[4]!==exportUrl?(t2=async function(){return exportUrl?fetch(exportUrl,{method:"GET"}).then(_temp3).catch(_temp2):""},$[4]=exportUrl,$[5]=t2):t2=$[5];let getExportAsText=t2,t3;$[6]!==getExportAsText?(t3={valueOrFn:getExportAsText},$[6]=getExportAsText,$[7]=t3):t3=$[7];let{copyToClipboard,isCopied}=useCopyToClipboard(t3);if(!page)return null;let t4;return $[8]!==copyToClipboard||$[9]!==exportUrl||$[10]!==isCopied?(t4=jsx6("div",{className:"qui-docs__page-header",children:exportUrl&&jsxs("div",{className:"qui-docs__page-header-actions",children:[jsx6(Button,{className:"qui-docs__page-header-copy-button",endIcon:isCopied?Check:Copy,onClick:copyToClipboard,size:"sm",variant:"outline",children:"Copy Page"}),jsxs(Menu.Root,{size:"sm",children:[jsx6(Menu.Trigger,{children:jsx6(Menu.IconButton,{className:"qui-docs__page-header-menu-button",size:"sm",variant:"outline"})}),jsx6(Portal,{children:jsx6(Menu.Positioner,{children:jsxs(Menu.Content,{children:[jsxs(Menu.Item,{onClick:copyToClipboard,value:"copy-page",children:[jsx6(Menu.ItemStartIcon,{icon:Copy}),jsx6(Menu.ItemLabel,{children:"Copy Page"}),jsx6(Menu.ItemDescription,{children:"Copy page as markdown for LLMs"})]}),jsxs(Menu.Item,{render:jsx6("a",{download:!0,href:exportUrl}),value:"download-page",children:[jsx6(Menu.ItemStartIcon,{icon:Download}),jsx6(Menu.ItemLabel,{children:"Download Page"}),jsx6(Menu.ItemDescription,{children:"Download page as markdown"})]})]})})})]})]})}),$[8]=copyToClipboard,$[9]=exportUrl,$[10]=isCopied,$[11]=t4):t4=$[11],t4}function _temp2(error){return console.error("Error fetching export Markdown:",error),""}function _temp3(response){return response.text()}import{c as _c4}from"react/compiler-runtime";import{Fragment,jsx as jsx7,jsxs as jsxs2}from"react/jsx-runtime";import"react";import{ChevronLeft,ChevronRight}from"lucide-react";import{Link}from"@qualcomm-ui/react/link";import{bindingRenderProp,PolymorphicElement as PolymorphicElement6}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{capitalCase}from"@qualcomm-ui/utils/change-case";import{clsx as clsx6}from"@qualcomm-ui/utils/clsx";import{TreeCollection}from"@qualcomm-ui/utils/collection";function PageLink({currentPage,pageLink,prev,renderLink:RenderLink}){let pathSegments=currentPage?currentPage.pathSegments:[],nextPathSegments=pageLink.pathSegments,pathSegment=nextPathSegments[0]!==pathSegments[0]?capitalCase(nextPathSegments[0]??""):"";return bindingRenderProp(jsx7(RenderLink,{href:pageLink.pathname}),{children:jsx7(Fragment,{children:jsxs2("span",{className:"qui-page-link__container",children:[prev?jsx7(Link,{render:jsx7("div",{}),startIcon:ChevronLeft,children:pageLink.title}):jsx7(Link,{endIcon:ChevronRight,render:jsx7("div",{}),children:pageLink.title}),pathSegment&&pathSegment!==pageLink.title?jsx7("div",{className:"qui-page-link__adjacent-route-title","data-next":booleanDataAttr2(!prev),children:pathSegment}):null]})}),className:"qui-page-link__root","data-next":booleanDataAttr2(!prev)})}function PageLinks(t0){let $=_c4(5),{className,...props}=t0,{renderLink}=useMdxDocsContext2(),{navItems,pathname}=useMdxDocsLayoutContext(),t1;$[0]!==navItems?(t1=new TreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}).flatten().filter(_temp4),$[0]=navItems,$[1]=t1):t1=$[1];let flattenedItems=t1,t2;$[2]!==flattenedItems||$[3]!==pathname?(t2=getPageLinks(flattenedItems,pathname),$[2]=flattenedItems,$[3]=pathname,$[4]=t2):t2=$[4];let[prevPage,nextPage,currentPage]=t2;return jsxs2(PolymorphicElement6,{as:"div",className:clsx6("qui-page-links__container",className),...props,children:[jsx7("div",{className:"qui-page-links__link-wrapper",children:prevPage?jsx7(PageLink,{currentPage,pageLink:prevPage,prev:!0,renderLink}):null}),jsx7("div",{className:"qui-page-links__link-wrapper",children:nextPage?jsx7(PageLink,{currentPage,pageLink:nextPage,renderLink}):null})]})}function _temp4(item){return item.pathname}function getPageLinks(items,route){let index=items.findIndex(item=>item.id===route);if(index===-1)return[!1,!1,!1];let prevPage=items[index-1],nextPage=items[index+1];return[prevPage??!1,nextPage??!1,items[index]]}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx13}from"react/jsx-runtime";import{useState as useState2}from"react";import{bindingRenderProp as bindingRenderProp2,PolymorphicElement as PolymorphicElement9}from"@qualcomm-ui/react-core/system";import{MdxDocsProvider,useSiteContext as useSiteContext2}from"@qualcomm-ui/react-mdx/context";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";import{c as _c6}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import"react";import{MDXProvider}from"@mdx-js/react";import{Link as Link3}from"@qualcomm-ui/react/link";import{Table}from"@qualcomm-ui/react/table";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";import{SpoilerContent,SpoilerRoot,SpoilerSummary}from"@qualcomm-ui/react-mdx/spoiler";import{clsx as clsx8}from"@qualcomm-ui/utils/clsx";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx8,jsxs as jsxs3}from"react/jsx-runtime";import{useState}from"react";import{Link2}from"lucide-react";import{Icon}from"@qualcomm-ui/react/icon";import{PolymorphicElement as PolymorphicElement7}from"@qualcomm-ui/react-core/system";function AnchorHeader({children,className,id,ref,renderLink:RenderLink,...props}){let[hovered,setHovered]=useState(!1);return jsx8(PolymorphicElement7,{ref,as:"span",className,id,onMouseEnter:()=>setHovered(!0),onMouseLeave:()=>setHovered(!1),...props,children:jsxs3(RenderLink,{className:"qui-docs-heading",href:`#${id}`,children:[jsx8("span",{className:"qui-docs-heading-text",children}),hovered?jsx8(Icon,{icon:Link2,size:"md"}):null]})})}import{jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{Children,isValidElement}from"react";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{mergeProps}from"@qualcomm-ui/utils/merge-props";function CodeTabs({children,...props}){let tabs=Children.toArray(children).filter(child=>isValidElement(child)),mergedProps=mergeProps({className:"mdx qui-code-tabs"},props),firstTab=tabs[0]?.props?.label;return jsxs4(Tabs.Root,{defaultValue:firstTab,...mergedProps,children:[jsxs4(Tabs.List,{className:"mdx",children:[jsx9(Tabs.Indicator,{}),tabs.map(tab=>{let label=tab.props?.label;return jsx9(Tab.Root,{value:label,children:jsx9(Tab.Button,{children:tab.props?.label})},label)})]}),tabs.map(tab=>{let label=tab.props?.label;return jsx9(Tabs.Panel,{className:"mdx",value:label,children:tab.props?.children},label)})]})}import{jsx as jsx10,jsxs as jsxs5}from"react/jsx-runtime";import{useRef as useRef2}from"react";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{clsx as clsx7}from"@qualcomm-ui/utils/clsx";function ShikiPre({children,className,"data-code":code,...props}){let preRef=useRef2(null);return jsxs5("div",{className:"shiki-wrapper mdx",children:[jsx10("pre",{ref:preRef,className:clsx7("mdx",className),...props,tabIndex:-1,children}),jsx10(CopyToClipboardIconButton,{valueOrFn:()=>code||preRef.current.innerText})]})}import{c as _c5}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import{useEffect,useRef as useRef3}from"react";import{useMergedRef as useMergedRef2}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement8}from"@qualcomm-ui/react-core/system";function TocLink(t0){let $=_c5(5),{active,ref:refProp,...props}=t0,localRef=useRef3(null),ref=useMergedRef2(refProp,localRef),t1;$[0]!==active?(t1=()=>{active&&localRef.current&&localRef.current?.scrollIntoView?.({block:"nearest"})},$[0]=active,$[1]=t1):t1=$[1];let t2;return $[2]!==active||$[3]!==ref?(t2=[active,ref],$[2]=active,$[3]=ref,$[4]=t2):t2=$[4],useEffect(t1,t2),jsx11(PolymorphicElement8,{ref,as:"div",className:"qui-toc__link",...props})}function MdxProvider(t0){let $=_c6(18),{children,components}=t0,{renderLink:RenderLink}=useMdxDocsContext3(),t1;$[0]!==RenderLink?(t1=t22=>{let{href:t32,ref:_ref,...props}=t22,href=t32===void 0?"":t32;return!href.startsWith("http")?jsx12(Link3,{emphasis:"primary",render:jsx12(RenderLink,{href:href.startsWith("./#")?href.substring(2):href}),...props}):jsx12(Link3,{emphasis:"primary",href,...props,target:"_blank"})},$[0]=RenderLink,$[1]=t1):t1=$[1];let t2;$[2]!==children?(t2=props_3=>jsx12("div",{...props_3,children}),$[2]=children,$[3]=t2):t2=$[3];let t3,t4,t5;$[4]!==RenderLink?(t3=t62=>{let{children:children2_0,id:id_0}=t62;return jsx12(AnchorHeader,{className:"mdx",id:id_0||void 0,render:jsx12("h2",{}),renderLink:RenderLink,children:children2_0})},t4=t72=>{let{children:children2_1,id:id_1}=t72;return jsx12(AnchorHeader,{className:"mdx",id:id_1||void 0,render:jsx12("h3",{}),renderLink:RenderLink,children:children2_1})},t5=t82=>{let{children:children2_2,id:id_2}=t82;return jsx12(AnchorHeader,{className:"mdx",id:id_2||void 0,render:jsx12("h4",{}),renderLink:RenderLink,children:children2_2})},$[4]=RenderLink,$[5]=t3,$[6]=t4,$[7]=t5):(t3=$[5],t4=$[6],t5=$[7]);let t6;$[8]!==components||$[9]!==t1||$[10]!==t2||$[11]!==t3||$[12]!==t4||$[13]!==t5?(t6={a:t1,blockquote:_temp23,br:_temp22,code:_temp32,CodeTab:t2,CodeTabs,em:_temp42,h1:_temp5,h2:t3,h3:t4,h4:t5,h5:_temp6,h6:_temp7,hr:_temp8,img:_temp9,li:_temp0,ol:_temp1,p:_temp10,pre:_temp11,SpoilerContent,SpoilerRoot,SpoilerSummary,strong:_temp12,sup:_temp13,table:_temp14,tbody:_temp15,td:_temp16,tfoot:_temp17,th:_temp18,thead:_temp19,tr:_temp20,ul:_temp21,...components},$[8]=components,$[9]=t1,$[10]=t2,$[11]=t3,$[12]=t4,$[13]=t5,$[14]=t6):t6=$[14];let t7=t6,t8;return $[15]!==children||$[16]!==t7?(t8=jsx12(MDXProvider,{components:t7,children}),$[15]=children,$[16]=t7,$[17]=t8):t8=$[17],t8}function _temp21(props_23){return jsx12("ul",{className:"mdx",...props_23})}function _temp20(props_22){return jsx12(Table.Row,{className:"mdx",...props_22})}function _temp19(props_21){return jsx12(Table.Header,{className:"mdx",...props_21})}function _temp18(props_20){return jsx12(Table.HeaderCell,{className:"mdx",...props_20})}function _temp17(props_19){return jsx12(Table.Footer,{className:"mdx",...props_19})}function _temp16(props_18){return jsx12(Table.Cell,{className:"mdx",...props_18})}function _temp15(props_17){return jsx12(Table.Body,{className:"mdx",...props_17})}function _temp14(t0){let{children:children2_4,...props_16}=t0;return jsx12("div",{className:"mdx table-wrapper",children:jsx12(Table.Root,{className:"mdx",size:"sm",...props_16,children:jsx12(Table.Table,{className:"mdx",children:children2_4})})})}function _temp13(props_15){return jsx12("sup",{className:"mdx",...props_15})}function _temp12(props_14){return jsx12("strong",{className:"mdx font-semibold",...props_14})}function _temp11(t0){let{children:children2_3,...props_13}=t0;return jsx12(ShikiPre,{...props_13,children:children2_3})}function _temp10(t0){let{className,...props_12}=t0;return jsx12("p",{className:clsx8(className,"mdx"),...props_12})}function _temp1(props_11){return jsx12("ol",{className:"mdx",...props_11})}function _temp0(props_10){return jsx12("li",{className:"mdx",...props_10})}function _temp9(props_9){return jsx12("img",{className:"mdx",...props_9})}function _temp8(props_8){return jsx12("hr",{className:"mdx",...props_8})}function _temp7(t0){let{id:id_4,...props_7}=t0;return jsx12("h6",{className:"mdx",id:id_4||void 0,...props_7})}function _temp6(t0){let{id:id_3,...props_6}=t0;return jsx12("h5",{className:"mdx",id:id_3||void 0,...props_6})}function _temp5(t0){let{children:children2,id,...props_5}=t0;return jsx12("h1",{id:id||void 0,...mergeProps2({className:"mdx"},props_5),children:children2})}function _temp42(props_4){return jsx12("em",{className:"mdx",...props_4})}function _temp32(props_2){return jsx12("code",{className:"mdx",...props_2})}function _temp22(props_1){return jsx12("br",{className:"mdx",...props_1})}function _temp23(props_0){return jsx12("blockquote",{className:"mdx",...props_0})}function Root(t0){let $=_c7(37),{children,demoSettings:demoSettingsProp,demoState:demoStateProp,docProps,hideToc,mdxComponents,onDemoSettingsChange,onDemoStateChange,onPackageManagerChange,packageManager:t1,pathname,renderLink,ssrUserAgent,tocHighlightStrategy:t2,...props}=t0,packageManagerProp=t1===void 0?"npm":t1,tocHighlightStrategy=t2===void 0?"nearest":t2,[mainContentElement,setMainContentElement]=useState2(null),[packageManager,setPackageManager]=useState2(packageManagerProp),t3;$[0]!==demoStateProp?(t3=demoStateProp||{},$[0]=demoStateProp,$[1]=t3):t3=$[1];let[demoState,setDemoState]=useState2(t3),t4;$[2]!==demoSettingsProp?(t4=demoSettingsProp||{transformTailwindClasses:!1},$[2]=demoSettingsProp,$[3]=t4):t4=$[3];let[demoSettings,setDemoSettings]=useState2(t4),{navItems,pageDocProps,pageMap}=useSiteContext2(),t5;$[4]!==demoSettings||$[5]!==onDemoSettingsChange?(t5=updaterOrValue=>{let nextState=typeof updaterOrValue=="function"?updaterOrValue(demoSettings):updaterOrValue;setDemoSettings(nextState),onDemoSettingsChange?.(nextState)},$[4]=demoSettings,$[5]=onDemoSettingsChange,$[6]=t5):t5=$[6];let t6;$[7]!==onPackageManagerChange?(t6=nextState_0=>{setPackageManager(nextState_0),onPackageManagerChange?.(nextState_0)},$[7]=onPackageManagerChange,$[8]=t6):t6=$[8];let t7;$[9]!==onDemoStateChange?(t7=(routeUrl,demoId,entry)=>{setDemoState(prevState=>{let state=prevState[routeUrl]??{},demos=state[demoId]??{},nextState_1={...prevState,[routeUrl]:{...state,[demoId]:{...demos,...entry}}};return onDemoStateChange?.(nextState_1),nextState_1})},$[9]=onDemoStateChange,$[10]=t7):t7=$[10];let t8;$[11]!==demoSettings||$[12]!==demoState||$[13]!==docProps||$[14]!==packageManager||$[15]!==renderLink||$[16]!==ssrUserAgent||$[17]!==t5||$[18]!==t6||$[19]!==t7||$[20]!==tocHighlightStrategy?(t8={demoSettings,demoState,docProps,packageManager,renderLink,setDemoSettings:t5,setPackageManager:t6,ssrUserAgent,tocHighlightStrategy,updateDemoState:t7},$[11]=demoSettings,$[12]=demoState,$[13]=docProps,$[14]=packageManager,$[15]=renderLink,$[16]=ssrUserAgent,$[17]=t5,$[18]=t6,$[19]=t7,$[20]=tocHighlightStrategy,$[21]=t8):t8=$[21];let mdxDocsContextValue=t8,pageData=pageMap[pathname],t9;$[22]!==pageData?.toc?(t9=pageData?.toc??[],$[22]=pageData?.toc,$[23]=t9):t9=$[23];let toc=t9,showToc=!!toc.length&&!pageData?.hideToc&&!hideToc,hidePageLinks=pageData?.hidePageLinks||!1,hideSideNav=pageData?.hideSideNav||!1,t10;$[24]!==pageDocProps||$[25]!==pathname?(t10=pageDocProps?.[pathname]||{},$[24]=pageDocProps,$[25]=pathname,$[26]=t10):t10=$[26];let pageProps=t10,t11;$[27]!==hidePageLinks||$[28]!==hideSideNav||$[29]!==mainContentElement||$[30]!==navItems||$[31]!==pageMap||$[32]!==pageProps||$[33]!==pathname||$[34]!==showToc||$[35]!==toc?(t11={hidePageLinks,hideSideNav,mainContentElement,navItems,pageMap,pageProps,pathname,setMainContentElement,showToc,toc},$[27]=hidePageLinks,$[28]=hideSideNav,$[29]=mainContentElement,$[30]=navItems,$[31]=pageMap,$[32]=pageProps,$[33]=pathname,$[34]=showToc,$[35]=toc,$[36]=t11):t11=$[36];let layoutContext=t11,mergedProps=mergeProps3({className:"qui-docs__root"},props);return jsx13(MdxDocsProvider,{value:mdxDocsContextValue,children:jsx13(MdxProvider,{components:mdxComponents,pathname,children:jsx13(MdxDocsLayoutContextProvider,{value:layoutContext,children:jsx13(PolymorphicElement9,{as:"div",...mergedProps,children:bindingRenderProp2(children,layoutContext,{forwardPropsToClone:!1})})})})})}import{Fragment as Fragment2,jsx as jsx14,jsxs as jsxs6}from"react/jsx-runtime";import{useCallback,useEffect as useEffect2,useMemo as useMemo5,useRef as useRef4,useState as useState3}from"react";import{createTreeCollection}from"@qualcomm-ui/core/tree";import{SideNav}from"@qualcomm-ui/react/side-nav";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{isDefined}from"@qualcomm-ui/utils/guard";import{matchSorter}from"@qualcomm-ui/utils/match-sorter";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function Sidebar({children,filterable=!0,mobileDrawerState,stickyHeader,...props}){let ref=useRef4(null),{navItems,pathname}=useMdxDocsLayoutContext(),{renderLink:RenderLink}=useMdxDocsContext4(),initialCollection=useMemo5(()=>createTreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}),[navItems]),[query,setQuery]=useState3(""),[collection,setCollection]=useState3(initialCollection),[expandedValue,setExpandedValue]=useState3(getExpandedItems(navItems,pathname));function onSelectedValueChange(value){collection.findNodeBy(node2=>node2.id===value[0])?.pathname&&setSelectedValue(value)}function getSelectedValue(){let node_0=collection.findNodeBy(node2_0=>node2_0.pathname===pathname);return node_0?[node_0.id]:[]}let[selectedValue,setSelectedValue]=useState3(()=>getSelectedValue()),initialExpandedValue=useRef4(expandedValue);useSafeLayoutEffect2(()=>{setSelectedValue(getSelectedValue())},[pathname]),useEffect2(()=>{let node_1=collection.findNodeBy(node2_1=>node2_1.pathname===pathname);if(node_1){let parents=collection.getParentNodes(node_1.id);parents.length&&setExpandedValue(prev=>[...prev,...parents.map(node2_2=>node2_2.id)])}},[collection,pathname]);let search=value_0=>{if(setQuery(value_0),!value_0){setCollection(initialCollection),setExpandedValue(initialExpandedValue.current);return}let nodes=matchSorter(initialCollection.getDescendantNodes(),value_0,{keys:["group","title","searchMeta.*",item=>initialCollection.getParentNodes(item.id).map(node_2=>node_2.group).filter(Boolean)]}),nextCollection=initialCollection.filter(node_3=>nodes.some(n=>n.id===node_3.id));setCollection(nextCollection),setExpandedValue(nextCollection.getBranchValues())},scrollIntoView=useCallback(()=>{if(!ref.current)return;let item_0=Array.from(ref.current.querySelectorAll("a")).find(item2=>item2.getAttribute("href")===pathname);if(!item_0)return;let observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting)observer.disconnect();else{if(item_0.scrollIntoView({block:"nearest",inline:"nearest"}),item_0.getBoundingClientRect().top-100<0){let scrollPos=ref.current.scrollTop;ref.current.scrollTo(0,Math.max(scrollPos-60,0))}observer.disconnect()}},{threshold:.1});return observer.observe(item_0),()=>observer.disconnect()},[pathname]);useEffect2(()=>{requestAnimationFrame(()=>{isDefined(mobileDrawerState)&&scrollIntoView()})},[mobileDrawerState,scrollIntoView]),useEffect2(()=>{scrollIntoView()},[scrollIntoView]);let mergedProps=mergeProps4({className:"qui-docs-sidebar__root",ref},props);return jsx14("div",{...mergedProps,children:jsxs6(SideNav.Root,{collection,expandedValue,onExpandedValueChange:details=>setExpandedValue(details.expandedValue),onSelectedValueChange:details_0=>{onSelectedValueChange(details_0.selectedValue)},selectedValue,children:[children?jsx14(SideNav.Header,{"data-sticky":booleanDataAttr3(stickyHeader),children}):null,filterable?jsxs6(Fragment2,{children:[jsx14(SideNav.FilterInput,{onValueChange:search,placeholder:"Filter...",value:query}),jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator"})]}):null,collection.rootNode.items.map((item_1,index)=>jsx14(SideNav.Nodes,{indexPath:[index],node:item_1,renderBranch:({node:node_4})=>jsxs6(SideNav.BranchNode,{render:node_4.pathname?jsx14(RenderLink,{href:node_4.pathname}):jsx14("div",{}),children:[jsx14(SideNav.NodeText,{children:node_4.title}),jsx14(SideNav.BranchTrigger,{})]}),renderLeaf:({indexPath,node:node_5})=>{let depthStyle={"--depth":indexPath.length},nested=booleanDataAttr3(indexPath.length>1);return node_5.sectionTitle?jsxs6(Fragment2,{children:[node_5.separator?jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):null,jsx14(SideNav.GroupLabel,{className:"qui-docs-sidebar__group-label","data-nested":nested,style:depthStyle,children:node_5.sectionTitle})]}):node_5.separator?jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):jsxs6(SideNav.LeafNode,{render:node_5.pathname?jsx14(RenderLink,{href:node_5.pathname}):jsx14("div",{}),children:[jsx14(SideNav.NodeIndicator,{}),jsx14(SideNav.NodeText,{children:node_5.title})]})},showIndentGuide:!0},collection.getNodeValue(item_1)))]})})}function getExpandedItems(items,pathname){return items.reduce((acc,current)=>{let id=current.id,expandedChildren=getExpandedItems(current.items??[],pathname);return(pathname===id||expandedChildren?.length||current.expanded&&current.items?.length)&&acc.push(id),[...acc,...expandedChildren]},[])}import{c as _c8}from"react/compiler-runtime";import{jsx as jsx15,jsxs as jsxs7}from"react/jsx-runtime";import{useEffect as useEffect3,useRef as useRef5,useState as useState4}from"react";import{uniq}from"lodash-es";import{useMdxDocsContext as useMdxDocsContext5}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";var HEADING_LEVELS=["h2","h3","h4"],SCROLL_DEBOUNCE_MS=0,RESIZE_DEBOUNCE_MS=100,HEADING_OFFSET=-48,VIEWPORT_TOP_MARGIN=.1,VIEWPORT_BOTTOM_MARGIN=.2,INDENT_PER_LEVEL=12;function useScrollDebounce(callback,delay){let $=_c8(3),timeoutRef=useRef5(void 0),t0;return $[0]!==callback||$[1]!==delay?(t0=(...t1)=>{let args=t1;clearTimeout(timeoutRef.current),timeoutRef.current=setTimeout(()=>callback(...args),delay)},$[0]=callback,$[1]=delay,$[2]=t0):t0=$[2],t0}function elementIsVisible(rect){return typeof window>"u"?!1:rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth)}function useTocScrollSync(activeId,containerRef){let $=_c8(5),t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=new Map,$[0]=t0):t0=$[0];let linkRefs=useRef5(t0),t1,t2;return $[1]!==activeId||$[2]!==containerRef?(t1=()=>{if(!activeId||!containerRef.current)return;let activeElement=linkRefs.current.get(activeId);if(!activeElement)return;let observer=new IntersectionObserver(t3=>{let[entry]=t3;entry.isIntersecting||activeElement.scrollIntoView({behavior:"smooth",block:"nearest"}),observer.disconnect()},{root:containerRef.current,threshold:1});return observer.observe(activeElement),()=>observer.disconnect()},t2=[activeId,containerRef],$[1]=activeId,$[2]=containerRef,$[3]=t1,$[4]=t2):(t1=$[3],t2=$[4]),useEffect3(t1,t2),linkRefs}function useActiveHeading(){let $=_c8(11),[activeId,setActiveId]=useState4(null),{tocHighlightStrategy}=useMdxDocsContext5(),{mainContentElement,toc:headings}=useMdxDocsLayoutContext(),t0;$[0]!==headings||$[1]!==mainContentElement||$[2]!==tocHighlightStrategy?(t0=()=>{if(!headings.length||!mainContentElement)return;let headingElements=[],contentElement=document.querySelector(".qui-docs__app-content")?.querySelector("article");if(!contentElement)return;contentElement.querySelectorAll(uniq(HEADING_LEVELS).map(_temp25).join(",")).forEach(element=>{headingElements.push(element)});let activeIndex=null;if((tocHighlightStrategy||"nearest")==="nearest")if(window.scrollY===0)activeIndex=0;else if(window.scrollY+window.innerHeight>=document.body.scrollHeight)activeIndex=headingElements.length-1;else{let closestVisibleElementTop=1e5,closestVisibleIndex=-1,found=!1;for(let i=0;i<headingElements.length;i++){let elementRect=headingElements[i].getBoundingClientRect(),elementTop=elementRect.top;elementTop>HEADING_OFFSET&&elementIsVisible(elementRect)&&elementTop<closestVisibleElementTop&&(found=!0,closestVisibleElementTop=elementTop,closestVisibleIndex=i)}if(found)activeIndex=closestVisibleIndex>=0?closestVisibleIndex:null;else{let currentRegionIndex=headingElements.map((element_1,index)=>{let start=element_1.getBoundingClientRect().top+window.scrollY,nextElement=headingElements[index+1],end=nextElement?nextElement.getBoundingClientRect().top+window.scrollY-1:document.body.scrollHeight;return[start,end]}).findIndex(_temp24);activeIndex=currentRegionIndex>=0?currentRegionIndex:null}}else if(window.scrollY===0)activeIndex=0;else{let windowHeight=window.innerHeight;for(let i_0=0;i_0<headingElements.length;i_0++){let itemTop=headingElements[i_0].getBoundingClientRect().top,nextItem=headingElements[i_0+1];if((nextItem?nextItem.getBoundingClientRect().top:mainContentElement.getBoundingClientRect().bottom)>windowHeight*VIEWPORT_TOP_MARGIN&&itemTop<windowHeight*(1-VIEWPORT_BOTTOM_MARGIN)){activeIndex=i_0;break}}}activeIndex!==null&&headings[activeIndex]?setActiveId(headings[activeIndex].id):setActiveId(null)},$[0]=headings,$[1]=mainContentElement,$[2]=tocHighlightStrategy,$[3]=t0):t0=$[3];let calculateActive=t0,debouncedCalculateActive=useScrollDebounce(calculateActive,SCROLL_DEBOUNCE_MS),debouncedResizeHandler=useScrollDebounce(calculateActive,RESIZE_DEBOUNCE_MS),t1,t2;return $[4]!==calculateActive||$[5]!==debouncedCalculateActive||$[6]!==debouncedResizeHandler||$[7]!==headings.length||$[8]!==mainContentElement?(t1=()=>{if(!headings.length||!mainContentElement)return;calculateActive(),window.addEventListener("scroll",debouncedCalculateActive,{passive:!0}),window.addEventListener("resize",debouncedResizeHandler,{passive:!0});let resizeObserver=new ResizeObserver(debouncedResizeHandler);return resizeObserver.observe(mainContentElement),()=>{window.removeEventListener("scroll",debouncedCalculateActive),window.removeEventListener("resize",debouncedResizeHandler),resizeObserver.disconnect()}},t2=[calculateActive,debouncedCalculateActive,debouncedResizeHandler,headings.length,mainContentElement],$[4]=calculateActive,$[5]=debouncedCalculateActive,$[6]=debouncedResizeHandler,$[7]=headings.length,$[8]=mainContentElement,$[9]=t1,$[10]=t2):(t1=$[9],t2=$[10]),useEffect3(t1,t2),activeId}function _temp24(t0){let[start_0,end_0]=t0;return window.scrollY>start_0&&window.scrollY<end_0}function _temp25(level){return`${level}:not(.qui-demo-runner__wrapper ${level})`}function TableOfContents(){let containerRef=useRef5(null),{renderLink:Link4}=useMdxDocsContext5(),{toc:headings}=useMdxDocsLayoutContext(),activeId=useActiveHeading(),linkRefs=useTocScrollSync(activeId,containerRef);return headings.length?jsx15("div",{className:"qui-toc",children:jsxs7("div",{ref:containerRef,className:"qui-toc__container",children:[jsx15(PageHeader,{}),jsxs7("div",{className:"qui-toc__links",children:[jsx15("div",{className:"qui-toc-bar"}),headings.map(({headingLevel,id,textContent})=>{let isActive=activeId===id;return jsxs7(TocLink,{ref:element=>{element?linkRefs.current.set(id,element):linkRefs.current.delete(id)},className:"qui-toc__link","data-active":booleanDataAttr4(isActive),style:{paddingLeft:INDENT_PER_LEVEL*(headingLevel-1)},children:[headingLevel>2?jsx15("div",{"aria-hidden":!0,className:"qui-toc__link-indent-guide","data-active":booleanDataAttr4(isActive)}):null,jsx15(Link4,{href:`#${id}`,children:textContent})]},id)})]})]})}):null}var Layout={AppContent,Breadcrumbs:DocsBreadcrumbs,ContentWrapper,Footer:DocsFooter,MainContent,PageHeader,PageLinks,Root,Sidebar,TableOfContents};import{c as _c9}from"react/compiler-runtime";import{Fragment as Fragment3,jsx as jsx16,jsxs as jsxs8}from"react/jsx-runtime";import{Menu as Menu2,PanelLeftClose}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{Drawer}from"@qualcomm-ui/react/drawer";import{Icon as Icon2}from"@qualcomm-ui/react/icon";import{Portal as Portal2}from"@qualcomm-ui/react-core/portal";function MobileSidebar(t0){let $=_c9(2),{children,...props}=t0,{pathname}=useMdxDocsLayoutContext(),t1;return $[0]!==children?(t1=t2=>{let{open,setOpen}=t2;return jsx16(Sidebar,{"data-mobile":!0,filterable:!1,mobileDrawerState:open,stickyHeader:!0,children:jsxs8(Fragment3,{children:[children,jsx16(Drawer.CloseTrigger,{children:jsx16(IconButton,{"aria-label":"Close sidebar",className:"qui-docs-sidebar__mobile-close-trigger",density:"compact",icon:PanelLeftClose,onClick:()=>setOpen(!1),size:"lg",variant:"ghost"})})]})})},$[0]=children,$[1]=t1):t1=$[1],jsx16("div",{className:"qui-docs-sidebar__mobile-container",children:jsxs8(Drawer.Root,{placement:"start",...props,children:[jsx16(Drawer.Trigger,{children:jsx16(IconButton,{"aria-label":"Open Navigation Menu",icon:jsx16(Icon2,{icon:Menu2,size:14}),size:"sm",variant:"ghost"})}),jsxs8(Portal2,{children:[jsx16(Drawer.Backdrop,{}),jsx16(Drawer.Positioner,{children:jsx16(Drawer.Content,{className:"qui-docs-sidebar__drawer-content",children:jsx16(Drawer.Body,{className:"qui-docs-sidebar__drawer-body",children:jsx16(Drawer.Context,{children:t1})})})})]})]},pathname)})}import{jsx as jsx17,jsxs as jsxs9}from"react/jsx-runtime";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function UpdatedOn(t0){let{...props}=t0,docsLayoutData=useMdxDocsLayoutContext(),pageData=docsLayoutData?.pageMap?.[docsLayoutData.pathname],updatedOn=pageData?.updatedOn,updatedBy=pageData?.updatedBy;return!updatedOn&&!updatedBy?null:jsxs9("div",{...mergeProps5({className:"qui-docs__updated-on-wrapper"},props),children:[updatedOn&&jsxs9("span",{children:["Last updated on"," ",jsx17("time",{className:"qui-docs__updated-on-time",children:new Date(updatedOn).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})})]}),updatedBy&&jsxs9("span",{children:[updatedOn?" by ":"Updated by ",jsx17("span",{className:"qui-docs__updated-by",children:updatedBy})]})]})}function DocsLayout({children,footer,header,rootBreadcrumb,sidebarProps,...props}){return jsx18(Layout.Root,{...props,children:({hidePageLinks,hideSideNav,showToc})=>jsxs10(Fragment4,{children:[header,jsx18(Layout.ContentWrapper,{children:jsxs10(Layout.AppContent,{children:[!hideSideNav&&jsx18(Layout.Sidebar,{...sidebarProps}),jsxs10(Layout.MainContent,{children:[jsx18(Layout.Breadcrumbs,{rootBreadcrumb}),children,jsx18(UpdatedOn,{}),!hidePageLinks&&jsx18(Layout.PageLinks,{})]}),showToc?jsx18(Layout.TableOfContents,{}):null]})}),footer]})})}export{DocsFooter,DocsLayout,Layout,MdxDocsLayoutContextProvider,MdxProvider,MobileSidebar,PageHeader,useMdxDocsLayoutContext};
+import{Fragment as Fragment4,jsx as jsx18,jsxs as jsxs10}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{clsx}from"@qualcomm-ui/utils/clsx";function DocsFooter({children,className,ref,...props}){return jsx(PolymorphicElement,{ref,as:"div",className:clsx("qui-docs__footer",className),...props,children})}import{jsx as jsx2}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{clsx as clsx2}from"@qualcomm-ui/utils/clsx";import{createContext,useContext}from"react";var MdxDocsLayoutContext=createContext(null),MdxDocsLayoutContextProvider=MdxDocsLayoutContext.Provider;function useMdxDocsLayoutContext(){let context=useContext(MdxDocsLayoutContext);if(!context)throw new Error("useMdxDocsLayoutContext can only be used as children of a <Layout.Root> instance.");return context}function AppContent(t0){let{children,className,...props}=t0,{hideSideNav,pageExport,showToc}=useMdxDocsLayoutContext();return jsx2(PolymorphicElement2,{as:"div",className:clsx2("qui-docs__app-content",className),"data-hide-side-nav":booleanDataAttr(hideSideNav),"data-hide-toc":booleanDataAttr(!showToc&&!pageExport),...props,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{Breadcrumbs}from"@qualcomm-ui/react/breadcrumbs";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{clsx as clsx3}from"@qualcomm-ui/utils/clsx";function DocsBreadcrumbs(t0){let $=_c(7),{className,rootBreadcrumb,...props}=t0,{renderLink:Link4}=useMdxDocsContext(),{pageMap,pathname}=useMdxDocsLayoutContext(),t1;bb0:{let pageMapEntry=pageMap[pathname];if(!pageMapEntry||pageMapEntry.hideBreadcrumbs){let t22;$[0]===Symbol.for("react.memo_cache_sentinel")?(t22=[],$[0]=t22):t22=$[0],t1=t22;break bb0}let t2;if($[1]!==Link4||$[2]!==pageMap||$[3]!==pageMapEntry.categories||$[4]!==pageMapEntry.pathSegments||$[5]!==rootBreadcrumb){let mergedPath="",crumbs=pageMapEntry.pathSegments.reduce((acc,segment,currentIndex)=>{mergedPath=`${mergedPath}/${segment}`;let route=pageMap[mergedPath],pageTitle=pageMapEntry.categories[currentIndex]??route.title;return acc.push({children:pageTitle,id:route?.pathname??route?.id??pageTitle,render:route?.pathname?jsx3(Link4,{href:route.pathname}):jsx3("button",{style:{pointerEvents:"none"}})}),acc},[]);t2=rootBreadcrumb?[{...rootBreadcrumb,id:"/"},...crumbs]:crumbs,$[1]=Link4,$[2]=pageMap,$[3]=pageMapEntry.categories,$[4]=pageMapEntry.pathSegments,$[5]=rootBreadcrumb,$[6]=t2}else t2=$[6];t1=t2}let items=t1;return items.length?jsx3(PolymorphicElement3,{className:clsx3("qui-docs__breadcrumbs",className),...props,children:jsx3(Breadcrumbs.Root,{emphasis:"neutral",children:jsx3(Breadcrumbs.List,{children:items.map(_temp)})})}):null}function _temp(item){return jsx3(Breadcrumbs.Item,{...item},item.id)}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{clsx as clsx4}from"@qualcomm-ui/utils/clsx";function ContentWrapper({children,className,...props}){return jsx4(PolymorphicElement4,{as:"div",className:clsx4("qui-docs__content-wrapper",className),...props,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{useRef}from"react";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMergedRef}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement5}from"@qualcomm-ui/react-core/system";import{PropsContextProvider}from"@qualcomm-ui/react-mdx/typedoc";import{clsx as clsx5}from"@qualcomm-ui/utils/clsx";function MainContent(t0){let $=_c2(5),{children,className,id:t1,ref:refProp,...props}=t0,id=t1===void 0?"main-content":t1,ref=useRef(null),{mainContentElement,pageProps,setMainContentElement}=useMdxDocsLayoutContext(),t2;$[0]!==mainContentElement||$[1]!==setMainContentElement?(t2=()=>{mainContentElement!==ref.current&&setMainContentElement(ref.current)},$[0]=mainContentElement,$[1]=setMainContentElement,$[2]=t2):t2=$[2];let t3;$[3]!==mainContentElement?(t3=[mainContentElement],$[3]=mainContentElement,$[4]=t3):t3=$[4],useSafeLayoutEffect(t2,t3);let refs=useMergedRef(refProp,ref);return jsx5(PolymorphicElement5,{ref:refs,as:"article",className:clsx5("qui-docs__main-content",className),id,...props,children:jsx5(PropsContextProvider,{value:pageProps,children})})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx6,jsxs}from"react/jsx-runtime";import{Check,Copy,Download}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{Menu}from"@qualcomm-ui/react/menu";import{Portal}from"@qualcomm-ui/react-core/portal";import{useSiteContext}from"@qualcomm-ui/react-mdx/context";import{useCopyToClipboard}from"@qualcomm-ui/react-mdx/copy-to-clipboard";function pathnameToExportId(pathSegments){return pathSegments.join("-")}function PageHeader(){let $=_c3(12),{exports,pageMap}=useSiteContext(),{pageExport,pathname}=useMdxDocsLayoutContext(),page=pageMap[pathname],t0;$[0]!==page?.pathSegments?(t0=page?.pathSegments||[],$[0]=page?.pathSegments,$[1]=t0):t0=$[1];let t1;$[2]!==t0?(t1=pathnameToExportId(t0),$[2]=t0,$[3]=t1):t1=$[3];let exportId=t1,exportUrl=pageExport?`${exports.basePath}/${exportId}.md`:null,t2;$[4]!==exportUrl?(t2=async function(){return exportUrl?fetch(exportUrl,{method:"GET"}).then(_temp3).catch(_temp2):""},$[4]=exportUrl,$[5]=t2):t2=$[5];let getExportAsText=t2,t3;$[6]!==getExportAsText?(t3={valueOrFn:getExportAsText},$[6]=getExportAsText,$[7]=t3):t3=$[7];let{copyToClipboard,isCopied}=useCopyToClipboard(t3);if(!page)return null;let t4;return $[8]!==copyToClipboard||$[9]!==exportUrl||$[10]!==isCopied?(t4=jsx6("div",{className:"qui-docs__page-header",children:exportUrl&&jsxs("div",{className:"qui-docs__page-header-actions",children:[jsx6(Button,{className:"qui-docs__page-header-copy-button",endIcon:isCopied?Check:Copy,onClick:copyToClipboard,size:"sm",variant:"outline",children:"Copy Page"}),jsxs(Menu.Root,{size:"sm",children:[jsx6(Menu.Trigger,{children:jsx6(Menu.IconButton,{className:"qui-docs__page-header-menu-button",size:"sm",variant:"outline"})}),jsx6(Portal,{children:jsx6(Menu.Positioner,{children:jsxs(Menu.Content,{children:[jsxs(Menu.Item,{onClick:copyToClipboard,value:"copy-page",children:[jsx6(Menu.ItemStartIcon,{icon:Copy}),jsx6(Menu.ItemLabel,{children:"Copy Page"}),jsx6(Menu.ItemDescription,{children:"Copy page as markdown for LLMs"})]}),jsxs(Menu.Item,{render:jsx6("a",{download:!0,href:exportUrl}),value:"download-page",children:[jsx6(Menu.ItemStartIcon,{icon:Download}),jsx6(Menu.ItemLabel,{children:"Download Page"}),jsx6(Menu.ItemDescription,{children:"Download page as markdown"})]})]})})})]})]})}),$[8]=copyToClipboard,$[9]=exportUrl,$[10]=isCopied,$[11]=t4):t4=$[11],t4}function _temp2(error){return console.error("Error fetching export Markdown:",error),""}function _temp3(response){return response.text()}import{c as _c4}from"react/compiler-runtime";import{Fragment,jsx as jsx7,jsxs as jsxs2}from"react/jsx-runtime";import"react";import{ChevronLeft,ChevronRight}from"lucide-react";import{Link}from"@qualcomm-ui/react/link";import{bindingRenderProp,PolymorphicElement as PolymorphicElement6}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{capitalCase}from"@qualcomm-ui/utils/change-case";import{clsx as clsx6}from"@qualcomm-ui/utils/clsx";import{TreeCollection}from"@qualcomm-ui/utils/collection";function PageLink({currentPage,pageLink,prev,renderLink:RenderLink}){let pathSegments=currentPage?currentPage.pathSegments:[],nextPathSegments=pageLink.pathSegments,pathSegment=nextPathSegments[0]!==pathSegments[0]?capitalCase(nextPathSegments[0]??""):"";return bindingRenderProp(jsx7(RenderLink,{href:pageLink.pathname}),{children:jsx7(Fragment,{children:jsxs2("span",{className:"qui-page-link__container",children:[prev?jsx7(Link,{render:jsx7("div",{}),startIcon:ChevronLeft,children:pageLink.title}):jsx7(Link,{endIcon:ChevronRight,render:jsx7("div",{}),children:pageLink.title}),pathSegment&&pathSegment!==pageLink.title?jsx7("div",{className:"qui-page-link__adjacent-route-title","data-next":booleanDataAttr2(!prev),children:pathSegment}):null]})}),className:"qui-page-link__root","data-next":booleanDataAttr2(!prev)})}function PageLinks(t0){let $=_c4(5),{className,...props}=t0,{renderLink}=useMdxDocsContext2(),{navItems,pathname}=useMdxDocsLayoutContext(),t1;$[0]!==navItems?(t1=new TreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}).flatten().filter(_temp4),$[0]=navItems,$[1]=t1):t1=$[1];let flattenedItems=t1,t2;$[2]!==flattenedItems||$[3]!==pathname?(t2=getPageLinks(flattenedItems,pathname),$[2]=flattenedItems,$[3]=pathname,$[4]=t2):t2=$[4];let[prevPage,nextPage,currentPage]=t2;return jsxs2(PolymorphicElement6,{as:"div",className:clsx6("qui-page-links__container",className),...props,children:[jsx7("div",{className:"qui-page-links__link-wrapper",children:prevPage?jsx7(PageLink,{currentPage,pageLink:prevPage,prev:!0,renderLink}):null}),jsx7("div",{className:"qui-page-links__link-wrapper",children:nextPage?jsx7(PageLink,{currentPage,pageLink:nextPage,renderLink}):null})]})}function _temp4(item){return item.pathname}function getPageLinks(items,route){let index=items.findIndex(item=>item.id===route);if(index===-1)return[!1,!1,!1];let prevPage=items[index-1],nextPage=items[index+1];return[prevPage??!1,nextPage??!1,items[index]]}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx13}from"react/jsx-runtime";import{useState as useState2}from"react";import{bindingRenderProp as bindingRenderProp2,PolymorphicElement as PolymorphicElement9}from"@qualcomm-ui/react-core/system";import{MdxDocsProvider,useSiteContext as useSiteContext2}from"@qualcomm-ui/react-mdx/context";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";import{c as _c6}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import"react";import{MDXProvider}from"@mdx-js/react";import{Link as Link3}from"@qualcomm-ui/react/link";import{Table}from"@qualcomm-ui/react/table";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";import{SpoilerContent,SpoilerRoot,SpoilerSummary}from"@qualcomm-ui/react-mdx/spoiler";import{clsx as clsx8}from"@qualcomm-ui/utils/clsx";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx8,jsxs as jsxs3}from"react/jsx-runtime";import{useState}from"react";import{Link2}from"lucide-react";import{Icon}from"@qualcomm-ui/react/icon";import{PolymorphicElement as PolymorphicElement7}from"@qualcomm-ui/react-core/system";function AnchorHeader({children,className,id,ref,renderLink:RenderLink,...props}){let[hovered,setHovered]=useState(!1);return jsx8(PolymorphicElement7,{ref,as:"span",className,id,onMouseEnter:()=>setHovered(!0),onMouseLeave:()=>setHovered(!1),...props,children:jsxs3(RenderLink,{className:"qui-docs-heading",href:`#${id}`,children:[jsx8("span",{className:"qui-docs-heading-text",children}),hovered?jsx8(Icon,{icon:Link2,size:"md"}):null]})})}import{jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{Children,isValidElement}from"react";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{mergeProps}from"@qualcomm-ui/utils/merge-props";function CodeTabs({children,...props}){let tabs=Children.toArray(children).filter(child=>isValidElement(child)),mergedProps=mergeProps({className:"mdx qui-code-tabs"},props),firstTab=tabs[0]?.props?.label;return jsxs4(Tabs.Root,{defaultValue:firstTab,...mergedProps,children:[jsxs4(Tabs.List,{className:"mdx",children:[jsx9(Tabs.Indicator,{}),tabs.map(tab=>{let label=tab.props?.label;return jsx9(Tab.Root,{value:label,children:jsx9(Tab.Button,{children:tab.props?.label})},label)})]}),tabs.map(tab=>{let label=tab.props?.label;return jsx9(Tabs.Panel,{className:"mdx",value:label,children:tab.props?.children},label)})]})}import{jsx as jsx10,jsxs as jsxs5}from"react/jsx-runtime";import{useRef as useRef2}from"react";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{clsx as clsx7}from"@qualcomm-ui/utils/clsx";function ShikiPre({children,className,"data-code":code,...props}){let preRef=useRef2(null);return jsxs5("div",{className:"shiki-wrapper mdx",children:[jsx10("pre",{ref:preRef,className:clsx7("mdx",className),...props,tabIndex:-1,children}),jsx10(CopyToClipboardIconButton,{valueOrFn:()=>code||preRef.current.innerText})]})}import{c as _c5}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import{useEffect,useRef as useRef3}from"react";import{useMergedRef as useMergedRef2}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement8}from"@qualcomm-ui/react-core/system";function TocLink(t0){let $=_c5(5),{active,ref:refProp,...props}=t0,localRef=useRef3(null),ref=useMergedRef2(refProp,localRef),t1;$[0]!==active?(t1=()=>{active&&localRef.current&&localRef.current?.scrollIntoView?.({block:"nearest"})},$[0]=active,$[1]=t1):t1=$[1];let t2;return $[2]!==active||$[3]!==ref?(t2=[active,ref],$[2]=active,$[3]=ref,$[4]=t2):t2=$[4],useEffect(t1,t2),jsx11(PolymorphicElement8,{ref,as:"div",className:"qui-toc__link",...props})}function MdxProvider(t0){let $=_c6(18),{children,components}=t0,{renderLink:RenderLink}=useMdxDocsContext3(),t1;$[0]!==RenderLink?(t1=t22=>{let{href:t32,ref:_ref,...props}=t22,href=t32===void 0?"":t32;return!href.startsWith("http")?jsx12(Link3,{emphasis:"primary",render:jsx12(RenderLink,{href:href.startsWith("./#")?href.substring(2):href}),...props}):jsx12(Link3,{emphasis:"primary",href,...props,target:"_blank"})},$[0]=RenderLink,$[1]=t1):t1=$[1];let t2;$[2]!==children?(t2=props_3=>jsx12("div",{...props_3,children}),$[2]=children,$[3]=t2):t2=$[3];let t3,t4,t5;$[4]!==RenderLink?(t3=t62=>{let{children:children2_0,id:id_0}=t62;return jsx12(AnchorHeader,{className:"mdx",id:id_0||void 0,render:jsx12("h2",{}),renderLink:RenderLink,children:children2_0})},t4=t72=>{let{children:children2_1,id:id_1}=t72;return jsx12(AnchorHeader,{className:"mdx",id:id_1||void 0,render:jsx12("h3",{}),renderLink:RenderLink,children:children2_1})},t5=t82=>{let{children:children2_2,id:id_2}=t82;return jsx12(AnchorHeader,{className:"mdx",id:id_2||void 0,render:jsx12("h4",{}),renderLink:RenderLink,children:children2_2})},$[4]=RenderLink,$[5]=t3,$[6]=t4,$[7]=t5):(t3=$[5],t4=$[6],t5=$[7]);let t6;$[8]!==components||$[9]!==t1||$[10]!==t2||$[11]!==t3||$[12]!==t4||$[13]!==t5?(t6={a:t1,blockquote:_temp23,br:_temp22,code:_temp32,CodeTab:t2,CodeTabs,em:_temp42,h1:_temp5,h2:t3,h3:t4,h4:t5,h5:_temp6,h6:_temp7,hr:_temp8,img:_temp9,li:_temp0,ol:_temp1,p:_temp10,pre:_temp11,SpoilerContent,SpoilerRoot,SpoilerSummary,strong:_temp12,sup:_temp13,table:_temp14,tbody:_temp15,td:_temp16,tfoot:_temp17,th:_temp18,thead:_temp19,tr:_temp20,ul:_temp21,...components},$[8]=components,$[9]=t1,$[10]=t2,$[11]=t3,$[12]=t4,$[13]=t5,$[14]=t6):t6=$[14];let t7=t6,t8;return $[15]!==children||$[16]!==t7?(t8=jsx12(MDXProvider,{components:t7,children}),$[15]=children,$[16]=t7,$[17]=t8):t8=$[17],t8}function _temp21(props_23){return jsx12("ul",{className:"mdx",...props_23})}function _temp20(props_22){return jsx12(Table.Row,{className:"mdx",...props_22})}function _temp19(props_21){return jsx12(Table.Header,{className:"mdx",...props_21})}function _temp18(props_20){return jsx12(Table.HeaderCell,{className:"mdx",...props_20})}function _temp17(props_19){return jsx12(Table.Footer,{className:"mdx",...props_19})}function _temp16(props_18){return jsx12(Table.Cell,{className:"mdx",...props_18})}function _temp15(props_17){return jsx12(Table.Body,{className:"mdx",...props_17})}function _temp14(t0){let{children:children2_4,...props_16}=t0;return jsx12("div",{className:"mdx table-wrapper",children:jsx12(Table.Root,{className:"mdx",size:"sm",...props_16,children:jsx12(Table.Table,{className:"mdx",children:children2_4})})})}function _temp13(props_15){return jsx12("sup",{className:"mdx",...props_15})}function _temp12(props_14){return jsx12("strong",{className:"mdx font-semibold",...props_14})}function _temp11(t0){let{children:children2_3,...props_13}=t0;return jsx12(ShikiPre,{...props_13,children:children2_3})}function _temp10(t0){let{className,...props_12}=t0;return jsx12("p",{className:clsx8(className,"mdx"),...props_12})}function _temp1(props_11){return jsx12("ol",{className:"mdx",...props_11})}function _temp0(props_10){return jsx12("li",{className:"mdx",...props_10})}function _temp9(props_9){return jsx12("img",{className:"mdx",...props_9})}function _temp8(props_8){return jsx12("hr",{className:"mdx",...props_8})}function _temp7(t0){let{id:id_4,...props_7}=t0;return jsx12("h6",{className:"mdx",id:id_4||void 0,...props_7})}function _temp6(t0){let{id:id_3,...props_6}=t0;return jsx12("h5",{className:"mdx",id:id_3||void 0,...props_6})}function _temp5(t0){let{children:children2,id,...props_5}=t0;return jsx12("h1",{id:id||void 0,...mergeProps2({className:"mdx"},props_5),children:children2})}function _temp42(props_4){return jsx12("em",{className:"mdx",...props_4})}function _temp32(props_2){return jsx12("code",{className:"mdx",...props_2})}function _temp22(props_1){return jsx12("br",{className:"mdx",...props_1})}function _temp23(props_0){return jsx12("blockquote",{className:"mdx",...props_0})}function Root(t0){let $=_c7(41),{children,demoSettings:demoSettingsProp,demoState:demoStateProp,docProps,hideToc,mdxComponents,onDemoSettingsChange,onDemoStateChange,onPackageManagerChange,packageManager:t1,pathname,renderLink,ssrUserAgent,tocHighlightStrategy:t2,...props}=t0,packageManagerProp=t1===void 0?"npm":t1,tocHighlightStrategy=t2===void 0?"nearest":t2,[mainContentElement,setMainContentElement]=useState2(null),[packageManager,setPackageManager]=useState2(packageManagerProp),t3;$[0]!==demoStateProp?(t3=demoStateProp||{},$[0]=demoStateProp,$[1]=t3):t3=$[1];let[demoState,setDemoState]=useState2(t3),t4;$[2]!==demoSettingsProp?(t4=demoSettingsProp||{transformTailwindClasses:!1},$[2]=demoSettingsProp,$[3]=t4):t4=$[3];let[demoSettings,setDemoSettings]=useState2(t4),{exports,navItems,pageDocProps,pageMap}=useSiteContext2(),t5;$[4]!==demoSettings||$[5]!==onDemoSettingsChange?(t5=updaterOrValue=>{let nextState=typeof updaterOrValue=="function"?updaterOrValue(demoSettings):updaterOrValue;setDemoSettings(nextState),onDemoSettingsChange?.(nextState)},$[4]=demoSettings,$[5]=onDemoSettingsChange,$[6]=t5):t5=$[6];let t6;$[7]!==onPackageManagerChange?(t6=nextState_0=>{setPackageManager(nextState_0),onPackageManagerChange?.(nextState_0)},$[7]=onPackageManagerChange,$[8]=t6):t6=$[8];let t7;$[9]!==onDemoStateChange?(t7=(routeUrl,demoId,entry)=>{setDemoState(prevState=>{let state=prevState[routeUrl]??{},demos=state[demoId]??{},nextState_1={...prevState,[routeUrl]:{...state,[demoId]:{...demos,...entry}}};return onDemoStateChange?.(nextState_1),nextState_1})},$[9]=onDemoStateChange,$[10]=t7):t7=$[10];let t8;$[11]!==demoSettings||$[12]!==demoState||$[13]!==docProps||$[14]!==packageManager||$[15]!==renderLink||$[16]!==ssrUserAgent||$[17]!==t5||$[18]!==t6||$[19]!==t7||$[20]!==tocHighlightStrategy?(t8={demoSettings,demoState,docProps,packageManager,renderLink,setDemoSettings:t5,setPackageManager:t6,ssrUserAgent,tocHighlightStrategy,updateDemoState:t7},$[11]=demoSettings,$[12]=demoState,$[13]=docProps,$[14]=packageManager,$[15]=renderLink,$[16]=ssrUserAgent,$[17]=t5,$[18]=t6,$[19]=t7,$[20]=tocHighlightStrategy,$[21]=t8):t8=$[21];let mdxDocsContextValue=t8,pageData=pageMap[pathname],t9;$[22]!==pageData?.toc?(t9=pageData?.toc??[],$[22]=pageData?.toc,$[23]=t9):t9=$[23];let toc=t9,showToc=!!toc.length&&!pageData?.hideToc&&!hideToc,hidePageLinks=pageData?.hidePageLinks||!1,hideSideNav=pageData?.hideSideNav||!1,t10;$[24]!==exports||$[25]!==pathname?(t10=exports?.enabled&&exports.pages.find(page=>page.pathname===pathname),$[24]=exports,$[25]=pathname,$[26]=t10):t10=$[26];let pageExport=t10,t11;$[27]!==pageDocProps||$[28]!==pathname?(t11=pageDocProps?.[pathname]||{},$[27]=pageDocProps,$[28]=pathname,$[29]=t11):t11=$[29];let pageProps=t11,t12;$[30]!==hidePageLinks||$[31]!==hideSideNav||$[32]!==mainContentElement||$[33]!==navItems||$[34]!==pageExport||$[35]!==pageMap||$[36]!==pageProps||$[37]!==pathname||$[38]!==showToc||$[39]!==toc?(t12={hidePageLinks,hideSideNav,mainContentElement,navItems,pageExport,pageMap,pageProps,pathname,setMainContentElement,showToc,toc},$[30]=hidePageLinks,$[31]=hideSideNav,$[32]=mainContentElement,$[33]=navItems,$[34]=pageExport,$[35]=pageMap,$[36]=pageProps,$[37]=pathname,$[38]=showToc,$[39]=toc,$[40]=t12):t12=$[40];let layoutContext=t12,mergedProps=mergeProps3({className:"qui-docs__root"},props);return jsx13(MdxDocsProvider,{value:mdxDocsContextValue,children:jsx13(MdxProvider,{components:mdxComponents,pathname,children:jsx13(MdxDocsLayoutContextProvider,{value:layoutContext,children:jsx13(PolymorphicElement9,{as:"div",...mergedProps,children:bindingRenderProp2(children,layoutContext,{forwardPropsToClone:!1})})})})})}import{Fragment as Fragment2,jsx as jsx14,jsxs as jsxs6}from"react/jsx-runtime";import{useCallback,useEffect as useEffect2,useMemo as useMemo5,useRef as useRef4,useState as useState3}from"react";import{createTreeCollection}from"@qualcomm-ui/core/tree";import{SideNav}from"@qualcomm-ui/react/side-nav";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{isDefined}from"@qualcomm-ui/utils/guard";import{matchSorter}from"@qualcomm-ui/utils/match-sorter";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function Sidebar({children,filterable=!0,mobileDrawerState,stickyHeader,...props}){let ref=useRef4(null),{navItems,pathname}=useMdxDocsLayoutContext(),{renderLink:RenderLink}=useMdxDocsContext4(),initialCollection=useMemo5(()=>createTreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}),[navItems]),[query,setQuery]=useState3(""),[collection,setCollection]=useState3(initialCollection),[expandedValue,setExpandedValue]=useState3(getExpandedItems(navItems,pathname));function onSelectedValueChange(value){collection.findNodeBy(node2=>node2.id===value[0])?.pathname&&setSelectedValue(value)}function getSelectedValue(){let node_0=collection.findNodeBy(node2_0=>node2_0.pathname===pathname);return node_0?[node_0.id]:[]}let[selectedValue,setSelectedValue]=useState3(()=>getSelectedValue()),initialExpandedValue=useRef4(expandedValue);useSafeLayoutEffect2(()=>{setSelectedValue(getSelectedValue())},[pathname]),useEffect2(()=>{let node_1=collection.findNodeBy(node2_1=>node2_1.pathname===pathname);if(node_1){let parents=collection.getParentNodes(node_1.id);parents.length&&setExpandedValue(prev=>[...prev,...parents.map(node2_2=>node2_2.id)])}},[collection,pathname]);let search=value_0=>{if(setQuery(value_0),!value_0){setCollection(initialCollection),setExpandedValue(initialExpandedValue.current);return}let nodes=matchSorter(initialCollection.getDescendantNodes(),value_0,{keys:["group","title","searchMeta.*",item=>initialCollection.getParentNodes(item.id).map(node_2=>node_2.group).filter(Boolean)]}),nextCollection=initialCollection.filter(node_3=>nodes.some(n=>n.id===node_3.id));setCollection(nextCollection),setExpandedValue(nextCollection.getBranchValues())},scrollIntoView=useCallback(()=>{if(!ref.current)return;let item_0=Array.from(ref.current.querySelectorAll("a")).find(item2=>item2.getAttribute("href")===pathname);if(!item_0)return;let observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting)observer.disconnect();else{if(item_0.scrollIntoView({block:"nearest",inline:"nearest"}),item_0.getBoundingClientRect().top-100<0){let scrollPos=ref.current.scrollTop;ref.current.scrollTo(0,Math.max(scrollPos-60,0))}observer.disconnect()}},{threshold:.1});return observer.observe(item_0),()=>observer.disconnect()},[pathname]);useEffect2(()=>{requestAnimationFrame(()=>{isDefined(mobileDrawerState)&&scrollIntoView()})},[mobileDrawerState,scrollIntoView]),useEffect2(()=>{scrollIntoView()},[scrollIntoView]);let mergedProps=mergeProps4({className:"qui-docs-sidebar__root",ref},props);return jsx14("div",{...mergedProps,children:jsxs6(SideNav.Root,{collection,expandedValue,onExpandedValueChange:details=>setExpandedValue(details.expandedValue),onSelectedValueChange:details_0=>{onSelectedValueChange(details_0.selectedValue)},selectedValue,children:[children?jsx14(SideNav.Header,{"data-sticky":booleanDataAttr3(stickyHeader),children}):null,filterable?jsxs6(Fragment2,{children:[jsx14(SideNav.FilterInput,{onValueChange:search,placeholder:"Filter...",value:query}),jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator"})]}):null,collection.rootNode.items.map((item_1,index)=>jsx14(SideNav.Nodes,{indexPath:[index],node:item_1,renderBranch:({node:node_4})=>jsxs6(SideNav.BranchNode,{render:node_4.pathname?jsx14(RenderLink,{href:node_4.pathname}):jsx14("div",{}),children:[jsx14(SideNav.NodeText,{children:node_4.title}),jsx14(SideNav.BranchTrigger,{})]}),renderLeaf:({indexPath,node:node_5})=>{let depthStyle={"--depth":indexPath.length},nested=booleanDataAttr3(indexPath.length>1);return node_5.sectionTitle?jsxs6(Fragment2,{children:[node_5.separator?jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):null,jsx14(SideNav.GroupLabel,{className:"qui-docs-sidebar__group-label","data-nested":nested,style:depthStyle,children:node_5.sectionTitle})]}):node_5.separator?jsx14(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):jsxs6(SideNav.LeafNode,{render:node_5.pathname?jsx14(RenderLink,{href:node_5.pathname}):jsx14("div",{}),children:[jsx14(SideNav.NodeIndicator,{}),jsx14(SideNav.NodeText,{children:node_5.title})]})},showIndentGuide:!0},collection.getNodeValue(item_1)))]})})}function getExpandedItems(items,pathname){return items.reduce((acc,current)=>{let id=current.id,expandedChildren=getExpandedItems(current.items??[],pathname);return(pathname===id||expandedChildren?.length||current.expanded&&current.items?.length)&&acc.push(id),[...acc,...expandedChildren]},[])}import{c as _c8}from"react/compiler-runtime";import{jsx as jsx15,jsxs as jsxs7}from"react/jsx-runtime";import{useEffect as useEffect3,useRef as useRef5,useState as useState4}from"react";import{uniq}from"lodash-es";import{useMdxDocsContext as useMdxDocsContext5}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";var HEADING_LEVELS=["h2","h3","h4"],SCROLL_DEBOUNCE_MS=0,RESIZE_DEBOUNCE_MS=100,HEADING_OFFSET=-48,VIEWPORT_TOP_MARGIN=.1,VIEWPORT_BOTTOM_MARGIN=.2,INDENT_PER_LEVEL=12;function useScrollDebounce(callback,delay){let $=_c8(3),timeoutRef=useRef5(void 0),t0;return $[0]!==callback||$[1]!==delay?(t0=(...t1)=>{let args=t1;clearTimeout(timeoutRef.current),timeoutRef.current=setTimeout(()=>callback(...args),delay)},$[0]=callback,$[1]=delay,$[2]=t0):t0=$[2],t0}function elementIsVisible(rect){return typeof window>"u"?!1:rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth)}function useTocScrollSync(activeId,containerRef){let $=_c8(5),t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=new Map,$[0]=t0):t0=$[0];let linkRefs=useRef5(t0),t1,t2;return $[1]!==activeId||$[2]!==containerRef?(t1=()=>{if(!activeId||!containerRef.current)return;let activeElement=linkRefs.current.get(activeId);if(!activeElement)return;let observer=new IntersectionObserver(t3=>{let[entry]=t3;entry.isIntersecting||activeElement.scrollIntoView({behavior:"smooth",block:"nearest"}),observer.disconnect()},{root:containerRef.current,threshold:1});return observer.observe(activeElement),()=>observer.disconnect()},t2=[activeId,containerRef],$[1]=activeId,$[2]=containerRef,$[3]=t1,$[4]=t2):(t1=$[3],t2=$[4]),useEffect3(t1,t2),linkRefs}function useActiveHeading(){let $=_c8(11),[activeId,setActiveId]=useState4(null),{tocHighlightStrategy}=useMdxDocsContext5(),{mainContentElement,toc:headings}=useMdxDocsLayoutContext(),t0;$[0]!==headings||$[1]!==mainContentElement||$[2]!==tocHighlightStrategy?(t0=()=>{if(!headings.length||!mainContentElement)return;let headingElements=[],contentElement=document.querySelector(".qui-docs__app-content")?.querySelector("article");if(!contentElement)return;contentElement.querySelectorAll(uniq(HEADING_LEVELS).map(_temp25).join(",")).forEach(element=>{headingElements.push(element)});let activeIndex=null;if((tocHighlightStrategy||"nearest")==="nearest")if(window.scrollY===0)activeIndex=0;else if(window.scrollY+window.innerHeight>=document.body.scrollHeight)activeIndex=headingElements.length-1;else{let closestVisibleElementTop=1e5,closestVisibleIndex=-1,found=!1;for(let i=0;i<headingElements.length;i++){let elementRect=headingElements[i].getBoundingClientRect(),elementTop=elementRect.top;elementTop>HEADING_OFFSET&&elementIsVisible(elementRect)&&elementTop<closestVisibleElementTop&&(found=!0,closestVisibleElementTop=elementTop,closestVisibleIndex=i)}if(found)activeIndex=closestVisibleIndex>=0?closestVisibleIndex:null;else{let currentRegionIndex=headingElements.map((element_1,index)=>{let start=element_1.getBoundingClientRect().top+window.scrollY,nextElement=headingElements[index+1],end=nextElement?nextElement.getBoundingClientRect().top+window.scrollY-1:document.body.scrollHeight;return[start,end]}).findIndex(_temp24);activeIndex=currentRegionIndex>=0?currentRegionIndex:null}}else if(window.scrollY===0)activeIndex=0;else{let windowHeight=window.innerHeight;for(let i_0=0;i_0<headingElements.length;i_0++){let itemTop=headingElements[i_0].getBoundingClientRect().top,nextItem=headingElements[i_0+1];if((nextItem?nextItem.getBoundingClientRect().top:mainContentElement.getBoundingClientRect().bottom)>windowHeight*VIEWPORT_TOP_MARGIN&&itemTop<windowHeight*(1-VIEWPORT_BOTTOM_MARGIN)){activeIndex=i_0;break}}}activeIndex!==null&&headings[activeIndex]?setActiveId(headings[activeIndex].id):setActiveId(null)},$[0]=headings,$[1]=mainContentElement,$[2]=tocHighlightStrategy,$[3]=t0):t0=$[3];let calculateActive=t0,debouncedCalculateActive=useScrollDebounce(calculateActive,SCROLL_DEBOUNCE_MS),debouncedResizeHandler=useScrollDebounce(calculateActive,RESIZE_DEBOUNCE_MS),t1,t2;return $[4]!==calculateActive||$[5]!==debouncedCalculateActive||$[6]!==debouncedResizeHandler||$[7]!==headings.length||$[8]!==mainContentElement?(t1=()=>{if(!headings.length||!mainContentElement)return;calculateActive(),window.addEventListener("scroll",debouncedCalculateActive,{passive:!0}),window.addEventListener("resize",debouncedResizeHandler,{passive:!0});let resizeObserver=new ResizeObserver(debouncedResizeHandler);return resizeObserver.observe(mainContentElement),()=>{window.removeEventListener("scroll",debouncedCalculateActive),window.removeEventListener("resize",debouncedResizeHandler),resizeObserver.disconnect()}},t2=[calculateActive,debouncedCalculateActive,debouncedResizeHandler,headings.length,mainContentElement],$[4]=calculateActive,$[5]=debouncedCalculateActive,$[6]=debouncedResizeHandler,$[7]=headings.length,$[8]=mainContentElement,$[9]=t1,$[10]=t2):(t1=$[9],t2=$[10]),useEffect3(t1,t2),activeId}function _temp24(t0){let[start_0,end_0]=t0;return window.scrollY>start_0&&window.scrollY<end_0}function _temp25(level){return`${level}:not(.qui-demo-runner__wrapper ${level})`}function TableOfContents(){let containerRef=useRef5(null),{renderLink:Link4}=useMdxDocsContext5(),{pageExport,showToc,toc:headings}=useMdxDocsLayoutContext(),activeId=useActiveHeading(),linkRefs=useTocScrollSync(activeId,containerRef);return!headings.length&&!pageExport?null:jsx15("div",{className:"qui-toc",children:jsxs7("div",{ref:containerRef,className:"qui-toc__container",children:[jsx15(PageHeader,{}),showToc?jsxs7("div",{className:"qui-toc__links",children:[jsx15("div",{className:"qui-toc-bar"}),headings.map(({headingLevel,id,textContent})=>{let isActive=activeId===id;return jsxs7(TocLink,{ref:element=>{element?linkRefs.current.set(id,element):linkRefs.current.delete(id)},className:"qui-toc__link","data-active":booleanDataAttr4(isActive),style:{paddingLeft:INDENT_PER_LEVEL*(headingLevel-1)},children:[headingLevel>2?jsx15("div",{"aria-hidden":!0,className:"qui-toc__link-indent-guide","data-active":booleanDataAttr4(isActive)}):null,jsx15(Link4,{href:`#${id}`,children:textContent})]},id)})]}):null]})})}var Layout={AppContent,Breadcrumbs:DocsBreadcrumbs,ContentWrapper,Footer:DocsFooter,MainContent,PageHeader,PageLinks,Root,Sidebar,TableOfContents};import{c as _c9}from"react/compiler-runtime";import{Fragment as Fragment3,jsx as jsx16,jsxs as jsxs8}from"react/jsx-runtime";import{Menu as Menu2,PanelLeftClose}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{Drawer}from"@qualcomm-ui/react/drawer";import{Icon as Icon2}from"@qualcomm-ui/react/icon";import{Portal as Portal2}from"@qualcomm-ui/react-core/portal";function MobileSidebar(t0){let $=_c9(2),{children,...props}=t0,{pathname}=useMdxDocsLayoutContext(),t1;return $[0]!==children?(t1=t2=>{let{open,setOpen}=t2;return jsx16(Sidebar,{"data-mobile":!0,filterable:!1,mobileDrawerState:open,stickyHeader:!0,children:jsxs8(Fragment3,{children:[children,jsx16(Drawer.CloseTrigger,{children:jsx16(IconButton,{"aria-label":"Close sidebar",className:"qui-docs-sidebar__mobile-close-trigger",density:"compact",icon:PanelLeftClose,onClick:()=>setOpen(!1),size:"lg",variant:"ghost"})})]})})},$[0]=children,$[1]=t1):t1=$[1],jsx16("div",{className:"qui-docs-sidebar__mobile-container",children:jsxs8(Drawer.Root,{placement:"start",...props,children:[jsx16(Drawer.Trigger,{children:jsx16(IconButton,{"aria-label":"Open Navigation Menu",icon:jsx16(Icon2,{icon:Menu2,size:14}),size:"sm",variant:"ghost"})}),jsxs8(Portal2,{children:[jsx16(Drawer.Backdrop,{}),jsx16(Drawer.Positioner,{children:jsx16(Drawer.Content,{className:"qui-docs-sidebar__drawer-content",children:jsx16(Drawer.Body,{className:"qui-docs-sidebar__drawer-body",children:jsx16(Drawer.Context,{children:t1})})})})]})]},pathname)})}import{jsx as jsx17,jsxs as jsxs9}from"react/jsx-runtime";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function UpdatedOn(t0){let{...props}=t0,docsLayoutData=useMdxDocsLayoutContext(),pageData=docsLayoutData?.pageMap?.[docsLayoutData.pathname],updatedOn=pageData?.updatedOn,updatedBy=pageData?.updatedBy;return!updatedOn&&!updatedBy?null:jsxs9("div",{...mergeProps5({className:"qui-docs__updated-on-wrapper"},props),children:[updatedOn&&jsxs9("span",{children:["Last updated on"," ",jsx17("time",{className:"qui-docs__updated-on-time",children:new Date(updatedOn).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})})]}),updatedBy&&jsxs9("span",{children:[updatedOn?" by ":"Updated by ",jsx17("span",{className:"qui-docs__updated-by",children:updatedBy})]})]})}function DocsLayout({children,footer,header,rootBreadcrumb,sidebarProps,...props}){return jsx18(Layout.Root,{...props,children:({hidePageLinks,hideSideNav})=>jsxs10(Fragment4,{children:[header,jsx18(Layout.ContentWrapper,{children:jsxs10(Layout.AppContent,{children:[!hideSideNav&&jsx18(Layout.Sidebar,{...sidebarProps}),jsxs10(Layout.MainContent,{children:[jsx18(Layout.Breadcrumbs,{rootBreadcrumb}),children,jsx18(UpdatedOn,{}),!hidePageLinks&&jsx18(Layout.PageLinks,{})]}),jsx18(Layout.TableOfContents,{})]})}),footer]})})}export{DocsFooter,DocsLayout,Layout,MdxDocsLayoutContextProvider,MdxProvider,MobileSidebar,PageHeader,pathnameToExportId,useMdxDocsLayoutContext};
 //# sourceMappingURL=index.js.map