component---src-pages-complex-enable-wo-classification-mdx-049699786875d29b2902.js.map

{"version":3,"file":"component---src-pages-complex-enable-wo-classification-mdx-049699786875d29b2902.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/complex/enable-wo-classification.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 walks through how to include the use of Classifications when creating a new work order record in Technician application.`}</p>\n    <h2>{`Procedure`}</h2>\n    <h3>{`Step 1: Add a new datasource referencing the mxapiclassstructure object structure. This should be defined along with the other search datasources at the top level of the application (pages). This ensures that this datasource can be used on other pages, such as the edit page. Below is a saved query called “emxwoclass” but this can be changed to anything you add to the object structure to show the appropriate classifications.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-xml\"\n      }}>{`  <maximo-datasource id=\"classificationLookupDS\" lookup-data=\"true\" object-structure=\"mxapiclassstructure\" offline-immediate-download=\"true\" saved-query=\"emxwoclass\" selection-mode=\"single\" order-by=\"classificationid\">\n    <schema>\n      <attribute name=\"classstructureid\"/>\n      <attribute name=\"classificationid\" searchable=\"true\"/>\n      <attribute name=\"classificationdesc\"/>\n      <attribute name=\"hierarchypath\"/>\n      <attribute name=\"description\" searchable=\"true\"/>\n    </schema>\n  </maximo-datasource>\n`}</code></pre>\n    <h3>{`Step 2: Add a new lookup. All lookups are defined at the page level, but this is not mandatory and would not be recommended for lookups like this. We recommend adding above /`}<pages id=\"pages\" />{` the block.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-xml\"\n      }}>{`  <dialogs id=\"demolookups\">\n    <lookup-with-filter lookup-heading=\"Classification\" datasource=\"classificationLookupDS\" id=\"classificationLookup\" lookup-attributes=\"{['hierarchypath','classificationid','description']}\"/>\n  </dialogs>\n`}</code></pre>\n    <h3>{`Step 3: In the “datasource” dsCreateWo, search for id=“dsCreateWo” and add the following attributes.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-xml\"\n      }}>{`  <attribute name=\"classstructureid\" />\n  <attribute name=\"hierarchypath\" local=\"true\"/>\n`}</code></pre>\n    <h3>{`Step 4: Add UI elements to display the hierarchy path and open the search page, locate the id “q55zy” and add the code below.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-xml\"\n      }}>{`  <box children-sizes=\"100\" background-color=\"field-01\" direction=\"row\" fill-child=\"true\" fill-parent=\"true\" padding-bottom=\".5\" padding-top=\".5\" id=\"a1_z2883\">\n    <border-layout fill-parent=\"true\" width=\"100%\" padding=\"true\" id=\"a1_b4_p6\">\n      <start direction=\"row\" horizontal-overflow=\"hidden\" vertical-align=\"center\" width=\"60\" shrink=\"0\" id=\"a1_qx8e2\">\n        <field empty-field-placeholder=\"Select a classification\" label=\"Hierarchy\" value=\"{dsCreateWo.item.hierarchypath}\" id=\"a1_r_xgy\"/>\n      </start>\n      <end horizontal-align=\"end\" vertical-align=\"center\" direction=\"column\" id=\"a1_wpewd\">\n        <button icon=\"Carbon:chevron--right\" kind=\"ghost\" on-click=\"openClassificationLookup\" on-click-arg=\"{{'page':page,'app':app, 'item':dsCreateWo.item}}\" padding=\"false\" id=\"a1_w6n9m\"/>\n      </end>\n    </border-layout>\n  </box>\n`}</code></pre>\n    <h3>{`Step 5: In AppCustomizations.js, we need to add an openClassificationLookup event to handle the chevron (arrow). Note that in the previous statement, in step 4, we provided the current page and the current record. This is important so that our openClassificationLookup event has the necessary arguments.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-js\"\n      }}>{`  openClassificationLookup(event) {\n    event.page.showLookup(\"classificationLookup\", { targetItem: event.item, targetField: 'classstructureid', selectLookupAttribute: 'classstructureid' });\n  } \n`}</code></pre>\n    <h3>{`Step 6: Since the framework currently only allows us to set 1 attribute of a lookup, we need to use the onValueChanged event to set the hierarchy path when classstructureid is set.`}</h3>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-js\"\n      }}>{`  async onValueChanged(event) {\n    let dataSource=event.datasource;\n    if(event.field==\"classstructureid\") {\n      let lookupDs=this.app.findDatasource(\"classificationLookupDS\");\n      await lookupDs.initializeQbe();\n      lookupDs.setQBE(\"classstructureid\",\"=\",event.newValue);\n      let records=await lookupDs.searchQBE();\n      if(records.length==1) {\n        event.item[\"hierarchypath\"]=records[0].hierarchypath;\n      }\n      lookupDs.clearQBE();\n      await lookupDs.searchQBE(undefined,true);\n    }\n  }\n`}</code></pre>\n    <h3>{`Step 7: Go to the application object structure in Maximo and locate the “mxapiclassstructure” object, create a new query using the name defined in step 1 “emxwoclass”, with “Query Type” = “osclause” and enable the Public flag. Classifications can be defined at the site level and not all classifications are valid for WORKORDER, so I used the following query clause as a starting point.`}</h3>\n    <pre><code parentName=\"pre\" {...{}}>{`(siteid is null or siteid=(select defsite from maxuser where userid=:user)) and exists(select 1 from classusewith where classstructureid=classstructure.classstructureid and objectname='WORKORDER')\n`}</code></pre>\n    <span {...{\n      \"className\": \"gatsby-resp-image-wrapper\",\n      \"style\": {\n        \"position\": \"relative\",\n        \"display\": \"block\",\n        \"marginLeft\": \"auto\",\n        \"marginRight\": \"auto\",\n        \"maxWidth\": \"326px\"\n      }\n    }}>{`\n      `}<span parentName=\"span\" {...{\n        \"className\": \"gatsby-resp-image-background-image\",\n        \"style\": {\n          \"paddingBottom\": \"61.80555555555556%\",\n          \"position\": \"relative\",\n          \"bottom\": \"0\",\n          \"left\": \"0\",\n          \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACQ0lEQVQoz42Sa0sbURCG9//TqlC8fGttLVIQSitJa+Ime8tlr7lqvIAYiJJkV7OJ1sTsbp6yJ0oV/NCFh3POOzPvzsBIqlbi616ezU9Z1rZ2WVnf5v36Nu8+fGRl4zNrWzusbX4RrD6dQtvaYXXjs8hf6ss8ybIsyiUDQ1eRD3PouoamKuiaSs1zabeatJoNQbPRoN1q0GzWqdc8KuUSplkRsVRPc6VSqYRhGBhGSaDrBpVKFdt2sG0by7bF+RLTtNB1HU3XSesta6mndZKqahSLRRRFeTI2RHL61jSNarX6JuVyWZilvNSlNJCapAHRkWUJPM+jc3LCxcUF3W6Xy8vLV7yl1Wo1pEq1KjpSNU381XFcYXh2ekoYjghHI4IgYDKZMB6H4j2bTonmc+I4Io4iovmSdruNpBSLyLJMoSBTkGU0VUVVVI6Ojxn4N3TOzun2rrkJJ9yO/9HtXdG77jMIbrnqDwnCO1zXQ8oXFH5msuTkItlcnt+HMt/3MzhenfHDjKuBTz+44X4W8RAlPMxjwd30kfvZnPvHmD+PMdMooWxaSBXTZD+TIXuQ5+BQ5lcuz4/9DK7nksRzfD8g8AMm41CMPA6XY6cjs1iQJLGARUKt0UTa3cvxbS8rdlFVVbGHqqJQq7fo+3eE4Zg4WbAQxQnJ4sX9CVhqrVYL6eBQRzNMPM/FcV3cFMfGqXWon474ny9KGwSOjo6QXNcWZs9L6zgOpmnS6RwzDm8ZDocC3/df8awNBkPk0gnnFz3q9Tp/AbYVQ+Gq75mXAAAAAElFTkSuQmCC')\",\n          \"backgroundSize\": \"cover\",\n          \"display\": \"block\"\n        }\n      }}></span>{`\n  `}<img parentName=\"span\" {...{\n        \"className\": \"gatsby-resp-image-image\",\n        \"alt\": \"emxwoclass query definition\",\n        \"title\": \"emxwoclass query definition\",\n        \"src\": \"/configuration-practices-documentation/static/afb7fbf13ff5df505b9d72dc920d69ed/7fd63/emxwoclass-query-definition.png\",\n        \"srcSet\": [\"/configuration-practices-documentation/static/afb7fbf13ff5df505b9d72dc920d69ed/7fc1e/emxwoclass-query-definition.png 288w\", \"/configuration-practices-documentation/static/afb7fbf13ff5df505b9d72dc920d69ed/7fd63/emxwoclass-query-definition.png 326w\"],\n        \"sizes\": \"(max-width: 326px) 100vw, 326px\",\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    <h3>{`Step 8: In the Security application, confirm that your group has read access to the “MXAPICLASSSTRUCTURE” object.`}</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\": \"335px\"\n      }\n    }}>{`\n      `}<span parentName=\"span\" {...{\n        \"className\": \"gatsby-resp-image-background-image\",\n        \"style\": {\n          \"paddingBottom\": \"78.47222222222221%\",\n          \"position\": \"relative\",\n          \"bottom\": \"0\",\n          \"left\": \"0\",\n          \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAAAsTAAALEwEAmpwYAAACxUlEQVQ4y5WTS28cRRRG58ejQCIWIAgOEmLBjtjZseEXICRQhEOixPE8unumn/Xq6nd3zRxUZTK22VHSUde9JX1d996vVsp03EYlX/34C59985Ivvrvi2YsrvvzhVy5+fsP3L9/y9U+/hfyT55fn77MXr/j8+WXg6cUVTy9e8eTbS1a17SmF4d2HLbukJMkkN+uE97cJ61iwjio+bnPS0txRGPa5Zp8bsqoO8cOzlZSSOI7JspRKFGRFidYaISS1URitUFJQlSW10fRdG7C2wdQN/10rU/ccCkuSW5KsJk793yxZ2YTY5/15dNBI3TLNM9PkmRinmePxxOl0z0pKxe16S5KkGGPpuoG+H89UlSLLCvphYpkdblnOHN0SRPw6C0b7lN9fX/Pn9Vv++Otvclljx4V6mLDjTKlrcqnJhCJXBt0N6G7E9BPNOJ9L/SS8ysqKdZRwu4tYRzFJXlJITS5N4FBUJFnBNknZ7jMKZUgrSalqClXTdsPjG2pt2R8qDpngkAqSQ0FyKNmnkiyXjEMfmMaRaZzou462sWEwTdOEtjwSnBdH240UpUKbhnFydP1M1/umLzjnOB6PDMOAMZqu64KQH8onkXPJXtAOM6mquf7wkXfrLds05yZKiPMK1U9UTY9oRzJVs8sq9kITF5JcN5R2OPfxfMNpdjRtRxQn7KKY282G9WaLkIrZuWCNeVmw7cC0OBZ3h8+FyTv3eCjeU3VtiaKI3W7HZrMJeHP7snyp0zTSNB19f7f3+buzMXjSueNZdOX74X2mlaKxlrZpArY2iKr694UYbF0HtJJIIcLr8QghENLcC7bjRC40b97fEGdFsEVWyYDfV8ZS+pxQwU77omJ3yIjSnOiQI21HM0z3gsPs8IPRTY9pB3Tbo2yHtG34+tjjY083LQwOendicCfa+Ui/PCj5dDzy/9fpAY9fyj/LeLeGXRFEtAAAAABJRU5ErkJggg==')\",\n          \"backgroundSize\": \"cover\",\n          \"display\": \"block\"\n        }\n      }}></span>{`\n  `}<img parentName=\"span\" {...{\n        \"className\": \"gatsby-resp-image-image\",\n        \"alt\": \"object structure security\",\n        \"title\": \"object structure security\",\n        \"src\": \"/configuration-practices-documentation/static/0eb3f45610dd4fab1cf5f5db09acbcd4/8d8c1/object-structure-security.png\",\n        \"srcSet\": [\"/configuration-practices-documentation/static/0eb3f45610dd4fab1cf5f5db09acbcd4/7fc1e/object-structure-security.png 288w\", \"/configuration-practices-documentation/static/0eb3f45610dd4fab1cf5f5db09acbcd4/8d8c1/object-structure-security.png 335w\"],\n        \"sizes\": \"(max-width: 335px) 100vw, 335px\",\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":""}