\n\t\t`;\n\t}\n\n\trenderMobileMenu() {\n\t\treturn html`\n\t\t\t\n\t\t\t\t${this.renderMenu()}\n\t\t\t\t\n\t\t\t\n\t\t`;\n\t}\n\n\trenderCta() {\n\t\treturn html`\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t`;\n\t}\n\n\trenderLogo() {\n\t\treturn html`\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t`;\n\t}\n\n\trender() {\n\t\tconst { isMobile, isMenuOpen, sessionUser } = this.controller.model;\n\t\treturn html`\n\t\t\t\n\t\t`;\n\t}\n}\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { customElement } from \"lit/decorators/custom-element.js\";\nimport { sharedStyles } from \"../../styles/shared\";\nimport \"../../molecules/landing/landing-footer\";\nimport \"../../molecules/landing/landing-navbar\";\nimport { ROUTES } from \"../../config\";\nimport { addRouteChangedListener, pushState, reloadApp, removeRouteChangedListener } from \"../../util/route-util\";\nimport { setIsMenuOpen } from \"../../state/app/app-action\";\nimport { state } from \"lit/decorators/state.js\";\nimport { Store } from \"../../state/store\";\nimport { themeStore } from \"../../state/theme/theme-store\";\nimport { Controller } from \"../../state/controller\";\nimport { sessionStore } from \"../../state/session/session-store\";\nimport { isColorModeDark } from \"../../util/color-mode-util\";\nimport { loadLiveChatButton } from \"../../util/intercom-util\";\nimport { setLanguage } from \"../../state/language/language-action\";\nimport { LANGUAGE_CODES } from \"shared\";\nimport { get, listenForLangChanged } from \"lit-translate\";\nimport { saveUTM } from \"../../util/utm-util\";\n\ninterface RouteInfo {\n\ttitle: string;\n\tdescription: string;\n}\n\nconst ROUTE_INFO_MAP: Record RouteInfo | Promise> = {\n\t[ROUTES.features()]: async () => {\n\t\tconst id = location.pathname.split(\"/\")?.[2];\n\t\tconst { ALL_FEATURES } = await import(\"../../data/all-features\");\n\t\tconst match = ALL_FEATURES()\n\t\t\t.flatMap((c) => c.items)\n\t\t\t.find((feature) => feature.id === id);\n\t\treturn {\n\t\t\ttitle: `${get(\"Ideamap | Features\")}${match != null ? ` | ${match.name}` : \"\"}`,\n\t\t\tdescription:\n\t\t\t\tmatch != null\n\t\t\t\t\t? get(`Learn more about how {{featureName}} can help you when brainstorming.`, {\n\t\t\t\t\t\t\tfeatureName: match.name\n\t\t\t\t\t\t})\n\t\t\t\t\t: get(`Learn more about how Ideamap can help you when brainstorming.`)\n\t\t};\n\t},\n\t[ROUTES.help()]: async () => {\n\t\tconst id = location.pathname.split(\"/\")?.[2];\n\t\tconst { HELP_SECTIONS } = await import(\"../../data/help-sections\");\n\t\tconst match = HELP_SECTIONS.find((article) => article.id === id);\n\t\treturn {\n\t\t\ttitle: `${get(\"Ideamap | Help Center\")}${match != null ? ` | ${match.title}` : \"\"}`,\n\t\t\tdescription:\n\t\t\t\tmatch?.text ??\n\t\t\t\tget(`Welcome to the official help center of Ideamap. We're here to help you learn about Ideamap.`)\n\t\t};\n\t},\n\t[ROUTES.toolbox()]: async () => {\n\t\tconst id = location.pathname.split(\"/\")?.[2];\n\t\tconst { TOOLBOX_ITEMS_MAP } = await import(\"../../data/toolbox-items\");\n\t\tconst match = Object.entries(TOOLBOX_ITEMS_MAP)\n\t\t\t.flatMap(([key, items]) => items)\n\t\t\t.find((item) => item.id === id);\n\t\tconst { getToolboxMarkdownContent } = await import(\"../../molecules/toolbox\");\n\t\tconst markdown = match != null ? await getToolboxMarkdownContent(match.id) : null;\n\t\treturn {\n\t\t\ttitle: `${get(\"Ideamap | Facilitator Toolbox\")}${match != null ? ` | ${get(/*@ignore*/ match.name)}` : \"\"}`,\n\t\t\tdescription: markdown?.length\n\t\t\t\t? markdown.split(\"\\n\")?.[1]\n\t\t\t\t: get(`A collection of tools to help you facilitate better workshops.`)\n\t\t};\n\t},\n\t[ROUTES.blog()]: async () => {\n\t\tconst id = location.pathname.split(\"/\")?.[2];\n\t\tconst { BLOG_ARTICLES } = await import(\"../../data/blog-articles\");\n\t\tconst match = BLOG_ARTICLES.find((article) => article.id === id);\n\t\treturn {\n\t\t\ttitle: match?.title ?? get(`Ideamap | Blog`),\n\t\t\tdescription:\n\t\t\t\tmatch?.text ??\n\t\t\t\tget(\"Welcome to the official blog of Ideamap, your visual workspace for brainstorming with your teams and AI.\")\n\t\t};\n\t},\n\t[ROUTES.pricing]: () => ({\n\t\ttitle: get(\"Ideamap | Pricing\"),\n\t\tdescription: get(\"Learn more about Ideamap's pricing plans and how you can get more features.\")\n\t}),\n\t[ROUTES.affiliate]: () => ({\n\t\ttitle: get(\"Ideamap | Affiliate Program\"),\n\t\tdescription: get(\"Learn more about Ideamap's affiliate program and how you can earn money.\")\n\t}),\n\t[ROUTES.getStarted]: () => ({\n\t\ttitle: get(\"Ideamap | Get Started\"),\n\t\tdescription: get(\"Get started with Ideamap for free.\")\n\t}),\n\t[ROUTES.contactSales]: () => ({\n\t\ttitle: get(\"Ideamap | Contact Sales\"),\n\t\tdescription: get(\"Contact sales to get more information about Ideamap.\")\n\t}),\n\t[ROUTES.brainstorm]: () => ({\n\t\ttitle: get(\"Free AI Brainstorm\"),\n\t\tdescription: get(\"Best free online tool to brainstorm ideas. Get valuable ideas and inspiration for your business.\")\n\t}),\n\t[ROUTES.sitemap]: () => ({\n\t\ttitle: get(\"Ideamap | Sitemap\"),\n\t\tdescription: get(\"Get an overview of all pages on Ideamap.\")\n\t}),\n\t[ROUTES.index]: () => ({\n\t\ttitle: get(\"Ideamap | A Better way to Brainstorm with AI\"),\n\t\tdescription: get(\n\t\t\t\"Ideamap is a visual workspace for brainstorming where teams collaborate on ideas and use AI to boost their creativity.\"\n\t\t)\n\t})\n};\n\nclass LandingPageStore extends Store {\n\tmodel$ = {\n\t\tcolorMode: themeStore.model$.colorMode,\n\t\tsessionUser: sessionStore.model$.sessionUser\n\t};\n}\n\n@customElement(\"bs-landing-page\")\nclass BsLandingPage extends LitElement {\n\tstatic get styles() {\n\t\treturn [\n\t\t\tsharedStyles,\n\t\t\tcss`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tbackground: var(--background);\n\t\t\t\t\tcolor: var(--foreground);\n\t\t\t\t\t--title-line-height: 1.1;\n\t\t\t\t}\n\n\t\t\t\t#page {\n\t\t\t\t\tmin-height: var(--app-height);\n\t\t\t\t}\n\t\t\t`\n\t\t];\n\t}\n\n\tprivate boundRouteChanged = this.routeChanged.bind(this);\n\tprivate boundUpdateDarkmode = this.updateDarkmode.bind(this);\n\tprivate controller = new Controller(this, new LandingPageStore(), {\n\t\tsessionUser: (user) => {\n\t\t\t// Reload to reset all state and to make sure the tracking is correct and meta tags are correct\n\t\t\tif (user != null) {\n\t\t\t\treloadApp();\n\t\t\t}\n\t\t}\n\t});\n\n\t@state() dark: boolean = false;\n\tprivate langChangedSubscription: (() => void) | undefined;\n\n\tget onlyShowPage() {\n\t\treturn location.pathname.startsWith(ROUTES.getStarted);\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.setupLanguage();\n\t}\n\n\tprotected firstUpdated(props: PropertyValues) {\n\t\tsuper.firstUpdated(props);\n\t\taddRouteChangedListener(this.boundRouteChanged);\n\t\twindow.addEventListener(\"darkmode\", this.boundUpdateDarkmode as unknown as any);\n\t\tthis.updateDocumentSEOTags();\n\t\tthis.loadLiveChatButton();\n\t\tthis.langChangedSubscription = listenForLangChanged(() => this.updateDocumentSEOTags());\n\t\tsaveUTM();\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tremoveRouteChangedListener(this.boundRouteChanged);\n\t\twindow.removeEventListener(\"darkmode\", this.boundUpdateDarkmode as unknown as any);\n\t\tthis.langChangedSubscription?.();\n\t}\n\n\trouteChanged() {\n\t\tthis.requestUpdate();\n\t\tsetIsMenuOpen(false);\n\n\t\t// Scroll to top instantly (for some reason, instant works)\n\t\t// @ts-ignore\n\t\twindow.scrollTo({ top: 0, left: 0, behavior: \"instant\" });\n\n\t\tthis.updateDocumentSEOTags();\n\t}\n\n\tasync updateDocumentSEOTags() {\n\t\tconst getInfo =\n\t\t\tObject.entries(ROUTE_INFO_MAP).find(([route]) => location.pathname.startsWith(route))?.[1] ??\n\t\t\tROUTE_INFO_MAP[ROUTES.index];\n\t\tconst { title, description } = await getInfo();\n\t\tdocument.title = title;\n\t\tdocument.querySelector(\"meta[name='title']\")?.setAttribute(\"content\", title);\n\t\tdocument.querySelector(\"meta[property='og:title']\")?.setAttribute(\"content\", title);\n\n\t\tdocument.querySelector(\"meta[name='description']\")?.setAttribute(\"content\", description);\n\t\tdocument.querySelector(\"meta[property='og:description']\")?.setAttribute(\"content\", description);\n\t}\n\n\tsetupLanguage() {\n\t\t// Consume the language from the URL and prioritize it if it exists.\n\t\t// If the first part of the path matches a language code, set it and remove it from the URL.\n\t\tconst path = location.pathname.toLowerCase();\n\t\tfor (const code of LANGUAGE_CODES) {\n\t\t\tconst matchPart = `/${code.toLowerCase()}`;\n\t\t\tif (path.startsWith(matchPart)) {\n\t\t\t\tpushState(path.replace(matchPart, \"\"), { silent: true });\n\t\t\t\tsetLanguage(code);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tloadLiveChatButton() {\n\t\tsetTimeout(() => {\n\t\t\tloadLiveChatButton();\n\t\t}, 1000);\n\t}\n\n\trenderPage() {\n\t\tconst pathname = location.pathname;\n\n\t\tif (pathname.startsWith(ROUTES.gift)) {\n\t\t\timport(\"./../session/gift-page\");\n\t\t\treturn html` `;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.enterprise)) {\n\t\t\timport(\"./../session/enterprise-page\");\n\t\t\treturn html` `;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.pricing)) {\n\t\t\timport(\"./landing-pricing-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.help())) {\n\t\t\timport(\"./landing-help-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.blog())) {\n\t\t\timport(\"./landing-blog-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.getStarted)) {\n\t\t\timport(\"./landing-get-started-page\");\n\t\t\treturn html` `;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.features())) {\n\t\t\timport(\"./landing-features-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.affiliate)) {\n\t\t\timport(\"./landing-affiliate-page\");\n\t\t\treturn html` `;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.contactSales)) {\n\t\t\timport(\"./landing-contact-sales-page\");\n\t\t\treturn html` `;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.sitemap)) {\n\t\t\timport(\"./landing-sitemap-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.generateMindmap)) {\n\t\t\timport(\"./landing-generate-ai-mindmap-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.toolbox())) {\n\t\t\timport(\"./landing-toolbox-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname.startsWith(ROUTES.brainstorm)) {\n\t\t\timport(\"./landing-brainstorm-page\");\n\t\t\treturn html``;\n\t\t}\n\n\t\tif (pathname !== ROUTES.index && this.isConnected) {\n\t\t\tpushState(ROUTES.index, { replace: true, silent: true });\n\t\t}\n\n\t\tif (this.controller.model.sessionUser != null) {\n\t\t\timport(\"./landing-welcome-back-page\");\n\t\t\treturn html` `;\n\t\t} else {\n\t\t\timport(\"./landing-home-page\");\n\t\t\treturn html``;\n\t\t}\n\t}\n\n\t/**\n\t * Forces darkmode to be updated based on the event that subpages can dispatch.\n\t * @param e\n\t */\n\tupdateDarkmode(e: CustomEvent) {\n\t\tthis.dark = e.detail;\n\t}\n\n\trender() {\n\t\tif (this.onlyShowPage) {\n\t\t\treturn html` ${this.renderPage()} `;\n\t\t}\n\n\t\tconst { colorMode } = this.controller.model;\n\t\tconst isNavbarDark = this.dark || isColorModeDark(colorMode);\n\t\treturn html`\n\t\t\t\n\t\t\t${this.renderPage()}\n\t\t\t\n\t\t`;\n\t}\n}\n"],"file":"src/landing-page-m_WF080s.js"}