@ably/ui 16.0.4 → 16.1.0

package/core/LegacyFooter/LegacyFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyFooter/LegacyFooter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"../Icon\";\nimport _absUrl from \"../url-base.js\";\nimport { StatusIcon } from \"../Status\";\n\ntype LegacyFooterProps = {\n  paths: {\n    ablyStack: string;\n    bestSupport: string;\n    highPerformer: string;\n    usersMostLikely: string;\n    bestMeetsRequirements: string;\n  };\n  urlBase: string;\n  statusUrl: string;\n};\n\nconst LegacyFooter = ({ paths, urlBase, statusUrl }: LegacyFooterProps) => {\n  const absUrl = (path: string) => _absUrl(path, urlBase);\n\n  // create a react hook that calls the statusUrl and returns the status of the system every minute\n\n  return (\n    <footer\n      className=\"bg-light-grey font-sans antialiased leading-normal\"\n      data-id=\"footer\"\n    >\n      <div className=\"max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6\">\n        <div className=\"col-span-full md:col-span-2\">\n          <div className=\"flex flex-row p-menu-row-snug\">\n            <img\n              className=\"mr-24 -mt-16\"\n              src={paths.ablyStack}\n              alt=\"Ably homepage\"\n            />\n            <h2 className=\"ui-text-overline2 col-span-full\">\n              The Ably Platform\n            </h2>\n          </div>\n          <div className=\"md:col-span-4 md:w-3/4 xs:w-3/5 w-full\">\n            <p className=\"ui-text-p3 font-bold py-16 p-menu-row-snug\">\n              Easily power any realtime experience in your application via a\n              simple API that handles everything realtime.\n            </p>\n          </div>\n\n          <ul className=\"grid grid-cols-1\">\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/pubsub\")} className=\"ui-footer-menu-row-link\">\n                Pub/sub messaging\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/push-notifications\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Push notifications\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/integrations\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Third-party integrations\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/protocols\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Multiple protocol messaging\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full xs:col-span-3 md:col-span-1\">\n          <h2 className=\"ui-footer-col-title\">Ably is for</h2>\n          <ul>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/asset-tracking\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Ably Asset Tracking\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/extend-kafka-to-the-edge\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Extend Kafka to the edge\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/edtech\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                EdTech\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/automotive-logistics-and-mobility\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Automotive, Logistics, &amp; Mobility\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/b2b-platforms\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                B2B Platforms\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/healthcare\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Healthcare\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/ecommerce-and-retail\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                eCommerce &amp; Retail\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/sports-and-media\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Sports &amp; Media\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/gaming\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Gaming\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/solutions/iot-and-connected-devices\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                IoT &amp; Connected Devices\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full xs:col-span-3 md:col-span-1\">\n          <h2 className=\"ui-footer-col-title\">Developers</h2>\n          <ul>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/docs/quick-start-guide\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Start in 5 minutes\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/docs/\")} className=\"ui-footer-menu-row-link\">\n                Documentation\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/tutorials\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Tutorials\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href=\"https://changelog.ably.com/\"\n                className=\"ui-footer-menu-row-link\"\n              >\n                Changelog\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/support\")} className=\"ui-footer-menu-row-link\">\n                Support &amp; FAQs\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/docs/sdks\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                SDKs\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                className=\"ui-footer-menu-row-link flex items-center gap-4\"\n                href=\"https://status.ably.com/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                System status\n                <StatusIcon statusUrl={statusUrl} />\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full xs:col-span-3 md:col-span-1\">\n          <h2 className=\"ui-footer-col-title\">WHY ABLY</h2>\n          <ul>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/customers\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Customers\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/case-studies\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Case Studies\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/four-pillars-of-dependability\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Four Pillars of Dependability\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/compare\")} className=\"ui-footer-menu-row-link\">\n                Compare our tech\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/protocols\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Multi protocol support\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/integrations\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Third-party integrations\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full xs:col-span-3 md:col-span-1\">\n          <h2 className=\"ui-footer-col-title\">ABOUT</h2>\n          <ul>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/about\")} className=\"ui-footer-menu-row-link\">\n                About Ably\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/pricing\")} className=\"ui-footer-menu-row-link\">\n                Pricing\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/blog\")} className=\"ui-footer-menu-row-link\">\n                Blog\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/careers\")} className=\"ui-footer-menu-row-link\">\n                Careers\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/open-policy\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Open protocol policy\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a\n                href={absUrl(\"/press-center\")}\n                className=\"ui-footer-menu-row-link\"\n              >\n                Press & Media\n              </a>\n            </li>\n            <li className=\"p-menu-row-snug\">\n              <a href={absUrl(\"/contact\")} className=\"ui-footer-menu-row-link\">\n                Contact us\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n      <div className=\"max-w-screen-xl ui-grid-px mx-auto\">\n        <hr className=\"border-t border-mid-grey my-0\" />\n      </div>\n      {/* Twitter + Glassdoor SM & above + Glassdoor XS  + Badges*/}\n      <div className=\"max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2\">\n        <div className=\"md:flex md:items-center\">\n          <div className=\"flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2\">\n            <div className=\"\">\n              <div className=\"flex pb-24\">\n                <a\n                  className=\"h-24 pr-24 text-cool-black hover:text-icon-twitter\"\n                  href=\"https://twitter.com/ablyrealtime\"\n                  title=\"Ably on X\"\n                >\n                  <Icon name=\"icon-social-x\" size=\"1.5rem\" />\n                </a>\n                <a\n                  className=\"h-24 pr-24 text-cool-black hover:text-icon-linkedin\"\n                  href=\"https://www.linkedin.com/company/ably-realtime\"\n                  title=\"Ably on LinkedIn\"\n                >\n                  <Icon name=\"icon-social-linkedin\" size=\"1.5rem\" />\n                </a>\n                <a\n                  className=\"h-24 pr-24 text-cool-black hover:text-icon-github\"\n                  href=\"https://github.com/ably/\"\n                  title=\"Ably on Github\"\n                >\n                  <Icon name=\"icon-social-github\" size=\"1.5rem\" />\n                </a>\n                <a\n                  className=\"h-24 pr-24 text-cool-black hover:text-icon-discord\"\n                  href=\"https://discord.gg/jwBPhEZ9g5\"\n                  title=\"Ably on Discord\"\n                >\n                  <Icon name=\"icon-social-discord\" size=\"1.5rem\" />\n                </a>\n              </div>\n            </div>\n            {/* GLASSDOOR on SM and Above */}\n            <div className=\"xs:hidden sm:block ui-footer-glassdoor\">\n              <div className=\"flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24\">\n                <a\n                  href=\"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm\"\n                  className=\"h-24 text-cool-black hover:text-icon-glassdoor\"\n                  title=\"Ably reviews on glassdoor\"\n                >\n                  <Icon name=\"icon-social-glassdoor\" size=\"1.5rem\" />\n                </a>\n                <div className=\"pl-16 text-menu3 font-sans font-medium\">\n                  <strong className=\"block font-medium\">\n                    We&apos;re hiring!\n                  </strong>\n                  <a\n                    href=\"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm\"\n                    className=\"ui-footer-link\"\n                  >\n                    Learn more at Glassdoor\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n          {/* GlassDoor on XS ONLY */}\n          <div className=\"xs:block sm:hidden\">\n            <div className=\"border-t border-mid-grey w-full\"></div>\n            <div className=\"flex py-24\">\n              <a\n                className=\"h-24 pr-16 text-cool-black hover:text-icon-glassdoor\"\n                href=\"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm\"\n                title=\"Ably reviews on glassdoor\"\n              >\n                <Icon name=\"icon-social-glassdoor\" size=\"1.5rem\" />\n              </a>\n              <div className=\"text-menu3 font-sans font-medium\">\n                <strong className=\"block font-medium\">\n                  We&apos;re hiring!\n                </strong>\n                <a\n                  href=\"https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm\"\n                  className=\"ui-footer-link\"\n                >\n                  Learn more at Glassdoor\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center\">\n          <img\n            className=\"mr-24 h-80\"\n            src={paths.bestSupport}\n            alt=\"Best Support 2025\"\n          />\n          <img\n            className=\"mr-24 h-80\"\n            src={paths.highPerformer}\n            alt=\"High Performer 2025\"\n          />\n          <img\n            className=\"mr-24 h-80\"\n            src={paths.usersMostLikely}\n            alt=\"Users Most Likely To Recommend 2025\"\n          />\n          <img\n            className=\"mr-24 h-80\"\n            src={paths.bestMeetsRequirements}\n            alt=\"Best Meets Requirements 2025\"\n          />\n        </div>\n      </div>\n\n      <div className=\"max-w-screen-xl ui-grid-px mx-auto\">\n        <hr className=\"border-t border-mid-grey my-0\" />\n      </div>\n      <div className=\"max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px\">\n        <div className=\"flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links\">\n          <div className=\"flex\">\n            <a href={absUrl(\"/privacy\")} className=\"pr-24 ui-footer-link\">\n              Cookies\n            </a>\n            <a href={absUrl(\"/legals\")} className=\"pr-24 ui-footer-link\">\n              Legals\n            </a>\n            <a\n              href={absUrl(\"/data-protection\")}\n              className=\"pr-24 ui-footer-link\"\n            >\n              Data Protection\n            </a>\n            <a href={absUrl(\"/privacy\")} className=\"ui-footer-link\">\n              Privacy\n            </a>\n          </div>\n        </div>\n        <div className=\"xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end\">\n          <div className=\"flex mr-24\">\n            <Icon\n              name=\"icon-gui-check-outline\"\n              color=\"text-active-orange\"\n              size=\"1.5rem\"\n              additionalCSS=\"bg-white rounded-full mr-12 ui-footer-tick-icon\"\n            />\n            <div>\n              <p className=\"ui-footer-compliance-text font-bold whitespace-nowrap\">\n                SOC 2 Type 2\n              </p>\n              <p className=\"ui-footer-compliance-text font-medium mb-24\">\n                Certified\n              </p>\n            </div>\n          </div>\n          <div className=\"flex mr-24 md:col-start-2\">\n            <Icon\n              name=\"icon-gui-check-outline\"\n              color=\"text-active-orange\"\n              size=\"1.5rem\"\n              additionalCSS=\"bg-white rounded-full mr-12 ui-footer-tick-icon\"\n            />\n            <div>\n              <p className=\"ui-footer-compliance-text font-bold whitespace-nowrap\">\n                HIPAA\n              </p>\n              <p className=\"ui-footer-compliance-text font-medium mb-24\">\n                Compliant\n              </p>\n            </div>\n          </div>\n          <div className=\"flex mr-24 md:col-start-3\">\n            <Icon\n              name=\"icon-gui-check-outline\"\n              color=\"text-active-orange\"\n              size=\"1.5rem\"\n              additionalCSS=\"bg-white rounded-full mr-12  ui-footer-tick-icon\"\n            />\n            <div>\n              <p className=\"ui-footer-compliance-text font-bold whitespace-nowrap\">\n                EU GDPR\n              </p>\n              <p className=\"ui-footer-compliance-text font-medium mb-24\">\n                Certified\n              </p>\n            </div>\n          </div>\n          <div className=\"flex mr-24 md:col-start-4\">\n            <Icon\n              name=\"icon-gui-check-outline\"\n              color=\"text-active-orange\"\n              size=\"1.5rem\"\n              additionalCSS=\"bg-white rounded-full mr-12  ui-footer-tick-icon\"\n            />\n            <div>\n              <p className=\"ui-footer-compliance-text font-bold whitespace-nowrap\">\n                256-bit AES\n              </p>\n              <p className=\"ui-footer-compliance-text font-medium mb-24\">\n                Encryption\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n};\n\nexport default LegacyFooter;\n"],"names":["React","Icon","_absUrl","StatusIcon","LegacyFooter","paths","urlBase","statusUrl","absUrl","path","footer","className","data-id","div","img","src","ablyStack","alt","h2","p","ul","li","a","href","target","rel","hr","title","name","size","strong","bestSupport","highPerformer","usersMostLikely","bestMeetsRequirements","color","additionalCSS"],"mappings":"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"}

package/core/LegacyFooter/component.css

@@ -1,33 +0,0 @@
-@layer components {
-  .ui-footer-col-title {
-    @apply font-mono text-overline2 p-menu-row-title font-medium uppercase tracking-widen-0.16;
-  }
-
-  .ui-footer-menu-row-link {
-    @apply text-menu3 text-cool-black font-sans font-medium hover:text-gui-hover block;
-  }
-
-  .ui-footer-link {
-    @apply text-gui-default hover:text-gui-hover text-menu3 font-sans font-medium;
-  }
-
-  .ui-footer-compliance-text {
-    font-size: 12px;
-  }
-
-  .ui-footer-tick-icon {
-    min-width: 1.5rem;
-  }
-
-  @media (max-width: 1040px) {
-    .ui-footer-bottom-links {
-      @apply pb-40;
-    }
-  }
-
-  @media screen {
-    .ui-footer-glassdoor {
-      display: none;
-    }
-  }
-}

package/core/LegacyMeganav/LegacyMeganav.js

@@ -1,2 +0,0 @@
-import React,{useEffect,useState}from"react";import{connectState}from"../remote-data-store.js";import{selectSessionData}from"../remote-session-data.js";import Logo from"../Logo";import MeganavData from"./component.json";import MeganavScripts from"./component.js";import MeganavItemsDesktop from"./MeganavItemsDesktop";import MeganavItemsSignedIn from"./MeganavItemsSignedIn";import MeganavItemsMobile from"./MeganavItemsMobile";import Notice from"../Notice";import _absUrl from"../url-base.js";import MeganavContentProducts from"./MeganavContentProducts";import MeganavContentUseCases from"./MeganavContentUseCases";import MeganavContentCompany from"./MeganavContentCompany";import MeganavContentDevelopers from"./MeganavContentDevelopers";import MeganavSearch from"./MeganavSearch";const SignIn=({sessionState,theme,loginLink,absUrl,searchDataId})=>{return sessionState.signedIn?React.createElement(MeganavItemsSignedIn,{absUrl:absUrl,sessionState:sessionState,theme:theme,searchDataId:searchDataId}):React.createElement("ul",{className:"hidden md:flex items-center"},React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/contact"),className:`ui-meganav-link ${theme.textColor}`,"data-id":"meganav-link"},"Contact us")),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl(loginLink),className:`ui-meganav-link mr-0 ${theme.textColor}`,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavSearch,{absUrl:absUrl,dataId:searchDataId})),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/sign-up"),"data-id":"meganav-sign-up-btn",className:`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`},"Sign up free")))};const SignInPlaceholder=()=>React.createElement("div",null);const panels={MeganavContentProducts,MeganavContentUseCases,MeganavContentCompany,MeganavContentDevelopers};const LegacyMeganav=({paths,themeName="white",notice,loginLink="/login",urlBase,addSearchApiKey,statusUrl,searchDataId})=>{const[sessionState,setSessionState]=useState();useEffect(()=>{connectState(selectSessionData,setSessionState)},[]);useEffect(()=>{const teardown=MeganavScripts({themeName,addSearchApiKey});return()=>teardown()},[sessionState]);const theme=MeganavData.themes[themeName];const absUrl=path=>_absUrl(path,urlBase);return React.createElement("nav",{className:`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`,"data-id":"meganav","aria-label":"Main"},notice&&React.createElement(Notice,{...notice.props,config:notice.config}),React.createElement("div",{className:"ui-meganav ui-grid-px"},React.createElement("div",{className:"mr-24"},React.createElement(Logo,{dataId:"meganav-logo",href:urlBase,logoUrl:paths?.logo})),React.createElement(MeganavItemsDesktop,{panels:panels,paths:paths,theme:theme,absUrl:absUrl,statusUrl:statusUrl}),sessionState?React.createElement(SignIn,{sessionState:sessionState,theme:theme,loginLink:loginLink,absUrl:absUrl,searchDataId:searchDataId}):React.createElement(SignInPlaceholder,null),React.createElement(MeganavItemsMobile,{panels:panels,sessionState:sessionState,paths:paths,theme:theme,loginLink:loginLink,absUrl:absUrl,statusUrl:statusUrl,searchDataId:searchDataId})))};export default LegacyMeganav;
-//# sourceMappingURL=LegacyMeganav.js.map

package/core/LegacyMeganav/LegacyMeganav.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/LegacyMeganav.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { connectState } from \"../remote-data-store.js\";\nimport { selectSessionData } from \"../remote-session-data.js\";\nimport Logo from \"../Logo\";\nimport MeganavData from \"./component.json\";\nimport MeganavScripts from \"./component.js\";\nimport MeganavItemsDesktop from \"./MeganavItemsDesktop\";\nimport MeganavItemsSignedIn from \"./MeganavItemsSignedIn\";\nimport MeganavItemsMobile from \"./MeganavItemsMobile\";\nimport Notice from \"../Notice\";\nimport _absUrl from \"../url-base.js\";\nimport MeganavContentProducts from \"./MeganavContentProducts\";\nimport MeganavContentUseCases from \"./MeganavContentUseCases\";\nimport MeganavContentCompany from \"./MeganavContentCompany\";\nimport MeganavContentDevelopers from \"./MeganavContentDevelopers\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { ColorClass } from \"../styles/colors/types\";\n\nexport type MeganavTheme = {\n  backgroundColor?: ColorClass;\n  textColor?: ColorClass;\n  buttonBackgroundColor?: ColorClass;\n  buttonTextColor?: ColorClass;\n  mobileMenuColor: ColorClass;\n  logoTextColor?: ColorClass;\n  barShadow?: string;\n};\n\nexport type AbsUrl = (path: string) => string;\n\nexport type MeganavPaths = {\n  logo?: string;\n  iconSprites: string;\n  ablyStack: string;\n  blogThumb1: string;\n  blogThumb2: string;\n  blogThumb3: string;\n  awsLogo?: string;\n};\n\nexport type MeganavPanels = {\n  [index: string]: ({\n    paths,\n    absUrl,\n    statusUrl,\n  }: {\n    paths?: MeganavPaths;\n    absUrl: (path: string) => string;\n    statusUrl: string;\n  }) => ReactNode;\n};\n\nexport type MeganavSessionState = {\n  signedIn: boolean;\n  logOut: {\n    token: string;\n    href: string;\n    text: string;\n  };\n  accountName: string;\n  preferredEmail: string;\n  account: {\n    links: {\n      dashboard: {\n        href: string;\n      };\n    };\n  };\n  mySettings: {\n    text: string;\n    href: string;\n  };\n  myAccessTokens: {\n    text: string;\n    href: string;\n  };\n};\n\ntype SignInProps = {\n  sessionState: MeganavSessionState;\n  theme: MeganavTheme;\n  loginLink: string;\n  absUrl: AbsUrl;\n  searchDataId?: string;\n};\n\n// This type is based on the API response from the notice API and the data\n// passed into the Meganav component, which then turns it into something\n// the Notice component can use. The type is exported for the benefit of\n// Voltaire\nexport type MeganavNoticeProps = {\n  props: {\n    title: string;\n    bodyText: string;\n    buttonLink: string;\n    buttonLabel: string;\n    closeBtn: boolean;\n  };\n  config: {\n    cookieId: string;\n    noticeId: string | number;\n    options: {\n      collapse: boolean;\n    };\n  };\n};\n\ntype MeganavProps = {\n  paths?: MeganavPaths;\n  themeName: \"white\" | \"black\" | \"transparentToWhite\";\n  notice?: MeganavNoticeProps;\n  loginLink?: string;\n  urlBase?: string;\n  addSearchApiKey: string;\n  statusUrl: string;\n  searchDataId?: string;\n};\n\nconst SignIn = ({\n  sessionState,\n  theme,\n  loginLink,\n  absUrl,\n  searchDataId,\n}: SignInProps) => {\n  return sessionState.signedIn ? (\n    <MeganavItemsSignedIn\n      absUrl={absUrl}\n      sessionState={sessionState}\n      theme={theme}\n      searchDataId={searchDataId}\n    />\n  ) : (\n    <ul className=\"hidden md:flex items-center\">\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/contact\")}\n          className={`ui-meganav-link ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Contact us\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(loginLink)}\n          className={`ui-meganav-link mr-0 ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Login\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/sign-up\")}\n          data-id=\"meganav-sign-up-btn\"\n          className={`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`}\n        >\n          Sign up free\n        </a>\n      </li>\n    </ul>\n  );\n};\n\nconst SignInPlaceholder = () => <div />;\n\nconst panels = {\n  MeganavContentProducts,\n  MeganavContentUseCases,\n  MeganavContentCompany,\n  MeganavContentDevelopers,\n};\n\nconst LegacyMeganav = ({\n  paths,\n  themeName = \"white\",\n  notice,\n  loginLink = \"/login\",\n  urlBase,\n  addSearchApiKey,\n  statusUrl,\n  searchDataId,\n}: MeganavProps) => {\n  const [sessionState, setSessionState] = useState<MeganavSessionState>();\n\n  useEffect(() => {\n    // Note if state is never updated, sessionState stays null and never removes the placeholder.\n    // This makes SSR consistent (ie. we always show the placeholder)\n    connectState(selectSessionData, setSessionState);\n  }, []);\n\n  useEffect(() => {\n    const teardown = MeganavScripts({ themeName, addSearchApiKey });\n    return () => teardown();\n  }, [sessionState]);\n\n  const theme = MeganavData.themes[themeName] as MeganavTheme;\n  const absUrl = (path: string) => _absUrl(path, urlBase);\n\n  return (\n    <nav\n      className={`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`}\n      data-id=\"meganav\"\n      aria-label=\"Main\"\n    >\n      {notice && <Notice {...notice.props} config={notice.config} />}\n      <div className=\"ui-meganav ui-grid-px\">\n        <div className=\"mr-24\">\n          <Logo dataId=\"meganav-logo\" href={urlBase} logoUrl={paths?.logo} />\n        </div>\n\n        <MeganavItemsDesktop\n          panels={panels}\n          paths={paths}\n          theme={theme}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n        />\n\n        {/* Because we load the session state through fetch, we display a placeholder until fetch returns */}\n        {sessionState ? (\n          <SignIn\n            sessionState={sessionState}\n            theme={theme}\n            loginLink={loginLink}\n            absUrl={absUrl}\n            searchDataId={searchDataId}\n          />\n        ) : (\n          <SignInPlaceholder />\n        )}\n\n        <MeganavItemsMobile\n          panels={panels}\n          sessionState={sessionState}\n          paths={paths}\n          theme={theme}\n          loginLink={loginLink}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n          searchDataId={searchDataId}\n        />\n      </div>\n    </nav>\n  );\n};\n\nexport default LegacyMeganav;\n"],"names":["React","useEffect","useState","connectState","selectSessionData","Logo","MeganavData","MeganavScripts","MeganavItemsDesktop","MeganavItemsSignedIn","MeganavItemsMobile","Notice","_absUrl","MeganavContentProducts","MeganavContentUseCases","MeganavContentCompany","MeganavContentDevelopers","MeganavSearch","SignIn","sessionState","theme","loginLink","absUrl","searchDataId","signedIn","ul","className","li","a","href","textColor","data-id","dataId","buttonBackgroundColor","buttonTextColor","SignInPlaceholder","div","panels","LegacyMeganav","paths","themeName","notice","urlBase","addSearchApiKey","statusUrl","setSessionState","teardown","themes","path","nav","backgroundColor","barShadow","aria-label","props","config","logoUrl","logo"],"mappings":"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"}

package/core/LegacyMeganav/MeganavBlogPostsList/component.js

@@ -1,2 +0,0 @@
-import{queryIdAll}from"../../dom-query";import{selectRecentBlogPosts}from"../../remote-blogs-posts";import{connectState}from"../../remote-data-store";const template=({link,title,pubDate})=>{const[li,a,heading,copy]=["li","a","p","p"].map(el=>document.createElement(el));a.href=link;a.classList.add("ui-meganav-media","group");heading.textContent=title;heading.classList.add("ui-meganav-media-heading");copy.textContent=pubDate;copy.classList.add("ui-meganav-media-copy");a.appendChild(heading);a.appendChild(copy);li.appendChild(a);return li};export default(()=>{connectState(selectRecentBlogPosts,recentBlogPosts=>{if(Array.isArray(recentBlogPosts)&&recentBlogPosts.length>0){const sections=queryIdAll("meganav-company-panel-blog-section");const containers=queryIdAll("meganav-company-panel-recent-blog-posts");Array.from(containers).forEach(container=>{const fragment=document.createDocumentFragment();recentBlogPosts.forEach(post=>fragment.appendChild(template(post)));container.appendChild(fragment)});Array.from(sections).forEach(section=>section.classList.remove("hidden"))}})});
-//# sourceMappingURL=component.js.map

package/core/LegacyMeganav/MeganavBlogPostsList/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/core/LegacyMeganav/MeganavBlogPostsList/component.js"],"sourcesContent":["import { queryIdAll } from \"../../dom-query\";\nimport { selectRecentBlogPosts } from \"../../remote-blogs-posts\";\nimport { connectState } from \"../../remote-data-store\";\n\nconst template = ({ link, title, pubDate }) => {\n  const [li, a, heading, copy] = [\"li\", \"a\", \"p\", \"p\"].map((el) =>\n    document.createElement(el),\n  );\n\n  a.href = link;\n  a.classList.add(\"ui-meganav-media\", \"group\");\n\n  heading.textContent = title;\n  heading.classList.add(\"ui-meganav-media-heading\");\n\n  copy.textContent = pubDate;\n  copy.classList.add(\"ui-meganav-media-copy\");\n\n  a.appendChild(heading);\n  a.appendChild(copy);\n  li.appendChild(a);\n\n  return li;\n};\n\nexport default () => {\n  connectState(selectRecentBlogPosts, (recentBlogPosts) => {\n    if (Array.isArray(recentBlogPosts) && recentBlogPosts.length > 0) {\n      const sections = queryIdAll(\"meganav-company-panel-blog-section\");\n      const containers = queryIdAll(\"meganav-company-panel-recent-blog-posts\");\n\n      Array.from(containers).forEach((container) => {\n        const fragment = document.createDocumentFragment();\n        recentBlogPosts.forEach((post) => fragment.appendChild(template(post)));\n        container.appendChild(fragment);\n      });\n\n      Array.from(sections).forEach((section) =>\n        section.classList.remove(\"hidden\"),\n      );\n    }\n  });\n};\n"],"names":["queryIdAll","selectRecentBlogPosts","connectState","template","link","title","pubDate","li","a","heading","copy","map","el","document","createElement","href","classList","add","textContent","appendChild","recentBlogPosts","Array","isArray","length","sections","containers","from","forEach","container","fragment","createDocumentFragment","post","section","remove"],"mappings":"AAAA,OAASA,UAAU,KAAQ,iBAAkB,AAC7C,QAASC,qBAAqB,KAAQ,0BAA2B,AACjE,QAASC,YAAY,KAAQ,yBAA0B,CAEvD,MAAMC,SAAW,CAAC,CAAEC,IAAI,CAAEC,KAAK,CAAEC,OAAO,CAAE,IACxC,KAAM,CAACC,GAAIC,EAAGC,QAASC,KAAK,CAAG,CAAC,KAAM,IAAK,IAAK,IAAI,CAACC,GAAG,CAAC,AAACC,IACxDC,SAASC,aAAa,CAACF,IAGzBJ,CAAAA,EAAEO,IAAI,CAAGX,KACTI,EAAEQ,SAAS,CAACC,GAAG,CAAC,mBAAoB,QAEpCR,CAAAA,QAAQS,WAAW,CAAGb,MACtBI,QAAQO,SAAS,CAACC,GAAG,CAAC,2BAEtBP,CAAAA,KAAKQ,WAAW,CAAGZ,QACnBI,KAAKM,SAAS,CAACC,GAAG,CAAC,yBAEnBT,EAAEW,WAAW,CAACV,SACdD,EAAEW,WAAW,CAACT,MACdH,GAAGY,WAAW,CAACX,GAEf,OAAOD,EACT,CAEA,eAAe,CAAA,KACbL,aAAaD,sBAAuB,AAACmB,kBACnC,GAAIC,MAAMC,OAAO,CAACF,kBAAoBA,gBAAgBG,MAAM,CAAG,EAAG,CAChE,MAAMC,SAAWxB,WAAW,sCAC5B,MAAMyB,WAAazB,WAAW,2CAE9BqB,MAAMK,IAAI,CAACD,YAAYE,OAAO,CAAC,AAACC,YAC9B,MAAMC,SAAWhB,SAASiB,sBAAsB,GAChDV,gBAAgBO,OAAO,CAAC,AAACI,MAASF,SAASV,WAAW,CAAChB,SAAS4B,QAChEH,UAAUT,WAAW,CAACU,SACxB,GAEAR,MAAMK,IAAI,CAACF,UAAUG,OAAO,CAAC,AAACK,SAC5BA,QAAQhB,SAAS,CAACiB,MAAM,CAAC,UAE7B,CACF,EACF,CAAA,CAAE"}

package/core/LegacyMeganav/MeganavBlogPostsList.js

@@ -1,2 +0,0 @@
-import React from"react";import FeaturedLink from"../FeaturedLink";const MeganavBlogPostsList=({recentBlogPosts,absUrl})=>recentBlogPosts?React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-blog"},"Blog"),React.createElement("ul",{className:"mb-8","aria-labelledby":"meganav-company-panel-list-blog"},recentBlogPosts.map(post=>React.createElement("li",{key:post.link},React.createElement("a",{href:post.link,className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},post.title),React.createElement("p",{className:"ui-meganav-media-copy"},post.pubDate))))),React.createElement(FeaturedLink,{url:absUrl("/blog"),textSize:"text-p3"},"More from our Blog")):null;export default MeganavBlogPostsList;
-//# sourceMappingURL=MeganavBlogPostsList.js.map

package/core/LegacyMeganav/MeganavBlogPostsList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavBlogPostsList.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"../FeaturedLink\";\nimport { AbsUrl } from \"./LegacyMeganav\";\n\ntype MeganavBlogPostsListProps = {\n  recentBlogPosts: {\n    link: string;\n    title: string;\n    pubDate: string;\n  }[];\n  absUrl: AbsUrl;\n};\n\nconst MeganavBlogPostsList = ({\n  recentBlogPosts,\n  absUrl,\n}: MeganavBlogPostsListProps) =>\n  recentBlogPosts ? (\n    <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n      <h3 className=\"ui-meganav-overline\" id=\"meganav-company-panel-list-blog\">\n        Blog\n      </h3>\n      <ul className=\"mb-8\" aria-labelledby=\"meganav-company-panel-list-blog\">\n        {recentBlogPosts.map((post) => (\n          <li key={post.link}>\n            <a href={post.link} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">{post.title}</p>\n              <p className=\"ui-meganav-media-copy\">{post.pubDate}</p>\n            </a>\n          </li>\n        ))}\n      </ul>\n\n      <FeaturedLink url={absUrl(\"/blog\")} textSize=\"text-p3\">\n        More from our Blog\n      </FeaturedLink>\n    </div>\n  ) : null;\n\nexport default MeganavBlogPostsList;\n"],"names":["React","FeaturedLink","MeganavBlogPostsList","recentBlogPosts","absUrl","div","className","h3","id","ul","aria-labelledby","map","post","li","key","link","a","href","p","title","pubDate","url","textSize"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,iBAAkB,CAY3C,MAAMC,qBAAuB,CAAC,CAC5BC,eAAe,CACfC,MAAM,CACoB,GAC1BD,gBACE,oBAACE,OAAIC,UAAU,mFACb,oBAACC,MAAGD,UAAU,sBAAsBE,GAAG,mCAAkC,QAGzE,oBAACC,MAAGH,UAAU,OAAOI,kBAAgB,mCAClCP,gBAAgBQ,GAAG,CAAC,AAACC,MACpB,oBAACC,MAAGC,IAAKF,KAAKG,IAAI,EAChB,oBAACC,KAAEC,KAAML,KAAKG,IAAI,CAAET,UAAU,0BAC5B,oBAACY,KAAEZ,UAAU,4BAA4BM,KAAKO,KAAK,EACnD,oBAACD,KAAEZ,UAAU,yBAAyBM,KAAKQ,OAAO,MAM1D,oBAACnB,cAAaoB,IAAKjB,OAAO,SAAUkB,SAAS,WAAU,uBAIvD,IAEN,gBAAepB,oBAAqB"}

package/core/LegacyMeganav/MeganavContentCompany.js

@@ -1,2 +0,0 @@
-import React from"react";import MeganavBlogPostsList from"./MeganavBlogPostsList";import ConnectStateWrapper from"../ConnectStateWrapper";import{selectRecentBlogPosts}from"../remote-blogs-posts.js";import Icon from"../Icon";const MeganavContentCompany=({paths,absUrl})=>{const BlogPostsList=ConnectStateWrapper(MeganavBlogPostsList,{recentBlogPosts:selectRecentBlogPosts});return React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-company-panel-list-why-companies"},"Why companies choose Ably"),React.createElement("ul",{"aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/customers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-customers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Customers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably supports customers across multiple industries.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/case-studies"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-case-studies-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Case studies"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover how customers are benefiting from Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/compare"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-compare-tech-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Compare our tech"),React.createElement("p",{className:"ui-meganav-media-copy"},"Choose the right realtime service.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/aws"),className:"ui-meganav-media-with-image group"},paths&&React.createElement("img",{src:paths.awsLogo,alt:"AWS logo"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Partners"),React.createElement("p",{className:"ui-meganav-media-copy"},"Ably collaborates and integrates with AWS.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-company-panel-list-why-companies"},React.createElement("li",null,React.createElement("a",{href:absUrl("/resources"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-resources-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Resources"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn more about realtime with our handy resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/about"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-about-ably-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"About Ably"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably’s mission.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/careers"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-careers-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Careers"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our open roles and core Ably values.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/events"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-events-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Events"),React.createElement("p",{className:"ui-meganav-media-copy"},"Join Ably at upcoming events.")))))),React.createElement(BlogPostsList,{absUrl:absUrl})),React.createElement("div",{className:"ui-meganav-content-spacer"}))};export default MeganavContentCompany;
-//# sourceMappingURL=MeganavContentCompany.js.map

package/core/LegacyMeganav/MeganavContentCompany.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavContentCompany.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavBlogPostsList from \"./MeganavBlogPostsList\";\nimport ConnectStateWrapper from \"../ConnectStateWrapper\";\nimport { selectRecentBlogPosts } from \"../remote-blogs-posts.js\";\nimport Icon from \"../Icon\";\nimport { AbsUrl, MeganavPaths } from \"./LegacyMeganav\";\n\ntype MeganavContentCompanyProps = {\n  absUrl: AbsUrl;\n  paths?: MeganavPaths;\n};\n\nconst MeganavContentCompany = ({\n  paths,\n  absUrl,\n}: MeganavContentCompanyProps) => {\n  const BlogPostsList = ConnectStateWrapper(MeganavBlogPostsList, {\n    recentBlogPosts: selectRecentBlogPosts,\n  });\n\n  return (\n    <div className=\"flex max-w-screen-xl mx-auto\">\n      <div className=\"ui-meganav-content-spacer\"></div>\n      <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n        <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n          <h3\n            className=\"ui-meganav-overline\"\n            id=\"meganav-company-panel-list-why-companies\"\n          >\n            Why companies choose Ably\n          </h3>\n          <ul aria-labelledby=\"meganav-company-panel-list-why-companies\">\n            <li>\n              <a\n                href={absUrl(\"/customers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-customers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Customers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably supports customers across multiple industries.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/case-studies\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-case-studies-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Case studies</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover how customers are benefiting from Ably.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/compare\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-compare-tech-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Compare our tech</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Choose the right realtime service.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/aws\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                {paths && <img src={paths.awsLogo} alt=\"AWS logo\" />}\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Partners</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably collaborates and integrates with AWS.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n          <ul\n            className=\"md:mt-40\"\n            aria-labelledby=\"meganav-company-panel-list-why-companies\"\n          >\n            <li>\n              <a\n                href={absUrl(\"/resources\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-resources-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Resources</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Learn more about realtime with our handy resources.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/about\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-about-ably-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">About Ably</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Find out more about Ably’s mission.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/careers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-careers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Careers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover our open roles and core Ably values.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/events\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-events-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Events</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Join Ably at upcoming events.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <BlogPostsList absUrl={absUrl} />\n      </section>\n      <div className=\"ui-meganav-content-spacer\"></div>\n    </div>\n  );\n};\n\nexport default MeganavContentCompany;\n"],"names":["React","MeganavBlogPostsList","ConnectStateWrapper","selectRecentBlogPosts","Icon","MeganavContentCompany","paths","absUrl","BlogPostsList","recentBlogPosts","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p","img","src","awsLogo","alt"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,yBAA0B,wBAAyB,AAC1D,QAAOC,wBAAyB,wBAAyB,AACzD,QAASC,qBAAqB,KAAQ,0BAA2B,AACjE,QAAOC,SAAU,SAAU,CAQ3B,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,MAAM,CACqB,IAC3B,MAAMC,cAAgBN,oBAAoBD,qBAAsB,CAC9DQ,gBAAiBN,qBACnB,GAEA,OACE,oBAACO,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,8BACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,uFACb,oBAACE,MACCF,UAAU,sBACVG,GAAG,4CACJ,6BAGD,oBAACC,MAAGC,kBAAgB,4CAClB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,iBACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,gBACxC,oBAACW,KAAEX,UAAU,yBAAwB,uDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,oBACxC,oBAACW,KAAEX,UAAU,yBAAwB,yCAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,QACbI,UAAU,qCAETL,OAAS,oBAACiB,OAAIC,IAAKlB,MAAMmB,OAAO,CAAEC,IAAI,aACvC,oBAAChB,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,YACxC,oBAACW,KAAEX,UAAU,yBAAwB,mDAS/C,oBAACD,OAAIC,UAAU,6EACb,oBAACI,MACCJ,UAAU,WACVK,kBAAgB,4CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,UACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,8BAA8BC,KAAK,WAC9C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,cACxC,oBAACW,KAAEX,UAAU,yBAAwB,0CAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,2BAA2BC,KAAK,WAC3C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,WACxC,oBAACW,KAAEX,UAAU,yBAAwB,oDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,WACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,0BAA0BC,KAAK,WAC1C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,UACxC,oBAACW,KAAEX,UAAU,yBAAwB,sCAS/C,oBAACH,eAAcD,OAAQA,UAEzB,oBAACG,OAAIC,UAAU,8BAGrB,CAEA,gBAAeN,qBAAsB"}

package/core/LegacyMeganav/MeganavContentDevelopers.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";import{StatusIcon}from"../Status";const MeganavContentDevelopers=({absUrl,statusUrl})=>React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-explore"},"Explore"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-docs-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Documentation"),React.createElement("p",{className:"ui-meganav-media-copy"},"Technical guides to help you build with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/quick-start-guide"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-quickstart-guides-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Quickstart guides"),React.createElement("p",{className:"ui-meganav-media-copy"},"Documentation to help you get started quickly.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/integrations"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-integrations-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Integrations"),React.createElement("p",{className:"ui-meganav-media-copy"},"Find out more about Ably integrations."," ")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/examples"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-examples-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Live examples"),React.createElement("p",{className:"ui-meganav-media-copy"},"Discover our features and their use cases.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("ul",{className:"md:mt-40","aria-labelledby":"meganav-developers-panel-explore"},React.createElement("li",null,React.createElement("a",{href:absUrl("/docs/sdks"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-sdks-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"SDKs"),React.createElement("p",{className:"ui-meganav-media-copy"},"Download an SDK to help you build realtime apps faster.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/tutorials"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-tutorials-demos-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Tutorials & Demos"),React.createElement("p",{className:"ui-meganav-media-copy"},"Get stuck in with our hands-on resources.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-chat"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-chat-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Chat apps reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build chat apps with Ably.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/reference-guide-multiplayer"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-multi-user-spaces-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Multiplayer reference guide"),React.createElement("p",{className:"ui-meganav-media-copy"},"Learn how to build collaborative features with Ably.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"},React.createElement("h3",{className:"ui-meganav-overline uppercase",id:"meganav-developers-panel-quick-links"},"Quick links"),React.createElement("ul",{"aria-labelledby":"meganav-developers-panel-quick-links"},React.createElement("li",null,React.createElement("a",{href:"https://discord.gg/jwBPhEZ9g5",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Discord"))),React.createElement("li",null,React.createElement("a",{href:"https://github.com/ably",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"GitHub"))),React.createElement("li",null,React.createElement("a",{href:"https://changelog.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Changelog"))),React.createElement("li",null,React.createElement("a",{href:"https://status.ably.com/",className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading flex items-center gap-4"},"Status",React.createElement(StatusIcon,{statusUrl:statusUrl})))),React.createElement("li",null,React.createElement("a",{href:absUrl("/support"),className:"group ui-meganav-media py-12"},React.createElement("p",{className:"ui-meganav-media-heading"},"Support & FAQs")))))),React.createElement("div",{className:"ui-meganav-content-spacer"}));export default MeganavContentDevelopers;
-//# sourceMappingURL=MeganavContentDevelopers.js.map

package/core/LegacyMeganav/MeganavContentDevelopers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavContentDevelopers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"../Icon\";\nimport { AbsUrl } from \"./LegacyMeganav\";\nimport { StatusIcon } from \"../Status\";\n\nconst MeganavContentDevelopers = ({\n  absUrl,\n  statusUrl,\n}: {\n  absUrl: AbsUrl;\n  statusUrl: string;\n}) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-explore\"\n        >\n          Explore\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-explore\">\n          <li>\n            <a\n              href={absUrl(\"/docs\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-docs-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Documentation</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Technical guides to help you build with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/docs/quick-start-guide\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-quickstart-guides-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Quickstart guides</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Documentation to help you get started quickly.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/integrations\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-integrations-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Integrations</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Find out more about Ably integrations.{\" \"}\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/examples\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-examples-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live examples</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Discover our features and their use cases.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <ul\n          className=\"md:mt-40\"\n          aria-labelledby=\"meganav-developers-panel-explore\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/docs/sdks\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-sdks-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">SDKs</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Download an SDK to help you build realtime apps faster.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/tutorials\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-tutorials-demos-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Tutorials & Demos</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Get stuck in with our hands-on resources.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Chat apps reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build chat apps with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-multiplayer\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build collaborative features with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-quick-links\"\n        >\n          Quick links\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-quick-links\">\n          <li>\n            <a\n              href=\"https://discord.gg/jwBPhEZ9g5\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Discord</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://github.com/ably\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">GitHub</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://changelog.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Changelog</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://status.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading flex items-center gap-4\">\n                Status\n                <StatusIcon statusUrl={statusUrl} />\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/support\")}\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Support & FAQs</p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentDevelopers;\n"],"names":["React","Icon","StatusIcon","MeganavContentDevelopers","absUrl","statusUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}

package/core/LegacyMeganav/MeganavContentProducts.js

@@ -1,2 +0,0 @@
-import React from"react";import FeaturedLink from"../FeaturedLink";const MeganavContentProducts=({paths,absUrl})=>React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer bg-extra-light-grey"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey"},React.createElement("div",{className:"flex mb-20"},paths&&React.createElement("img",{src:paths?.ablyStack,alt:"Ably homepage"}),React.createElement("h3",{className:"ui-meganav-overline ml-24"},"The Ably Platform")),React.createElement("p",{className:"ui-text-p2 font-bold mb-24",style:{maxWidth:"330px"}},"Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."),React.createElement(FeaturedLink,{url:absUrl("/platform"),textSize:"text-p2"},"Explore how it works")),React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-products-panel-list-examples"},"Products"),React.createElement("ul",{className:"mb-16","aria-labelledby":"meganav-products-panel-list-examples"},React.createElement("li",null,React.createElement("a",{href:absUrl("/pubsub"),className:"group ui-meganav-media"},React.createElement("p",{className:"ui-meganav-media-heading"},"Pub/Sub"),React.createElement("p",{className:"ui-meganav-media-copy"},"Build infinitely scalable realtime applications."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/spaces"),className:"group ui-meganav-media"},React.createElement("p",{className:"ui-meganav-media-heading"},"Spaces"),React.createElement("p",{className:"ui-meganav-media-copy"},"Create multi-user collaborative environments."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/livesync"),className:"group ui-meganav-media"},React.createElement("p",{className:"ui-meganav-media-heading"},"LiveSync"),React.createElement("p",{className:"ui-meganav-media-copy"},"Seamlessly sync database changes with frontend clients at scale."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/chat"),className:"group ui-meganav-media"},React.createElement("p",{className:"ui-meganav-media-heading"},"Chat"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver highly reliable chat experiences at scale."))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-products-panel-list-our-technology"},"Technology"),React.createElement("ul",{className:"mb-16","aria-labelledby":"meganav-products-panel-list-our-technology"},React.createElement("li",null,React.createElement("a",{href:absUrl("/four-pillars-of-dependability#performance"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Predictable performance"),React.createElement("p",{className:"ui-meganav-media-copy"},"A low-latency and high-throughput global network."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/four-pillars-of-dependability#integrity"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Guaranteed ordering & delivery"),React.createElement("p",{className:"ui-meganav-media-copy"},"Data is delivered - in order - even after disconnections."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/four-pillars-of-dependability#reliability"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Fault tolerant infrastructure"),React.createElement("p",{className:"ui-meganav-media-copy"},"Redundancy is built in at global and regional levels."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/four-pillars-of-dependability#availability"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"High scalability & availability"),React.createElement("p",{className:"ui-meganav-media-copy"},"Built for scale with legitimate 99.999% uptime SLAs."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/network"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Global edge network"),React.createElement("p",{className:"ui-meganav-media-copy"},"An edge network of 15 core routing datacenters and 205+ PoPs.")))),React.createElement(FeaturedLink,{url:absUrl("/four-pillars-of-dependability"),textSize:"text-p3"},"Explore Four Pillars of Dependability"))),React.createElement("div",{className:"ui-meganav-content-spacer"}));export default MeganavContentProducts;
-//# sourceMappingURL=MeganavContentProducts.js.map

package/core/LegacyMeganav/MeganavContentProducts.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavContentProducts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"../FeaturedLink\";\nimport { AbsUrl, MeganavPaths } from \"./LegacyMeganav\";\n\ntype MeganavContentProductsProps = {\n  paths?: MeganavPaths;\n  absUrl: AbsUrl;\n};\n\nconst MeganavContentProducts = ({\n  paths,\n  absUrl,\n}: MeganavContentProductsProps) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <div className=\"flex mb-20\">\n          {paths && <img src={paths?.ablyStack} alt=\"Ably homepage\" />}\n          <h3 className=\"ui-meganav-overline ml-24\">The Ably Platform</h3>\n        </div>\n        <p className=\"ui-text-p2 font-bold mb-24\" style={{ maxWidth: \"330px\" }}>\n          Easily power any realtime experience in your application. No complex\n          infrastructure to manage or provision. Just a simple API that handles\n          everything realtime, and lets you focus on your code.\n        </p>\n\n        <FeaturedLink url={absUrl(\"/platform\")} textSize=\"text-p2\">\n          Explore how it works\n        </FeaturedLink>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-examples\"\n        >\n          Products\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-examples\"\n        >\n          <li>\n            <a href={absUrl(\"/pubsub\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Pub/Sub</p>\n              <p className=\"ui-meganav-media-copy\">\n                Build infinitely scalable realtime applications.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/spaces\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Spaces</p>\n              <p className=\"ui-meganav-media-copy\">\n                Create multi-user collaborative environments.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/livesync\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">LiveSync</p>\n              <p className=\"ui-meganav-media-copy\">\n                Seamlessly sync database changes with frontend clients at scale.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/chat\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Chat</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver highly reliable chat experiences at scale.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-our-technology\"\n        >\n          Technology\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-our-technology\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#performance\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Predictable performance\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                A low-latency and high-throughput global network.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#integrity\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Guaranteed ordering & delivery\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Data is delivered - in order - even after disconnections.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#reliability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Fault tolerant infrastructure\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Redundancy is built in at global and regional levels.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#availability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                High scalability & availability\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Built for scale with legitimate 99.999% uptime SLAs.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/network\")} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">Global edge network</p>\n              <p className=\"ui-meganav-media-copy\">\n                An edge network of 15 core routing datacenters and 205+ PoPs.\n              </p>\n            </a>\n          </li>\n        </ul>\n\n        <FeaturedLink\n          url={absUrl(\"/four-pillars-of-dependability\")}\n          textSize=\"text-p3\"\n        >\n          Explore Four Pillars of Dependability\n        </FeaturedLink>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentProducts;\n"],"names":["React","FeaturedLink","MeganavContentProducts","paths","absUrl","div","className","section","img","src","ablyStack","alt","h3","p","style","maxWidth","url","textSize","id","ul","aria-labelledby","li","a","href"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,iBAAkB,CAQ3C,MAAMC,uBAAyB,CAAC,CAC9BC,KAAK,CACLC,MAAM,CACsB,GAC5B,oBAACC,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,kDACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,kGACb,oBAACD,OAAIC,UAAU,cACZH,OAAS,oBAACK,OAAIC,IAAKN,OAAOO,UAAWC,IAAI,kBAC1C,oBAACC,MAAGN,UAAU,6BAA4B,sBAE5C,oBAACO,KAAEP,UAAU,6BAA6BQ,MAAO,CAAEC,SAAU,OAAQ,GAAG,oMAMxE,oBAACd,cAAae,IAAKZ,OAAO,aAAca,SAAS,WAAU,yBAK7D,oBAACZ,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,wCACJ,YAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,wCAEhB,oBAACC,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,WACxC,oBAACO,KAAEP,UAAU,yBAAwB,sDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,UACxC,oBAACO,KAAEP,UAAU,yBAAwB,mDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,aAAcE,UAAU,0BACtC,oBAACO,KAAEP,UAAU,4BAA2B,YACxC,oBAACO,KAAEP,UAAU,yBAAwB,sEAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,SAAUE,UAAU,0BAClC,oBAACO,KAAEP,UAAU,4BAA2B,QACxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAQ7C,oBAACD,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,8CACJ,cAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,8CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,2BAGxC,oBAACO,KAAEP,UAAU,yBAAwB,uDAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,4CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,kCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,+DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,iCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,2DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,+CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,mCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,YAAaE,UAAU,0BACrC,oBAACO,KAAEP,UAAU,4BAA2B,uBACxC,oBAACO,KAAEP,UAAU,yBAAwB,oEAO3C,oBAACL,cACCe,IAAKZ,OAAO,kCACZa,SAAS,WACV,2CAKL,oBAACZ,OAAIC,UAAU,8BAInB,gBAAeJ,sBAAuB"}

package/core/LegacyMeganav/MeganavContentUseCases.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";const MeganavContentUseCases=({absUrl})=>React.createElement("div",{className:"flex max-w-screen-xl mx-auto"},React.createElement("div",{className:"ui-meganav-content-spacer bg-extra-light-grey"}),React.createElement("section",{className:"grid grid-cols-12 ui-grid-gap-x w-full"},React.createElement("div",{className:"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-use-cases-panel-use-cases"},"Solutions"),React.createElement("ul",{"aria-labelledby":"meganav-use-cases-panel-industry-use-cases"},React.createElement("li",null,React.createElement("a",{href:absUrl("/chat"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-chat-stack-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Live Chat"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver highly reliable chat experiences at scale.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/multiplayer-collaboration"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-multi-user-spaces-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Multiplayer Collaboration"),React.createElement("p",{className:"ui-meganav-media-copy"},"Bring collaborative multiplayer experiences to your users.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/data-broadcast"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-data-broadcast-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Data Broadcast"),React.createElement("p",{className:"ui-meganav-media-copy"},"Broadcast realtime event data to millions of devices around the globe.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/data-synchronization"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-data-synchronization-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Data Synchronization"),React.createElement("p",{className:"ui-meganav-media-copy"},"Keep your frontend and backend in realtime sync, at global scale.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/push-notifications"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-push-notifications-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Notifications"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver cross-platform push notifications with a simple unified API.")))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/asset-tracking"),className:"ui-meganav-media-with-image group"},React.createElement(Icon,{name:"icon-display-asset-tracking-col",size:"2.5rem"}),React.createElement("div",{className:"flex flex-col justify-center"},React.createElement("p",{className:"ui-meganav-media-heading"},"Asset Tracking"),React.createElement("p",{className:"ui-meganav-media-copy"},"Track assets in realtime with a solution optimised for last mile logistics.")))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"},React.createElement("h3",{className:"ui-meganav-overline",id:"meganav-use-cases-panel-industry"},"Industry"),React.createElement("ul",{"aria-labelledby":"meganav-use-cases-panel-industry"},React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/sports-and-media"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Sports, Media & Fan Engagement"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver engaging global realtime experiences."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/b2b-platforms"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"B2B Platforms"),React.createElement("p",{className:"ui-meganav-media-copy"},"Empower your customers with realtime solutions."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/fintech"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"FinTech"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver personalised financial data in realtime."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/edtech"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"EdTech"),React.createElement("p",{className:"ui-meganav-media-copy"},"Deliver interactive learning experiences."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/healthcare"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Healthcare (HIPAA)"),React.createElement("p",{className:"ui-meganav-media-copy"},"Provide trustworthy, HIPAA-compliant realtime apps."))))),React.createElement("div",{className:"col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"},React.createElement("ul",{"aria-labelledby":"meganav-use-cases-panel-solutions",className:"mt-0 md:mt-40"},React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/gaming"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Gaming"),React.createElement("p",{className:"ui-meganav-media-copy"},"Power ultra fast and reliable gaming experiences."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/automotive-logistics-and-mobility"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"Automotive, Logistics, & Mobility"),React.createElement("p",{className:"ui-meganav-media-copy"},"Power diagnostics, order tracking and more."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/ecommerce-and-retail"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"eCommerce & Retail"),React.createElement("p",{className:"ui-meganav-media-copy"},"Enrich customer experiences with realtime updates."))),React.createElement("li",null,React.createElement("a",{href:absUrl("/solutions/iot-and-connected-devices"),className:"ui-meganav-media group"},React.createElement("p",{className:"ui-meganav-media-heading"},"IoT & Connected Devices"),React.createElement("p",{className:"ui-meganav-media-copy"},"Monitor and control global IoT deployments in realtime.")))))),React.createElement("div",{className:"ui-meganav-content-spacer"}));export default MeganavContentUseCases;
-//# sourceMappingURL=MeganavContentUseCases.js.map

package/core/LegacyMeganav/MeganavContentUseCases.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavContentUseCases.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"../Icon\";\nimport { AbsUrl } from \"./LegacyMeganav\";\n\nconst MeganavContentUseCases = ({ absUrl }: { absUrl: AbsUrl }) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-use-cases\"\n        >\n          Solutions\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry-use-cases\">\n          <li>\n            <a\n              href={absUrl(\"/chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-stack-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live Chat</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver highly reliable chat experiences at scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/multiplayer-collaboration\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer Collaboration\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Bring collaborative multiplayer experiences to your users.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-broadcast\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-data-broadcast-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Broadcast</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Broadcast realtime event data to millions of devices around\n                  the globe.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-synchronization\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon\n                name=\"icon-display-data-synchronization-col\"\n                size=\"2.5rem\"\n              />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Synchronization</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Keep your frontend and backend in realtime sync, at global\n                  scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/push-notifications\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-push-notifications-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Notifications</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver cross-platform push notifications with a simple\n                  unified API.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/asset-tracking\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-asset-tracking-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Asset Tracking</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Track assets in realtime with a solution optimised for last\n                  mile logistics.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-industry\"\n        >\n          Industry\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry\">\n          <li>\n            <a\n              href={absUrl(\"/solutions/sports-and-media\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Sports, Media & Fan Engagement\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver engaging global realtime experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/b2b-platforms\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">B2B Platforms</p>\n              <p className=\"ui-meganav-media-copy\">\n                Empower your customers with realtime solutions.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/fintech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">FinTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver personalised financial data in realtime.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/edtech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">EdTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver interactive learning experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/healthcare\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Healthcare (HIPAA)</p>\n              <p className=\"ui-meganav-media-copy\">\n                Provide trustworthy, HIPAA-compliant realtime apps.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <ul\n          aria-labelledby=\"meganav-use-cases-panel-solutions\"\n          className=\"mt-0 md:mt-40\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/solutions/gaming\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Gaming</p>\n              <p className=\"ui-meganav-media-copy\">\n                Power ultra fast and reliable gaming experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/automotive-logistics-and-mobility\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Automotive, Logistics, & Mobility\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Power diagnostics, order tracking and more.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/ecommerce-and-retail\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">eCommerce & Retail</p>\n              <p className=\"ui-meganav-media-copy\">\n                Enrich customer experiences with realtime updates.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/iot-and-connected-devices\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                IoT & Connected Devices\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Monitor and control global IoT deployments in realtime.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentUseCases;\n"],"names":["React","Icon","MeganavContentUseCases","absUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}

package/core/LegacyMeganav/MeganavControl/component.js

@@ -1,2 +0,0 @@
-import{queryId,queryIdAll}from"../../dom-query";const MeganavControl=()=>{const controls=Array.from(queryIdAll("meganav-control"));const panels=Array.from(queryIdAll("meganav-panel"));const mdBreakpoint=getComputedStyle(document.documentElement).getPropertyValue("--bp-md");const hoverEnabled=()=>window.matchMedia(`(hover: hover) and (pointer: fine) and (min-width: ${mdBreakpoint})`).matches;const isSearchControl=node=>node.dataset.control==="search";const isSearchPanelOpen=()=>{const searchPanel=document.querySelector('[data-id="meganav-panel"]#panel-search');if(!searchPanel)return;return!searchPanel.classList.contains("invisible")};const controlsHaveFocus=()=>controls.some(control=>control===document.activeElement);const hover=(control,panel,open)=>{if(hoverEnabled()&&!controlsHaveFocus()&&!isSearchPanelOpen()){const classes=["invisible","visible"];panel.classList.replace(...open?classes:classes.reverse());control.setAttribute("aria-expanded",open);control.dataset.hover=open}};const mouseenterHandler=(control,panel)=>()=>hover(control,panel,true);const mouseleaveHandler=(control,panel)=>()=>hover(control,panel,false);const clickHandler=(control,panel)=>()=>{controls.forEach(node=>node!==control&&node.setAttribute("aria-expanded",false));panels.forEach(node=>node!==panel&&node.classList.replace("visible","invisible"));const ariaExpanded=control.getAttribute("aria-expanded");const openedByHover=control.dataset.hover==="true";if(ariaExpanded==="true"&&!openedByHover){control.setAttribute("aria-expanded",false);panel.classList.replace("visible","invisible")}else{control.setAttribute("aria-expanded",true);panel.classList.replace("invisible","visible")}if(openedByHover){control.dataset.hover=false}if(isSearchControl(control)){const searchInput=queryId("meganav-search-input",panel);if(!searchInput)return;searchInput.focus()}else{control.focus()}};return controls.map(control=>{const item=control.parentNode;const panel=document.querySelector(`#${control.getAttribute("aria-controls")}`);const click=clickHandler(control,panel);control.addEventListener("click",click);let mouseenter,mouseleave;if(!isSearchControl(control)){mouseenter=mouseenterHandler(control,panel);mouseleave=mouseleaveHandler(control,panel);item.addEventListener("mouseenter",mouseenter);item.addEventListener("mouseleave",mouseleave)}return[{teardown:()=>{if(mouseenter&&mouseleave){item.removeEventListener("mouseenter",mouseenter);item.removeEventListener("mouseleave",mouseleave)}control.removeEventListener("click",click)},clear:()=>{control.setAttribute("aria-expanded",false);panel.classList.replace("visible","invisible")}}]}).flat()};export default MeganavControl;
-//# sourceMappingURL=component.js.map

package/core/LegacyMeganav/MeganavControl/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/core/LegacyMeganav/MeganavControl/component.js"],"sourcesContent":["import { queryId, queryIdAll } from \"../../dom-query\";\n\nconst MeganavControl = () => {\n  const controls = Array.from(queryIdAll(\"meganav-control\"));\n  const panels = Array.from(queryIdAll(\"meganav-panel\"));\n  const mdBreakpoint = getComputedStyle(\n    document.documentElement,\n  ).getPropertyValue(\"--bp-md\");\n\n  const hoverEnabled = () =>\n    window.matchMedia(\n      `(hover: hover) and (pointer: fine) and (min-width: ${mdBreakpoint})`,\n    ).matches;\n\n  const isSearchControl = (node) => node.dataset.control === \"search\";\n\n  const isSearchPanelOpen = () => {\n    const searchPanel = document.querySelector(\n      '[data-id=\"meganav-panel\"]#panel-search',\n    );\n    if (!searchPanel) return;\n    return !searchPanel.classList.contains(\"invisible\");\n  };\n\n  const controlsHaveFocus = () =>\n    controls.some((control) => control === document.activeElement);\n\n  const hover = (control, panel, open) => {\n    if (hoverEnabled() && !controlsHaveFocus() && !isSearchPanelOpen()) {\n      const classes = [\"invisible\", \"visible\"];\n      panel.classList.replace(...(open ? classes : classes.reverse()));\n      control.setAttribute(\"aria-expanded\", open);\n      control.dataset.hover = open;\n    }\n  };\n\n  const mouseenterHandler = (control, panel) => () =>\n    hover(control, panel, true);\n\n  const mouseleaveHandler = (control, panel) => () =>\n    hover(control, panel, false);\n\n  const clickHandler = (control, panel) => () => {\n    controls.forEach(\n      (node) => node !== control && node.setAttribute(\"aria-expanded\", false),\n    );\n\n    panels.forEach(\n      (node) =>\n        node !== panel && node.classList.replace(\"visible\", \"invisible\"),\n    );\n\n    const ariaExpanded = control.getAttribute(\"aria-expanded\");\n\n    // Prevent closing of the panel if it was already opened by hovering\n    const openedByHover = control.dataset.hover === \"true\";\n\n    if (ariaExpanded === \"true\" && !openedByHover) {\n      control.setAttribute(\"aria-expanded\", false);\n      panel.classList.replace(\"visible\", \"invisible\");\n    } else {\n      control.setAttribute(\"aria-expanded\", true);\n      panel.classList.replace(\"invisible\", \"visible\");\n    }\n\n    if (openedByHover) {\n      control.dataset.hover = false;\n    }\n\n    if (isSearchControl(control)) {\n      const searchInput = queryId(\"meganav-search-input\", panel);\n      if (!searchInput) return;\n      searchInput.focus();\n    } else {\n      control.focus();\n    }\n  };\n\n  return controls\n    .map((control) => {\n      const item = control.parentNode;\n      const panel = document.querySelector(\n        `#${control.getAttribute(\"aria-controls\")}`,\n      );\n      const click = clickHandler(control, panel);\n      control.addEventListener(\"click\", click);\n      let mouseenter, mouseleave;\n\n      if (!isSearchControl(control)) {\n        mouseenter = mouseenterHandler(control, panel);\n        mouseleave = mouseleaveHandler(control, panel);\n\n        item.addEventListener(\"mouseenter\", mouseenter);\n        item.addEventListener(\"mouseleave\", mouseleave);\n      }\n\n      return [\n        {\n          teardown: () => {\n            if (mouseenter && mouseleave) {\n              item.removeEventListener(\"mouseenter\", mouseenter);\n              item.removeEventListener(\"mouseleave\", mouseleave);\n            }\n\n            control.removeEventListener(\"click\", click);\n          },\n          clear: () => {\n            control.setAttribute(\"aria-expanded\", false);\n            panel.classList.replace(\"visible\", \"invisible\");\n          },\n        },\n      ];\n    })\n    .flat();\n};\n\nexport default MeganavControl;\n"],"names":["queryId","queryIdAll","MeganavControl","controls","Array","from","panels","mdBreakpoint","getComputedStyle","document","documentElement","getPropertyValue","hoverEnabled","window","matchMedia","matches","isSearchControl","node","dataset","control","isSearchPanelOpen","searchPanel","querySelector","classList","contains","controlsHaveFocus","some","activeElement","hover","panel","open","classes","replace","reverse","setAttribute","mouseenterHandler","mouseleaveHandler","clickHandler","forEach","ariaExpanded","getAttribute","openedByHover","searchInput","focus","map","item","parentNode","click","addEventListener","mouseenter","mouseleave","teardown","removeEventListener","clear","flat"],"mappings":"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"}

package/core/LegacyMeganav/MeganavControl.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";const MeganavControl=({ariaControls,ariaLabel,children,theme,additionalCSS})=>React.createElement("button",{type:"button","data-id":"meganav-control",className:`ui-meganav-link h-64 flex items-center group ${additionalCSS} ${theme.textColor}`,"aria-expanded":"false","aria-controls":ariaControls,"aria-label":`Show ${ariaLabel} panel`},children,React.createElement(Icon,{name:"icon-gui-chevron-down-micro",color:"text-cool-black",size:"1.5rem",additionalCSS:"group-hover:text-gui-hover group-focus:text-gui-focus"}));export default MeganavControl;
-//# sourceMappingURL=MeganavControl.js.map

package/core/LegacyMeganav/MeganavControl.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavControl.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport Icon from \"../Icon\";\nimport { MeganavTheme } from \"./LegacyMeganav\";\n\ntype MeganavControlProps = {\n  ariaControls: string;\n  ariaLabel: string;\n  children: ReactNode;\n  theme: MeganavTheme;\n  additionalCSS?: string;\n};\n\nconst MeganavControl = ({\n  ariaControls,\n  ariaLabel,\n  children,\n  theme,\n  additionalCSS,\n}: MeganavControlProps) => (\n  <button\n    type=\"button\"\n    data-id=\"meganav-control\"\n    className={`ui-meganav-link h-64 flex items-center group ${additionalCSS} ${theme.textColor}`}\n    aria-expanded=\"false\"\n    aria-controls={ariaControls}\n    aria-label={`Show ${ariaLabel} panel`}\n  >\n    {children}\n    <Icon\n      name=\"icon-gui-chevron-down-micro\"\n      color=\"text-cool-black\"\n      size=\"1.5rem\"\n      additionalCSS=\"group-hover:text-gui-hover group-focus:text-gui-focus\"\n    />\n  </button>\n);\n\nexport default MeganavControl;\n"],"names":["React","Icon","MeganavControl","ariaControls","ariaLabel","children","theme","additionalCSS","button","type","data-id","className","textColor","aria-expanded","aria-controls","aria-label","name","color","size"],"mappings":"AAAA,OAAOA,UAA0B,OAAQ,AAEzC,QAAOC,SAAU,SAAU,CAW3B,MAAMC,eAAiB,CAAC,CACtBC,YAAY,CACZC,SAAS,CACTC,QAAQ,CACRC,KAAK,CACLC,aAAa,CACO,GACpB,oBAACC,UACCC,KAAK,SACLC,UAAQ,kBACRC,UAAW,CAAC,6CAA6C,EAAEJ,cAAc,CAAC,EAAED,MAAMM,SAAS,CAAC,CAAC,CAC7FC,gBAAc,QACdC,gBAAeX,aACfY,aAAY,CAAC,KAAK,EAAEX,UAAU,MAAM,CAAC,EAEpCC,SACD,oBAACJ,MACCe,KAAK,8BACLC,MAAM,kBACNC,KAAK,SACLX,cAAc,0DAKpB,gBAAeL,cAAe"}

package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js

@@ -1,2 +0,0 @@
-import scrollLock from"scroll-lock";import{queryId}from"../../dom-query";const MeganavControlMobileDropdown=({clearPanels})=>{const control=queryId("meganav-control-mobile-dropdown");const dropdown=queryId("meganav-mobile-dropdown");const menuIcon=queryId("meganav-control-mobile-dropdown-menu");const closeIcon=queryId("meganav-control-mobile-dropdown-close");const clickHandler=()=>{const ariaExpanded=control.getAttribute("aria-expanded");if(ariaExpanded==="false"){dropdown.classList.replace("invisible","visible");control.setAttribute("aria-expanded",true);scrollLock.disablePageScroll()}else{dropdown.classList.replace("visible","invisible");control.setAttribute("aria-expanded",false);scrollLock.enablePageScroll();clearPanels()}menuIcon.classList.toggle("hidden");closeIcon.classList.toggle("hidden")};control.addEventListener("click",clickHandler);return{teardown:()=>{control.removeEventListener("click",clickHandler);scrollLock.enablePageScroll()},clear:()=>{dropdown.classList.replace("visible","invisible");control.setAttribute("aria-expanded",false);menuIcon.classList.remove("hidden");closeIcon.classList.add("hidden");scrollLock.enablePageScroll()}}};export default MeganavControlMobileDropdown;
-//# sourceMappingURL=component.js.map

package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/core/LegacyMeganav/MeganavControlMobileDropdown/component.js"],"sourcesContent":["import scrollLock from \"scroll-lock\";\n\nimport { queryId } from \"../../dom-query\";\n\nconst MeganavControlMobileDropdown = ({ clearPanels }) => {\n  const control = queryId(\"meganav-control-mobile-dropdown\");\n  const dropdown = queryId(\"meganav-mobile-dropdown\");\n  const menuIcon = queryId(\"meganav-control-mobile-dropdown-menu\");\n  const closeIcon = queryId(\"meganav-control-mobile-dropdown-close\");\n\n  const clickHandler = () => {\n    const ariaExpanded = control.getAttribute(\"aria-expanded\");\n\n    if (ariaExpanded === \"false\") {\n      dropdown.classList.replace(\"invisible\", \"visible\");\n      control.setAttribute(\"aria-expanded\", true);\n      scrollLock.disablePageScroll();\n    } else {\n      dropdown.classList.replace(\"visible\", \"invisible\");\n      control.setAttribute(\"aria-expanded\", false);\n      scrollLock.enablePageScroll();\n      clearPanels();\n    }\n\n    menuIcon.classList.toggle(\"hidden\");\n    closeIcon.classList.toggle(\"hidden\");\n  };\n\n  control.addEventListener(\"click\", clickHandler);\n\n  return {\n    teardown: () => {\n      control.removeEventListener(\"click\", clickHandler);\n      scrollLock.enablePageScroll();\n    },\n    clear: () => {\n      dropdown.classList.replace(\"visible\", \"invisible\");\n      control.setAttribute(\"aria-expanded\", false);\n      menuIcon.classList.remove(\"hidden\");\n      closeIcon.classList.add(\"hidden\");\n      scrollLock.enablePageScroll();\n    },\n  };\n};\n\nexport default MeganavControlMobileDropdown;\n"],"names":["scrollLock","queryId","MeganavControlMobileDropdown","clearPanels","control","dropdown","menuIcon","closeIcon","clickHandler","ariaExpanded","getAttribute","classList","replace","setAttribute","disablePageScroll","enablePageScroll","toggle","addEventListener","teardown","removeEventListener","clear","remove","add"],"mappings":"AAAA,OAAOA,eAAgB,aAAc,AAErC,QAASC,OAAO,KAAQ,iBAAkB,CAE1C,MAAMC,6BAA+B,CAAC,CAAEC,WAAW,CAAE,IACnD,MAAMC,QAAUH,QAAQ,mCACxB,MAAMI,SAAWJ,QAAQ,2BACzB,MAAMK,SAAWL,QAAQ,wCACzB,MAAMM,UAAYN,QAAQ,yCAE1B,MAAMO,aAAe,KACnB,MAAMC,aAAeL,QAAQM,YAAY,CAAC,iBAE1C,GAAID,eAAiB,QAAS,CAC5BJ,SAASM,SAAS,CAACC,OAAO,CAAC,YAAa,WACxCR,QAAQS,YAAY,CAAC,gBAAiB,MACtCb,WAAWc,iBAAiB,EAC9B,KAAO,CACLT,SAASM,SAAS,CAACC,OAAO,CAAC,UAAW,aACtCR,QAAQS,YAAY,CAAC,gBAAiB,OACtCb,WAAWe,gBAAgB,GAC3BZ,aACF,CAEAG,SAASK,SAAS,CAACK,MAAM,CAAC,UAC1BT,UAAUI,SAAS,CAACK,MAAM,CAAC,SAC7B,EAEAZ,QAAQa,gBAAgB,CAAC,QAAST,cAElC,MAAO,CACLU,SAAU,KACRd,QAAQe,mBAAmB,CAAC,QAASX,cACrCR,WAAWe,gBAAgB,EAC7B,EACAK,MAAO,KACLf,SAASM,SAAS,CAACC,OAAO,CAAC,UAAW,aACtCR,QAAQS,YAAY,CAAC,gBAAiB,OACtCP,SAASK,SAAS,CAACU,MAAM,CAAC,UAC1Bd,UAAUI,SAAS,CAACW,GAAG,CAAC,UACxBtB,WAAWe,gBAAgB,EAC7B,CACF,CACF,CAEA,gBAAeb,4BAA6B"}

package/core/LegacyMeganav/MeganavControlMobileDropdown.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";const MeganavControlMobileDropdown=({theme})=>React.createElement("button",{type:"button",className:"block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none","data-id":"meganav-control-mobile-dropdown","aria-expanded":"false","aria-controls":"meganav-mobile-dropdown"},React.createElement(Icon,{name:"icon-gui-bars-3-outline",size:"1.5rem",color:theme.mobileMenuColor,additionalCSS:"transition-colors","data-id":"meganav-control-mobile-dropdown-menu"}),React.createElement(Icon,{name:"icon-gui-x-mark-outline",size:"1.5rem",color:theme.mobileMenuColor,additionalCSS:"transition-colors hidden","data-id":"meganav-control-mobile-dropdown-close"}));export default MeganavControlMobileDropdown;
-//# sourceMappingURL=MeganavControlMobileDropdown.js.map

package/core/LegacyMeganav/MeganavControlMobileDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavControlMobileDropdown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"../Icon\";\nimport { MeganavTheme } from \"./LegacyMeganav\";\n\nconst MeganavControlMobileDropdown = ({ theme }: { theme: MeganavTheme }) => (\n  <button\n    type=\"button\"\n    className=\"block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none\"\n    data-id=\"meganav-control-mobile-dropdown\"\n    aria-expanded=\"false\"\n    aria-controls=\"meganav-mobile-dropdown\"\n  >\n    <Icon\n      name=\"icon-gui-bars-3-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors\"\n      data-id=\"meganav-control-mobile-dropdown-menu\"\n    />\n    <Icon\n      name=\"icon-gui-x-mark-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors hidden\"\n      data-id=\"meganav-control-mobile-dropdown-close\"\n    />\n  </button>\n);\n\nexport default MeganavControlMobileDropdown;\n"],"names":["React","Icon","MeganavControlMobileDropdown","theme","button","type","className","data-id","aria-expanded","aria-controls","name","size","color","mobileMenuColor","additionalCSS"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,SAAU,SAAU,CAG3B,MAAMC,6BAA+B,CAAC,CAAEC,KAAK,CAA2B,GACtE,oBAACC,UACCC,KAAK,SACLC,UAAU,2FACVC,UAAQ,kCACRC,gBAAc,QACdC,gBAAc,2BAEd,oBAACR,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,oBACdP,UAAQ,yCAEV,oBAACN,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,2BACdP,UAAQ,0CAKd,gBAAeL,4BAA6B"}

package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js

@@ -1,2 +0,0 @@
-import{queryIdAll}from"../../dom-query";export default(()=>{const closeControls=Array.from(queryIdAll("meganav-control-mobile-panel-close"));const openControls=Array.from(queryIdAll("meganav-control-mobile-panel-open"));const clickHandler=(btn,openBtn,panel)=>()=>{btn.setAttribute("aria-expanded",false);openBtn.setAttribute("aria-expanded",false);panel.classList.replace("block","hidden");panel.style.height=null};return closeControls.map(btn=>{const openBtn=openControls.find(open=>open.getAttribute("aria-controls")===btn.getAttribute("aria-controls"));const panel=document.querySelector(`#${btn.getAttribute("aria-controls")}`);const handler=clickHandler(btn,openBtn,panel);btn.addEventListener("click",handler);return{teardown:()=>btn.removeEventListener("click",handler),clear:()=>btn.setAttribute("aria-expanded",false)}})});
-//# sourceMappingURL=component.js.map

package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js"],"sourcesContent":["import { queryIdAll } from \"../../dom-query\";\n\nexport default () => {\n  const closeControls = Array.from(\n    queryIdAll(\"meganav-control-mobile-panel-close\"),\n  );\n  const openControls = Array.from(\n    queryIdAll(\"meganav-control-mobile-panel-open\"),\n  );\n\n  const clickHandler = (btn, openBtn, panel) => () => {\n    btn.setAttribute(\"aria-expanded\", false);\n    openBtn.setAttribute(\"aria-expanded\", false);\n    panel.classList.replace(\"block\", \"hidden\");\n    panel.style.height = null;\n  };\n\n  return closeControls.map((btn) => {\n    const openBtn = openControls.find(\n      (open) =>\n        open.getAttribute(\"aria-controls\") ===\n        btn.getAttribute(\"aria-controls\"),\n    );\n    const panel = document.querySelector(\n      `#${btn.getAttribute(\"aria-controls\")}`,\n    );\n    const handler = clickHandler(btn, openBtn, panel);\n\n    btn.addEventListener(\"click\", handler);\n\n    return {\n      teardown: () => btn.removeEventListener(\"click\", handler),\n      clear: () => btn.setAttribute(\"aria-expanded\", false),\n    };\n  });\n};\n"],"names":["queryIdAll","closeControls","Array","from","openControls","clickHandler","btn","openBtn","panel","setAttribute","classList","replace","style","height","map","find","open","getAttribute","document","querySelector","handler","addEventListener","teardown","removeEventListener","clear"],"mappings":"AAAA,OAASA,UAAU,KAAQ,iBAAkB,AAE7C,eAAe,CAAA,KACb,MAAMC,cAAgBC,MAAMC,IAAI,CAC9BH,WAAW,uCAEb,MAAMI,aAAeF,MAAMC,IAAI,CAC7BH,WAAW,sCAGb,MAAMK,aAAe,CAACC,IAAKC,QAASC,QAAU,KAC5CF,IAAIG,YAAY,CAAC,gBAAiB,OAClCF,QAAQE,YAAY,CAAC,gBAAiB,OACtCD,MAAME,SAAS,CAACC,OAAO,CAAC,QAAS,SACjCH,CAAAA,MAAMI,KAAK,CAACC,MAAM,CAAG,IACvB,EAEA,OAAOZ,cAAca,GAAG,CAAC,AAACR,MACxB,MAAMC,QAAUH,aAAaW,IAAI,CAC/B,AAACC,MACCA,KAAKC,YAAY,CAAC,mBAClBX,IAAIW,YAAY,CAAC,kBAErB,MAAMT,MAAQU,SAASC,aAAa,CAClC,CAAC,CAAC,EAAEb,IAAIW,YAAY,CAAC,iBAAiB,CAAC,EAEzC,MAAMG,QAAUf,aAAaC,IAAKC,QAASC,OAE3CF,IAAIe,gBAAgB,CAAC,QAASD,SAE9B,MAAO,CACLE,SAAU,IAAMhB,IAAIiB,mBAAmB,CAAC,QAASH,SACjDI,MAAO,IAAMlB,IAAIG,YAAY,CAAC,gBAAiB,MACjD,CACF,EACF,CAAA,CAAE"}

package/core/LegacyMeganav/MeganavControlMobilePanelClose.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";const MeganavControlMobilePanelClose=({ariaControls,displayHr=true})=>React.createElement("div",{className:"mx-24 md:mx-32"},React.createElement("button",{type:"button",className:"ui-meganav-mobile-link text-gui-default mb-16","data-id":"meganav-control-mobile-panel-close","aria-expanded":"false","aria-controls":ariaControls,"aria-label":"Hide panel"},React.createElement(Icon,{name:"icon-gui-chevron-left-micro",color:"text-cool-black",size:"1.5rem",additionalCSS:"relative -top-1"}),"Back"),displayHr?React.createElement("hr",{className:"ui-meganav-hr"}):null);export default MeganavControlMobilePanelClose;
-//# sourceMappingURL=MeganavControlMobilePanelClose.js.map

package/core/LegacyMeganav/MeganavControlMobilePanelClose.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavControlMobilePanelClose.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"../Icon\";\ntype MeganavControlMobilePanelCloseProps = {\n  ariaControls: string;\n  displayHr?: boolean;\n};\n\nconst MeganavControlMobilePanelClose = ({\n  ariaControls,\n  displayHr = true,\n}: MeganavControlMobilePanelCloseProps) => (\n  <div className=\"mx-24 md:mx-32\">\n    <button\n      type=\"button\"\n      className=\"ui-meganav-mobile-link text-gui-default mb-16\"\n      data-id=\"meganav-control-mobile-panel-close\"\n      aria-expanded=\"false\"\n      aria-controls={ariaControls}\n      aria-label=\"Hide panel\"\n    >\n      <Icon\n        name=\"icon-gui-chevron-left-micro\"\n        color=\"text-cool-black\"\n        size=\"1.5rem\"\n        additionalCSS=\"relative -top-1\"\n      />\n      Back\n    </button>\n    {displayHr ? <hr className=\"ui-meganav-hr\" /> : null}\n  </div>\n);\n\nexport default MeganavControlMobilePanelClose;\n"],"names":["React","Icon","MeganavControlMobilePanelClose","ariaControls","displayHr","div","className","button","type","data-id","aria-expanded","aria-controls","aria-label","name","color","size","additionalCSS","hr"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,SAAU,SAAU,CAM3B,MAAMC,+BAAiC,CAAC,CACtCC,YAAY,CACZC,UAAY,IAAI,CACoB,GACpC,oBAACC,OAAIC,UAAU,kBACb,oBAACC,UACCC,KAAK,SACLF,UAAU,gDACVG,UAAQ,qCACRC,gBAAc,QACdC,gBAAeR,aACfS,aAAW,cAEX,oBAACX,MACCY,KAAK,8BACLC,MAAM,kBACNC,KAAK,SACLC,cAAc,oBACd,QAGHZ,UAAY,oBAACa,MAAGX,UAAU,kBAAqB,KAIpD,gBAAeJ,8BAA+B"}

package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js

@@ -1,2 +0,0 @@
-import{queryId,queryIdAll}from"../../dom-query";import{remsToPixelValue}from"../../css";export default(()=>{const closeControls=Array.from(queryIdAll("meganav-control-mobile-panel-close"));const openControls=Array.from(queryIdAll("meganav-control-mobile-panel-open"));const dropdown=queryId("meganav-mobile-dropdown");const meganavHeight=remsToPixelValue(getComputedStyle(document.documentElement).getPropertyValue("--ui-meganav-height"));const clickHandler=(btn,closeBtn,panel)=>()=>{btn.setAttribute("aria-expanded",true);closeBtn.setAttribute("aria-expanded",true);panel.classList.replace("hidden","block");panel.style.height=`${window.innerHeight-meganavHeight>panel.offsetHeight?panel.offsetHeight:window.innerHeight-meganavHeight}px`};return openControls.map(btn=>{const closeBtn=closeControls.find(node=>node.getAttribute("aria-controls")===btn.getAttribute("aria-controls"));const panel=document.querySelector(`#${btn.getAttribute("aria-controls")}`);const handler=clickHandler(btn,closeBtn,panel);btn.addEventListener("click",handler);return{teardown:()=>btn.removeEventListener("click",handler),clear:()=>{panel.classList.replace("block","hidden");dropdown.classList.remove("ui-meganav-mobile-dropdown-expand");btn.setAttribute("aria-expanded",false);panel.style.height=null}}})});
-//# sourceMappingURL=component.js.map

package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js"],"sourcesContent":["import { queryId, queryIdAll } from \"../../dom-query\";\nimport { remsToPixelValue } from \"../../css\";\n\nexport default () => {\n  const closeControls = Array.from(\n    queryIdAll(\"meganav-control-mobile-panel-close\"),\n  );\n  const openControls = Array.from(\n    queryIdAll(\"meganav-control-mobile-panel-open\"),\n  );\n  const dropdown = queryId(\"meganav-mobile-dropdown\");\n\n  // Height is defined in rem's so to get the pixel value we need to find the fontSize on root\n  const meganavHeight = remsToPixelValue(\n    getComputedStyle(document.documentElement).getPropertyValue(\n      \"--ui-meganav-height\",\n    ),\n  );\n\n  const clickHandler = (btn, closeBtn, panel) => () => {\n    btn.setAttribute(\"aria-expanded\", true);\n    closeBtn.setAttribute(\"aria-expanded\", true);\n    panel.classList.replace(\"hidden\", \"block\");\n\n    // On devices where we don't have enough space for the panel, set it's height to\n    // the height of the viewport (minus the meganav height) - this will trigger a scroll.\n    // Otherwise just set it to the panel height. This handles the case where the ratio of vertical\n    // space to horizontal is especially high (think tablets, but not only).\n    panel.style.height = `${\n      window.innerHeight - meganavHeight > panel.offsetHeight\n        ? panel.offsetHeight\n        : window.innerHeight - meganavHeight\n    }px`;\n  };\n\n  return openControls.map((btn) => {\n    const closeBtn = closeControls.find(\n      (node) =>\n        node.getAttribute(\"aria-controls\") ===\n        btn.getAttribute(\"aria-controls\"),\n    );\n    const panel = document.querySelector(\n      `#${btn.getAttribute(\"aria-controls\")}`,\n    );\n    const handler = clickHandler(btn, closeBtn, panel);\n\n    btn.addEventListener(\"click\", handler);\n\n    return {\n      teardown: () => btn.removeEventListener(\"click\", handler),\n      clear: () => {\n        panel.classList.replace(\"block\", \"hidden\");\n        dropdown.classList.remove(\"ui-meganav-mobile-dropdown-expand\");\n        btn.setAttribute(\"aria-expanded\", false);\n        panel.style.height = null;\n      },\n    };\n  });\n};\n"],"names":["queryId","queryIdAll","remsToPixelValue","closeControls","Array","from","openControls","dropdown","meganavHeight","getComputedStyle","document","documentElement","getPropertyValue","clickHandler","btn","closeBtn","panel","setAttribute","classList","replace","style","height","window","innerHeight","offsetHeight","map","find","node","getAttribute","querySelector","handler","addEventListener","teardown","removeEventListener","clear","remove"],"mappings":"AAAA,OAASA,OAAO,CAAEC,UAAU,KAAQ,iBAAkB,AACtD,QAASC,gBAAgB,KAAQ,WAAY,AAE7C,eAAe,CAAA,KACb,MAAMC,cAAgBC,MAAMC,IAAI,CAC9BJ,WAAW,uCAEb,MAAMK,aAAeF,MAAMC,IAAI,CAC7BJ,WAAW,sCAEb,MAAMM,SAAWP,QAAQ,2BAGzB,MAAMQ,cAAgBN,iBACpBO,iBAAiBC,SAASC,eAAe,EAAEC,gBAAgB,CACzD,wBAIJ,MAAMC,aAAe,CAACC,IAAKC,SAAUC,QAAU,KAC7CF,IAAIG,YAAY,CAAC,gBAAiB,MAClCF,SAASE,YAAY,CAAC,gBAAiB,MACvCD,MAAME,SAAS,CAACC,OAAO,CAAC,SAAU,QAMlCH,CAAAA,MAAMI,KAAK,CAACC,MAAM,CAAG,CAAC,EACpBC,OAAOC,WAAW,CAAGf,cAAgBQ,MAAMQ,YAAY,CACnDR,MAAMQ,YAAY,CAClBF,OAAOC,WAAW,CAAGf,cAC1B,EAAE,CAAC,AACN,EAEA,OAAOF,aAAamB,GAAG,CAAC,AAACX,MACvB,MAAMC,SAAWZ,cAAcuB,IAAI,CACjC,AAACC,MACCA,KAAKC,YAAY,CAAC,mBAClBd,IAAIc,YAAY,CAAC,kBAErB,MAAMZ,MAAQN,SAASmB,aAAa,CAClC,CAAC,CAAC,EAAEf,IAAIc,YAAY,CAAC,iBAAiB,CAAC,EAEzC,MAAME,QAAUjB,aAAaC,IAAKC,SAAUC,OAE5CF,IAAIiB,gBAAgB,CAAC,QAASD,SAE9B,MAAO,CACLE,SAAU,IAAMlB,IAAImB,mBAAmB,CAAC,QAASH,SACjDI,MAAO,KACLlB,MAAME,SAAS,CAACC,OAAO,CAAC,QAAS,UACjCZ,SAASW,SAAS,CAACiB,MAAM,CAAC,qCAC1BrB,IAAIG,YAAY,CAAC,gBAAiB,MAClCD,CAAAA,MAAMI,KAAK,CAACC,MAAM,CAAG,IACvB,CACF,CACF,EACF,CAAA,CAAE"}

package/core/LegacyMeganav/MeganavControlMobilePanelOpen.js

@@ -1,2 +0,0 @@
-import React from"react";import Icon from"../Icon";const MeganavControlMobilePanelOpen=({ariaControls,children})=>React.createElement("button",{type:"button",className:"ui-meganav-mobile-link","data-id":"meganav-control-mobile-panel-open","aria-expanded":"false","aria-controls":ariaControls,"aria-label":`Show ${children}`},children,React.createElement(Icon,{name:"icon-gui-chevron-right-micro",color:"text-cool-black",size:"1.5rem",additionalCSS:"relative -top-1 ml-auto float-right"}));export default MeganavControlMobilePanelOpen;
-//# sourceMappingURL=MeganavControlMobilePanelOpen.js.map

package/core/LegacyMeganav/MeganavControlMobilePanelOpen.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavControlMobilePanelOpen.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport Icon from \"../Icon\";\ntype MeganavControlMobilePanelOpenProps = {\n  ariaControls: string;\n  children: ReactNode;\n};\n\nconst MeganavControlMobilePanelOpen = ({\n  ariaControls,\n  children,\n}: MeganavControlMobilePanelOpenProps) => (\n  <button\n    type=\"button\"\n    className=\"ui-meganav-mobile-link\"\n    data-id=\"meganav-control-mobile-panel-open\"\n    aria-expanded=\"false\"\n    aria-controls={ariaControls}\n    aria-label={`Show ${children}`}\n  >\n    {children}\n    <Icon\n      name=\"icon-gui-chevron-right-micro\"\n      color=\"text-cool-black\"\n      size=\"1.5rem\"\n      additionalCSS=\"relative -top-1 ml-auto float-right\"\n    />\n  </button>\n);\n\nexport default MeganavControlMobilePanelOpen;\n"],"names":["React","Icon","MeganavControlMobilePanelOpen","ariaControls","children","button","type","className","data-id","aria-expanded","aria-controls","aria-label","name","color","size","additionalCSS"],"mappings":"AAAA,OAAOA,UAA0B,OAAQ,AAEzC,QAAOC,SAAU,SAAU,CAM3B,MAAMC,8BAAgC,CAAC,CACrCC,YAAY,CACZC,QAAQ,CAC2B,GACnC,oBAACC,UACCC,KAAK,SACLC,UAAU,yBACVC,UAAQ,oCACRC,gBAAc,QACdC,gBAAeP,aACfQ,aAAY,CAAC,KAAK,EAAEP,SAAS,CAAC,EAE7BA,SACD,oBAACH,MACCW,KAAK,+BACLC,MAAM,kBACNC,KAAK,SACLC,cAAc,wCAKpB,gBAAeb,6BAA8B"}

package/core/LegacyMeganav/MeganavItemsDesktop.js

@@ -1,2 +0,0 @@
-import React from"react";import MeganavData from"./component.json";import MeganavControl from"./MeganavControl";const MeganavDesktopItems=({panels,paths,theme,absUrl,statusUrl})=>React.createElement("ul",{className:"hidden md:flex","data-id":"meganav-items-desktop"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const bgCSS=["products-panel","use-cases-panel"].includes(panel.id)?"ui-meganav-panel-split-bg":"";return React.createElement("li",{className:"ui-meganav-item",key:panel.id},React.createElement(MeganavControl,{theme:theme,ariaControls:panel.id,ariaLabel:panel.label},React.createElement("span",{className:"hidden lg:inline"},panel.label),React.createElement("span",{className:"lg:hidden"},panel.shortLabel)),React.createElement("div",{className:`ui-meganav-panel invisible ${bgCSS}`,id:panel.id,"data-id":"meganav-panel"},React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/pricing"),"data-id":"meganav-link",className:`ui-meganav-link h-64 items-center flex ${theme.textColor}`},"Pricing")));export default React.memo(MeganavDesktopItems);
-//# sourceMappingURL=MeganavItemsDesktop.js.map

package/core/LegacyMeganav/MeganavItemsDesktop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/core/LegacyMeganav/MeganavItemsDesktop.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavData from \"./component.json\";\nimport MeganavControl from \"./MeganavControl\";\nimport {\n  AbsUrl,\n  MeganavPanels,\n  MeganavPaths,\n  MeganavTheme,\n} from \"./LegacyMeganav\";\n\ntype MeganavDesktopItems = {\n  panels: MeganavPanels;\n  paths?: MeganavPaths;\n  theme: MeganavTheme;\n  absUrl: AbsUrl;\n  statusUrl: string;\n};\n\nconst MeganavDesktopItems = ({\n  panels,\n  paths,\n  theme,\n  absUrl,\n  statusUrl,\n}: MeganavDesktopItems) => (\n  <ul className=\"hidden md:flex\" data-id=\"meganav-items-desktop\">\n    {MeganavData.panels.map((panel) => {\n      const PanelComponent = panels[panel.component];\n      const bgCSS = [\"products-panel\", \"use-cases-panel\"].includes(panel.id)\n        ? \"ui-meganav-panel-split-bg\"\n        : \"\";\n\n      return (\n        <li className=\"ui-meganav-item\" key={panel.id}>\n          <MeganavControl\n            theme={theme}\n            ariaControls={panel.id}\n            ariaLabel={panel.label}\n          >\n            <span className=\"hidden lg:inline\">{panel.label}</span>\n            <span className=\"lg:hidden\">{panel.shortLabel}</span>\n          </MeganavControl>\n\n          <div\n            className={`ui-meganav-panel invisible ${bgCSS}`}\n            id={panel.id}\n            data-id=\"meganav-panel\"\n          >\n            <PanelComponent\n              paths={paths}\n              absUrl={absUrl}\n              statusUrl={statusUrl}\n            />\n          </div>\n        </li>\n      );\n    })}\n\n    <li className=\"ui-meganav-item\">\n      <a\n        href={absUrl(\"/pricing\")}\n        data-id=\"meganav-link\"\n        className={`ui-meganav-link h-64 items-center flex ${theme.textColor}`}\n      >\n        Pricing\n      </a>\n    </li>\n  </ul>\n);\n\nexport default React.memo(MeganavDesktopItems);\n"],"names":["React","MeganavData","MeganavControl","MeganavDesktopItems","panels","paths","theme","absUrl","statusUrl","ul","className","data-id","map","panel","PanelComponent","component","bgCSS","includes","id","li","key","ariaControls","ariaLabel","label","span","shortLabel","div","a","href","textColor","memo"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,gBAAiB,kBAAmB,AAC3C,QAAOC,mBAAoB,kBAAmB,CAgB9C,MAAMC,oBAAsB,CAAC,CAC3BC,MAAM,CACNC,KAAK,CACLC,KAAK,CACLC,MAAM,CACNC,SAAS,CACW,GACpB,oBAACC,MAAGC,UAAU,iBAAiBC,UAAQ,yBACpCV,YAAYG,MAAM,CAACQ,GAAG,CAAC,AAACC,QACvB,MAAMC,eAAiBV,MAAM,CAACS,MAAME,SAAS,CAAC,CAC9C,MAAMC,MAAQ,CAAC,iBAAkB,kBAAkB,CAACC,QAAQ,CAACJ,MAAMK,EAAE,EACjE,4BACA,GAEJ,OACE,oBAACC,MAAGT,UAAU,kBAAkBU,IAAKP,MAAMK,EAAE,EAC3C,oBAAChB,gBACCI,MAAOA,MACPe,aAAcR,MAAMK,EAAE,CACtBI,UAAWT,MAAMU,KAAK,EAEtB,oBAACC,QAAKd,UAAU,oBAAoBG,MAAMU,KAAK,EAC/C,oBAACC,QAAKd,UAAU,aAAaG,MAAMY,UAAU,GAG/C,oBAACC,OACChB,UAAW,CAAC,2BAA2B,EAAEM,MAAM,CAAC,CAChDE,GAAIL,MAAMK,EAAE,CACZP,UAAQ,iBAER,oBAACG,gBACCT,MAAOA,MACPE,OAAQA,OACRC,UAAWA,aAKrB,GAEA,oBAACW,MAAGT,UAAU,mBACZ,oBAACiB,KACCC,KAAMrB,OAAO,YACbI,UAAQ,eACRD,UAAW,CAAC,uCAAuC,EAAEJ,MAAMuB,SAAS,CAAC,CAAC,EACvE,YAOP,gBAAe7B,MAAM8B,IAAI,CAAC3B,oBAAqB"}

package/core/LegacyMeganav/MeganavItemsMobile.js

@@ -1,2 +0,0 @@
-import React from"react";import SignOutLink from"./SignOutLink";import MeganavSearchSuggestions from"./MeganavSearchSuggestions";import Icon from"../Icon";import MeganavData from"./component.json";import MeganavControlMobileDropdown from"./MeganavControlMobileDropdown";import MeganavControlMobilePanelClose from"./MeganavControlMobilePanelClose";import MeganavControlMobilePanelOpen from"./MeganavControlMobilePanelOpen";import MeganavSearchAutocomplete from"./MeganavSearchAutocomplete";const MeganavItemsMobile=({panels,paths,sessionState,theme,loginLink,absUrl,statusUrl,searchDataId})=>{const classNames=`ui-meganav-link ${theme.textColor}`;return React.createElement("ul",{className:"flex md:hidden items-center","data-id":"meganav-items-mobile"},React.createElement("li",null,sessionState?.signedIn&&sessionState?.logOut?React.createElement(SignOutLink,{absUrl:absUrl,...sessionState.logOut},({text,href,onClick})=>React.createElement("a",{onClick:onClick,href:absUrl(href),className:classNames,"data-id":"meganav-link"},text)):React.createElement("a",{href:absUrl(loginLink),className:classNames,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavControlMobileDropdown,{theme:theme}),React.createElement("div",{className:"ui-meganav-mobile-dropdown invisible",id:"meganav-mobile-dropdown","data-id":"meganav-mobile-dropdown"},React.createElement("div",{className:"pt-24 pb-16 ui-grid-px bg-white"},React.createElement("form",{className:"mb-16",action:absUrl("/search"),method:"get"},React.createElement("div",{className:"relative w-full"},React.createElement(Icon,{name:"icon-gui-magnifying-glass-outline",color:"text-cool-black",size:"1.5rem",additionalCSS:"absolute top-12 left-16 hover:text-gui-hover"}),React.createElement("button",{type:"button",className:"absolute top-12 right-16 p-0 focus:outline-none focus-visible:outline-gui-focus m-0 md:hidden invisible","data-id":"meganav-search-input-clear"},React.createElement(Icon,{name:"icon-gui-x-circle-solid",color:"text-dark-grey",size:"1.5rem",additionalCSS:""})),React.createElement("input",{type:"search",name:"q",className:"ui-input px-48 h-48",style:{maxWidth:"none"},placeholder:"Search",autoComplete:"off","data-id":searchDataId??"meganav-mobile-search-input"}),React.createElement(MeganavSearchAutocomplete,null))),React.createElement("div",{className:"max-h-0 overflow-hidden transition-all","data-id":"meganav-mobile-search-suggestions"},React.createElement(MeganavSearchSuggestions,{absUrl:absUrl,displaySupportLink:false})),React.createElement("ul",{className:"mb-16","data-id":"meganav-mobile-panel-controls"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const displayHr=["company-panel","developers-panel"].includes(panel.id);return React.createElement("li",{className:"ui-meganav-mobile-item",key:`${panel.id}-mobile`},React.createElement(MeganavControlMobilePanelOpen,{ariaControls:`${panel.id}-mobile`},panel.label),React.createElement("div",{className:"ui-meganav-panel-mobile hidden",id:`${panel.id}-mobile`,"data-scroll-lock-scrollable":true},React.createElement(MeganavControlMobilePanelClose,{ariaControls:`${panel.id}-mobile`,displayHr:displayHr}),React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",null,React.createElement("a",{href:absUrl("/pricing"),className:"ui-meganav-mobile-link"},"Pricing"))),React.createElement("hr",{className:"ui-meganav-hr mb-20"}),React.createElement("div",{className:"flex justify-between items-center mb-16"},React.createElement("a",{href:absUrl("/contact"),className:"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"},"Contact us"),sessionState?.signedIn&&sessionState?.account?React.createElement("a",{href:absUrl(sessionState.account.links.dashboard.href),className:"ui-btn-secondary"},"Dashboard"):React.createElement("a",{href:absUrl("/sign-up"),className:"ui-btn"},"Sign up free"))))))};export default React.memo(MeganavItemsMobile,(oldState,newState)=>{const{paths:pathsOld,theme:themeOld}=oldState;const{paths:pathsNew,theme:themeNew}=newState;return pathsOld===pathsNew&&themeOld===themeNew&&Object.keys(newState.sessionState||{}).length===0});
-//# sourceMappingURL=MeganavItemsMobile.js.map