@ember-eui/core 16.0.4 → 16.0.6

package/dist/components/eui-page-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-template.js","sources":["../../src/components/eui-page-template.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isDestroying } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { guidFor } from '@ember/object/internals';\n\nimport { modifier as functionModifier } from 'ember-modifier';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport { deprecateRemovedUpstream } from '../-private/removed-upstream.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiBreakpointsMedia,\n  euiOutsideBreakpointsMedia,\n  euiPageBoxSizing\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFullHeight,\n  euiPageInnerStyles,\n  euiPageOuterStyles,\n  euiYScroll\n} from '../utils/eui/styles.generated.ts';\nimport EuiBottomBar from './eui-bottom-bar.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPage from './eui-page.gts';\nimport EuiPageBody from './eui-page-body.gts';\nimport EuiPageContent from './eui-page-content.gts';\nimport EuiPageContentBody from './eui-page-content-body.gts';\nimport EuiPageHeader from './eui-page-header.gts';\nimport EuiPageSection from './eui-page-section.gts';\nimport EuiPageSideBar from './eui-page-side-bar.gts';\nimport EuiPageTemplateBottomBar from './eui-page-template/bottom-bar.gts';\nimport EuiPageTemplateEmptyPrompt from './eui-page-template/empty-prompt.gts';\nimport EuiPageTemplateSidebar from './eui-page-template/sidebar.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type {\n  EuiPageBreakpoint,\n  EuiPagePaddingSize\n} from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiPageBodySignature } from './eui-page-body';\nimport type { EuiPageContentSignature } from './eui-page-content';\nimport type { EuiPageContentBodySignature } from './eui-page-content-body';\nimport type { EuiPageHeaderSignature } from './eui-page-header';\nimport type { EuiPageSideBarSignature } from './eui-page-side-bar';\nimport type { EuiPageTemplateSidebarRegistry } from './eui-page-template/sidebar.gts';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\nconst BREAKPOINTS: EuiBreakpointSize[] = ['m', 'l', 'xl'];\n\ninterface NormalProps {\n  className?: string;\n}\n\n/** Upstream `mainProps`: what goes on the `<main>` content wrapper. */\nexport interface EuiPageTemplateMainProps {\n  /** Its `id`. Defaults to a generated `EuiPageTemplateInner_…` id. */\n  id?: string;\n  /** Extra class names. */\n  className?: string;\n  /** Styles composed last into its class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles. */\n  style?: Record<string, string>;\n  role?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-test-subj'?: string;\n}\n\nexport type EuiPageTemplateProps = {\n  /**\n   * Shared by both APIs. Max width of the header and the sections'\n   * content: `true` for EUI's default (1200px), a number in px or any CSS\n   * width. Defaults to `true`.\n   */\n  restrictWidth?: boolean | number | string;\n  /**\n   * Shared by both APIs. Grows the page to fill its flex parent; with the\n   * composable API it also makes the page at least as tall as the window.\n   * Defaults to `true`.\n   */\n  grow?: boolean;\n  /**\n   * Shared by both APIs. Padding of the header, sections, sidebar and\n   * bottom bar: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'` (`'xs'`\n   * and `'xl'` with the composable API only). Defaults to `'l'`.\n   */\n  paddingSize?: EuiPagePaddingSize;\n  /**\n   * Shared by both APIs. Minimum height of the page, in px or any CSS\n   * height. With the composable API and `@grow`, the page is at least\n   * `max(minHeight, 100vh)`. Defaults to `460`.\n   */\n  minHeight?: number | string;\n\n  /**\n   * Composable API. Puts the main content on a plain panel and sections\n   * and the header on plain backgrounds; `false` makes them transparent.\n   * Defaults to panelled when there is a sidebar.\n   */\n  panelled?: boolean;\n  /**\n   * Composable API. Border under `T.Header`: `true` within the restricted\n   * width, `'extended'` across the whole header. Defaults to `true` with a\n   * sidebar, `'extended'` without.\n   */\n  bottomBorder?: boolean | 'extended';\n  /**\n   * Composable API. A border separating the main content from the\n   * sidebar (on its inline start, or on top when stacked). Defaults to\n   * `true` with a sidebar.\n   */\n  contentBorder?: boolean;\n  /**\n   * Composable API. Top padding of the page in px. Upstream defaults it\n   * to the fixed headers' height (`--euiFixedHeadersOffset`); in Ember a\n   * fixed `EuiHeader` already pads `<body>` by that height, so the default\n   * is no extra padding (upstream's default would leave a header-sized gap).\n   * Sticky sidebars still clear fixed headers.\n   */\n  offset?: number;\n  /**\n   * Composable API. Theme breakpoints (`'xs'`…`'xl'`) where the sidebar\n   * stacks above the content and takes the full width. Defaults to\n   * `['xs', 's']`.\n   */\n  responsive?: EuiPageBreakpoint[];\n  /**\n   * Composable API. `'row'` puts the sidebar beside the content\n   * (stacking on `@responsive` breakpoints); `'column'` always stacks\n   * it. Defaults to `'row'`.\n   */\n  direction?: 'row' | 'column';\n  /** Composable API. Tag of the main content wrapper. Defaults to `'main'`. */\n  component?: string;\n  /**\n   * Composable API. Attributes of the main content wrapper: `{ id,\n   * className, css, style, role, 'aria-label', 'aria-labelledby',\n   * 'data-test-subj' }`.\n   */\n  mainProps?: EuiPageTemplateMainProps;\n  /** Composable API. Styles composed last into the page's class (upstream's `css`). */\n  css?: EuiCss;\n\n  /** @deprecated Legacy API (removed upstream). Use the composable API: `<EuiPageTemplate as |T|>` with `T.Header`, `T.Section`, `T.EmptyPrompt` and `@panelled`. */\n  template?: (typeof TEMPLATES)[number];\n\n  /** @deprecated Legacy API (removed upstream). Use `@mainProps`. */\n  pageBodyProps?: NormalProps & EuiPageBodySignature['Args'];\n  /** @deprecated Legacy API (removed upstream). Pass the panel args to `T.Section`. */\n  pageContentProps?: NormalProps & EuiPageContentSignature['Args'];\n  /** @deprecated Legacy API (removed upstream). Pass the args to `T.Section`. */\n  pageContentBodyProps?: NormalProps & EuiPageContentBodySignature['Args'];\n\n  /** @deprecated Legacy API (removed upstream). Use `T.Header`. */\n  pageHeader?: NormalProps & EuiPageHeaderSignature['Args'];\n\n  /** @deprecated Legacy API (removed upstream). Pass the args to `T.Sidebar` in the `<:sidebar as |T|>` block. */\n  pageSideBarProps?: NormalProps & EuiPageSideBarSignature['Args'];\n\n  /** @deprecated Has no effect, use the `<:bottomBar>` block. */\n  bottomBar?: any;\n\n  /** @private Render the `<:bottomBar>` block. Defaults to `true`. */\n  hasBottomBarBlock?: boolean;\n\n  /** @deprecated Legacy API (removed upstream). Use `T.BottomBar`. */\n  bottomBarProps?: NormalProps & EuiButtomBarArgs;\n  /** @deprecated Legacy API (removed upstream). Use `@grow` and `@minHeight`. */\n  fullHeight?: boolean | 'noscroll';\n  /** @private Render the `<:pageSideBar>` block. Defaults to `true`. */\n  hasPageSideBarBlock?: boolean;\n  /** @private Render the `<:pageHeaderPageTitle>` block. Defaults to `true`. */\n  hasPageHeaderPageTitleBlock?: boolean;\n  /** @private Render the `<:pageHeaderDefault>` block. Defaults to `true`. */\n  hasPageHeaderDefaultBlock?: boolean;\n  /** @private Render the `<:pageHeaderRightSideItems>` block. Defaults to `true`. */\n  hasPageHeaderRightSideItemsBlock?: boolean;\n  /** @private Render the `<:pageHeaderDescription>` block. Defaults to `true`. */\n  hasPageHeaderDescriptionBlock?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageHeader?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContent?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContentBody?: boolean;\n};\n\n/**\n * The parts `EuiPageTemplate` yields (upstream's `EuiPageTemplate.Sidebar`,\n * `.Header`, `.Section`, `.EmptyPrompt` and `.BottomBar`), set up with the\n * template's settings. Args passed to a part override them.\n */\nexport interface EuiPageTemplateParts {\n  /**\n   * `EuiPageSidebar` with the template's `@paddingSize` and `@responsive`.\n   * Only in the `<:sidebar>` block (it asserts elsewhere).\n   */\n  Sidebar: WithBoundArgs<\n    typeof EuiPageTemplateSidebar,\n    'paddingSize' | 'responsive'\n  >;\n  /** `EuiPageHeader` with the template's width, padding, bottom border and color. */\n  Header: WithBoundArgs<\n    typeof EuiPageHeader,\n    'restrictWidth' | 'paddingSize' | 'bottomBorder' | 'color'\n  >;\n  /** `EuiPageSection` with the template's width, padding and color; it grows. */\n  Section: WithBoundArgs<\n    typeof EuiPageSection,\n    'restrictWidth' | 'paddingSize' | 'color' | 'grow'\n  >;\n  /** A centered `EuiEmptyPrompt`, panelled when the content is. */\n  EmptyPrompt: WithBoundArgs<typeof EuiPageTemplateEmptyPrompt, 'panelled' | 'grow'>;\n  /** A sticky `EuiBottomBar` aligned with the template's width and padding. */\n  BottomBar: WithBoundArgs<\n    typeof EuiPageTemplateBottomBar,\n    'restrictWidth' | 'paddingSize'\n  >;\n}\n\n/**\n * A whole page layout. The composable API (upstream's) yields the page's\n * parts, which inherit the template's settings:\n *\n * ```hbs\n * <EuiPageTemplate @panelled={{true}}>\n *   <:sidebar as |T|><T.Sidebar>…</T.Sidebar></:sidebar>\n *   <:default as |T|>\n *     <T.Header @pageTitle=\"Users\" />\n *     <T.Section>…</T.Section>\n *     <T.BottomBar>…</T.BottomBar>\n *   </:default>\n * </EuiPageTemplate>\n * ```\n *\n * The legacy API (`@template`, `@pageHeader`, `<:pageSideBar>`, …) is\n * deprecated: upstream removed it.\n */\nexport interface EuiPageTemplateSignature {\n  Element: HTMLElement;\n  Args: EuiPageTemplateProps;\n  Blocks: {\n    /**\n     * The page's content. Composable API: yields the parts (`as |T|`), to\n     * stack `T.Header`, `T.Section`, `T.EmptyPrompt`, `T.BottomBar` or any\n     * content in the main element, in order.\n     */\n    default: [EuiPageTemplateParts];\n    /**\n     * Composable API. Sidebars (`T.Sidebar`, may be conditional), rendered\n     * beside the main element. Any rendered `T.Sidebar` panels and borders\n     * the content, like upstream.\n     */\n    sidebar: [Pick<EuiPageTemplateParts, 'Sidebar'>];\n    /** @deprecated Legacy API (removed upstream). Use the `<:sidebar as |T|>` block with `T.Sidebar`. */\n    pageSideBar: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `@pageTitle` or its blocks. */\n    pageHeaderPageTitle: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s default block. */\n    pageHeaderDefault: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `@description` or its blocks. */\n    pageHeaderDescription: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `<:rightSideItems>` block. */\n    pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n    /** @deprecated Legacy API (removed upstream). Use `T.BottomBar`. */\n    bottomBar: [];\n  };\n}\n\nconst DEFAULT_RESPONSIVE: EuiPageBreakpoint[] = ['xs', 's'];\n\ninterface ComposableLayout {\n  innerClass: string;\n  headerBottomBorder: boolean | 'extended';\n  emptyPromptPanelled: boolean | undefined;\n}\n\nexport default class EuiPageTemplate extends Component<EuiPageTemplateSignature> {\n  // Composable API (upstream EUI 123's EuiPageTemplate)\n\n  /** Upstream's `pageInnerId`, unless `mainProps.id` is given. */\n  generatedInnerId = `EuiPageTemplateInner_${guidFor(this)}`;\n\n  /**\n   * Whether the composable API is in use: a block taking the parts\n   * (`as |T|`), a `<:sidebar>` block (checked in the template) or any arg\n   * only the composable API has.\n   */\n  get hasComposableArgs(): boolean {\n    const args = this.args;\n    return [\n      args.panelled,\n      args.bottomBorder,\n      args.contentBorder,\n      args.offset,\n      args.responsive,\n      args.direction,\n      args.component,\n      args.mainProps,\n      args.css\n    ].some((value) => value !== undefined);\n  }\n\n  get composablePaddingSize(): EuiPagePaddingSize {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get composableRestrictWidth(): boolean | number | string {\n    return this.args.restrictWidth ?? true;\n  }\n\n  get responsive(): EuiPageBreakpoint[] {\n    return this.args.responsive ?? DEFAULT_RESPONSIVE;\n  }\n\n  /** Header and section background: upstream's `panelled === false ? 'transparent' : 'plain'`. */\n  get sectionColor(): 'transparent' | 'plain' {\n    return this.args.panelled === false ? 'transparent' : 'plain';\n  }\n\n  get mainTag(): string {\n    return this.args.component ?? 'main';\n  }\n\n  get mainStyle(): Record<string, string> {\n    return this.args.mainProps?.style ?? {};\n  }\n\n  get mainId(): string {\n    return this.args.mainProps?.id ?? this.generatedInnerId;\n  }\n\n  /** Upstream's page style: minimum height and the fixed headers' offset. */\n  @cached\n  get pageStyle(): Record<string, string> {\n    const { minHeight = '460px', offset } = this.args;\n    const min = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n    return {\n      'min-block-size': (this.args.grow ?? true) ? `max(${min}, 100vh)` : min,\n      // Ember difference: fixed EuiHeaders pad <body> (see `offset`).\n      'padding-block-start':\n        offset === undefined || offset === null ? '0px' : `${offset}px`\n    };\n  }\n\n  /**\n   * Upstream `_EuiPageOuter` (`euiPageOuterStyles`, static). Upstream\n   * flips to a column while `useIsWithinBreakpoints(responsive)`; here\n   * that is a media query over the same breakpoints.\n   */\n  @cached\n  get outerClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiPageOuterStyles;\n    const responding = euiBreakpointsMedia(context.upstream, this.responsive);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageOuter,\n      styles[this.args.direction ?? 'row'],\n      responding && { [responding]: styles.column },\n      (this.args.grow ?? true) && styles.grow,\n      this.args.css\n    );\n  }\n\n  /**\n   * The layout settings that depend on whether there is a sidebar\n   * (upstream counts its `EuiPageTemplate.Sidebar` children; here the\n   * rendered `T.Sidebar`s register, see `sidebarCount`). One cached object\n   * per case.\n   */\n  layoutFor(hasSidebar: boolean): ComposableLayout {\n    const { panelled, contentBorder, bottomBorder, mainProps } = this.args;\n    const innerPanelled = panelled ?? hasSidebar;\n    const innerBordered = contentBorder ?? hasSidebar;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPageInnerStyles);\n    const responding = euiBreakpointsMedia(context.upstream, this.responsive);\n    const desktop = euiOutsideBreakpointsMedia(\n      context.upstream,\n      this.responsive\n    );\n    // Upstream `_EuiPageInner`: a top border while responding, else left.\n    const border = innerBordered && [\n      responding\n        ? desktop && { [desktop]: styles.border.left }\n        : styles.border.left,\n      responding && { [responding]: styles.border.top }\n    ];\n\n    return {\n      innerClass: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.euiPageInner,\n        innerPanelled && styles.panelled,\n        border,\n        mainProps?.css\n      ),\n      headerBottomBorder: bottomBorder ?? (hasSidebar ? true : 'extended'),\n      emptyPromptPanelled: innerPanelled ? true : panelled\n    };\n  }\n\n  /**\n   * Number of rendered `T.Sidebar`s. Written as they render or go away,\n   * never read and written in one go, so a sidebar rendering does not\n   * invalidate something already read in the same render.\n   */\n  @tracked sidebarCount = 0;\n  #sidebars = 0;\n\n  sidebarRegistry: EuiPageTemplateSidebarRegistry = {\n    register: () => {\n      this.sidebarCount = ++this.#sidebars;\n      return () => {\n        this.#sidebars--;\n        if (!isDestroying(this)) this.sidebarCount = this.#sidebars;\n      };\n    }\n  };\n\n  /**\n   * The rendered main element, where `T.BottomBar`s render (upstream's\n   * `bottomBar.parent`: the bar is portaled to the end of the main\n   * content). Set once the element is in the DOM, like upstream's\n   * frame-delayed lookup.\n   */\n  @tracked mainElement: HTMLElement | null = null;\n\n  registerMain = functionModifier((element: Element) => {\n    this.mainElement = element as HTMLElement;\n    return () => {\n      if (!isDestroying(this) && this.mainElement === element) {\n        this.mainElement = null;\n      }\n    };\n  });\n\n  /** Upstream: the layout depends on whether there are sidebars. */\n  get layout(): ComposableLayout {\n    return this.sidebarCount > 0\n      ? this.layoutWithSidebar\n      : this.layoutWithoutSidebar;\n  }\n\n  @cached\n  get layoutWithSidebar(): ComposableLayout {\n    return this.layoutFor(true);\n  }\n\n  @cached\n  get layoutWithoutSidebar(): ComposableLayout {\n    return this.layoutFor(false);\n  }\n\n  #warnedLegacy = false;\n\n  /** Fires the legacy API's deprecation once per instance. */\n  deprecateLegacyApi = (): string => {\n    if (!this.#warnedLegacy) {\n      this.#warnedLegacy = true;\n      deprecateRemovedUpstream(\n        'eui-page-template-legacy',\n        \"EuiPageTemplate's legacy API (`@template`, `@pageHeader`, `@page…Props`, `@bottomBarProps`, `@fullHeight` and the `<:pageSideBar>`, `<:pageHeader…>` and `<:bottomBar>` blocks)\",\n        'Use the composable API: `<EuiPageTemplate as |T|>` with `T.Header`, `T.Section`, `T.EmptyPrompt` and `T.BottomBar`, and `T.Sidebar` in a `<:sidebar as |T|>` block.'\n      );\n    }\n    return '';\n  };\n\n  // Legacy API\n\n  /**\n   * The legacy branch only renders when the default block takes no\n   * params (see the template's `has-block-params`), so nothing reads this.\n   */\n  legacyParts = undefined as unknown as EuiPageTemplateParts;\n\n  /** The legacy layouts take `'none'`, `'s'`, `'m'` or `'l'`. */\n  get legacyPaddingSize(): 'none' | 's' | 'm' | 'l' | undefined {\n    return this.args.paddingSize as 'none' | 's' | 'm' | 'l' | undefined;\n  }\n\n  // Defaults\n  @argOrDefaultDecorator(false) fullHeight!: boolean | 'noscroll';\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  @tracked isWithinBreakpoints = false;\n\n  setIsWithinBreakpoints = (value: boolean) => {\n    this.isWithinBreakpoints = value;\n  };\n\n  get minHeight() {\n    const minHeight = this.args.minHeight ?? 460;\n\n    if (typeof minHeight === 'number') {\n      return `${minHeight}px`;\n    }\n\n    return minHeight;\n  }\n\n  get restrictWidth() {\n    const width = this.args.restrictWidth ?? true;\n\n    if (typeof this.args.restrictWidth === 'number') {\n      return `${width}px`;\n    }\n\n    return width;\n  }\n\n  get classes() {\n    return `euiPageTemplate ${this.fullHeightClass}`;\n  }\n\n  /**\n   * Upstream's `eui-fullHeight` utility class. Upstream EuiProvider injects\n   * the utility classes globally; here the class name stays as a hook and\n   * the rule comes from the extracted `euiFullHeight` mixin.\n   */\n  @cached\n  get fullHeightUtility() {\n    return `eui-fullHeight ${euiClass(getEuiThemeContext(this), euiFullHeight() as string)}`;\n  }\n\n  /** Upstream's `eui-yScroll` utility class (`euiYScroll` mixin). */\n  @cached\n  get yScrollUtility() {\n    const context = getEuiThemeContext(this);\n    return `eui-yScroll ${euiClass(context, euiYScroll(context.upstream) as string)}`;\n  }\n\n  /** Upstream `_EuiPageBottomBar`: hides wide flex margins, never shrinks. */\n  @cached\n  get bottomBarClass() {\n    return [\n      euiClass(getEuiThemeContext(this), { overflow: 'hidden', flexShrink: 0 }),\n      this.args.bottomBarProps?.className\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight\n      ? `${this.fullHeightUtility} `\n      : '';\n  }\n\n  get yScrollClass() {\n    return this.fullHeight && this.canFullHeight\n      ? `${this.yScrollUtility} `\n      : '';\n  }\n\n  get canFullHeight() {\n    return (\n      this.isWithinBreakpoints &&\n      (this.template === 'default' || this.template === 'empty')\n    );\n  }\n\n  get pageBodyPropsClass() {\n    return [this.fullHeightClass, this.args.pageBodyProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get pageContentPropsClass() {\n    return [this.yScrollClass, this.args.pageContentProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get pageContentBodyPropsClass() {\n    return [this.fullHeightClass, this.args.pageContentBodyProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    {{#if\n      (or\n        (has-block-params \"default\")\n        (has-block \"sidebar\")\n        this.hasComposableArgs\n      )\n    }}\n      {{#let\n        (hash\n          BottomBar=(component\n            EuiPageTemplateBottomBar\n            restrictWidth=this.composableRestrictWidth\n            paddingSize=this.composablePaddingSize\n            parent=this.mainElement\n          )\n          Section=(component\n            EuiPageSection\n            restrictWidth=this.composableRestrictWidth\n            paddingSize=this.composablePaddingSize\n            color=this.sectionColor\n            grow=true\n          )\n        )\n        as |parts|\n      }}\n        <div\n          class=\"euiPageTemplate {{this.outerClass}}\"\n          {{style this.pageStyle}}\n          ...attributes\n        >\n          {{! Sidebars render (and register) before anything reads the count. }}\n          {{#if (has-block \"sidebar\")}}\n            {{yield\n              (hash\n                Sidebar=(component\n                  EuiPageTemplateSidebar\n                  paddingSize=this.composablePaddingSize\n                  responsive=this.responsive\n                  registry=this.sidebarRegistry\n                )\n              )\n              to=\"sidebar\"\n            }}\n          {{/if}}\n          {{#let (element this.mainTag) as |Main|}}\n            <Main\n              id={{this.mainId}}\n              class=\"{{this.layout.innerClass}} {{@mainProps.className}}\"\n              role={{@mainProps.role}}\n              aria-label={{@mainProps.aria-label}}\n              aria-labelledby={{@mainProps.aria-labelledby}}\n              data-test-subj={{@mainProps.data-test-subj}}\n              {{style this.mainStyle}}\n              {{this.registerMain}}\n            >\n              {{yield\n                (hash\n                  Sidebar=(component\n                    EuiPageTemplateSidebar\n                    paddingSize=this.composablePaddingSize\n                    responsive=this.responsive\n                  )\n                  Header=(component\n                    EuiPageHeader\n                    restrictWidth=this.composableRestrictWidth\n                    paddingSize=this.composablePaddingSize\n                    bottomBorder=this.layout.headerBottomBorder\n                    color=this.sectionColor\n                  )\n                  Section=parts.Section\n                  EmptyPrompt=(component\n                    EuiPageTemplateEmptyPrompt\n                    panelled=this.layout.emptyPromptPanelled\n                    grow=true\n                  )\n                  BottomBar=parts.BottomBar\n                )\n                to=\"default\"\n              }}\n            </Main>\n          {{/let}}\n        </div>\n      {{/let}}\n    {{else}}\n    {{this.deprecateLegacyApi}}\n    {{#let\n      (argOrDefault @grow true)\n      (argOrDefault this.legacyPaddingSize \"l\")\n      (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\"))\n      (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\"))\n      (and\n        (argOrDefault @hasPageHeaderPageTitleBlock true)\n        (has-block \"pageHeaderPageTitle\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDefaultBlock true)\n        (has-block \"pageHeaderDefault\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderRightSideItemsBlock true)\n        (has-block \"pageHeaderRightSideItems\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDescriptionBlock true)\n        (has-block \"pageHeaderDescription\")\n      )\n      (modifier\n        useIsWithinBreakpoints\n        sizes=BREAKPOINTS\n        isActive=true\n        setIsWithinBreakpointsValue=this.setIsWithinBreakpoints\n      )\n      as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|\n    }}\n      {{#let\n        (or\n          @pageHeader\n          hasPageHeaderPageTitleBlock\n          hasPageHeaderDefaultBlock\n          hasPageHeaderRightSideItemsBlock\n          hasPageHeaderDescriptionBlock\n        )\n        as |hasPageHeader|\n      }}\n        {{#if (eq this.template \"centeredBody\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n\n                <EuiPageContent\n                  class={{this.pageContentPropsClass}}\n                  @verticalPosition={{argOrDefault\n                    @pageContentProps.verticalPosition\n                    \"center\"\n                  }}\n                  @horizontalPosition={{argOrDefault\n                    @pageContentProps.horizontalPosition\n                    \"center\"\n                  }}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    paddingSize\n                  }}\n                  @role={{@pageContentProps.role}}\n                  @hasBorder={{@pageContentProps.hasBorder}}\n                  @hasShadow={{@pageContentProps.hasShadow}}\n                  @color={{@pageContentProps.color}}\n                  @borderRadius={{@pageContentProps.borderRadius}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    class={{this.pageContentBodyPropsClass}}\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @restrictWidth={{argOrDefault\n                  @pageBodyProps.restrictWidth\n                  this.restrictWidth\n                }}\n                @tagName={{@pageBodyProps.tagName}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      false\n                    }}\n                    @bottomBorder={{argOrDefault @pageHeader.bottomBorder true}}\n                    @paddingSize={{argOrDefault @pageHeader.paddingSize \"none\"}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageBody>\n                  <EuiPageContent\n                    class={{this.pageContentPropsClass}}\n                    @verticalPosition={{argOrDefault\n                      @pageContentProps.verticalPosition\n                      \"center\"\n                    }}\n                    @horizontalPosition={{argOrDefault\n                      @pageContentProps.horizontalPosition\n                      \"center\"\n                    }}\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @hasShadow={{@pageContentProps.hasShadow}}\n                    @color={{@pageContentProps.color}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                    @role={{@pageContentProps.role}}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      paddingSize\n                    }}\n                  >\n                    <EuiPageContentBody\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{argOrDefault\n                        @pageContentBodyProps.paddingSize\n                        \"none\"\n                      }}\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n                </EuiPageBody>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else if (eq this.template \"centeredContent\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{argOrDefault @pageBodyProps.panelled true}}\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @verticalPosition={{argOrDefault\n                    @pageContentProps.verticalPosition\n                    \"center\"\n                  }}\n                  @horizontalPosition={{argOrDefault\n                    @pageContentProps.horizontalPosition\n                    \"center\"\n                  }}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @color={{argOrDefault @pageContentProps.color \"subdued\"}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    paddingSize\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @hasBorder={{@pageContentProps.hasBorder}}\n                  @borderRadius={{@pageContentProps.borderRadius}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageHeader.paddingSize\n                      paddingSize\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                {{!template-lint-disable}}\n                <EuiPageContent\n                  role={{null}}\n                  @borderRadius=\"none\"\n                  @hasShadow={{false}}\n                  @paddingSize={{paddingSize}}\n                  style=\"display: flex\"\n                >\n                  {{!template-lint-enable}}\n                  <EuiPageContent\n                    @verticalPosition={{argOrDefault\n                      @pageContentProps.verticalPosition\n                      \"center\"\n                    }}\n                    @horizontalPosition={{argOrDefault\n                      @pageContentProps.horizontalPosition\n                      \"center\"\n                    }}\n                    @hasShadow={{argOrDefault\n                      @pageContentProps.hasShadow\n                      false\n                    }}\n                    @color={{argOrDefault @pageContentProps.color \"subdued\"}}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      paddingSize\n                    }}\n                    class={{this.pageContentPropsClass}}\n                    @role={{@pageContentProps.role}}\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                  >\n                    <EuiPageContentBody\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{@pageContentBodyProps.paddingSize}}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else if (eq this.template \"empty\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{argOrDefault @pageContentProps.hasBorder false}}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"transparent\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                @restrictWidth={{argOrDefault\n                  @pageBodyProps.restrictWidth\n                  this.restrictWidth\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @bottomBorder={{argOrDefault @pageHeader.bottomBorder true}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      false\n                    }}\n                    @paddingSize={{argOrDefault @pageHeader.paddingSize \"none\"}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{argOrDefault @pageContentProps.hasBorder false}}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"transparent\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      false\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{argOrDefault\n                      @pageContentBodyProps.paddingSize\n                      \"none\"\n                    }}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{argOrDefault @pageBodyProps.panelled true}}\n                @paddingSize={{argOrDefault @pageBodyProps.paddingSize \"none\"}}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                <EuiPageBody\n                  class={{this.pageBodyPropsClass}}\n                  @paddingSize={{paddingSize}}\n                  @tagName=\"div\"\n                >\n                  {{#if hasPageHeader}}\n                    <EuiPageHeader\n                      class={{@pageHeader.className}}\n                      @bottomBorder={{argOrDefault\n                        @pageHeader.bottomBorder\n                        true\n                      }}\n                      @restrictWidth={{argOrDefault\n                        @pageHeader.restrictWidth\n                        this.restrictWidth\n                      }}\n                      @paddingSize={{@pageHeader.paddingSize}}\n                      @responsive={{@pageHeader.responsive}}\n                      @iconType={{@pageHeader.iconType}}\n                      @tabs={{@pageHeader.tabs}}\n                      @pageTitle={{@pageHeader.pageTitle}}\n                      @description={{@pageHeader.description}}\n                      @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                      @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                      @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                      @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                      @alignItems={{@pageHeader.alignItems}}\n                      @breadcrumbs={{@pageHeader.breadcrumbs}}\n                      @pageTitleProps={{@pageHeader.pageTitleProps}}\n                      @style={{@pageHeader.style}}\n                    >\n                      <:pageTitle>\n                        {{#if hasPageHeaderPageTitleBlock}}{{yield\n                            to=\"pageHeaderPageTitle\"\n                          }}{{/if}}\n                      </:pageTitle>\n                      <:default>\n                        {{#if hasPageHeaderDefaultBlock}}{{yield\n                            to=\"pageHeaderDefault\"\n                          }}{{/if}}\n                      </:default>\n                      <:description>\n                        {{#if hasPageHeaderDescriptionBlock}}{{yield\n                            to=\"pageHeaderDescription\"\n                          }}{{/if}}\n                      </:description>\n                      <:rightSideItems as |item|>\n                        {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                            item\n                            to=\"pageHeaderRightSideItems\"\n                          }}{{/if}}\n                      </:rightSideItems>\n                    </EuiPageHeader>\n                  {{/if}}\n                  <EuiPageContent\n                    @hasShadow={{argOrDefault\n                      @pageContentProps.hasShadow\n                      false\n                    }}\n                    @hasBorder={{argOrDefault\n                      @pageContentProps.hasBorder\n                      false\n                    }}\n                    @color={{argOrDefault\n                      @pageContentProps.color\n                      \"transparent\"\n                    }}\n                    @borderRadius={{argOrDefault\n                      @pageContentProps.borderRadius\n                      \"none\"\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      \"none\"\n                    }}\n                    class={{this.pageContentPropsClass}}\n                    @role={{@pageContentProps.role}}\n                    @verticalPosition={{@pageContentProps.verticalPosition}}\n                    @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                    @grow={{@pageContentProps.grow}}\n                  >\n                    <EuiPageContentBody\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{@pageContentBodyProps.paddingSize}}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n                </EuiPageBody>\n                {{#if hasBottomBarBlock}}\n                  <EuiBottomBar\n                    class={{this.bottomBarClass}}\n                    @paddingSize={{argOrDefault\n                      @bottomBarProps.paddingSize\n                      paddingSize\n                    }}\n                    @position={{argOrDefault\n                      @bottomBarProps.position\n                      (if\n                        (and this.canFullHeight this.fullHeight)\n                        \"static\"\n                        \"sticky\"\n                      )\n                    }}\n                    @affordForDisplacement={{@bottomBarProps.affordForDisplacement}}\n                    @bodyClassName={{@bottomBarProps.bodyClassName}}\n                    @landmarkHeading={{@bottomBarProps.landmarkHeading}}\n                    @top={{@bottomBarProps.top}}\n                    @right={{@bottomBarProps.right}}\n                    @left={{@bottomBarProps.left}}\n                    @bottom={{@bottomBarProps.bottom}}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize={{argOrDefault\n                      @pageHeader.paddingSize\n                      paddingSize\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{if\n                    (eq @pageContentProps.hasBorder undefined)\n                    (if hasPageHeader undefined false)\n                    @pageContentProps.hasBorder\n                  }}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"plain\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageContentBodyProps.paddingSize\n                      paddingSize\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n                {{#if hasBottomBarBlock}}\n                  <EuiBottomBar\n                    class={{this.bottomBarClass}}\n                    @paddingSize={{argOrDefault\n                      @bottomBarProps.paddingSize\n                      paddingSize\n                    }}\n                    @position={{argOrDefault\n                      @bottomBarProps.position\n                      (if\n                        (and this.canFullHeight this.fullHeight)\n                        \"static\"\n                        \"sticky\"\n                      )\n                    }}\n                    @affordForDisplacement={{@bottomBarProps.affordForDisplacement}}\n                    @bodyClassName={{@bottomBarProps.bodyClassName}}\n                    @landmarkHeading={{@bottomBarProps.landmarkHeading}}\n                    @top={{@bottomBarProps.top}}\n                    @right={{@bottomBarProps.right}}\n                    @left={{@bottomBarProps.left}}\n                    @bottom={{@bottomBarProps.bottom}}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{/if}}\n      {{/let}}\n    {{/let}}\n    {{/if}}\n  </template>\n}\n"],"names":["TEMPLATES","BREAKPOINTS","DEFAULT_RESPONSIVE","EuiPageTemplate","Component","generatedInnerId","guidFor","hasComposableArgs","args","panelled","bottomBorder","contentBorder","offset","responsive","direction","component","mainProps","css","some","value","undefined","composablePaddingSize","paddingSize","composableRestrictWidth","restrictWidth","sectionColor","mainTag","mainStyle","style","mainId","id","pageStyle","minHeight","min","grow","n","prototype","cached","outerClass","context","getEuiThemeContext","styles","euiPageOuterStyles","responding","euiBreakpointsMedia","upstream","euiClass","euiPageBoxSizing","euiPageOuter","column","layoutFor","hasSidebar","innerPanelled","innerBordered","useEuiBorealisStyles","euiPageInnerStyles","desktop","euiOutsideBreakpointsMedia","border","left","top","innerClass","euiPageInner","headerBottomBorder","emptyPromptPanelled","g","tracked","i","sidebarRegistry","register","sidebarCount","isDestroying","registerMain","functionModifier","element","mainElement","layout","layoutWithSidebar","layoutWithoutSidebar","deprecateLegacyApi","deprecateRemovedUpstream","legacyParts","legacyPaddingSize","argOrDefaultDecorator","setIsWithinBreakpoints","isWithinBreakpoints","width","classes","fullHeightClass","fullHeightUtility","euiFullHeight","yScrollUtility","euiYScroll","bottomBarClass","overflow","flexShrink","bottomBarProps","className","filter","Boolean","join","fullHeight","canFullHeight","yScrollClass","template","pageBodyPropsClass","pageBodyProps","pageContentPropsClass","pageContentProps","pageContentBodyPropsClass","pageContentBodyProps","setComponentTemplate","precompileTemplate","strictMode","scope","or","hash","EuiPageTemplateBottomBar","EuiPageSection","EuiPageTemplateSidebar","EuiPageHeader","EuiPageTemplateEmptyPrompt","argOrDefault","and","useIsWithinBreakpoints","eq","EuiPage","inlineStyles","EuiPageSideBar","EuiPageBody","EuiPageContent","EuiPageContentBody","EuiFlexGroup","EuiFlexItem","classNames","EuiBottomBar"],"mappings":"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"}
+{"version":3,"file":"eui-page-template.js","sources":["../../src/components/eui-page-template.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isDestroying } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { guidFor } from '@ember/object/internals';\n\nimport { modifier as functionModifier } from 'ember-modifier';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport { deprecateRemovedUpstream } from '../-private/removed-upstream.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiBreakpointsMedia,\n  euiOutsideBreakpointsMedia,\n  euiPageBoxSizing\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFullHeight,\n  euiPageInnerStyles,\n  euiPageOuterStyles,\n  euiYScroll\n} from '../utils/eui/styles.generated.ts';\nimport EuiBottomBar from './eui-bottom-bar.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPage from './eui-page.gts';\nimport EuiPageBody from './eui-page-body.gts';\nimport EuiPageContent from './eui-page-content.gts';\nimport EuiPageContentBody from './eui-page-content-body.gts';\nimport EuiPageHeader from './eui-page-header.gts';\nimport EuiPageSection from './eui-page-section.gts';\nimport EuiPageSideBar from './eui-page-side-bar.gts';\nimport EuiPageTemplateBottomBar from './eui-page-template/bottom-bar.gts';\nimport EuiPageTemplateEmptyPrompt from './eui-page-template/empty-prompt.gts';\nimport EuiPageTemplateSidebar from './eui-page-template/sidebar.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type {\n  EuiPageBreakpoint,\n  EuiPagePaddingSize\n} from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiPageBodySignature } from './eui-page-body';\nimport type { EuiPageContentSignature } from './eui-page-content';\nimport type { EuiPageContentBodySignature } from './eui-page-content-body';\nimport type { EuiPageHeaderSignature } from './eui-page-header';\nimport type { EuiPageSideBarSignature } from './eui-page-side-bar';\nimport type { EuiPageTemplateSidebarRegistry } from './eui-page-template/sidebar.gts';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\nconst BREAKPOINTS: EuiBreakpointSize[] = ['m', 'l', 'xl'];\n\ninterface NormalProps {\n  className?: string;\n}\n\n/** Upstream `mainProps`: what goes on the `<main>` content wrapper. */\nexport interface EuiPageTemplateMainProps {\n  /** Its `id`. Defaults to a generated `EuiPageTemplateInner_…` id. */\n  id?: string;\n  /** Extra class names. */\n  className?: string;\n  /** Styles composed last into its class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles. */\n  style?: Record<string, string>;\n  role?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-test-subj'?: string;\n}\n\nexport type EuiPageTemplateProps = {\n  /**\n   * Shared by both APIs. Max width of the header and the sections'\n   * content: `true` for EUI's default (1200px), a number in px or any CSS\n   * width. Defaults to `true`.\n   */\n  restrictWidth?: boolean | number | string;\n  /**\n   * Shared by both APIs. Grows the page to fill its flex parent; with the\n   * composable API it also makes the page at least as tall as the window.\n   * Defaults to `true`.\n   */\n  grow?: boolean;\n  /**\n   * Shared by both APIs. Padding of the header, sections, sidebar and\n   * bottom bar: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'` (`'xs'`\n   * and `'xl'` with the composable API only). Defaults to `'l'`.\n   */\n  paddingSize?: EuiPagePaddingSize;\n  /**\n   * Shared by both APIs. Minimum height of the page, in px or any CSS\n   * height. With the composable API and `@grow`, the page is at least\n   * `max(minHeight, 100vh)`. Defaults to `460`.\n   */\n  minHeight?: number | string;\n\n  /**\n   * Composable API. Puts the main content on a plain panel and sections\n   * and the header on plain backgrounds; `false` makes them transparent.\n   * Defaults to panelled when there is a sidebar.\n   */\n  panelled?: boolean;\n  /**\n   * Composable API. Border under `T.Header`: `true` within the restricted\n   * width, `'extended'` across the whole header. Defaults to `true` with a\n   * sidebar, `'extended'` without.\n   */\n  bottomBorder?: boolean | 'extended';\n  /**\n   * Composable API. A border separating the main content from the\n   * sidebar (on its inline start, or on top when stacked). Defaults to\n   * `true` with a sidebar.\n   */\n  contentBorder?: boolean;\n  /**\n   * Composable API. Top padding of the page in px. Upstream defaults it\n   * to the fixed headers' height (`--euiFixedHeadersOffset`); in Ember a\n   * fixed `EuiHeader` already pads `<body>` by that height, so the default\n   * is no extra padding (upstream's default would leave a header-sized gap).\n   * Sticky sidebars still clear fixed headers.\n   */\n  offset?: number;\n  /**\n   * Composable API. Theme breakpoints (`'xs'`…`'xl'`) where the sidebar\n   * stacks above the content and takes the full width. Defaults to\n   * `['xs', 's']`.\n   */\n  responsive?: EuiPageBreakpoint[];\n  /**\n   * Composable API. `'row'` puts the sidebar beside the content\n   * (stacking on `@responsive` breakpoints); `'column'` always stacks\n   * it. Defaults to `'row'`.\n   */\n  direction?: 'row' | 'column';\n  /** Composable API. Tag of the main content wrapper. Defaults to `'main'`. */\n  component?: string;\n  /**\n   * Composable API. Attributes of the main content wrapper: `{ id,\n   * className, css, style, role, 'aria-label', 'aria-labelledby',\n   * 'data-test-subj' }`.\n   */\n  mainProps?: EuiPageTemplateMainProps;\n  /** Composable API. Styles composed last into the page's class (upstream's `css`). */\n  css?: EuiCss;\n\n  /** @deprecated Legacy API (removed upstream). Use the composable API: `<EuiPageTemplate as |T|>` with `T.Header`, `T.Section`, `T.EmptyPrompt` and `@panelled`. */\n  template?: (typeof TEMPLATES)[number];\n\n  /** @deprecated Legacy API (removed upstream). Use `@mainProps`. */\n  pageBodyProps?: NormalProps & EuiPageBodySignature['Args'];\n  /** @deprecated Legacy API (removed upstream). Pass the panel args to `T.Section`. */\n  pageContentProps?: NormalProps & EuiPageContentSignature['Args'];\n  /** @deprecated Legacy API (removed upstream). Pass the args to `T.Section`. */\n  pageContentBodyProps?: NormalProps & EuiPageContentBodySignature['Args'];\n\n  /** @deprecated Legacy API (removed upstream). Use `T.Header`. */\n  pageHeader?: NormalProps & EuiPageHeaderSignature['Args'];\n\n  /** @deprecated Legacy API (removed upstream). Pass the args to `T.Sidebar` in the `<:sidebar as |T|>` block. */\n  pageSideBarProps?: NormalProps & EuiPageSideBarSignature['Args'];\n\n  /** @deprecated Has no effect, use the `<:bottomBar>` block. */\n  bottomBar?: any;\n\n  /** @private Render the `<:bottomBar>` block. Defaults to `true`. */\n  hasBottomBarBlock?: boolean;\n\n  /** @deprecated Legacy API (removed upstream). Use `T.BottomBar`. */\n  bottomBarProps?: NormalProps & EuiButtomBarArgs;\n  /** @deprecated Legacy API (removed upstream). Use `@grow` and `@minHeight`. */\n  fullHeight?: boolean | 'noscroll';\n  /** @private Render the `<:pageSideBar>` block. Defaults to `true`. */\n  hasPageSideBarBlock?: boolean;\n  /** @private Render the `<:pageHeaderPageTitle>` block. Defaults to `true`. */\n  hasPageHeaderPageTitleBlock?: boolean;\n  /** @private Render the `<:pageHeaderDefault>` block. Defaults to `true`. */\n  hasPageHeaderDefaultBlock?: boolean;\n  /** @private Render the `<:pageHeaderRightSideItems>` block. Defaults to `true`. */\n  hasPageHeaderRightSideItemsBlock?: boolean;\n  /** @private Render the `<:pageHeaderDescription>` block. Defaults to `true`. */\n  hasPageHeaderDescriptionBlock?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageHeader?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContent?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContentBody?: boolean;\n};\n\n/**\n * The parts `EuiPageTemplate` yields (upstream's `EuiPageTemplate.Sidebar`,\n * `.Header`, `.Section`, `.EmptyPrompt` and `.BottomBar`), set up with the\n * template's settings. Args passed to a part override them.\n */\nexport interface EuiPageTemplateParts {\n  /**\n   * `EuiPageSidebar` with the template's `@paddingSize` and `@responsive`.\n   * Only in the `<:sidebar>` block (it asserts elsewhere).\n   */\n  Sidebar: WithBoundArgs<\n    typeof EuiPageTemplateSidebar,\n    'paddingSize' | 'responsive'\n  >;\n  /** `EuiPageHeader` with the template's width, padding, bottom border and color. */\n  Header: WithBoundArgs<\n    typeof EuiPageHeader,\n    'restrictWidth' | 'paddingSize' | 'bottomBorder' | 'color'\n  >;\n  /** `EuiPageSection` with the template's width, padding and color; it grows. */\n  Section: WithBoundArgs<\n    typeof EuiPageSection,\n    'restrictWidth' | 'paddingSize' | 'color' | 'grow'\n  >;\n  /** A centered `EuiEmptyPrompt`, panelled when the content is. */\n  EmptyPrompt: WithBoundArgs<typeof EuiPageTemplateEmptyPrompt, 'panelled' | 'grow'>;\n  /** A sticky `EuiBottomBar` aligned with the template's width and padding. */\n  BottomBar: WithBoundArgs<\n    typeof EuiPageTemplateBottomBar,\n    'restrictWidth' | 'paddingSize'\n  >;\n}\n\n/**\n * A whole page layout. The composable API (upstream's) yields the page's\n * parts, which inherit the template's settings:\n *\n * ```hbs\n * <EuiPageTemplate @panelled={{true}}>\n *   <:sidebar as |T|><T.Sidebar>…</T.Sidebar></:sidebar>\n *   <:default as |T|>\n *     <T.Header @pageTitle=\"Users\" />\n *     <T.Section>…</T.Section>\n *     <T.BottomBar>…</T.BottomBar>\n *   </:default>\n * </EuiPageTemplate>\n * ```\n *\n * The legacy API (`@template`, `@pageHeader`, `<:pageSideBar>`, …) is\n * deprecated: upstream removed it.\n */\nexport interface EuiPageTemplateSignature {\n  Element: HTMLElement;\n  Args: EuiPageTemplateProps;\n  Blocks: {\n    /**\n     * The page's content. Composable API: yields the parts (`as |T|`), to\n     * stack `T.Header`, `T.Section`, `T.EmptyPrompt`, `T.BottomBar` or any\n     * content in the main element, in order.\n     */\n    default: [EuiPageTemplateParts];\n    /**\n     * Composable API. Sidebars (`T.Sidebar`, may be conditional), rendered\n     * beside the main element. Any rendered `T.Sidebar` panels and borders\n     * the content, like upstream.\n     */\n    sidebar: [Pick<EuiPageTemplateParts, 'Sidebar'>];\n    /** @deprecated Legacy API (removed upstream). Use the `<:sidebar as |T|>` block with `T.Sidebar`. */\n    pageSideBar: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `@pageTitle` or its blocks. */\n    pageHeaderPageTitle: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s default block. */\n    pageHeaderDefault: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `@description` or its blocks. */\n    pageHeaderDescription: [];\n    /** @deprecated Legacy API (removed upstream). Use `T.Header`'s `<:rightSideItems>` block. */\n    pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n    /** @deprecated Legacy API (removed upstream). Use `T.BottomBar`. */\n    bottomBar: [];\n  };\n}\n\nconst DEFAULT_RESPONSIVE: EuiPageBreakpoint[] = ['xs', 's'];\n\ninterface ComposableLayout {\n  innerClass: string;\n  headerBottomBorder: boolean | 'extended';\n  emptyPromptPanelled: boolean | undefined;\n}\n\nexport default class EuiPageTemplate extends Component<EuiPageTemplateSignature> {\n  // Composable API (upstream EUI 123's EuiPageTemplate)\n\n  /** Upstream's `pageInnerId`, unless `mainProps.id` is given. */\n  generatedInnerId = `EuiPageTemplateInner_${guidFor(this)}`;\n\n  /**\n   * Whether the composable API is in use: a block taking the parts\n   * (`as |T|`), a `<:sidebar>` block (checked in the template) or any arg\n   * only the composable API has.\n   */\n  get hasComposableArgs(): boolean {\n    const args = this.args;\n    return [\n      args.panelled,\n      args.bottomBorder,\n      args.contentBorder,\n      args.offset,\n      args.responsive,\n      args.direction,\n      args.component,\n      args.mainProps,\n      args.css\n    ].some((value) => value !== undefined);\n  }\n\n  get composablePaddingSize(): EuiPagePaddingSize {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get composableRestrictWidth(): boolean | number | string {\n    return this.args.restrictWidth ?? true;\n  }\n\n  get responsive(): EuiPageBreakpoint[] {\n    return this.args.responsive ?? DEFAULT_RESPONSIVE;\n  }\n\n  /** Header and section background: upstream's `panelled === false ? 'transparent' : 'plain'`. */\n  get sectionColor(): 'transparent' | 'plain' {\n    return this.args.panelled === false ? 'transparent' : 'plain';\n  }\n\n  get mainTag(): string {\n    return this.args.component ?? 'main';\n  }\n\n  get mainStyle(): Record<string, string> {\n    return this.args.mainProps?.style ?? {};\n  }\n\n  get mainId(): string {\n    return this.args.mainProps?.id ?? this.generatedInnerId;\n  }\n\n  /** Upstream's page style: minimum height and the fixed headers' offset. */\n  @cached\n  get pageStyle(): Record<string, string> {\n    const { minHeight = '460px', offset } = this.args;\n    const min = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n    return {\n      'min-block-size': (this.args.grow ?? true) ? `max(${min}, 100vh)` : min,\n      // Ember difference: fixed EuiHeaders pad <body> (see `offset`).\n      'padding-block-start':\n        offset === undefined || offset === null ? '0px' : `${offset}px`\n    };\n  }\n\n  /**\n   * Upstream `_EuiPageOuter` (`euiPageOuterStyles`, static). Upstream\n   * flips to a column while `useIsWithinBreakpoints(responsive)`; here\n   * that is a media query over the same breakpoints.\n   */\n  @cached\n  get outerClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiPageOuterStyles;\n    const responding = euiBreakpointsMedia(context.upstream, this.responsive);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageOuter,\n      styles[this.args.direction ?? 'row'],\n      responding && { [responding]: styles.column },\n      (this.args.grow ?? true) && styles.grow,\n      this.args.css\n    );\n  }\n\n  /**\n   * The layout settings that depend on whether there is a sidebar\n   * (upstream counts its `EuiPageTemplate.Sidebar` children; here the\n   * rendered `T.Sidebar`s register, see `sidebarCount`). One cached object\n   * per case.\n   */\n  layoutFor(hasSidebar: boolean): ComposableLayout {\n    const { panelled, contentBorder, bottomBorder, mainProps } = this.args;\n    const innerPanelled = panelled ?? hasSidebar;\n    const innerBordered = contentBorder ?? hasSidebar;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPageInnerStyles);\n    const responding = euiBreakpointsMedia(context.upstream, this.responsive);\n    const desktop = euiOutsideBreakpointsMedia(\n      context.upstream,\n      this.responsive\n    );\n    // Upstream `_EuiPageInner`: a top border while responding, else left.\n    const border = innerBordered && [\n      responding\n        ? desktop && { [desktop]: styles.border.left }\n        : styles.border.left,\n      responding && { [responding]: styles.border.top }\n    ];\n\n    return {\n      innerClass: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.euiPageInner,\n        innerPanelled && styles.panelled,\n        border,\n        mainProps?.css\n      ),\n      headerBottomBorder: bottomBorder ?? (hasSidebar ? true : 'extended'),\n      emptyPromptPanelled: innerPanelled ? true : panelled\n    };\n  }\n\n  /**\n   * Number of rendered `T.Sidebar`s. Written as they render or go away,\n   * never read and written in one go, so a sidebar rendering does not\n   * invalidate something already read in the same render.\n   */\n  @tracked sidebarCount = 0;\n  #sidebars = 0;\n\n  sidebarRegistry: EuiPageTemplateSidebarRegistry = {\n    register: () => {\n      this.sidebarCount = ++this.#sidebars;\n      return () => {\n        this.#sidebars--;\n        if (!isDestroying(this)) this.sidebarCount = this.#sidebars;\n      };\n    }\n  };\n\n  /**\n   * The rendered main element, where `T.BottomBar`s render (upstream's\n   * `bottomBar.parent`: the bar is portaled to the end of the main\n   * content). Set once the element is in the DOM, like upstream's\n   * frame-delayed lookup.\n   */\n  @tracked mainElement: HTMLElement | null = null;\n\n  registerMain = functionModifier((element: Element) => {\n    this.mainElement = element as HTMLElement;\n    return () => {\n      if (!isDestroying(this) && this.mainElement === element) {\n        this.mainElement = null;\n      }\n    };\n  });\n\n  /** Upstream: the layout depends on whether there are sidebars. */\n  get layout(): ComposableLayout {\n    return this.sidebarCount > 0\n      ? this.layoutWithSidebar\n      : this.layoutWithoutSidebar;\n  }\n\n  @cached\n  get layoutWithSidebar(): ComposableLayout {\n    return this.layoutFor(true);\n  }\n\n  @cached\n  get layoutWithoutSidebar(): ComposableLayout {\n    return this.layoutFor(false);\n  }\n\n  #warnedLegacy = false;\n\n  /** Fires the legacy API's deprecation once per instance. */\n  deprecateLegacyApi = (): string => {\n    if (!this.#warnedLegacy) {\n      this.#warnedLegacy = true;\n      deprecateRemovedUpstream(\n        'eui-page-template-legacy',\n        \"EuiPageTemplate's legacy API (`@template`, `@pageHeader`, `@page…Props`, `@bottomBarProps`, `@fullHeight` and the `<:pageSideBar>`, `<:pageHeader…>` and `<:bottomBar>` blocks)\",\n        'Use the composable API: `<EuiPageTemplate as |T|>` with `T.Header`, `T.Section`, `T.EmptyPrompt` and `T.BottomBar`, and `T.Sidebar` in a `<:sidebar as |T|>` block.'\n      );\n    }\n    return '';\n  };\n\n  // Legacy API\n\n  /**\n   * The legacy branch only renders when the default block takes no\n   * params (see the template's `has-block-params`), so nothing reads this.\n   */\n  legacyParts = undefined as unknown as EuiPageTemplateParts;\n\n  /** The legacy layouts take `'none'`, `'s'`, `'m'` or `'l'`. */\n  get legacyPaddingSize(): 'none' | 's' | 'm' | 'l' | undefined {\n    return this.args.paddingSize as 'none' | 's' | 'm' | 'l' | undefined;\n  }\n\n  // Defaults\n  @argOrDefaultDecorator(false) fullHeight!: boolean | 'noscroll';\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  @tracked isWithinBreakpoints = false;\n\n  setIsWithinBreakpoints = (value: boolean) => {\n    this.isWithinBreakpoints = value;\n  };\n\n  get minHeight() {\n    const minHeight = this.args.minHeight ?? 460;\n\n    if (typeof minHeight === 'number') {\n      return `${minHeight}px`;\n    }\n\n    return minHeight;\n  }\n\n  get restrictWidth() {\n    const width = this.args.restrictWidth ?? true;\n\n    if (typeof this.args.restrictWidth === 'number') {\n      return `${width}px`;\n    }\n\n    return width;\n  }\n\n  get classes() {\n    return `euiPageTemplate ${this.fullHeightClass}`;\n  }\n\n  /**\n   * Upstream's `eui-fullHeight` utility class. Upstream EuiProvider injects\n   * the utility classes globally; here the class name stays as a hook and\n   * the rule comes from the extracted `euiFullHeight` mixin.\n   */\n  @cached\n  get fullHeightUtility() {\n    return `eui-fullHeight ${euiClass(getEuiThemeContext(this), euiFullHeight() as string)}`;\n  }\n\n  /** Upstream's `eui-yScroll` utility class (`euiYScroll` mixin). */\n  @cached\n  get yScrollUtility() {\n    const context = getEuiThemeContext(this);\n    return `eui-yScroll ${euiClass(context, euiYScroll(context.upstream) as string)}`;\n  }\n\n  /** Upstream `_EuiPageBottomBar`: hides wide flex margins, never shrinks. */\n  @cached\n  get bottomBarClass() {\n    return [\n      euiClass(getEuiThemeContext(this), { overflow: 'hidden', flexShrink: 0 }),\n      this.args.bottomBarProps?.className\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight\n      ? `${this.fullHeightUtility} `\n      : '';\n  }\n\n  get yScrollClass() {\n    return this.fullHeight && this.canFullHeight\n      ? `${this.yScrollUtility} `\n      : '';\n  }\n\n  get canFullHeight() {\n    return (\n      this.isWithinBreakpoints &&\n      (this.template === 'default' || this.template === 'empty')\n    );\n  }\n\n  get pageBodyPropsClass() {\n    return [this.fullHeightClass, this.args.pageBodyProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get pageContentPropsClass() {\n    return [this.yScrollClass, this.args.pageContentProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get pageContentBodyPropsClass() {\n    return [this.fullHeightClass, this.args.pageContentBodyProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    {{#if\n      (or\n        (has-block-params \"default\")\n        (has-block \"sidebar\")\n        this.hasComposableArgs\n      )\n    }}\n      {{#let\n        (hash\n          BottomBar=(component\n            EuiPageTemplateBottomBar\n            restrictWidth=this.composableRestrictWidth\n            paddingSize=this.composablePaddingSize\n            parent=this.mainElement\n          )\n          Section=(component\n            EuiPageSection\n            restrictWidth=this.composableRestrictWidth\n            paddingSize=this.composablePaddingSize\n            color=this.sectionColor\n            grow=true\n          )\n        )\n        as |parts|\n      }}\n        <div\n          class=\"euiPageTemplate {{this.outerClass}}\"\n          {{style this.pageStyle}}\n          ...attributes\n        >\n          {{! Sidebars render (and register) before anything reads the count. }}\n          {{#if (has-block \"sidebar\")}}\n            {{yield\n              (hash\n                Sidebar=(component\n                  EuiPageTemplateSidebar\n                  paddingSize=this.composablePaddingSize\n                  responsive=this.responsive\n                  registry=this.sidebarRegistry\n                )\n              )\n              to=\"sidebar\"\n            }}\n          {{/if}}\n          {{#let (element this.mainTag) as |Main|}}\n            <Main\n              id={{this.mainId}}\n              class=\"{{this.layout.innerClass}} {{@mainProps.className}}\"\n              role={{@mainProps.role}}\n              aria-label={{@mainProps.aria-label}}\n              aria-labelledby={{@mainProps.aria-labelledby}}\n              data-test-subj={{@mainProps.data-test-subj}}\n              {{style this.mainStyle}}\n              {{this.registerMain}}\n            >\n              {{yield\n                (hash\n                  Sidebar=(component\n                    EuiPageTemplateSidebar\n                    paddingSize=this.composablePaddingSize\n                    responsive=this.responsive\n                  )\n                  Header=(component\n                    EuiPageHeader\n                    restrictWidth=this.composableRestrictWidth\n                    paddingSize=this.composablePaddingSize\n                    bottomBorder=this.layout.headerBottomBorder\n                    color=this.sectionColor\n                  )\n                  Section=parts.Section\n                  EmptyPrompt=(component\n                    EuiPageTemplateEmptyPrompt\n                    panelled=this.layout.emptyPromptPanelled\n                    grow=true\n                  )\n                  BottomBar=parts.BottomBar\n                )\n                to=\"default\"\n              }}\n            </Main>\n          {{/let}}\n        </div>\n      {{/let}}\n    {{else}}\n    {{this.deprecateLegacyApi}}\n    {{#let\n      (argOrDefault @grow true)\n      (argOrDefault this.legacyPaddingSize \"l\")\n      (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\"))\n      (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\"))\n      (and\n        (argOrDefault @hasPageHeaderPageTitleBlock true)\n        (has-block \"pageHeaderPageTitle\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDefaultBlock true)\n        (has-block \"pageHeaderDefault\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderRightSideItemsBlock true)\n        (has-block \"pageHeaderRightSideItems\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDescriptionBlock true)\n        (has-block \"pageHeaderDescription\")\n      )\n      (modifier\n        useIsWithinBreakpoints\n        sizes=BREAKPOINTS\n        isActive=true\n        setIsWithinBreakpointsValue=this.setIsWithinBreakpoints\n      )\n      as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|\n    }}\n      {{#let\n        (or\n          @pageHeader\n          hasPageHeaderPageTitleBlock\n          hasPageHeaderDefaultBlock\n          hasPageHeaderRightSideItemsBlock\n          hasPageHeaderDescriptionBlock\n        )\n        as |hasPageHeader|\n      }}\n        {{#if (eq this.template \"centeredBody\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n\n                <EuiPageContent\n                  class={{this.pageContentPropsClass}}\n                  @verticalPosition={{argOrDefault\n                    @pageContentProps.verticalPosition\n                    \"center\"\n                  }}\n                  @horizontalPosition={{argOrDefault\n                    @pageContentProps.horizontalPosition\n                    \"center\"\n                  }}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    paddingSize\n                  }}\n                  @role={{@pageContentProps.role}}\n                  @hasBorder={{@pageContentProps.hasBorder}}\n                  @hasShadow={{@pageContentProps.hasShadow}}\n                  @color={{@pageContentProps.color}}\n                  @borderRadius={{@pageContentProps.borderRadius}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    class={{this.pageContentBodyPropsClass}}\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @restrictWidth={{argOrDefault\n                  @pageBodyProps.restrictWidth\n                  this.restrictWidth\n                }}\n                @tagName={{@pageBodyProps.tagName}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      false\n                    }}\n                    @bottomBorder={{argOrDefault @pageHeader.bottomBorder true}}\n                    @paddingSize={{argOrDefault @pageHeader.paddingSize \"none\"}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageBody>\n                  <EuiPageContent\n                    class={{this.pageContentPropsClass}}\n                    @verticalPosition={{argOrDefault\n                      @pageContentProps.verticalPosition\n                      \"center\"\n                    }}\n                    @horizontalPosition={{argOrDefault\n                      @pageContentProps.horizontalPosition\n                      \"center\"\n                    }}\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @hasShadow={{@pageContentProps.hasShadow}}\n                    @color={{@pageContentProps.color}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                    @role={{@pageContentProps.role}}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      paddingSize\n                    }}\n                  >\n                    <EuiPageContentBody\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{argOrDefault\n                        @pageContentBodyProps.paddingSize\n                        \"none\"\n                      }}\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n                </EuiPageBody>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else if (eq this.template \"centeredContent\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{argOrDefault @pageBodyProps.panelled true}}\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @verticalPosition={{argOrDefault\n                    @pageContentProps.verticalPosition\n                    \"center\"\n                  }}\n                  @horizontalPosition={{argOrDefault\n                    @pageContentProps.horizontalPosition\n                    \"center\"\n                  }}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @color={{argOrDefault @pageContentProps.color \"subdued\"}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    paddingSize\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @hasBorder={{@pageContentProps.hasBorder}}\n                  @borderRadius={{@pageContentProps.borderRadius}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageHeader.paddingSize\n                      paddingSize\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                {{!template-lint-disable}}\n                <EuiPageContent\n                  role={{null}}\n                  @borderRadius=\"none\"\n                  @hasShadow={{false}}\n                  @paddingSize={{paddingSize}}\n                  style=\"display: flex\"\n                >\n                  {{!template-lint-enable}}\n                  <EuiPageContent\n                    @verticalPosition={{argOrDefault\n                      @pageContentProps.verticalPosition\n                      \"center\"\n                    }}\n                    @horizontalPosition={{argOrDefault\n                      @pageContentProps.horizontalPosition\n                      \"center\"\n                    }}\n                    @hasShadow={{argOrDefault\n                      @pageContentProps.hasShadow\n                      false\n                    }}\n                    @color={{argOrDefault @pageContentProps.color \"subdued\"}}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      paddingSize\n                    }}\n                    class={{this.pageContentPropsClass}}\n                    @role={{@pageContentProps.role}}\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                  >\n                    <EuiPageContentBody\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{@pageContentBodyProps.paddingSize}}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else if (eq this.template \"empty\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @paddingSize={{argOrDefault\n                  @pageBodyProps.paddingSize\n                  paddingSize\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{argOrDefault @pageContentProps.hasBorder false}}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"transparent\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{@pageContentBodyProps.paddingSize}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                @restrictWidth={{argOrDefault\n                  @pageBodyProps.restrictWidth\n                  this.restrictWidth\n                }}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @bottomBorder={{argOrDefault @pageHeader.bottomBorder true}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      false\n                    }}\n                    @paddingSize={{argOrDefault @pageHeader.paddingSize \"none\"}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{argOrDefault @pageContentProps.hasBorder false}}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"transparent\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      false\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @paddingSize={{argOrDefault\n                      @pageContentBodyProps.paddingSize\n                      \"none\"\n                    }}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{else}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{argOrDefault @pageSideBarProps.sticky true}}\n                @paddingSize={{argOrDefault\n                  @pageSideBarProps.paddingSize\n                  paddingSize\n                }}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{argOrDefault @pageBodyProps.panelled true}}\n                @paddingSize={{argOrDefault @pageBodyProps.paddingSize \"none\"}}\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                <EuiPageBody\n                  class={{this.pageBodyPropsClass}}\n                  @paddingSize={{paddingSize}}\n                  @tagName=\"div\"\n                >\n                  {{#if hasPageHeader}}\n                    <EuiPageHeader\n                      class={{@pageHeader.className}}\n                      @bottomBorder={{argOrDefault\n                        @pageHeader.bottomBorder\n                        true\n                      }}\n                      @restrictWidth={{argOrDefault\n                        @pageHeader.restrictWidth\n                        this.restrictWidth\n                      }}\n                      @paddingSize={{@pageHeader.paddingSize}}\n                      @responsive={{@pageHeader.responsive}}\n                      @iconType={{@pageHeader.iconType}}\n                      @tabs={{@pageHeader.tabs}}\n                      @pageTitle={{@pageHeader.pageTitle}}\n                      @description={{@pageHeader.description}}\n                      @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                      @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                      @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                      @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                      @alignItems={{@pageHeader.alignItems}}\n                      @breadcrumbs={{@pageHeader.breadcrumbs}}\n                      @pageTitleProps={{@pageHeader.pageTitleProps}}\n                      @style={{@pageHeader.style}}\n                    >\n                      <:pageTitle>\n                        {{#if hasPageHeaderPageTitleBlock}}{{yield\n                            to=\"pageHeaderPageTitle\"\n                          }}{{/if}}\n                      </:pageTitle>\n                      <:default>\n                        {{#if hasPageHeaderDefaultBlock}}{{yield\n                            to=\"pageHeaderDefault\"\n                          }}{{/if}}\n                      </:default>\n                      <:description>\n                        {{#if hasPageHeaderDescriptionBlock}}{{yield\n                            to=\"pageHeaderDescription\"\n                          }}{{/if}}\n                      </:description>\n                      <:rightSideItems as |item|>\n                        {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                            item\n                            to=\"pageHeaderRightSideItems\"\n                          }}{{/if}}\n                      </:rightSideItems>\n                    </EuiPageHeader>\n                  {{/if}}\n                  <EuiPageContent\n                    @hasShadow={{argOrDefault\n                      @pageContentProps.hasShadow\n                      false\n                    }}\n                    @hasBorder={{argOrDefault\n                      @pageContentProps.hasBorder\n                      false\n                    }}\n                    @color={{argOrDefault\n                      @pageContentProps.color\n                      \"transparent\"\n                    }}\n                    @borderRadius={{argOrDefault\n                      @pageContentProps.borderRadius\n                      \"none\"\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageContentProps.paddingSize\n                      \"none\"\n                    }}\n                    class={{this.pageContentPropsClass}}\n                    @role={{@pageContentProps.role}}\n                    @verticalPosition={{@pageContentProps.verticalPosition}}\n                    @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                    @grow={{@pageContentProps.grow}}\n                  >\n                    <EuiPageContentBody\n                      @restrictWidth={{argOrDefault\n                        @pageContentBodyProps.restrictWidth\n                        this.restrictWidth\n                      }}\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize={{@pageContentBodyProps.paddingSize}}\n                      @style={{@pageContentBodyProps.style}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class={{this.fullHeightUtility}}\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) this.yScrollUtility)\n                              (if\n                                (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                              )\n                            }}\n                            @grow={{true}}\n                          >\n                            {{yield this.legacyParts to=\"default\"}}\n                          </EuiFlexItem>\n                        </EuiFlexGroup>\n                      {{else}}\n                        {{yield this.legacyParts to=\"default\"}}\n                      {{/if}}\n                    </EuiPageContentBody>\n                  </EuiPageContent>\n                </EuiPageBody>\n                {{#if hasBottomBarBlock}}\n                  <EuiBottomBar\n                    class={{this.bottomBarClass}}\n                    @paddingSize={{argOrDefault\n                      @bottomBarProps.paddingSize\n                      paddingSize\n                    }}\n                    @position={{argOrDefault\n                      @bottomBarProps.position\n                      (if\n                        (and this.canFullHeight this.fullHeight)\n                        \"static\"\n                        \"sticky\"\n                      )\n                    }}\n                    @affordForDisplacement={{@bottomBarProps.affordForDisplacement}}\n                    @bodyClassName={{@bottomBarProps.bodyClassName}}\n                    @landmarkHeading={{@bottomBarProps.landmarkHeading}}\n                    @top={{@bottomBarProps.top}}\n                    @right={{@bottomBarProps.right}}\n                    @left={{@bottomBarProps.left}}\n                    @bottom={{@bottomBarProps.bottom}}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @tagName={{@pageBodyProps.tagName}}\n                @restrictWidth={{@pageBodyProps.restrictWidth}}\n                @paddingSize={{@pageBodyProps.paddingSize}}\n                @borderRadius={{@pageBodyProps.borderRadius}}\n                @panelled={{@pageBodyProps.panelled}}\n                @color={{@pageBodyProps.color}}\n                @hasBorder={{@pageBodyProps.hasBorder}}\n                @hasShadow={{@pageBodyProps.hasShadow}}\n                @style={{@pageBodyProps.style}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    class={{@pageHeader.className}}\n                    @restrictWidth={{argOrDefault\n                      @pageHeader.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize={{argOrDefault\n                      @pageHeader.paddingSize\n                      paddingSize\n                    }}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    @alignItems={{@pageHeader.alignItems}}\n                    @breadcrumbs={{@pageHeader.breadcrumbs}}\n                    @pageTitleProps={{@pageHeader.pageTitleProps}}\n                    @style={{@pageHeader.style}}\n                  >\n                    <:pageTitle>\n                      {{#if hasPageHeaderPageTitleBlock}}{{yield\n                          to=\"pageHeaderPageTitle\"\n                        }}{{/if}}\n                    </:pageTitle>\n                    <:default>\n                      {{#if hasPageHeaderDefaultBlock}}{{yield\n                          to=\"pageHeaderDefault\"\n                        }}{{/if}}\n                    </:default>\n                    <:description>\n                      {{#if hasPageHeaderDescriptionBlock}}{{yield\n                          to=\"pageHeaderDescription\"\n                        }}{{/if}}\n                    </:description>\n                    <:rightSideItems as |item|>\n                      {{#if hasPageHeaderRightSideItemsBlock}}{{yield\n                          item\n                          to=\"pageHeaderRightSideItems\"\n                        }}{{/if}}\n                    </:rightSideItems>\n                  </EuiPageHeader>\n                {{/if}}\n                <EuiPageContent\n                  @hasBorder={{if\n                    (eq @pageContentProps.hasBorder undefined)\n                    (if hasPageHeader undefined false)\n                    @pageContentProps.hasBorder\n                  }}\n                  @hasShadow={{argOrDefault @pageContentProps.hasShadow false}}\n                  @paddingSize={{argOrDefault\n                    @pageContentProps.paddingSize\n                    \"none\"\n                  }}\n                  @color={{argOrDefault @pageContentProps.color \"plain\"}}\n                  @borderRadius={{argOrDefault\n                    @pageContentProps.borderRadius\n                    \"none\"\n                  }}\n                  class={{this.pageContentPropsClass}}\n                  @role={{@pageContentProps.role}}\n                  @verticalPosition={{@pageContentProps.verticalPosition}}\n                  @horizontalPosition={{@pageContentProps.horizontalPosition}}\n                  @grow={{@pageContentProps.grow}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{argOrDefault\n                      @pageContentBodyProps.restrictWidth\n                      this.restrictWidth\n                    }}\n                    @paddingSize={{argOrDefault\n                      @pageContentBodyProps.paddingSize\n                      paddingSize\n                    }}\n                    class={{this.pageContentBodyPropsClass}}\n                    @style={{@pageContentBodyProps.style}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class={{this.fullHeightUtility}}\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) this.yScrollUtility)\n                            (if\n                              (eq this.fullHeight \"noscroll\") this.fullHeightUtility\n                            )\n                          }}\n                          @grow={{true}}\n                        >\n                          {{yield this.legacyParts to=\"default\"}}\n                        </EuiFlexItem>\n                      </EuiFlexGroup>\n                    {{else}}\n                      {{yield this.legacyParts to=\"default\"}}\n                    {{/if}}\n                  </EuiPageContentBody>\n                </EuiPageContent>\n                {{#if hasBottomBarBlock}}\n                  <EuiBottomBar\n                    class={{this.bottomBarClass}}\n                    @paddingSize={{argOrDefault\n                      @bottomBarProps.paddingSize\n                      paddingSize\n                    }}\n                    @position={{argOrDefault\n                      @bottomBarProps.position\n                      (if\n                        (and this.canFullHeight this.fullHeight)\n                        \"static\"\n                        \"sticky\"\n                      )\n                    }}\n                    @affordForDisplacement={{@bottomBarProps.affordForDisplacement}}\n                    @bodyClassName={{@bottomBarProps.bodyClassName}}\n                    @landmarkHeading={{@bottomBarProps.landmarkHeading}}\n                    @top={{@bottomBarProps.top}}\n                    @right={{@bottomBarProps.right}}\n                    @left={{@bottomBarProps.left}}\n                    @bottom={{@bottomBarProps.bottom}}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{/if}}\n      {{/let}}\n    {{/let}}\n    {{/if}}\n  </template>\n}\n"],"names":["TEMPLATES","BREAKPOINTS","DEFAULT_RESPONSIVE","EuiPageTemplate","Component","generatedInnerId","guidFor","hasComposableArgs","args","panelled","bottomBorder","contentBorder","offset","responsive","direction","component","mainProps","css","some","value","undefined","composablePaddingSize","paddingSize","composableRestrictWidth","restrictWidth","sectionColor","mainTag","mainStyle","style","mainId","id","pageStyle","minHeight","min","grow","n","prototype","cached","outerClass","context","getEuiThemeContext","styles","euiPageOuterStyles","responding","euiBreakpointsMedia","upstream","euiClass","euiPageBoxSizing","euiPageOuter","column","layoutFor","hasSidebar","innerPanelled","innerBordered","useEuiBorealisStyles","euiPageInnerStyles","desktop","euiOutsideBreakpointsMedia","border","left","top","innerClass","euiPageInner","headerBottomBorder","emptyPromptPanelled","g","tracked","i","sidebarRegistry","register","sidebarCount","isDestroying","registerMain","functionModifier","element","mainElement","layout","layoutWithSidebar","layoutWithoutSidebar","deprecateLegacyApi","deprecateRemovedUpstream","legacyParts","legacyPaddingSize","argOrDefaultDecorator","setIsWithinBreakpoints","isWithinBreakpoints","width","classes","fullHeightClass","fullHeightUtility","euiFullHeight","yScrollUtility","euiYScroll","bottomBarClass","overflow","flexShrink","bottomBarProps","className","filter","Boolean","join","fullHeight","canFullHeight","yScrollClass","template","pageBodyPropsClass","pageBodyProps","pageContentPropsClass","pageContentProps","pageContentBodyPropsClass","pageContentBodyProps","setComponentTemplate","precompileTemplate","strictMode","scope","or","hash","EuiPageTemplateBottomBar","EuiPageSection","EuiPageTemplateSidebar","EuiPageHeader","EuiPageTemplateEmptyPrompt","argOrDefault","and","useIsWithinBreakpoints","eq","EuiPage","inlineStyles","EuiPageSideBar","EuiPageBody","EuiPageContent","EuiPageContentBody","EuiFlexGroup","EuiFlexItem","classNames","EuiBottomBar"],"mappings":"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"}

package/dist/components/eui-page.js

@@ -4,10 +4,11 @@ import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { isRestricted, euiPagePadding, euiPageBoxSizing, euiPageRestrictWidthStyle } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { i as euiBackgroundColor, ci as euiPageStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiBackgroundColor } from '../utils/eui/styles.generated/shared/LXBSAITL.js';
+import { euiPageStyles } from '../utils/eui/styles.generated/components/page/page.styles.js';
 
 /** Upstream `EuiPage` (`euiPageStyles`) on the Borealis theme. */class EuiPage extends Component {
   get classes() {

package/dist/components/eui-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page.js","sources":["../../src/components/eui-page.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  isRestricted\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\n/** The outermost layout of a page: holds an optional `EuiPageSideBar` and an `EuiPageBody`. See also EuiPageTemplate. */\nexport interface EuiPageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Max width of the page, centered: `true` for EUI's default (1200px),\n     * a number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /**\n     * Padding around the page: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or\n     * `'xl'`. Defaults to `'none'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /** Grows to fill its flex parent (`flex-grow: 1`). Defaults to `true`. */\n    grow?: boolean;\n    /**\n     * `'row'` puts an `EuiPageSideBar` beside the body from the theme's `m`\n     * breakpoint up and stacks them below it; `'column'` always stacks them.\n     * Defaults to `'row'`.\n     */\n    direction?: 'row' | 'column';\n    /**\n     * Background: `'transparent'`, `'plain'`, `'subdued'`, `'highlighted'`,\n     * `'accent'`, `'accentSecondary'`, `'primary'`, `'success'`, `'warning'`\n     * or `'danger'`. Defaults to `'transparent'`.\n     */\n    color?: string;\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** `EuiPageSideBar` and `EuiPageBody`. */\n    default: [];\n  };\n}\n\n/** Upstream `EuiPage` (`euiPageStyles`) on the Borealis theme. */\nexport default class EuiPage extends Component<EuiPageSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageStyles);\n    // Same order as upstream's `stylesCSS`.\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPage,\n      styles[this.args.direction ?? 'row'],\n      { backgroundColor: euiBackgroundColor(upstream, this.args.color ?? 'transparent') },\n      (this.args.grow ?? true) && styles.grow,\n      euiPagePadding(upstream, this.args.paddingSize ?? 'none'),\n      isRestricted(this.args.restrictWidth) && styles.restrictWidth,\n      this.args.css\n    );\n  }\n\n  get inlineStyle() {\n    return euiPageRestrictWidthStyle(this.args.restrictWidth, this.args.style);\n  }\n\n  <template>\n    <div\n      class=\"euiPage {{this.classes}}\"\n      ...attributes\n      {{style this.inlineStyle}}\n    >\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPage","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageStyles","euiClass","euiPageBoxSizing","euiPage","args","direction","backgroundColor","euiBackgroundColor","color","grow","euiPagePadding","paddingSize","isRestricted","restrictWidth","css","n","prototype","cached","inlineStyle","euiPageRestrictWidthStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;;;;;AA+DA,kEACe,MAAMA,OAAA,SAAgBC,SAAA,CAAU;EAC7C,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,aAAA,CAAA;AAC7C;IACA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,OAAO,EACdL,MAAM,CAAC,IAAI,CAACM,IAAI,CAACC,SAAS,IAAI,MAAM,EACpC;MAAEC,eAAA,EAAiBC,mBAAmBV,QAAA,EAAU,IAAI,CAACO,IAAI,CAACI,KAAK,IAAI,aAAA;KAAe,EAClF,CAAC,IAAI,CAACJ,IAAI,CAACK,IAAI,IAAI,IAAI,KAAKX,OAAOW,IAAI,EACvCC,cAAA,CAAeb,QAAA,EAAU,IAAI,CAACO,IAAI,CAACO,WAAW,IAAI,MAAA,CAAA,EAClDC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,aAAa,CAAA,IAAKf,MAAA,CAAOe,aAAa,EAC7D,IAAI,CAACT,IAAI,CAACU,GAAG,CAAA;AAEjB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;EAmBD,IAAIC,WAAAA,GAAc;AAChB,IAAA,OAAOC,yBAAA,CAA0B,IAAI,CAACf,IAAI,CAACS,aAAa,EAAE,IAAI,CAACT,IAAI,CAACgB,KAAK,CAAA;AAC3E,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,wGAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAJ,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-page.js","sources":["../../src/components/eui-page.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  isRestricted\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\n/** The outermost layout of a page: holds an optional `EuiPageSideBar` and an `EuiPageBody`. See also EuiPageTemplate. */\nexport interface EuiPageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Max width of the page, centered: `true` for EUI's default (1200px),\n     * a number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /**\n     * Padding around the page: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or\n     * `'xl'`. Defaults to `'none'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /** Grows to fill its flex parent (`flex-grow: 1`). Defaults to `true`. */\n    grow?: boolean;\n    /**\n     * `'row'` puts an `EuiPageSideBar` beside the body from the theme's `m`\n     * breakpoint up and stacks them below it; `'column'` always stacks them.\n     * Defaults to `'row'`.\n     */\n    direction?: 'row' | 'column';\n    /**\n     * Background: `'transparent'`, `'plain'`, `'subdued'`, `'highlighted'`,\n     * `'accent'`, `'accentSecondary'`, `'primary'`, `'success'`, `'warning'`\n     * or `'danger'`. Defaults to `'transparent'`.\n     */\n    color?: string;\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** `EuiPageSideBar` and `EuiPageBody`. */\n    default: [];\n  };\n}\n\n/** Upstream `EuiPage` (`euiPageStyles`) on the Borealis theme. */\nexport default class EuiPage extends Component<EuiPageSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageStyles);\n    // Same order as upstream's `stylesCSS`.\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPage,\n      styles[this.args.direction ?? 'row'],\n      { backgroundColor: euiBackgroundColor(upstream, this.args.color ?? 'transparent') },\n      (this.args.grow ?? true) && styles.grow,\n      euiPagePadding(upstream, this.args.paddingSize ?? 'none'),\n      isRestricted(this.args.restrictWidth) && styles.restrictWidth,\n      this.args.css\n    );\n  }\n\n  get inlineStyle() {\n    return euiPageRestrictWidthStyle(this.args.restrictWidth, this.args.style);\n  }\n\n  <template>\n    <div\n      class=\"euiPage {{this.classes}}\"\n      ...attributes\n      {{style this.inlineStyle}}\n    >\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPage","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageStyles","euiClass","euiPageBoxSizing","euiPage","args","direction","backgroundColor","euiBackgroundColor","color","grow","euiPagePadding","paddingSize","isRestricted","restrictWidth","css","n","prototype","cached","inlineStyle","euiPageRestrictWidthStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;;;;;;AA+DA,kEACe,MAAMA,OAAA,SAAgBC,SAAA,CAAU;EAC7C,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,aAAA,CAAA;AAC7C;IACA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,OAAO,EACdL,MAAM,CAAC,IAAI,CAACM,IAAI,CAACC,SAAS,IAAI,MAAM,EACpC;MAAEC,eAAA,EAAiBC,mBAAmBV,QAAA,EAAU,IAAI,CAACO,IAAI,CAACI,KAAK,IAAI,aAAA;KAAe,EAClF,CAAC,IAAI,CAACJ,IAAI,CAACK,IAAI,IAAI,IAAI,KAAKX,OAAOW,IAAI,EACvCC,cAAA,CAAeb,QAAA,EAAU,IAAI,CAACO,IAAI,CAACO,WAAW,IAAI,MAAA,CAAA,EAClDC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,aAAa,CAAA,IAAKf,MAAA,CAAOe,aAAa,EAC7D,IAAI,CAACT,IAAI,CAACU,GAAG,CAAA;AAEjB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;EAmBD,IAAIC,WAAAA,GAAc;AAChB,IAAA,OAAOC,yBAAA,CAA0B,IAAI,CAACf,IAAI,CAACS,aAAa,EAAE,IAAI,CAACT,IAAI,CAACgB,KAAK,CAAA;AAC3E,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,wGAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAJ,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-pagination/arrow-button.js

@@ -4,12 +4,12 @@ import { on } from '@ember/modifier';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../../utils/eui/styles.js';
-import { cu as euiPaginationButtonStyles } from '../../styles.generated-SYAxYhey.js';
 import EuiButtonIcon from '../eui-button-icon.js';
 import EuiToolTip from '../eui-tool-tip.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiPaginationButtonStyles } from '../../utils/eui/styles.generated/components/pagination/pagination_button.styles.js';
 
 // Upstream's icons.
 const ICONS = {

package/dist/components/eui-pagination-button.js

@@ -5,11 +5,11 @@ import { service } from '@ember/service';
 import { or } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { cu as euiPaginationButtonStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonEmpty from './eui-button-empty.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiPaginationButtonStyles } from '../utils/eui/styles.generated/components/pagination/pagination_button.styles.js';
 
 class EuiPaginationButton extends Component {
   static {

package/dist/components/eui-pagination.js

@@ -7,7 +7,6 @@ import onWindowResize from '../-private/window-resize.js';
 import { getBreakpoint } from '../utils/breakpoint.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { o as euiScreenReaderOnly, ct as euiPaginationStyles } from '../styles.generated-SYAxYhey.js';
 import EuiPaginationArrowButton from './eui-pagination/arrow-button.js';
 import ButtonWrapper from './eui-pagination/button-wrapper.js';
 import NextButton from './eui-pagination/next-button.js';
@@ -16,6 +15,8 @@ import EuiText from './eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiPaginationStyles } from '../utils/eui/styles.generated/components/pagination/pagination.styles.js';
 
 const MAX_VISIBLE_PAGES = 5;
 const NUMBER_SURROUNDING_PAGES = Math.floor(MAX_VISIBLE_PAGES * 0.5);