-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-debug-ui-mdx-f0eb896595561e6a2638.js.map
1 lines (1 loc) · 28.4 KB
/
component---src-pages-debug-ui-mdx-f0eb896595561e6a2638.js.map
1
{"version":3,"file":"component---src-pages-debug-ui-mdx-f0eb896595561e6a2638.js","mappings":"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","sources":["webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageHeader/index.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageHeader/PageHeader.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageHeader/PageHeader.module.scss","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/EditLink/index.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/EditLink/EditLink.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/EditLink/EditLink.module.scss","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageTabs/PageTabs.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageTabs/PageTabs.module.scss","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/PageTabs/index.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/LastModifiedDate/index.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/LastModifiedDate/LastModifiedDate.js","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/components/LastModifiedDate/last-modified-date.module.scss","webpack://mas-playbook/./node_modules/gatsby-theme-carbon/src/templates/Default.js","webpack://mas-playbook/./src/pages/debug-ui.mdx"],"sourcesContent":["import PageHeader from './PageHeader';\n\nexport default PageHeader;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport * as styles from './PageHeader.module.scss';\n\nconst PageHeader = ({ title, theme, tabs = [] }) => (\n <div\n className={cx(styles.pageHeader, {\n [styles.withTabs]: tabs.length,\n [styles.darkMode]: theme === 'dark',\n })}>\n <div className=\"bx--grid\">\n <div className=\"bx--row\">\n <div className=\"bx--col-lg-12\">\n <h1 id=\"page-title\" className={styles.text}>\n {title}\n </h1>\n </div>\n </div>\n </div>\n </div>\n);\n\nPageHeader.propTypes = {\n /**\n * Specify the title for the page\n */\n title: PropTypes.node,\n};\n\nexport default PageHeader;\n","// extracted by mini-css-extract-plugin\nexport var bxTextTruncateEnd = \"PageHeader-module--bx--text-truncate--end--b8JtW\";\nexport var bxTextTruncateFront = \"PageHeader-module--bx--text-truncate--front--WwZFh\";\nexport var darkMode = \"PageHeader-module--dark-mode--WCeH8\";\nexport var pageHeader = \"PageHeader-module--page-header--NqfPe\";\nexport var text = \"PageHeader-module--text--Er2EO\";\nexport var withTabs = \"PageHeader-module--with-tabs--vbQ-W\";","import EditLink from './EditLink';\n\nexport default EditLink;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport { link, row } from './EditLink.module.scss';\n\nconst EditLink = ({ relativePagePath, repository: repositoryProp }) => {\n const {\n site: {\n siteMetadata: { repository },\n },\n } = useStaticQuery(graphql`\n query REPOSITORY_QUERY {\n site {\n siteMetadata {\n repository {\n baseUrl\n subDirectory\n branch\n }\n }\n }\n }\n `);\n\n const { baseUrl, subDirectory, branch } = repositoryProp || repository;\n\n const href = `${baseUrl}/edit/${branch}${subDirectory}/src/pages${relativePagePath}`;\n\n return baseUrl ? (\n <div className={`bx--row ${row}`}>\n <div className=\"bx--col\">\n <a className={link} href={href}>\n Edit this page on GitHub\n </a>\n </div>\n </div>\n ) : null;\n};\n\nEditLink.propTypes = {\n repository: PropTypes.shape({\n baseUrl: PropTypes.string,\n subDirectory: PropTypes.string,\n branch: PropTypes.string,\n }),\n relativePagePath: PropTypes.string,\n};\n\nexport default EditLink;\n","// extracted by mini-css-extract-plugin\nexport var bxTextTruncateEnd = \"EditLink-module--bx--text-truncate--end--uI0cF\";\nexport var bxTextTruncateFront = \"EditLink-module--bx--text-truncate--front--HxjcS\";\nexport var link = \"EditLink-module--link--IDrl1\";\nexport var row = \"EditLink-module--row--BEmSX\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby';\nimport slugify from 'slugify';\nimport cx from 'classnames';\n\nimport {\n tabsContainer,\n list,\n selectedItem,\n listItem,\n link,\n} from './PageTabs.module.scss';\n\nexport default class PageTabs extends React.Component {\n render() {\n const { title, tabs, slug } = this.props;\n const currentTab = slug.split('/').filter(Boolean).slice(-1)[0];\n\n const pageTabs = tabs.map((tab) => {\n const slugifiedTab = slugify(tab, { lower: true, strict: true });\n const selected = slugifiedTab === currentTab;\n // matches with or without trailing slash: /?\n // matches with or without hash link: (#.*)?\n const currentTabRegex = new RegExp(`${currentTab}/?(#.*)?$`);\n const href = slug.replace(currentTabRegex, slugifiedTab);\n return (\n <li key={tab} className={cx({ [selectedItem]: selected }, listItem)}>\n <Link className={link} to={`${href}`}>\n {tab}\n </Link>\n </li>\n );\n });\n\n return (\n <div className={tabsContainer}>\n <div className=\"bx--grid\">\n <div className=\"bx--row\">\n <div className=\"bx--col-lg-12 bx--col-no-gutter\">\n <nav aria-label={title}>\n <ul className={list}>{pageTabs}</ul>\n </nav>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n\nPageTabs.propTypes = {\n tabs: PropTypes.array,\n slug: PropTypes.string,\n};\n","// extracted by mini-css-extract-plugin\nexport var bxTextTruncateEnd = \"PageTabs-module--bx--text-truncate--end--OC59x\";\nexport var bxTextTruncateFront = \"PageTabs-module--bx--text-truncate--front--5I6-L\";\nexport var link = \"PageTabs-module--link--Kz-7R\";\nexport var list = \"PageTabs-module--list--xLqxG\";\nexport var listItem = \"PageTabs-module--list-item--024o6\";\nexport var selectedItem = \"PageTabs-module--selected-item--aBB0K\";\nexport var tabsContainer = \"PageTabs-module--tabs-container--Cdfzw\";","import PageTabs from './PageTabs';\n\nexport default PageTabs;\n","import LastModifiedDate from './LastModifiedDate';\n\nexport default LastModifiedDate;\n","import React from 'react';\nimport { Row, Column } from '../Grid';\nimport * as styles from './last-modified-date.module.scss';\n\nconst LastModifiedDate = ({ date }) => {\n const options = {\n day: '2-digit',\n year: 'numeric',\n month: 'long',\n };\n\n const lastModified = new Date(date);\n\n return date ? (\n <Row className={styles.row}>\n <Column>\n <div className={styles.text}>\n Page last updated: {lastModified.toLocaleDateString('en-GB', options)}\n {/* // https://www-03preprod.ibm.com/support/knowledgecenter/ibm_style/dates-and-times.html */}\n </div>\n </Column>\n </Row>\n ) : null;\n};\nexport default LastModifiedDate;\n","// extracted by mini-css-extract-plugin\nexport var bxTextTruncateEnd = \"last-modified-date-module--bx--text-truncate--end--QgCc7\";\nexport var bxTextTruncateFront = \"last-modified-date-module--bx--text-truncate--front--kel8a\";\nexport var row = \"last-modified-date-module--row--XJoYQ\";\nexport var text = \"last-modified-date-module--text--ogPQF\";","import React from 'react';\nimport slugify from 'slugify';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nimport Utils from '../components/Utils';\nimport Layout from '../components/Layout';\nimport PageHeader from '../components/PageHeader';\nimport EditLink from '../components/EditLink';\nimport NextPrevious from '../components/NextPrevious';\nimport PageTabs from '../components/PageTabs';\nimport Main from '../components/Main';\nimport useMetadata from '../util/hooks/useMetadata';\nimport LastModifiedDate from '../components/LastModifiedDate';\n\nconst Default = ({ pageContext, children, location, Title }) => {\n const { frontmatter = {}, relativePagePath, titleType } = pageContext;\n const {\n tabs,\n title,\n theme: frontmatterTheme,\n description,\n keywords,\n date,\n } = frontmatter;\n\n const { interiorTheme } = useMetadata();\n\n // get the path prefix if it exists\n const {\n site: { pathPrefix },\n } = useStaticQuery(graphql`\n query PATH_PREFIX_QUERY {\n site {\n pathPrefix\n }\n }\n `);\n\n // let gatsby handle prefixing\n const slug = pathPrefix\n ? location.pathname.replace(pathPrefix, '')\n : location.pathname;\n\n const getCurrentTab = () => {\n if (!tabs) return '';\n return (\n slug.split('/').filter(Boolean).slice(-1)[0] ||\n slugify(tabs[0], { lower: true })\n );\n };\n\n const currentTab = getCurrentTab();\n\n const theme = frontmatterTheme || interiorTheme;\n\n return (\n <Layout\n tabs={tabs}\n homepage={false}\n theme={theme}\n pageTitle={title}\n pageDescription={description}\n pageKeywords={keywords}\n titleType={titleType}>\n <PageHeader\n title={Title ? <Title /> : title}\n label=\"label\"\n tabs={tabs}\n theme={theme}\n />\n {tabs && (\n <PageTabs\n title={title}\n slug={slug}\n tabs={tabs}\n currentTab={currentTab}\n />\n )}\n <Main padded>\n {children}\n <EditLink relativePagePath={relativePagePath} />\n <LastModifiedDate date={date} />\n </Main>\n <NextPrevious\n pageContext={pageContext}\n location={location}\n slug={slug}\n tabs={tabs}\n currentTab={currentTab}\n />\n <Utils />\n </Layout>\n );\n};\n\nexport default Default;\n","import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nimport DefaultLayout from \"/home/travis/build/maximo-app-framework/configuration-practices-documentation/node_modules/gatsby-theme-carbon/src/templates/Default.js\";\nexport const _frontmatter = {};\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n components,\n ...props\n}) {\n return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n <h2>{`About this task`}</h2>\n <p>{`This guide will walk you through how to find UI elements within the Role Based Application and map them to the corresponding element within the application design file (app.xml).\nIn this scenario we will be using the Techician application to identify which element controls the asset information displayed on a work order’s detail page.\n`}<span parentName=\"p\" {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1152px\"\n }\n }}>{`\n `}<span parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"27.083333333333332%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAjklEQVQY042PyQrCQBAF5/+/UVBwJcus0Z5OMikhiXjw4DQU7/IoXpuclRgTPkbyOLIABdZcWZYqSimoKuaWrrTDA6YJNMOoX1SrhR+pac8Huu7O/BzIKSLB8/IOiYHJW9hX/5Oxd4w7HbHXC0PXkNoGcT1ie8RZZtdvyytvFfoQ8M6Rc0ZEfgqlbK/U8ga5y4j0VULjMgAAAABJRU5ErkJggg==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<img parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Asset Field Example\",\n \"title\": \"Asset Field Example\",\n \"src\": \"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/3cbba/technician-asset-field.png\",\n \"srcSet\": [\"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/7fc1e/technician-asset-field.png 288w\", \"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/a5df1/technician-asset-field.png 576w\", \"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/3cbba/technician-asset-field.png 1152w\", \"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/0b124/technician-asset-field.png 1728w\", \"/configuration-practices-documentation/static/776bca42fa304835298c735066024a0f/94e1b/technician-asset-field.png 2244w\"],\n \"sizes\": \"(max-width: 1152px) 100vw, 1152px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\",\n \"decoding\": \"async\"\n }}></img>{`\n `}</span></p>\n <h2>{`Procedure`}</h2>\n <h3>{`Step 1: Open your browser and launch the Role Based Application that you wish to debug. In this example, we will be using the TECHMOBILE application.`}</h3>\n <h3>{`Step 2: Open an existing workorder that has an asset assigned.`}</h3>\n <h3>{`Step 3: Right click on the Asset information and select “Inspect”.`}</h3>\n <span {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1088px\"\n }\n }}>{`\n `}<span parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"82.29166666666666%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAABYlAAAWJQFJUiTwAAAClElEQVQ4y52Uy29SURDG+Rt1Y188+uBCubeWcqFAiY8aKSzbujBujDY2qdHudOXKhe500SY1rSQtlMelQKFpgfviZ86lIkTja5Ivc87k5Dsz55s5Ltu2aTabNFstLi4u+utmk/PzcyzL4l/NZdkW9XqdWq1Go9Fw8H1vGIZzqNfr/TVc9h+y+Bcyh5AevCm951X5HbptIPZ2zx4csAVs+yf0ruPCj5QsAseXRXLtAv9royXbNsWTU8r5Ip1Oh263S6fdpt3pUm50qGhVNE37JSqViiPgMGmfsFRCq/YPCXXrtRr18xZvP3xBjS6TiC+TSMQdHwrNO1AUGck/x8b6+kimLtEawzcNW6NWZUGRCQYkfF4PPp+n770eZqZ9TE6Ms5Z+6LzlCOHh4SG5XI6zszOnF4UXF+zt7ROLqiTicZbCi6iRJZKJOIocYm52Bo97imw2MxBmULLoOVGuILm6unJIxVseHR0RVSPEl2NElsIOuSAWCEh+3FOTZDNro4S/mwatUiEWi6GqKqFQCEVRHAQDQWamp3G73WQymZE2cjLU6i0arUsuLjt8PS6iGya1Vpvj/Cnq4jyxJZlEdIFUfJFkVCEWDhJZ8OOduEk2vTpKKDL5+OmA/aM8uXyZp9u7XOk9Ph+ccJArEL77GDW9zfydLaTUFv6VZ0ip58j3t5kIPyG9/gJs80djm4ZBVzfp6gamadE1LAzTFAND4bSEcm8L+cEuvpUdpuI7uBN9eBI7jMVekn70GlNvY1k2pmni0nUdQSo+AuN6LWJiBgv5PGElQOR2EGlmglnPLea8ffh9Y3jGb5BdW6U7xOGMXrVapVQqUSyWHIUHomgayWSSVCpFJBJxhJFl2YEQR5IkNjc2R+b5GwNXUL5K/lQeAAAAAElFTkSuQmCC')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<img parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"technician asset field inspect\",\n \"title\": \"technician asset field inspect\",\n \"src\": \"/configuration-practices-documentation/static/1d27d73f1babfa2785ef60c8abcdc44b/377f4/technician-asset-field-inspect.png\",\n \"srcSet\": [\"/configuration-practices-documentation/static/1d27d73f1babfa2785ef60c8abcdc44b/7fc1e/technician-asset-field-inspect.png 288w\", \"/configuration-practices-documentation/static/1d27d73f1babfa2785ef60c8abcdc44b/a5df1/technician-asset-field-inspect.png 576w\", \"/configuration-practices-documentation/static/1d27d73f1babfa2785ef60c8abcdc44b/377f4/technician-asset-field-inspect.png 1088w\"],\n \"sizes\": \"(max-width: 1088px) 100vw, 1088px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\",\n \"decoding\": \"async\"\n }}></img>{`\n `}</span>\n <p>{`A new window will pop up that will expose all of the HTML that makes up the UI. `}<em parentName=\"p\">{`Note`}</em>{` this window may look different than the screenshot attached.\n`}<span parentName=\"p\" {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1152px\"\n }\n }}>{`\n `}<span parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"42.36111111111111%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAABYlAAAWJQFJUiTwAAABu0lEQVQoz02Sy27TUBCG/Qgs06ZSaVWpUOfiOI7t40ucC7clO6QKWPMA1IFtHoEnY8sCqYAKFFBwKl8TOx/4QKqM9OsczdH8888/R1kul0RRRJZn5HkuURTF7T1JEuqYz+cc3j3CMAaMfZ+J5/HAtZiIAYHjMBwGuK6LUhev12t2I8sy0jSV+c1mI3Oz2YxGo4Gqqgxtm7GwGQrBRFgEpoHl+piWjVKWJciijTxrgrrJarWifquqShKGYch+sykJfdPAtwa4fQ2vr+H02gjPZzydokQ3Mb9+3/D56jt5sZKEW9RksqEkvKC5v8fZ2X1M02FsW4xMnWCgY3dVdOHheB5KmqUkaUyxKm5JdrG143U4Y+/gkFO1jT4QPB76BJ6PI1xMXcMZjaVKZRHFXH5a8uNnSpzklFUlHdiqLP+P/Gr+DkV/yp3gnMb0BadPXnL88JyTR885nj7D9EfYQqB8+bbg/YdrPl5FXF4v+bpIKat/i9gqruMinNFoHnBPbdMxPLqdLt1Wi06rRbfdxvIDhOuhxElMPfbWq3o5uz5uFYZv3tI8OqGlG2iWh97v0dc1dL2H3tPkuOLvt/kD6H7Ax8GpnhAAAAAASUVORK5CYII=')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<img parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Chrome Console Example\",\n \"title\": \"Chrome Console Example\",\n \"src\": \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/3cbba/debug-ui-console.png\",\n \"srcSet\": [\"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/7fc1e/debug-ui-console.png 288w\", \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/a5df1/debug-ui-console.png 576w\", \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/3cbba/debug-ui-console.png 1152w\", \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/0b124/debug-ui-console.png 1728w\", \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/4ea69/debug-ui-console.png 2304w\", \"/configuration-practices-documentation/static/3a9d92e35b89615bb5693dcec69bb57e/dabfd/debug-ui-console.png 3454w\"],\n \"sizes\": \"(max-width: 1152px) 100vw, 1152px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\",\n \"decoding\": \"async\"\n }}></img>{`\n `}</span></p>\n <p>{`From this new window move the cursor over the various HTML elements. When your cursor hovers over an element it will be highlighted on the application’s page. In our scenario we are looking for an element that is wrapping the text description of our asset.`}</p>\n <h3>{`Step 4: Capture the “id” attribute of the element highlighted. In our case this value is “yzqaa”`}</h3>\n <h3>{`Step 5: In the configuration tool, open the TECHMOBILE application. Find the code editor section and left click anywhere within that editor. Then use the “find” command by using keybind “CTRL + F” if using windows or “Command + F” if using Mac. Paste the value of the id into the search bar. The code editor should automatically jump to that element with the correct id.`}</h3>\n <span {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1152px\"\n }\n }}>{`\n `}<span parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"28.819444444444443%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAABYlAAAWJQFJUiTwAAABB0lEQVQY032Q226DMBQE+f9PrNQCNgYnTQQ2juvjC1Mlinp5aB9GO0+r1XZKKU6nE9ZajNLM48Dcjwz9Qv+60L9Z1GgZhhPjYBmUQZmFabGM2qAngzEGrfWjoyu1UmuhHY3b5nFqJNoz+zURrwG/ZtKtEONBDJUQM1EyqVRuSUgi5HzPxHE0OslCrZlSC6s2rGNP2AIiDahAe/LT/+K4F+605khpw+kX4nliuzr8tjPPF7x3SHSUEoDAcexPfntrHpFAl0umtYJIxitNmi1WJybdmKeCXRr++oF39d9l92yt0d0/KDmTPhLh/UJcPduacavgXGHbKrsXdp/JuXwh8u3l8WOh1sonm4rO4txuC2UAAAAASUVORK5CYII=')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<img parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Code Editor Example\",\n \"title\": \"Code Editor Example\",\n \"src\": \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/3cbba/code-editor-find.png\",\n \"srcSet\": [\"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/7fc1e/code-editor-find.png 288w\", \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/a5df1/code-editor-find.png 576w\", \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/3cbba/code-editor-find.png 1152w\", \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/0b124/code-editor-find.png 1728w\", \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/4ea69/code-editor-find.png 2304w\", \"/configuration-practices-documentation/static/894376eed447e54cfcce218377ae332c/8456d/code-editor-find.png 2612w\"],\n \"sizes\": \"(max-width: 1152px) 100vw, 1152px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\",\n \"decoding\": \"async\"\n }}></img>{`\n `}</span>\n\n </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n "],"names":["title","theme","tabs","className","cx","length","id","relativePagePath","repositoryProp","repository","useStaticQuery","site","siteMetadata","baseUrl","subDirectory","href","branch","PageTabs","render","this","props","slug","currentTab","split","filter","Boolean","slice","pageTabs","map","tab","slugifiedTab","slugify","lower","strict","selected","currentTabRegex","RegExp","replace","key","Link","to","React","date","lastModified","Date","toLocaleDateString","day","year","month","pageContext","children","location","Title","frontmatter","titleType","frontmatterTheme","description","keywords","interiorTheme","useMetadata","pathPrefix","pathname","Layout","homepage","pageTitle","pageDescription","pageKeywords","label","Main","padded","NextPrevious","Utils","_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","components","mdxType","parentName","isMDXComponent"],"sourceRoot":""}