https://patternfly-react-main.surge.sh/js/components/jump-links/react-demos/index.7d35edc2.bundle.js
1(self.webpackChunk_patternfly_react_docs=self.webpackChunk_patternfly_react_docs||[]).push([[7880],{35208:function(e,t,n){"use strict";n.d(t,{Z:function(){return q}});var a=n(2784),i=n(73070),r=n(67691),o=n(86730),s=n(95157),l=n(34692),c=n(38649),u=n(97202),d=n(38731),m=n(12811),p=n(28978),h=n(38647),g=n(42134),f=n(571),b=n(83759),w=n(10679),v=n(66639),E=n(19609),S=n(80375),k=n(2170),y=n(36205),x=n(82873),D=n(20968),P=n(54313),C=n(94432),O=n(53850),L=n(68047),N=n(99984);function I(e,t){return I=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},I(e,t)}var q=function(e){var t,n;function q(t){var n;return(n=e.call(this,t)||this).state={isDropdownOpen:!1,isKebabDropdownOpen:!1,isFullKebabDropdownOpen:!1,activeItem:0},n.onDropdownToggle=function(){n.setState((function(e){return{isDropdownOpen:!e.isDropdownOpen}}))},n.onDropdownSelect=function(){n.setState({isDropdownOpen:!1})},n.onKebabDropdownToggle=function(){n.setState((function(e){return{isKebabDropdownOpen:!e.isKebabDropdownOpen}}))},n.onKebabDropdownSelect=function(){n.setState({isKebabDropdownOpen:!1})},n.onFullKebabToggle=function(){n.setState((function(e){return{isFullKebabDropdownOpen:!e.isFullKebabDropdownOpen}}))},n.onFullKebabSelect=function(){n.setState({isFullKebabDropdownOpen:!1})},n}return n=e,(t=q).prototype=Object.create(n.prototype),t.prototype.constructor=t,I(t,n),q.prototype.render=function(){var e=this,t=this.state,n=t.isDropdownOpen,I=t.isKebabDropdownOpen,q=t.isFullKebabDropdownOpen,T=this.props.notificationBadge,H=a.createElement(a.Fragment,null,a.createElement(i.h,null,a.createElement(x.ZP,null)," Settings"),a.createElement(i.h,null,a.createElement(D.ZP,null)," Help")),j=a.createElement(a.Fragment,null,a.createElement(i.h,{key:"group 2 profile"},"My profile"),a.createElement(i.h,{key:"group 2 user"},"User management"),a.createElement(i.h,{key:"group 2 logout"},"Logout")),J=a.createElement(r.o,{id:"toolbar",isFullHeight:!0,isStatic:!0},a.createElement(o.c,null,a.createElement(s.k,{variant:"icon-button-group",align:{default:"alignRight"},spacer:{default:"spacerNone",md:"spacerMd"}},T||a.createElement(l.E,null,a.createElement(c.zx,{"aria-label":"Notifications",variant:c.Wu.plain,icon:a.createElement(C.ZP,null),onClick:function(){}})),a.createElement(s.k,{variant:"icon-button-group",visibility:{default:"hidden",lg:"visible"}},a.createElement(l.E,null,a.createElement(c.zx,{"aria-label":"Settings",variant:c.Wu.plain,icon:a.createElement(x.ZP,null)})),a.createElement(l.E,null,a.createElement(c.zx,{"aria-label":"Help",variant:c.Wu.plain,icon:a.createElement(P.ZP,null)}))),a.createElement(l.E,{visibility:{default:"hidden",md:"visible",lg:"hidden"}},a.createElement(u.L,{isOpen:I,onSelect:this.onKebabDropdownSelect,onOpenChange:function(t){return e.setState({isKebabDropdownOpen:t})},popperProps:{position:"right"},toggle:function(t){return a.createElement(d.O,{ref:t,isExpanded:I,onClick:e.onKebabDropdownToggle,variant:"plain","aria-label":"Settings and help"},a.createElement(O.ZP,{"aria-hidden":"true"}))}},a.createElement(m.s,null,H))),a.createElement(l.E,{visibility:{md:"hidden"}},a.createElement(u.L,{isOpen:q,onSelect:this.onFullKebabSelect,onOpenChange:function(t){return e.setState({isFullKebabDropdownOpen:t})},popperProps:{position:"right"},toggle:function(t){return a.createElement(d.O,{ref:t,isExpanded:q,onClick:e.onFullKebabToggle,variant:"plain","aria-label":"Toolbar menu"},a.createElement(O.ZP,{"aria-hidden":"true"}))}},a.createElement(p.p,{key:"group 2","aria-label":"User actions"},a.createElement(m.s,null,j)),a.createElement(h.i,null),a.createElement(m.s,null,H)))),a.createElement(l.E,{visibility:{default:"hidden",md:"visible"}},a.createElement(u.L,{isOpen:n,onSelect:this.onDropdownSelect,onOpenChange:function(t){return e.setState({isDropdownOpen:t})},popperProps:{position:"right"},toggle:function(t){return a.createElement(d.O,{ref:t,isExpanded:n,onClick:e.onDropdownToggle,icon:a.createElement(g.q,{src:L,alt:""}),isFullHeight:!0},"Ned Username")}},a.createElement(m.s,null,j)))));return a.createElement(f.H,null,a.createElement(b.C,null,a.createElement(w.H,{variant:"plain","aria-label":"Global navigation"},a.createElement(y.ZP,null))),a.createElement(v.d,null,a.createElement(E.x,null,a.createElement(S.H,{src:N,alt:"PatternFly",heights:{default:"36px"}}))),a.createElement(k.f,null,J))},q}(a.Component)},83621:function(e,t,n){"use strict";n.d(t,{ZP:function(){return k},hm:function(){return E}});var a=n(2784),i=n(44090),r=n(15093),o=n(82299),s=n(89138),l=n(4484),c=n(11369),u=n(79042),d=n(68115),m=n(59326),p=n(61271),h=n(78490),g=n(94137),f=n(35208),b=["children","mainContainerId","breadcrumb","header","sidebar","sidebarNavOpen","onPageResize","hasNoBreadcrumb","notificationDrawer","isNotificationDrawerExpanded","hasPageTemplateTitle"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},w.apply(this,arguments)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}var E=a.createElement(i.a,null,a.createElement(r.g,null,"Section home"),a.createElement(r.g,{to:"#"},"Section title"),a.createElement(r.g,{to:"#"},"Section title"),a.createElement(r.g,{to:"#",isActive:!0},"Section landing")),S=a.createElement(o.NP,{variant:"light"},a.createElement(s.D,null,a.createElement(l.x,{component:"h1"},"Main title"),a.createElement(l.x,{component:"p"},"This is a full page demo."))),k=function(e){var t,n;function i(t){var n;return(n=e.call(this,t)||this).state={activeItem:1},n.onNavSelect=function(e,t){n.setState({activeItem:t.itemId})},n}return n=e,(t=i).prototype=Object.create(n.prototype),t.prototype.constructor=t,v(t,n),i.prototype.render=function(){var e,t=this.state.activeItem,n=this.props,i=n.children,r=n.mainContainerId,o=n.breadcrumb,s=n.header,l=n.sidebar,v=n.sidebarNavOpen,k=n.onPageResize,y=void 0===k?function(){}:k,x=n.hasNoBreadcrumb,D=n.notificationDrawer,P=n.isNotificationDrawerExpanded,C=n.hasPageTemplateTitle,O=function(e,t){if(null==e)return{};var n,a,i={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(i[n]=e[n]);return i}(n,b);x||(e=void 0!==o?o:E);var L=a.createElement(c.JL,{onSelect:this.onNavSelect,"aria-label":"Nav"},a.createElement(u.$,null,a.createElement(d.L,{itemId:0,isActive:0===t,to:"#system-panel"},"System panel"),a.createElement(d.L,{itemId:1,isActive:1===t,to:"#policy"},"Policy"),a.createElement(d.L,{itemId:2,isActive:2===t,to:"#auth"},"Authentication"),a.createElement(d.L,{itemId:3,isActive:3===t,to:"#network"},"Network services"),a.createElement(d.L,{itemId:4,isActive:4===t,to:"#server"},"Server"))),N=a.createElement(m.$E,{isSidebarOpen:v||!1},a.createElement(p.j,null,L)),I=a.createElement(h.z,{href:"#"+(r||"main-content-page-layout-default-nav")},"Skip to content");return a.createElement(g.T,w({header:void 0!==s?s:a.createElement(f.Z,null),sidebar:void 0!==l?l:N,isManagedSidebar:!0,skipToContent:I,breadcrumb:e,mainContainerId:r||"main-content-page-layout-default-nav",notificationDrawer:D,isNotificationDrawerExpanded:P},"function"==typeof y&&{onPageResize:function(e,t){return y(e,t)}},O),C&&S,i)},i}(a.Component)},36053:function(e,t,n){"use strict";n.r(t);var a=n(2784),i=n(52898),r=n(83621),o=n(81470),s=n.n(o),l=n(80360),c=n.n(l);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},u.apply(this,arguments)}var d={id:"Jump links",section:"components",subsection:"",deprecated:!1,beta:!1,demo:!1,newImplementationLink:!1,source:"react-demos",tabName:null,slug:"/components/jump-links/react-demos",sourceLink:"https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/demos/JumpLinks.md",relPath:"packages/react-core/src/demos/JumpLinks.md",fullscreenExamples:["Scrollspy with subsections","With drawer"]};d.liveContext={DashboardWrapper:r.ZP},d.examples={"Scrollspy with subsections":function(e){return a.createElement(i.en,u({},d,e,{thumbnail:s(),code:"import React from 'react';\nimport {\n PageSection,\n JumpLinks,\n JumpLinksItem,\n JumpLinksList,\n PageGroup,\n Sidebar,\n SidebarContent,\n SidebarPanel,\n Switch,\n Title,\n TextContent,\n getResizeObserver\n} from '@patternfly/react-core';\nimport DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';\n\nScrollspyH2 = () => {\n const headings = [1, 2, 3, 4, 5];\n\n const [isVertical, setIsVertical] = React.useState(true);\n const [offsetHeight, setOffsetHeight] = React.useState(10);\n\n // Update offset based on the masthead and jump links nav heights.\n React.useEffect(() =>
1 {\n const masthead = document.getElementsByClassName('pf-v5-c-masthead')[0];\n const offsetForPadding = 10;\n\n getResizeObserver(\n masthead,\n () => {\n if (isVertical) {\n setOffsetHeight(masthead.offsetHeight + offsetForPadding);\n } else {\n // Append jump links nav height to the masthead height when value exists.\n const jumpLinksHeaderHeight = document.getElementsByClassName('pf-m-sticky')[0].offsetHeight;\n jumpLinksHeaderHeight && setOffsetHeight(masthead.offsetHeight + jumpLinksHeaderHeight + offsetForPadding);\n }\n },\n true\n );\n }, [isVertical]);\n\n return (\n <DashboardWrapper breadcrumb={null} mainContainerId=\"scrollable-element\">\n <PageSection variant=\"light\">\n <Title headingLevel=\"h1\" size=\"2xl\">\n Main title\n </Title>\n <Switch\n id=\"is-vertical\"\n label=\"Vertical\"\n labelOff=\"Horizontal\"\n isChecked={isVertical}\n onChange={(_event, check) => setIsVertical(check)}\n />\n </PageSection>\n <PageSection padding={{ default: 'noPadding' }}>\n <Sidebar hasGutter orientation={!isVertical && 'stack'}>\n <SidebarPanel variant=\"sticky\">\n <PageSection>\n <JumpLinks\n isVertical={isVertical}\n isCentered={!isVertical}\n label=\"Jump to section\"\n scrollableSelector=\"#scrollable-element\"\n offset={offsetHeight}\n expandable={{ default: isVertical ? 'expandable' : 'nonExpandable', md: 'nonExpandable' }}\n isExpanded\n >\n {headings.map(i => (\n <JumpLinksItem key={i} href={`#heading-${i}`}>\n {`Heading ${i}`}\n <JumpLinksList></JumpLinksList>\n </JumpLinksItem>\n ))}\n </JumpLinks>\n </PageSection>\n </SidebarPanel>\n <SidebarContent hasNoBackground>\n <PageSection>\n <TextContent>\n {headings.map(i => (\n <div key={i} style={{ maxWidth: '800px', marginBottom: '32px' }}>\n <h2 id={`heading-${i}`} tabIndex={-1}>\n {`Heading ${i}`}\n </h2>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit\n esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt\n in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <br />\n <p>\n At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum\n deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non\n provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum\n fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta\n nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus,\n omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis\n debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non\n recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus\n maiores alias consequatur aut perferendis doloribus asperiores repellat.\n </p>\n </div>\n ))}\n </TextContent>\n </PageSection>\n </SidebarContent>\n </Sidebar>\n </PageSection>\n </DashboardWrapper>\n );\n};
1",title:"Scrollspy with subsections",lang:"js",isFullscreen:!0}),a.createElement("p",{className:"ws-p"},"This demo expands on the previous to show the JumpLinks in a vertical layout with subsections. It scrolls the ",a.createElement(i.rU,{to:"/components/page"},"Page"),"'s ",a.createElement("code",{className:"ws-code"},"mainContainerId")," with an ",a.createElement("code",{className:"ws-code"},"offset")," calculated based on the height of the masthead and the nav list when it appears above the content. The headings are given a tab index to allow the jump links to focus on them."))},"With drawer":function(e){return a.createElement(i.en,u({},d,e,{thumbnail:c(),code:"import React from 'react';\nimport {\n Button,\n Drawer,\n DrawerPanelContent,\n DrawerContent,\n DrawerContentBody,\n DrawerHead,\n DrawerActions,\n DrawerCloseButton,\n JumpLinks,\n JumpLinksItem,\n JumpLinksList,\n PageSection,\n PageSectionVariants,\n Sidebar,\n SidebarContent,\n SidebarPanel,\n TextContent,\n getResizeObserver\n} from '@patternfly/react-core';\nimport DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';\n\nexport const JumpLinksWithDrawer = () => {\n const headings = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];\n\n const [offsetHeight, setOffsetHeight] = React.useState(0);\n const [isExpanded, setIsExpanded] = React.useState(false);\n const drawerRef = React.useRef();\n\n React.useEffect(() => {\n const masthead = document.getElementsByClassName('pf-v5-c-masthead')[0];\n const drawerToggleSection = document.getElementById('drawer-toggle');\n\n getResizeObserver(\n masthead,\n () => {\n setOffsetHeight(masthead.offsetHeight + drawerToggleSection.offsetHeight);\n },\n true\n );\n }, []);\n\n const onCloseClick = () => {\n setIsExpanded(false);\n };\n\n const onToggleClick = () => {\n setIsExpanded(!isExpanded);\n };\n\n const panelContent = (\n <DrawerPanelContent>\n <DrawerHead>\n <span tabIndex={isExpanded ? 0 : -1} ref={drawerRef}>\n drawer-panel\n </span>\n <DrawerActions>\n <DrawerCloseButton onClick={onCloseClick} />\n </DrawerActions>\n </DrawerHead>\n </DrawerPanelContent>\n );\n\n return (\n <DashboardWrapper breadcrumb={null} mainContainerId=\"scrollable-element\">\n <Drawer isExpanded={isExpanded}>\n <DrawerContent panelContent={panelContent} id=\"jump-links-drawer-drawer-scrollable-container\">\n <DrawerContentBody>\n <Sidebar>\n <SidebarPanel variant=\"sticky\">\n <PageSection variant={PageSectionVariants.light}>\n <JumpLinks\n isVertical={true}\n label=\"Jump to section\"\n scrollableSelector=\"#jump-links-drawer-drawer-scrollable-container\"\n offset={offsetHeight}\n expandable={{ default: 'expandable', md: 'nonExpandable' }}\n >\n {headings.map((heading) => (\n <JumpLinksItem key={heading} href={`#jump-links-drawer-jump-links-${heading.toLowerCase()}`}>\n {`${heading} section`}\n <JumpLinksList></JumpLinksList>\n </JumpLinksItem>\n ))}\n </JumpLinks>\n </PageSection>\n </SidebarPanel>\n <SidebarContent>\n <PageSection id=\"drawer-toggle\" stickyOnBreakpoint={{ default: 'top' }} variant=\"light\">\n <Button onClick={onToggleClick}>Toggle drawer</Button>\n </PageSection>\n <PageSection variant={PageSectionVariants.light}>\n <TextContent>\n {headings.map((heading) => (\n <div key={heading} style={{ maxWidth: '800px', marginBottom: '32px' }}>\n <h2 id={`jump-links-drawer-jump-links-${heading.toLowerCase()}`} tabIndex={-1}>\n {`${heading} section`}\n </h2>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper,\n dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus\n efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut\n vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac\n accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in.\n Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae\n ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur\n porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec\n augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus\n porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.\n </p>\n <p>\n At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium\n voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati\n cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est\n laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero\n tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime\n placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus\n autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et\n voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a\n sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis\n doloribus asperiores repellat.\n </p>\n </div>\n ))}\n </TextContent>\n </PageSection>\n </SidebarContent>\n </Sidebar>\n </DrawerContentBody>\n </DrawerContent>\n </Drawer>\n </DashboardWrapper>\n );\n};
1\n",title:"With drawer",lang:"js",isFullscreen:!0}),a.createElement("p",{className:"ws-p"},"This demo shows how jump links can be used in combination with a drawer."),a.createElement("p",{className:"ws-p"},"The ",a.createElement("code",{className:"ws-code"},"scrollableSelector")," prop passed to the jump links component is an ",a.createElement("code",{className:"ws-code"},"id")," that was placed on the ",a.createElement("code",{className:"ws-code"},"DrawerContent")," component."))}};var m=function(){return a.createElement(a.Fragment,null,a.createElement(i.sg,{id:"demos",size:"h2",className:"ws-title ws-h2"},"Demos"),a.createElement("p",{className:"ws-p"},"JumpLinks has a scrollspy built-in to make your implementation easier. When implementing JumpLinks be sure to:"),a.createElement("ol",{className:"ws-ol"},a.createElement("li",{className:"ws-li"},"Find the correct ",a.createElement("code",{className:"ws-code"},"scrollableSelector")," for your page via ",a.createElement(i.rU,{to:"https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Debug_Scrollable_Overflow"},"Firefox's debugging scrollable overflow")," or by adding ",a.createElement("code",{className:"ws-code"},"hasOverflowScroll")," to a ",a.createElement(i.rU,{to:"/components/page#pagesection"},"PageSection")," or ",a.createElement(i.rU,{to:"/components/page#pagegroup"},"PageGroup"),".",a.createElement("ul",{className:"ws-ul"},a.createElement("li",{className:"ws-li"},"If you add ",a.createElement("code",{className:"ws-code"},"hasOverflowScroll")," to a Page sub-component you should also add a relevant aria-label to that component as well."))),a.createElement("li",{className:"ws-li"},"Provide ",a.createElement("code",{className:"ws-code"},"href"),"s to your JumpLinksItems which match the ",a.createElement("code",{className:"ws-code"},"id")," of elements you want to spy on. If you wish to scroll to a different item than you're linking to use the ",a.createElement("code",{className:"ws-code"},"node")," prop.")),a.createElement(d.examples["Scrollspy with subsections"]),a.createElement(d.examples["With drawer"]))};m.displayName="ComponentsJumpLinksReactDemosDocs",m.pageData=d,t.default=m},81470:function(e,t,n){e.exports={srcSet:n.p+"images/scrollspy-with-subsections.6faed1ef7aadae2a.png 800w",images:[{path:n.p+"images/scrollspy-with-subsections.6faed1ef7aadae2a.png",width:800,height:450}],src:n.p+"images/scrollspy-with-subsections.6faed1ef7aadae2a.png",toString:function(){return n.p+"images/scrollspy-with-subsections.6faed1ef7aadae2a.png"},width:800,height:450}},80360:function(e,t,n){e.exports={srcSet:n.p+"images/with-drawer.5a724a5499bdb869.png 800w",images:[{path:n.p+"images/with-drawer.5a724a5499bdb869.png",width:800,height:450}],src:n.p+"images/with-drawer.5a724a5499bdb869.png",toString:function(){return n.p+"images/with-drawer.5a724a5499bdb869.png"},width:800,height:450}},82873:function(e,t,n){"use strict";n.d(t,{G3:function(){return i},IE:function(){return r}});var a=n(84813);const i={name:"CogIcon",height:512,width:512,svgPath:"M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z",yOffset:0,xOffset:0},r=(0,a.I)(i);t.ZP=r},54313:function(e,t,n){"use strict";n.d(t,{gZ:function(){return i},pT:function(){return r}});var a=n(84813);const i={name:"QuestionCircleIcon",height:512,width:512,svgPath:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.
1698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z",yOffset:0,xOffset:0},r=(0,a.I)(i);t.ZP=r},68047:function(e,t,n){"use strict";e.exports=n.p+"images/668560cd.svg"},99984:function(e,t,n){"use strict";e.exports=n.p+"images/ca43ebed.svg"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.