@ember-eui/core 14.0.0 → 14.1.0

package/dist/components/eui-overlay-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport setBodyClass from '../-private/set-body-class.ts';\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  onClick?: (e: Event) => void;\n  headerZindexLocation?: 'above' | 'below';\n}\n\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.overlayMaskNode = undefined;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAwBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA;EAEDC,kBAAqB,GAAAC,QAAA,CAASC,IAAI;EAGlCC,OAAQA,CAAAC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB;AACF;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,SAAA,EAAA,CALCY,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAmBA,CAAAC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,oBAAA,EAAA,CAHCY,MAAA,CAAA,CAAA;AAAA;AAKDG,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACN,eAAe,GAAGO,SAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAoBA,saAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport setBodyClass from '../-private/set-body-class.ts';\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  /** Called when the mask itself (not its content) is clicked. */\n  onClick?: (e: Event) => void;\n  /**\n   * Whether the mask covers the page header (`'above'`) or leaves it\n   * visible (`'below'`). Defaults to `'above'`.\n   */\n  headerZindexLocation?: 'above' | 'below';\n}\n\n/**\n * A dark overlay covering the page, rendered in a portal, e.g. behind a\n * modal. Prevents scrolling the page while shown.\n */\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    /** Content shown above the mask. */\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.overlayMaskNode = undefined;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAkCe,MAAMA,gCAAgCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA;EAEDC,kBAAA,GAAqBC,QAAA,CAASC,IAAI;EAGlCC,OAAAA,CAAQC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB,IAAA;AACF,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,SAAA,EAAA,CALCY,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAAA,CAAmBC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB,EAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,oBAAA,EAAA,CAHCY,MAAA,CAAA,CAAA;AAAA;AAKDG,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACN,eAAe,GAAGO,SAAA;AACzB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,saAAA,EAoBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    restrictWidth?: boolean;\n    tagName?: string;\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    panelled?: boolean;\n    color?: 'subdued' | 'transparent';\n    hasBorder?: boolean;\n    hasShadow?: boolean;\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","element","templateOnly"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAqDjE,isCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The main column of an EuiPage: header, content and so on. */\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /**\n     * Max width of the content: `true` for EUI's default (1000px), a\n     * number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /** Tag of the body (without `@panelled`). Defaults to `'div'`. */\n    tagName?: string;\n    /** Border radius of the panel: `'none'` or `'m'`. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'` when\n     * `@panelled`, `'none'` otherwise.\n     */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Renders the body as an `EuiPanel` (white background with padding). */\n    panelled?: boolean;\n    /** Panel background: `'subdued'` or `'transparent'`. */\n    color?: 'subdued' | 'transparent';\n    /** Adds a border to the panel. */\n    hasBorder?: boolean;\n    /** Adds a shadow to the panel. */\n    hasShadow?: boolean;\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    /** Usually an `EuiPageHeader` and `EuiPageContent`. */\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","element","templateOnly"],"mappings":";;;;;;;;;;;;AAiDA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,isCAAA,EAqDjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-body.js","sources":["../../src/components/eui-page-content-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentBodySignature {\n  Element: HTMLDivElement;\n  Args: {\n    restrictWidth?: boolean;\n    paddingSize?: keyof typeof paddingSizeMapping;\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentBody: TemplateOnlyComponent<EuiPageContentBodySignature> =\n  <template>\n    {{#let\n      (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n      as |styling|\n    }}\n      <div\n        class={{classNames\n          (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName))\n          componentName=\"EuiPageContentBody\"\n          paddingSize=@paddingSize\n        }}\n        {{style styling.newStyle}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContentBody;\n"],"names":["EuiPageContentBody","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","classNames","concat","style","templateOnly"],"mappings":";;;;;;;;;AAyBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,2UAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-body.js","sources":["../../src/components/eui-page-content-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The content of an EuiPageContent. */\nexport interface EuiPageContentBodySignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Max width of the content: `true` for EUI's default (1000px), a\n     * number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /** Padding: `'none'`, `'s'`, `'m'` or `'l'`. */\n    paddingSize?: keyof typeof paddingSizeMapping;\n    /** Inline styles, merged with the max width. */\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiPageContentBody: TemplateOnlyComponent<EuiPageContentBodySignature> =\n  <template>\n    {{#let\n      (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n      as |styling|\n    }}\n      <div\n        class={{classNames\n          (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName))\n          componentName=\"EuiPageContentBody\"\n          paddingSize=@paddingSize\n        }}\n        {{style styling.newStyle}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContentBody;\n"],"names":["EuiPageContentBody","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","classNames","concat","style","templateOnly"],"mappings":";;;;;;;;;AAiCA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,2UAAA,EAiBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-page-content-header-section.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** One side of an EuiPageContentHeader. */
 const EuiPageContentHeaderSection = setComponentTemplate(precompileTemplate("<div class=\"euiPageContentHeaderSection\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-page-content-header-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-header-section.js","sources":["../../src/components/eui-page-content-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeaderSection: TemplateOnlyComponent<EuiPageContentHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageContentHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeaderSection;\n"],"names":["EuiPageContentHeaderSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,2BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,gFAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-header-section.js","sources":["../../src/components/eui-page-content-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** One side of an EuiPageContentHeader. */\nexport interface EuiPageContentHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** E.g. an `EuiTitle`, or buttons. */\n    default: [];\n  };\n}\n\nconst EuiPageContentHeaderSection: TemplateOnlyComponent<EuiPageContentHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageContentHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeaderSection;\n"],"names":["EuiPageContentHeaderSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,2BAAmD,GAAAC,oBAAA,CACvDC,kBAAA,CAAA,gFAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    responsive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContentHeader: TemplateOnlyComponent<EuiPageContentHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiPageContentHeader\"\n        (if @responsive \"euiPageContentHeader--responsive\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeader;\n"],"names":["EuiPageContentHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAcA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,8IAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A header row inside EuiPageContent. */\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Stacks the sections on small screens. */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** `EuiPageContentHeaderSection`s, e.g. a title and actions. */\n    default: [];\n  };\n}\n\nconst EuiPageContentHeader: TemplateOnlyComponent<EuiPageContentHeaderSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiPageContentHeader\"\n        (if @responsive \"euiPageContentHeader--responsive\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageContentHeader;\n"],"names":["EuiPageContentHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAiBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,8IAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content.js","sources":["../../src/components/eui-page-content.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageContentSignature {\n  Element: HTMLDivElement;\n  Args: {\n    role?: string;\n    verticalPosition?: 'center' | 'bottom';\n    horizontalPosition?: 'center';\n    hasShadow?: boolean;\n    hasBorder?: boolean;\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    color?: EuiPanelSignature['Args']['color'];\n    grow?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageContent: TemplateOnlyComponent<EuiPageContentSignature> =\n  <template>\n    {{#let (argOrDefault @role \"main\") as |role|}}\n      <EuiPanel\n        role={{if (eq role null) undefined role}}\n        class={{classNames\n          (if (eq @borderRadius \"none\") \"euiPageContent--borderRadiusNone\")\n          componentName=\"EuiPageContent\"\n          verticalPosition=@verticalPosition\n          horizontalPosition=@horizontalPosition\n        }}\n        @hasShadow={{@hasShadow}}\n        @hasBorder={{@hasBorder}}\n        @paddingSize={{argOrDefault @paddingSize \"l\"}}\n        @borderRadius={{@borderRadius}}\n        @color={{@color}}\n        @grow={{@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiPanel>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContent;\n"],"names":["EuiPageContent","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","eq","classNames","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqBA,6gBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-content.js","sources":["../../src/components/eui-page-content.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A panel holding the page's main content, inside EuiPageBody. */\nexport interface EuiPageContentSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** `role` of the content. Defaults to `'main'`; pass `null` for none. */\n    role?: string;\n    /** Vertically centers (`'center'`) or bottom-aligns the content panel. */\n    verticalPosition?: 'center' | 'bottom';\n    /** Horizontally centers the content panel (e.g. an empty prompt). */\n    horizontalPosition?: 'center';\n    /** Adds a shadow. */\n    hasShadow?: boolean;\n    /** Adds a border. */\n    hasBorder?: boolean;\n    /** Padding, any `EuiPanel` padding size. Defaults to `'l'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /** Border radius: `'none'` or `'m'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** Background, any `EuiPanel` color. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Fills the remaining height. */\n    grow?: boolean;\n  };\n  Blocks: {\n    /** `EuiPageContentHeader` and `EuiPageContentBody`, or any content. */\n    default: [];\n  };\n}\n\nconst EuiPageContent: TemplateOnlyComponent<EuiPageContentSignature> =\n  <template>\n    {{#let (argOrDefault @role \"main\") as |role|}}\n      <EuiPanel\n        role={{if (eq role null) undefined role}}\n        class={{classNames\n          (if (eq @borderRadius \"none\") \"euiPageContent--borderRadiusNone\")\n          componentName=\"EuiPageContent\"\n          verticalPosition=@verticalPosition\n          horizontalPosition=@horizontalPosition\n        }}\n        @hasShadow={{@hasShadow}}\n        @hasBorder={{@hasBorder}}\n        @paddingSize={{argOrDefault @paddingSize \"l\"}}\n        @borderRadius={{@borderRadius}}\n        @color={{@color}}\n        @grow={{@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiPanel>\n    {{/let}}\n  </template>;\n\nexport default EuiPageContent;\n"],"names":["EuiPageContent","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","eq","classNames","templateOnly"],"mappings":";;;;;;;;AAsCA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,6gBAAA,EAqBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-page-header-content.js

@@ -23,6 +23,9 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime-esm';
 
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
+
+/** @private The layout inside EuiPageHeader; use EuiPageHeader. */
+
 class EuiPageHeaderContent extends Component {
   static {
     g(this.prototype, "minHeight", [argOrDefaultDecorator(460)]);

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header-content.js","sources":["../../src/components/eui-page-header-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, 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 useState from '../helpers/use-state.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport EuiBreadcrumbs from './eui-breadcrumbs.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { IEuiTab } from './eui-tab';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\ntype Tab = IEuiTab & {\n  label?: string;\n  onClick?: () => void;\n};\n\nexport type EuiPageHeaderContentProps = {\n  template?: (typeof TEMPLATES)[number];\n  /**\n   * Gets passed along to the #EuiBottomBar component if `bottomBar` has contents\n   */\n  bottomBarProps?: EuiButtomBarArgs;\n  /* Stretches or restricts the height to 100% of the parent;\n   * `true`: scrolls the EuiPageContentBody;\n   * `noscroll`: removes all scroll ability;\n   * Only works when `template = 'default | empty'` and breakpoint is `m` and above\n   */\n  fullHeight?: boolean;\n  /**\n   * Minimum height in which to enforce scrolling\n   */\n  minHeight?: number;\n\n  /**\n   * Restrict the width of the page content body\n   */\n  restrictWidth?: boolean | string;\n\n  /**\n   * Adds a bottom border to the page header\n   */\n  bottomBorder?: boolean;\n\n  /**\n   * Adds a bottom border to the page content body\n   */\n  bodyBottomBorder?: boolean;\n\n  /**\n   * Adds a bottom border to the page content body\n   */\n  bodyProps?: {\n    /**\n     * Adds padding to the page content body\n     */\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n  /**\n   * Adds a bottom border to the page content body\n   */\n  contentProps?: {\n    /**\n     * Adds padding to the page content body\n     */\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n\n  alignItems?: 'top' | 'bottom' | 'center' | 'stretch';\n\n  responsive?: boolean | 'reverse';\n\n  hasDescriptionBlock?: boolean;\n\n  hasRightSideItemsBlock?: boolean;\n\n  hasPageTitleBlock?: boolean;\n\n  hasDefaultBlock?: boolean;\n\n  pageTitle?: string;\n\n  breadcrumbs?: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n\n  breadcrumbProps?: {\n    className?: string;\n  };\n\n  rightSideGroupProps?: {\n    className?: string;\n  };\n\n  pageTitleProps?: {\n    className?: string;\n  };\n\n  iconType?: EuiIconSignature['Args']['type'];\n\n  description?: string;\n\n  iconProps?: {\n    className?: string;\n  };\n\n  tabs?: Tab[];\n};\n\nexport interface EuiPageHeaderContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiPageHeaderContentProps;\n  Blocks: {\n    default: [];\n    pageTitle: [];\n    description: [];\n    rightSideItems: [WithBoundArgs<typeof EuiFlexItem, 'grow'>?];\n  };\n}\n\nexport default class EuiPageHeaderContent extends Component<EuiPageHeaderContentSignature> {\n  // Defaults\n  @argOrDefaultDecorator(460) minHeight!: number;\n  @argOrDefaultDecorator(false) fullHeight!: boolean;\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  get classes() {\n    return 'euiPageTemplate '.concat(this.fullHeightClass);\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight\n      ? 'eui-fullHeight eui-yScroll'\n      : '';\n  }\n\n  get canFullHeight() {\n    return this.template === 'default' || this.template === 'empty';\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (argOrDefault @alignItems \"top\")\n      (useState false)\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      as |responsive alignItems isResponsiveBreakpoint hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiPageHeaderContent\"\n          (if @restrictWidth \"euiPanel--restrictWidth-custom\" \"\")\n        }}\n        {{style (inlineStyles width=@restrictWidth)}}\n        {{useIsWithinBreakpoints\n          sizes=(array \"xs\" \"s\")\n          isActive=(not (not responsive))\n          setIsWithinBreakpointsValue=isResponsiveBreakpoint.setState\n        }}\n        ...attributes\n      >\n        {{#if @breadcrumbs}}\n          <EuiBreadcrumbs\n            @breadcrumbs={{@breadcrumbs}}\n            class={{@breadcrumbProps.className}}\n          />\n          <EuiSpacer @size=\"s\" />\n        {{/if}}\n        {{#if (or (eq alignItems \"top\") isResponsiveBreakpoint.value)}}\n          <EuiFlexGroup\n            class=\"euiPageHeaderContent__top\"\n            @responsive={{not (not responsive)}}\n            @alignItems={{if hasPageTitleBlock \"flexStart\" \"baseline\"}}\n            @gutterSize=\"l\"\n          >\n            {{#if (and isResponsiveBreakpoint.value (eq responsive \"reverse\"))}}\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiFlexGroup\n                    @wrap={{true}}\n                    @responsive={{false}}\n                    class={{classNames\n                      \"euiPageHeaderContent__rightSideItems\"\n                      @rightSideGroupProps.className\n                    }}\n                  >\n                    {{yield\n                      (component EuiFlexItem grow=false)\n                      to=\"rightSideItems\"\n                    }}\n                  </EuiFlexGroup>\n                </EuiFlexItem>\n              {{/if}}\n              <EuiFlexItem>\n                {{#if (and (not hasPageTitleBlock) @tabs)}}\n                  <EuiTabs\n                    @size=\"xl\"\n                    @display=\"condensed\"\n                    @bottomBorder={{false}}\n                  >\n                    {{#each @tabs as |tab|}}\n                      <EuiTab\n                        @id={{tab.id}}\n                        @disabled={{tab.disabled}}\n                        @isSelected={{tab.isSelected}}\n                        @href={{tab.href}}\n                        {{on \"click\" (optional tab.onClick)}}\n                      >\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size=\"xl\"\n                        @type={{@iconType}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                      />\n                    {{/if}}\n\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if hasDescriptionBlock}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{@description}}\n                    {{yield to=\"description\"}}\n                  </EuiText>\n                {{/if}}\n              </EuiFlexItem>\n            {{else}}\n              <EuiFlexItem>\n                {{#if (and (not hasPageTitleBlock) @tabs)}}\n                  <EuiTabs\n                    @size=\"xl\"\n                    @display=\"condensed\"\n                    @bottomBorder={{false}}\n                  >\n                    {{#each @tabs as |tab|}}\n                      <EuiTab\n                        @id={{tab.id}}\n                        @disabled={{tab.disabled}}\n                        @isSelected={{tab.isSelected}}\n                        @href={{tab.href}}\n                        {{on \"click\" (optional tab.onClick)}}\n                      >\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size=\"xl\"\n                        @type={{@iconType}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                      />\n                    {{/if}}\n\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if hasDescriptionBlock}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{@description}}\n                    {{yield to=\"description\"}}\n                  </EuiText>\n                {{/if}}\n              </EuiFlexItem>\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiFlexGroup\n                    @wrap={{true}}\n                    @responsive={{false}}\n                    class={{classNames\n                      \"euiPageHeaderContent__rightSideItems\"\n                      @rightSideGroupProps.className\n                    }}\n                  >\n                    {{yield\n                      (component EuiFlexItem grow=false)\n                      to=\"rightSideItems\"\n                    }}\n                  </EuiFlexGroup>\n                </EuiFlexItem>\n              {{/if}}\n            {{/if}}\n          </EuiFlexGroup>\n          {{#if (or hasDefaultBlock (and hasPageTitleBlock @tabs))}}\n            <div class=\"euiPageHeaderContent__bottom\">\n              <EuiSpacer />\n              {{yield to=\"default\"}}\n              {{#if hasPageTitleBlock}}\n                <EuiTabs @size=\"l\" @display=\"condensed\" @bottomBorder={{false}}>\n                  {{#each @tabs as |tab|}}\n                    <EuiTab\n                      @id={{tab.id}}\n                      @disabled={{tab.disabled}}\n                      @isSelected={{tab.isSelected}}\n                      @href={{tab.href}}\n                      {{on \"click\" (optional tab.onClick)}}\n                    >\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n            </div>\n          {{/if}}\n        {{else}}\n          <EuiFlexGroup\n            class=\"euiPageHeaderContent__top\"\n            @responsive={{not (not responsive)}}\n            {{!@glint-expect-error}}\n            @alignItems={{if (eq alignItems \"bottom\") \"flexEnd\" alignItems}}\n            @gutterSize=\"l\"\n          >\n            <EuiFlexItem>\n              {{#if (and (not hasPageTitleBlock) @tabs)}}\n                <EuiTabs\n                  @size=\"xl\"\n                  @display=\"condensed\"\n                  @bottomBorder={{false}}\n                >\n                  {{#each @tabs as |tab|}}\n                    <EuiTab\n                      @id={{tab.id}}\n                      @disabled={{tab.disabled}}\n                      @isSelected={{tab.isSelected}}\n                      @href={{tab.href}}\n                      {{on \"click\" (optional tab.onClick)}}\n                    >\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n              {{#if hasPageTitleBlock}}\n                <EuiTitle\n                  class={{@pageTitleProps.className}}\n                  @size=\"l\"\n                  @tagName=\"h1\"\n                >\n                  {{#if @iconType}}\n                    <EuiIcon\n                      @size=\"xl\"\n                      @type={{@iconType}}\n                      @iconClasses={{classNames\n                        \"euiPageHeaderContent__titleIcon\"\n                        @iconProps.className\n                      }}\n                    />\n                  {{/if}}\n\n                  {{@pageTitle}}\n                  {{yield to=\"pageTitle\"}}\n                </EuiTitle>\n              {{/if}}\n\n              {{#if hasDescriptionBlock}}\n                {{#if (or hasPageTitleBlock @tabs)}}\n                  <EuiSpacer />\n                {{/if}}\n                <EuiText @grow={{false}}>\n                  {{@description}}\n                  {{yield to=\"description\"}}\n                </EuiText>\n              {{/if}}\n              {{#if (or hasDefaultBlock (and hasPageTitleBlock @tabs))}}\n                <div class=\"euiPageHeaderContent__bottom\">\n                  <EuiSpacer />\n                  {{yield to=\"default\"}}\n                  {{#if hasPageTitleBlock}}\n                    <EuiTabs\n                      @size=\"l\"\n                      @display=\"condensed\"\n                      @bottomBorder={{false}}\n                    >\n                      {{#each @tabs as |tab|}}\n                        <EuiTab\n                          @id={{tab.id}}\n                          @disabled={{tab.disabled}}\n                          @isSelected={{tab.isSelected}}\n                          @href={{tab.href}}\n                          {{on \"click\" (optional tab.onClick)}}\n                        >\n                          {{tab.label}}\n                        </EuiTab>\n                      {{/each}}\n                    </EuiTabs>\n                  {{/if}}\n                </div>\n              {{/if}}\n            </EuiFlexItem>\n            {{#if hasRightSideItemsBlock}}\n              <EuiFlexItem @grow={{false}}>\n                <EuiFlexGroup\n                  @wrap={{true}}\n                  @responsive={{false}}\n                  @gutterSize=\"m\"\n                  class={{classNames\n                    \"euiPageHeaderContent__rightSideItems\"\n                    @rightSideGroupProps.className\n                  }}\n                >\n                  {{yield\n                    (component EuiFlexItem grow=false)\n                    to=\"rightSideItems\"\n                  }}\n                </EuiFlexGroup>\n              </EuiFlexItem>\n            {{/if}}\n          </EuiFlexGroup>\n        {{/if}}\n      </div>\n    {{/let}}\n  </template>\n}\n"],"names":["TEMPLATES","EuiPageHeaderContent","Component","g","prototype","argOrDefaultDecorator","i","classes","concat","fullHeightClass","fullHeight","canFullHeight","template","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","useState","and","or","classNames","style","inlineStyles","useIsWithinBreakpoints","array","not","EuiBreadcrumbs","EuiSpacer","eq","EuiFlexGroup","EuiFlexItem","EuiTabs","EuiTab","on","optional","EuiTitle","EuiIcon","EuiText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,SAAY,GAAA,CACvB,SAAA,EACA,cAAA,EACA,iBAAA,EACA,OAAA;AA6Ga,MAAMC,6BAA6BC,SAAU,CAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CAEzDC,qBAAsB,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CADvB,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA,EAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAECC,qBAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CACtBC,qBAAsB,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;EAEvB,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,kBAAmB,CAAAC,MAAM,CAAC,IAAI,CAACC,eAAe,CAAA;AACvD;EAEA,IAAIA,eAAkBA,GAAA;IACpB,OAAO,IAAI,CAACC,UAAU,IAAI,IAAI,CAACC,aAAa,GACxC,4BACA,GAAA,EAAA;AACN;EAEA,IAAIA,aAAgBA,GAAA;IAClB,OAAO,IAAI,CAACC,QAAQ,KAAK,aAAa,IAAI,CAACA,QAAQ,KAAK,OAAA;AAC1D;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA0TA,y+PAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,UAAA;QAAAC,KAAA;QAAAC,YAAA;QAAAC,sBAAA;QAAAC,KAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,OAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-page-header-content.js","sources":["../../src/components/eui-page-header-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, 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 useState from '../helpers/use-state.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport EuiBreadcrumbs from './eui-breadcrumbs.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { IEuiTab } from './eui-tab';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\ntype Tab = IEuiTab & {\n  label?: string;\n  onClick?: () => void;\n};\n\nexport type EuiPageHeaderContentProps = {\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  template?: (typeof TEMPLATES)[number];\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bottomBarProps?: EuiButtomBarArgs;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  fullHeight?: boolean;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  minHeight?: number;\n\n  /** Max width of the content, see EuiPageHeader. */\n  restrictWidth?: boolean | string | number;\n\n  /** Adds a border below the tabs. */\n  bottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyBottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyProps?: {\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  contentProps?: {\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n\n  /** See EuiPageHeader's `@alignItems`. Defaults to `'top'`. */\n  alignItems?: 'top' | 'bottom' | 'center' | 'stretch';\n\n  /** See EuiPageHeader's `@responsive`. Defaults to `true`. */\n  responsive?: boolean | 'reverse';\n\n  /** @private Render the `<:description>` block. Defaults to `true`. */\n  hasDescriptionBlock?: boolean;\n\n  /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n  hasRightSideItemsBlock?: boolean;\n\n  /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n  hasPageTitleBlock?: boolean;\n\n  /** @private Render the `<:default>` block. Defaults to `true`. */\n  hasDefaultBlock?: boolean;\n\n  /** The page's title. */\n  pageTitle?: string;\n\n  /** Breadcrumbs above the title. */\n  breadcrumbs?: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n\n  /** Props for the breadcrumbs: `{ className }`. */\n  breadcrumbProps?: {\n    className?: string;\n  };\n\n  /** Props for the right side items group: `{ className }`. */\n  rightSideGroupProps?: {\n    className?: string;\n  };\n\n  /** Props for the title: `{ className }`. */\n  pageTitleProps?: {\n    className?: string;\n  };\n\n  /** Icon before the title. */\n  iconType?: EuiIconSignature['Args']['type'];\n\n  /** Text under the title. */\n  description?: string;\n\n  /** Props for the icon: `{ className }`. */\n  iconProps?: {\n    className?: string;\n  };\n\n  /** Tabs, see EuiPageHeader's `@tabs`. */\n  tabs?: Tab[];\n};\n\n/** @private The layout inside EuiPageHeader; use EuiPageHeader. */\nexport interface EuiPageHeaderContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiPageHeaderContentProps;\n  Blocks: {\n    /** Extra content. */\n    default: [];\n    /** The title. */\n    pageTitle: [];\n    /** The description. */\n    description: [];\n    /** Right side items; yields an `EuiFlexItem` to wrap each in. */\n    rightSideItems: [WithBoundArgs<typeof EuiFlexItem, 'grow'>?];\n  };\n}\n\nexport default class EuiPageHeaderContent extends Component<EuiPageHeaderContentSignature> {\n  // Defaults\n  @argOrDefaultDecorator(460) minHeight!: number;\n  @argOrDefaultDecorator(false) fullHeight!: boolean;\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  get classes() {\n    return 'euiPageTemplate '.concat(this.fullHeightClass);\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight\n      ? 'eui-fullHeight eui-yScroll'\n      : '';\n  }\n\n  get canFullHeight() {\n    return this.template === 'default' || this.template === 'empty';\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (argOrDefault @alignItems \"top\")\n      (useState false)\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      as |responsive alignItems isResponsiveBreakpoint hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiPageHeaderContent\"\n          (if @restrictWidth \"euiPanel--restrictWidth-custom\" \"\")\n        }}\n        {{style (inlineStyles width=@restrictWidth)}}\n        {{useIsWithinBreakpoints\n          sizes=(array \"xs\" \"s\")\n          isActive=(not (not responsive))\n          setIsWithinBreakpointsValue=isResponsiveBreakpoint.setState\n        }}\n        ...attributes\n      >\n        {{#if @breadcrumbs}}\n          <EuiBreadcrumbs\n            @breadcrumbs={{@breadcrumbs}}\n            class={{@breadcrumbProps.className}}\n          />\n          <EuiSpacer @size=\"s\" />\n        {{/if}}\n        {{#if (or (eq alignItems \"top\") isResponsiveBreakpoint.value)}}\n          <EuiFlexGroup\n            class=\"euiPageHeaderContent__top\"\n            @responsive={{not (not responsive)}}\n            @alignItems={{if hasPageTitleBlock \"flexStart\" \"baseline\"}}\n            @gutterSize=\"l\"\n          >\n            {{#if (and isResponsiveBreakpoint.value (eq responsive \"reverse\"))}}\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiFlexGroup\n                    @wrap={{true}}\n                    @responsive={{false}}\n                    class={{classNames\n                      \"euiPageHeaderContent__rightSideItems\"\n                      @rightSideGroupProps.className\n                    }}\n                  >\n                    {{yield\n                      (component EuiFlexItem grow=false)\n                      to=\"rightSideItems\"\n                    }}\n                  </EuiFlexGroup>\n                </EuiFlexItem>\n              {{/if}}\n              <EuiFlexItem>\n                {{#if (and (not hasPageTitleBlock) @tabs)}}\n                  <EuiTabs\n                    @size=\"xl\"\n                    @display=\"condensed\"\n                    @bottomBorder={{false}}\n                  >\n                    {{#each @tabs as |tab|}}\n                      <EuiTab\n                        @id={{tab.id}}\n                        @disabled={{tab.disabled}}\n                        @isSelected={{tab.isSelected}}\n                        @href={{tab.href}}\n                        {{on \"click\" (optional tab.onClick)}}\n                      >\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size=\"xl\"\n                        @type={{@iconType}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                      />\n                    {{/if}}\n\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if hasDescriptionBlock}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{@description}}\n                    {{yield to=\"description\"}}\n                  </EuiText>\n                {{/if}}\n              </EuiFlexItem>\n            {{else}}\n              <EuiFlexItem>\n                {{#if (and (not hasPageTitleBlock) @tabs)}}\n                  <EuiTabs\n                    @size=\"xl\"\n                    @display=\"condensed\"\n                    @bottomBorder={{false}}\n                  >\n                    {{#each @tabs as |tab|}}\n                      <EuiTab\n                        @id={{tab.id}}\n                        @disabled={{tab.disabled}}\n                        @isSelected={{tab.isSelected}}\n                        @href={{tab.href}}\n                        {{on \"click\" (optional tab.onClick)}}\n                      >\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size=\"xl\"\n                        @type={{@iconType}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                      />\n                    {{/if}}\n\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if hasDescriptionBlock}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{@description}}\n                    {{yield to=\"description\"}}\n                  </EuiText>\n                {{/if}}\n              </EuiFlexItem>\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiFlexGroup\n                    @wrap={{true}}\n                    @responsive={{false}}\n                    class={{classNames\n                      \"euiPageHeaderContent__rightSideItems\"\n                      @rightSideGroupProps.className\n                    }}\n                  >\n                    {{yield\n                      (component EuiFlexItem grow=false)\n                      to=\"rightSideItems\"\n                    }}\n                  </EuiFlexGroup>\n                </EuiFlexItem>\n              {{/if}}\n            {{/if}}\n          </EuiFlexGroup>\n          {{#if (or hasDefaultBlock (and hasPageTitleBlock @tabs))}}\n            <div class=\"euiPageHeaderContent__bottom\">\n              <EuiSpacer />\n              {{yield to=\"default\"}}\n              {{#if hasPageTitleBlock}}\n                <EuiTabs @size=\"l\" @display=\"condensed\" @bottomBorder={{false}}>\n                  {{#each @tabs as |tab|}}\n                    <EuiTab\n                      @id={{tab.id}}\n                      @disabled={{tab.disabled}}\n                      @isSelected={{tab.isSelected}}\n                      @href={{tab.href}}\n                      {{on \"click\" (optional tab.onClick)}}\n                    >\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n            </div>\n          {{/if}}\n        {{else}}\n          <EuiFlexGroup\n            class=\"euiPageHeaderContent__top\"\n            @responsive={{not (not responsive)}}\n            {{!@glint-expect-error}}\n            @alignItems={{if (eq alignItems \"bottom\") \"flexEnd\" alignItems}}\n            @gutterSize=\"l\"\n          >\n            <EuiFlexItem>\n              {{#if (and (not hasPageTitleBlock) @tabs)}}\n                <EuiTabs\n                  @size=\"xl\"\n                  @display=\"condensed\"\n                  @bottomBorder={{false}}\n                >\n                  {{#each @tabs as |tab|}}\n                    <EuiTab\n                      @id={{tab.id}}\n                      @disabled={{tab.disabled}}\n                      @isSelected={{tab.isSelected}}\n                      @href={{tab.href}}\n                      {{on \"click\" (optional tab.onClick)}}\n                    >\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n              {{#if hasPageTitleBlock}}\n                <EuiTitle\n                  class={{@pageTitleProps.className}}\n                  @size=\"l\"\n                  @tagName=\"h1\"\n                >\n                  {{#if @iconType}}\n                    <EuiIcon\n                      @size=\"xl\"\n                      @type={{@iconType}}\n                      @iconClasses={{classNames\n                        \"euiPageHeaderContent__titleIcon\"\n                        @iconProps.className\n                      }}\n                    />\n                  {{/if}}\n\n                  {{@pageTitle}}\n                  {{yield to=\"pageTitle\"}}\n                </EuiTitle>\n              {{/if}}\n\n              {{#if hasDescriptionBlock}}\n                {{#if (or hasPageTitleBlock @tabs)}}\n                  <EuiSpacer />\n                {{/if}}\n                <EuiText @grow={{false}}>\n                  {{@description}}\n                  {{yield to=\"description\"}}\n                </EuiText>\n              {{/if}}\n              {{#if (or hasDefaultBlock (and hasPageTitleBlock @tabs))}}\n                <div class=\"euiPageHeaderContent__bottom\">\n                  <EuiSpacer />\n                  {{yield to=\"default\"}}\n                  {{#if hasPageTitleBlock}}\n                    <EuiTabs\n                      @size=\"l\"\n                      @display=\"condensed\"\n                      @bottomBorder={{false}}\n                    >\n                      {{#each @tabs as |tab|}}\n                        <EuiTab\n                          @id={{tab.id}}\n                          @disabled={{tab.disabled}}\n                          @isSelected={{tab.isSelected}}\n                          @href={{tab.href}}\n                          {{on \"click\" (optional tab.onClick)}}\n                        >\n                          {{tab.label}}\n                        </EuiTab>\n                      {{/each}}\n                    </EuiTabs>\n                  {{/if}}\n                </div>\n              {{/if}}\n            </EuiFlexItem>\n            {{#if hasRightSideItemsBlock}}\n              <EuiFlexItem @grow={{false}}>\n                <EuiFlexGroup\n                  @wrap={{true}}\n                  @responsive={{false}}\n                  @gutterSize=\"m\"\n                  class={{classNames\n                    \"euiPageHeaderContent__rightSideItems\"\n                    @rightSideGroupProps.className\n                  }}\n                >\n                  {{yield\n                    (component EuiFlexItem grow=false)\n                    to=\"rightSideItems\"\n                  }}\n                </EuiFlexGroup>\n              </EuiFlexItem>\n            {{/if}}\n          </EuiFlexGroup>\n        {{/if}}\n      </div>\n    {{/let}}\n  </template>\n}\n"],"names":["TEMPLATES","EuiPageHeaderContent","Component","g","prototype","argOrDefaultDecorator","i","classes","concat","fullHeightClass","fullHeight","canFullHeight","template","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","useState","and","or","classNames","style","inlineStyles","useIsWithinBreakpoints","array","not","EuiBreadcrumbs","EuiSpacer","eq","EuiFlexGroup","EuiFlexItem","EuiTabs","EuiTab","on","optional","EuiTitle","EuiIcon","EuiText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,SAAA,GAAY,CACvB,SAAA,EACA,cAAA,EACA,iBAAA,EACA,OAAA;;AA0FF;;AAgBe,MAAMC,6BAA6BC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CAEzDC,qBAAA,CAAsB,GAAA,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAECC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CACtBC,qBAAA,CAAsB,SAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;EAEvB,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,kBAAA,CAAmBC,MAAM,CAAC,IAAI,CAACC,eAAe,CAAA;AACvD,EAAA;EAEA,IAAIA,eAAAA,GAAkB;IACpB,OAAO,IAAI,CAACC,UAAU,IAAI,IAAI,CAACC,aAAa,GACxC,4BAAA,GACA,EAAA;AACN,EAAA;EAEA,IAAIA,aAAAA,GAAgB;IAClB,OAAO,IAAI,CAACC,QAAQ,KAAK,aAAa,IAAI,CAACA,QAAQ,KAAK,OAAA;AAC1D,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,y+PAAA,EA0TA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,UAAA;QAAAC,KAAA;QAAAC,YAAA;QAAAC,sBAAA;QAAAC,KAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,OAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-page-header-section.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** A section of an EuiPageHeader built by hand (inside its default block). */
 const EuiPageHederSection = setComponentTemplate(precompileTemplate("<div class=\"euiPageHeaderSection\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header-section.js","sources":["../../src/components/eui-page-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageHederSection: TemplateOnlyComponent<EuiPageHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageHederSection;\n"],"names":["EuiPageHederSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,yEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-header-section.js","sources":["../../src/components/eui-page-header-section.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A section of an EuiPageHeader built by hand (inside its default block). */\nexport interface EuiPageHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The section's content. */\n    default: [];\n  };\n}\n\nconst EuiPageHederSection: TemplateOnlyComponent<EuiPageHeaderSectionSignature> =\n  <template>\n    <div class=\"euiPageHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageHederSection;\n"],"names":["EuiPageHederSection","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,yEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header.js","sources":["../../src/components/eui-page-header.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and,eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPageHeaderContent from './eui-page-header-content.gts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPageHeaderContentSignature } from './eui-page-header-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageHeaderSignature {\n  Element: Element;\n  Args: {\n    /**\n     * Sets the padding around the content\n     */\n    paddingSize?: keyof typeof paddingSizeMapping;\n    /**\n     * Adds a bottom border to the header\n     */\n    bottomBorder?: boolean;\n    /**\n     * Sets the width of the header to `restricted` (992px) or `full` (100%)\n     */\n    restrictWidth?: boolean | 'full';\n    /**\n     * Sets the alignment of the content within the header\n     */\n    alignItems?: EuiPageHeaderContentSignature['Args']['alignItems'];\n    /**\n     * Sets the header to be responsive and collapse to a single line\n     */\n    responsive?: boolean | 'reverse';\n    /**\n     * Sets the icon type for the header\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * Sets the breadcrumbs for the header\n     */\n    breadcrumbs?: any[];\n    /**\n     * Sets the tabs for the header\n     */\n    tabs?: any[];\n    /**\n     * Sets the description for the header\n     */\n    description?: string;\n    /**\n     * Sets the title for the header\n     */\n    pageTitle?: string;\n\n    /**\n     * Sets the props for the title\n     */\n    pageTitleProps?: EuiPageHeaderContentSignature['Args']['pageTitleProps'];\n\n    /**\n     * Sets the right side items for the header\n     */\n    rightSideItems?: any[];\n    /**\n     * Sets the default content for the header\n     */\n    default?: any[];\n    /**\n     * Sets the default content for the header\n     */\n    hasDefaultBlock?: boolean;\n    /**\n     * Sets the description content for the header\n     */\n    hasDescriptionBlock?: boolean;\n    /**\n     * Sets the page title content for the header\n     */\n    hasPageTitleBlock?: boolean;\n    /**\n     * Sets the right side items content for the header\n     */\n    hasRightSideItemsBlock?: boolean;\n\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    default: [];\n    description: [];\n    pageTitle: [];\n    rightSideItems: EuiPageHeaderContentSignature['Blocks']['rightSideItems'];\n  };\n}\n\nconst EuiPageHeader: TemplateOnlyComponent<EuiPageHeaderSignature> = <template>\n  {{#let\n    (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n    (argOrDefault @responsive true)\n    (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n    (or\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      @description\n    )\n    (or\n      (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n      @pageTitle\n    )\n    (or\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      @rightSideItems\n    )\n    as |styling responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|\n  }}\n    {{#let\n      (classNames\n        (if\n          styling.widthClassName\n          (concat \"euiPageHeader--\" styling.widthClassName)\n        )\n        (if @bottomBorder \"euiPageHeader--bottomBorder\")\n        (if responsive \"euiPageHeader--responsive\")\n        (if (eq responsive \"reverse\") \"euiPageHeader--responsiveReverse\")\n        (if (and hasPageTitleBlock @tabs) \"euiPageHeader--tabsAtBottom\")\n        (if\n          (and\n            @tabs\n            (not hasPageTitleBlock)\n            (not hasRightSideItemsBlock)\n            (not hasDescriptionBlock)\n            (not hasDefaultBlock)\n          )\n          \"euiPageHeader--onlyTabs\"\n        )\n        (if\n          @alignItems\n          (concat \"euiPageHeader--\" @alignItems)\n          \"euiPageHeader--center\"\n        )\n        componentName=\"EuiPageHeader\"\n        paddingSize=@paddingSize\n      )\n      as |classes|\n    }}\n      {{#if\n        (and\n          (not @tabs)\n          (not hasPageTitleBlock)\n          (not hasDescriptionBlock)\n          (not hasRightSideItemsBlock)\n        )\n      }}\n        <header class={{classes}} {{style styling.newStyle}} ...attributes>\n          {{yield to=\"default\"}}\n        </header>\n      {{else}}\n        {{!template-lint-disable}}\n        <header class={{classes}} {{style styling.newStyle}} ...attributes>\n          <EuiPageHeaderContent\n            @alignItems={{@alignItems}}\n            @responsive={{responsive}}\n            @pageTitle={{@pageTitle}}\n            @pageTitleProps={{@pageTitleProps}}\n            @iconType={{@iconType}}\n            @breadcrumbs={{@breadcrumbs}}\n            @tabs={{@tabs}}\n            @description={{@description}}\n            @restrictWidth={{@restrictWidth}}\n            @hasDescriptionBlock={{not (not hasDescriptionBlock)}}\n            @hasPageTitleBlock={{not (not hasPageTitleBlock)}}\n            @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}}\n            @hasDefaultBlock={{not (not hasDefaultBlock)}}\n          >\n            <:pageTitle>\n              {{yield to=\"pageTitle\"}}\n            </:pageTitle>\n            <:rightSideItems as |item|>\n              {{yield item to=\"rightSideItems\"}}\n            </:rightSideItems>\n            <:description>\n              {{yield to=\"description\"}}\n            </:description>\n            <:default>\n              {{yield to=\"default\"}}\n            </:default>\n          </EuiPageHeaderContent>\n        </header>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageHeader;\n"],"names":["EuiPageHeader","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","and","or","classNames","concat","eq","not","style","EuiPageHeaderContent","templateOnly"],"mappings":";;;;;;;;;;;AAqGA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAiGrE,g+EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-header.js","sources":["../../src/components/eui-page-header.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and,eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPageHeaderContent from './eui-page-header-content.gts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-content-body.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPageHeaderContentSignature } from './eui-page-header-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * The top of a page: breadcrumbs, title (with icon), description, tabs and\n * actions on the right.\n */\nexport interface EuiPageHeaderSignature {\n  Element: Element;\n  Args: {\n    /** Padding around the header: `'none'`, `'s'`, `'m'` or `'l'`. */\n    paddingSize?: keyof typeof paddingSizeMapping;\n    /** Adds a border below the header. */\n    bottomBorder?: boolean;\n    /**\n     * Max width of the header: `true` for EUI's default, a number in px or\n     * any CSS width. Defaults to `false` (full width).\n     */\n    restrictWidth?: boolean | 'full' | number | string;\n    /**\n     * Vertical alignment of the title and the right side items: `'top'`,\n     * `'bottom'`, `'center'` or `'stretch'`. Defaults to `'center'`.\n     */\n    alignItems?: EuiPageHeaderContentSignature['Args']['alignItems'];\n    /**\n     * Stacks the right side items under the title on small screens;\n     * `'reverse'` puts them above it. Defaults to `true`.\n     */\n    responsive?: boolean | 'reverse';\n    /** Icon before the title, e.g. the app's logo. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Breadcrumbs above the title, see `EuiBreadcrumbs`'s `@breadcrumbs`. */\n    breadcrumbs?: any[];\n    /**\n     * Tabs under the title (or as the title, without `@pageTitle`):\n     * `[{ label: 'Overview', isSelected: true, onClick }, …]`, also taking\n     * `id`, `href` and `disabled`.\n     */\n    tabs?: any[];\n    /** Text under the title. Use the `<:description>` block for markup. */\n    description?: string;\n    /** The page's title (an `<h1>`). Use the `<:pageTitle>` block for markup. */\n    pageTitle?: string;\n\n    /** Props for the title: `{ className }`. */\n    pageTitleProps?: EuiPageHeaderContentSignature['Args']['pageTitleProps'];\n\n    /**\n     * @deprecated Has no effect on its own: put the items in the\n     * `<:rightSideItems>` block.\n     */\n    rightSideItems?: any[];\n    /** @deprecated Has no effect, use the `<:default>` block. */\n    default?: any[];\n    /** @private Render the `<:default>` block. Defaults to `true`. */\n    hasDefaultBlock?: boolean;\n    /** @private Render the `<:description>` block. Defaults to `true`. */\n    hasDescriptionBlock?: boolean;\n    /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n    hasPageTitleBlock?: boolean;\n    /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n    hasRightSideItemsBlock?: boolean;\n\n    /** Inline styles, merged with the max width. */\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    /** Extra content under the title and description. */\n    default: [];\n    /** The description, instead of `@description`. */\n    description: [];\n    /** The title, instead of `@pageTitle`. */\n    pageTitle: [];\n    /**\n     * Actions on the right, e.g. buttons. Wrap each in the yielded item:\n     * `<:rightSideItems as |Item|><Item><EuiButton …/></Item></:rightSideItems>`.\n     */\n    rightSideItems: EuiPageHeaderContentSignature['Blocks']['rightSideItems'];\n  };\n}\n\nconst EuiPageHeader: TemplateOnlyComponent<EuiPageHeaderSignature> = <template>\n  {{#let\n    (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)\n    (argOrDefault @responsive true)\n    (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n    (or\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      @description\n    )\n    (or\n      (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n      @pageTitle\n    )\n    (or\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      @rightSideItems\n    )\n    as |styling responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|\n  }}\n    {{#let\n      (classNames\n        (if\n          styling.widthClassName\n          (concat \"euiPageHeader--\" styling.widthClassName)\n        )\n        (if @bottomBorder \"euiPageHeader--bottomBorder\")\n        (if responsive \"euiPageHeader--responsive\")\n        (if (eq responsive \"reverse\") \"euiPageHeader--responsiveReverse\")\n        (if (and hasPageTitleBlock @tabs) \"euiPageHeader--tabsAtBottom\")\n        (if\n          (and\n            @tabs\n            (not hasPageTitleBlock)\n            (not hasRightSideItemsBlock)\n            (not hasDescriptionBlock)\n            (not hasDefaultBlock)\n          )\n          \"euiPageHeader--onlyTabs\"\n        )\n        (if\n          @alignItems\n          (concat \"euiPageHeader--\" @alignItems)\n          \"euiPageHeader--center\"\n        )\n        componentName=\"EuiPageHeader\"\n        paddingSize=@paddingSize\n      )\n      as |classes|\n    }}\n      {{#if\n        (and\n          (not @tabs)\n          (not hasPageTitleBlock)\n          (not hasDescriptionBlock)\n          (not hasRightSideItemsBlock)\n        )\n      }}\n        <header class={{classes}} {{style styling.newStyle}} ...attributes>\n          {{yield to=\"default\"}}\n        </header>\n      {{else}}\n        {{!template-lint-disable}}\n        <header class={{classes}} {{style styling.newStyle}} ...attributes>\n          <EuiPageHeaderContent\n            @alignItems={{@alignItems}}\n            @responsive={{responsive}}\n            @pageTitle={{@pageTitle}}\n            @pageTitleProps={{@pageTitleProps}}\n            @iconType={{@iconType}}\n            @breadcrumbs={{@breadcrumbs}}\n            @tabs={{@tabs}}\n            @description={{@description}}\n            @restrictWidth={{@restrictWidth}}\n            @hasDescriptionBlock={{not (not hasDescriptionBlock)}}\n            @hasPageTitleBlock={{not (not hasPageTitleBlock)}}\n            @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}}\n            @hasDefaultBlock={{not (not hasDefaultBlock)}}\n          >\n            <:pageTitle>\n              {{yield to=\"pageTitle\"}}\n            </:pageTitle>\n            <:rightSideItems as |item|>\n              {{yield item to=\"rightSideItems\"}}\n            </:rightSideItems>\n            <:description>\n              {{yield to=\"description\"}}\n            </:description>\n            <:default>\n              {{yield to=\"default\"}}\n            </:default>\n          </EuiPageHeaderContent>\n        </header>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageHeader;\n"],"names":["EuiPageHeader","setComponentTemplate","precompileTemplate","strictMode","scope","euiPageRestrictWidth","argOrDefault","and","or","classNames","concat","eq","not","style","EuiPageHeaderContent","templateOnly"],"mappings":";;;;;;;;;;;AA+FA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,g+EAAA,EAiGrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,oBAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-side-bar.js","sources":["../../src/components/eui-page-side-bar.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-side-bar.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageSideBarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    sticky?: boolean;\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPageSideBar: TemplateOnlyComponent<EuiPageSideBarSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @sticky \"euiPageSideBar--sticky\" \"\")\n        componentName=\"EuiPageSideBar\"\n        paddingSize=(argOrDefault @paddingSize \"l\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageSideBar;\n"],"names":["EuiPageSideBar","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,2LAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page-side-bar.js","sources":["../../src/components/eui-page-side-bar.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { paddingSizeMapping } from '../utils/css-mappings/eui-page-side-bar.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The side column of an EuiPage, e.g. with an `EuiSideNav`. */\nexport interface EuiPageSideBarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Keeps the side bar in view while the page scrolls. */\n    sticky?: boolean;\n    /** Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. */\n    paddingSize?: keyof typeof paddingSizeMapping;\n  };\n  Blocks: {\n    /** The side bar content. */\n    default: [];\n  };\n}\n\nconst EuiPageSideBar: TemplateOnlyComponent<EuiPageSideBarSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @sticky \"euiPageSideBar--sticky\" \"\")\n        componentName=\"EuiPageSideBar\"\n        paddingSize=(argOrDefault @paddingSize \"l\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiPageSideBar;\n"],"names":["EuiPageSideBar","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,2LAAA,EAWA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -21,6 +21,12 @@ import { g, i } from 'decorator-transforms/runtime-esm';
 
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
 const BREAKPOINTS = ['m', 'l', 'xl'];
+
+/**
+ * A whole page layout in one component: side bar, header, content and
+ * bottom bar, arranged by `@template`.
+ */
+
 class EuiPageTemplate extends Component {
   static {
     g(this.prototype, "fullHeight", [argOrDefaultDecorator(false)]);
@@ -75,7 +81,7 @@ class EuiPageTemplate extends Component {
     return `${this.fullHeightClass} ${this.args.pageContentBodyProps?.className}`;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @grow true) (argOrDefault @paddingSize \"l\") (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\")) (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\")) (and (argOrDefault @hasPageHeaderPageTitleBlock true) (has-block \"pageHeaderPageTitle\")) (and (argOrDefault @hasPageHeaderDefaultBlock true) (has-block \"pageHeaderDefault\")) (and (argOrDefault @hasPageHeaderRightSideItemsBlock true) (has-block \"pageHeaderRightSideItems\")) (and (argOrDefault @hasPageHeaderDescriptionBlock true) (has-block \"pageHeaderDescription\")) (modifier useIsWithinBreakpoints sizes=BREAKPOINTS isActive=true setIsWithinBreakpointsValue=this.setIsWithinBreakpoints) as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|}}\n  {{#let (or @pageHeader hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock) as |hasPageHeader|}}\n    {{#if (eq this.template \"centeredBody\")}}\n      {{#if hasPageSideBarBlock}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody class={{this.pageBodyPropsClass}} @paddingSize={{paddingSize}}>\n            <EuiPageHeader {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n              <:pageTitle>\n                {{yield to=\"pageHeaderPageTitle\"}}\n              </:pageTitle>\n              <:default>\n                {{yield to=\"pageHeaderDefault\"}}\n              </:default>\n              <:description>\n                {{yield to=\"pageHeaderDescription\"}}\n              </:description>\n              <:rightSideItems as |item|>\n                {{yield item to=\"pageHeaderRightSideItems\"}}\n              </:rightSideItems>\n            </EuiPageHeader>\n\n            <EuiPageContent class={{this.pageContentPropsClass}} @verticalPosition=\"center\" @horizontalPosition=\"center\" @paddingSize={{paddingSize}}>\n              <EuiPageContentBody class={{this.pageContentBodyPropsClass}} {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize={{paddingSize}} @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}} {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{false}} @bottomBorder={{@pageHeader.bottomBorder}} @paddingSize=\"none\" @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageBody>\n              <EuiPageContent class={{this.pageContentPropsClass}} @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasBorder={{@pageContentProps.hasBorder}} @hasShadow={{@pageContentProps.hasShadow}} @color={{@pageContentProps.color}} @borderRadius={{@pageContentProps.borderRadius}} @grow={{@pageContentProps.grow}} @role={{@pageContentProps.role}} @paddingSize={{paddingSize}}>\n                <EuiPageContentBody class={{this.pageContentBodyPropsClass}} @paddingSize=\"none\" {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield 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 class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @panelled={{true}} @paddingSize={{paddingSize}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasShadow={{false}} @color=\"subdued\" @paddingSize={{paddingSize}} class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @paddingSize={{paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            {{!--template-lint-disable--}}\n            <EuiPageContent role={{null}} @borderRadius=\"none\" @hasShadow={{false}} @paddingSize={{paddingSize}} style=\"display: flex\">\n              {{!--template-lint-enable--}}\n              <EuiPageContent @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasShadow={{false}} @color=\"subdued\" @paddingSize={{paddingSize}} class={{this.pageContentPropsClass}}>\n                <EuiPageContentBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield 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 class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @paddingSize={{paddingSize}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"transparent\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize={{paddingSize}} @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @bottomBorder={{@pageHeader.bottomBorder}} @restrictWidth={{false}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"transparent\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody @restrictWidth={{false}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{/if}}\n    {{else}}\n      {{#if hasPageSideBarBlock}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @panelled={{true}} @paddingSize=\"none\" class={{this.pageBodyPropsClass}}>\n            <EuiPageBody class={{this.pageBodyPropsClass}} @paddingSize={{paddingSize}} @tagName=\"div\">\n              {{#if hasPageHeader}}\n                <EuiPageHeader @bottomBorder={{@pageHeader.bottomBorder}} {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                  <:pageTitle>\n                    {{yield to=\"pageHeaderPageTitle\"}}\n                  </:pageTitle>\n                  <:default>\n                    {{yield to=\"pageHeaderDefault\"}}\n                  </:default>\n                  <:description>\n                    {{yield to=\"pageHeaderDescription\"}}\n                  </:description>\n                  <:rightSideItems as |item|>\n                    {{yield item to=\"pageHeaderRightSideItems\"}}\n                  </:rightSideItems>\n                </EuiPageHeader>\n              {{/if}}\n              <EuiPageContent @hasShadow={{false}} @hasBorder={{false}} @color=\"transparent\" @borderRadius=\"none\" @paddingSize=\"none\" class={{this.pageContentPropsClass}}>\n                <EuiPageContentBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield to=\"default\"}}\n                  {{/if}}\n                </EuiPageContentBody>\n              </EuiPageContent>\n            </EuiPageBody>\n            {{#if hasBottomBarBlock}}\n              <EuiBottomBar @paddingSize={{paddingSize}} @position={{if (and this.canFullHeight this.fullHeight) \"static\" \"sticky\"}}>\n                <EuiPageContentBody @paddingSize=\"none\" {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}}>\n                  {{yield to=\"bottomBar\"}}\n                </EuiPageContentBody>\n              </EuiBottomBar>\n            {{/if}}\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @bottomBorder={{@pageHeader.bottomBorder}} @paddingSize={{paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{if hasPageHeader false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"plain\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}} @paddingSize={{paddingSize}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n            {{#if hasBottomBarBlock}}\n              <EuiBottomBar @paddingSize={{paddingSize}} @position={{if (and this.canFullHeight this.fullHeight) \"static\" \"sticky\"}}>\n                <EuiPageContentBody @paddingSize=\"none\" {{!--@glint-expect-error--}} @restrictWidth={{this.restrictWidth}}>\n                  {{yield to=\"bottomBar\"}}\n                </EuiPageContentBody>\n              </EuiBottomBar>\n            {{/if}}\n          </EuiPageBody>\n        </EuiPage>\n      {{/if}}\n    {{/if}}\n  {{/let}}\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @grow true) (argOrDefault @paddingSize \"l\") (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\")) (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\")) (and (argOrDefault @hasPageHeaderPageTitleBlock true) (has-block \"pageHeaderPageTitle\")) (and (argOrDefault @hasPageHeaderDefaultBlock true) (has-block \"pageHeaderDefault\")) (and (argOrDefault @hasPageHeaderRightSideItemsBlock true) (has-block \"pageHeaderRightSideItems\")) (and (argOrDefault @hasPageHeaderDescriptionBlock true) (has-block \"pageHeaderDescription\")) (modifier useIsWithinBreakpoints sizes=BREAKPOINTS isActive=true setIsWithinBreakpointsValue=this.setIsWithinBreakpoints) as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|}}\n  {{#let (or @pageHeader hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock) as |hasPageHeader|}}\n    {{#if (eq this.template \"centeredBody\")}}\n      {{#if hasPageSideBarBlock}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody class={{this.pageBodyPropsClass}} @paddingSize={{paddingSize}}>\n            <EuiPageHeader @restrictWidth={{this.restrictWidth}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n              <:pageTitle>\n                {{yield to=\"pageHeaderPageTitle\"}}\n              </:pageTitle>\n              <:default>\n                {{yield to=\"pageHeaderDefault\"}}\n              </:default>\n              <:description>\n                {{yield to=\"pageHeaderDescription\"}}\n              </:description>\n              <:rightSideItems as |item|>\n                {{yield item to=\"pageHeaderRightSideItems\"}}\n              </:rightSideItems>\n            </EuiPageHeader>\n\n            <EuiPageContent class={{this.pageContentPropsClass}} @verticalPosition=\"center\" @horizontalPosition=\"center\" @paddingSize={{paddingSize}}>\n              <EuiPageContentBody class={{this.pageContentBodyPropsClass}} @restrictWidth={{this.restrictWidth}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize={{paddingSize}} @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}} @restrictWidth={{this.restrictWidth}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{false}} @bottomBorder={{@pageHeader.bottomBorder}} @paddingSize=\"none\" @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageBody>\n              <EuiPageContent class={{this.pageContentPropsClass}} @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasBorder={{@pageContentProps.hasBorder}} @hasShadow={{@pageContentProps.hasShadow}} @color={{@pageContentProps.color}} @borderRadius={{@pageContentProps.borderRadius}} @grow={{@pageContentProps.grow}} @role={{@pageContentProps.role}} @paddingSize={{paddingSize}}>\n                <EuiPageContentBody class={{this.pageContentBodyPropsClass}} @paddingSize=\"none\" @restrictWidth={{this.restrictWidth}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield 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 class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @panelled={{true}} @paddingSize={{paddingSize}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasShadow={{false}} @color=\"subdued\" @paddingSize={{paddingSize}} class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{this.restrictWidth}} @paddingSize={{paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            {{!--template-lint-disable--}}\n            <EuiPageContent role={{null}} @borderRadius=\"none\" @hasShadow={{false}} @paddingSize={{paddingSize}} style=\"display: flex\">\n              {{!--template-lint-enable--}}\n              <EuiPageContent @verticalPosition=\"center\" @horizontalPosition=\"center\" @hasShadow={{false}} @color=\"subdued\" @paddingSize={{paddingSize}} class={{this.pageContentPropsClass}}>\n                <EuiPageContentBody @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield 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 class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @paddingSize={{paddingSize}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"transparent\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize={{paddingSize}} @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody @restrictWidth={{this.restrictWidth}} class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @bottomBorder={{@pageHeader.bottomBorder}} @restrictWidth={{false}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"transparent\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody @restrictWidth={{false}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n          </EuiPageBody>\n        </EuiPage>\n      {{/if}}\n    {{else}}\n      {{#if hasPageSideBarBlock}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageSideBar class={{@pageSideBarProps.className}} @sticky={{true}} @paddingSize={{paddingSize}}>\n            {{yield to=\"pageSideBar\"}}\n          </EuiPageSideBar>\n          <EuiPageBody @panelled={{true}} @paddingSize=\"none\" class={{this.pageBodyPropsClass}}>\n            <EuiPageBody class={{this.pageBodyPropsClass}} @paddingSize={{paddingSize}} @tagName=\"div\">\n              {{#if hasPageHeader}}\n                <EuiPageHeader @bottomBorder={{@pageHeader.bottomBorder}} @restrictWidth={{this.restrictWidth}} @paddingSize={{@pageHeader.paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                  <:pageTitle>\n                    {{yield to=\"pageHeaderPageTitle\"}}\n                  </:pageTitle>\n                  <:default>\n                    {{yield to=\"pageHeaderDefault\"}}\n                  </:default>\n                  <:description>\n                    {{yield to=\"pageHeaderDescription\"}}\n                  </:description>\n                  <:rightSideItems as |item|>\n                    {{yield item to=\"pageHeaderRightSideItems\"}}\n                  </:rightSideItems>\n                </EuiPageHeader>\n              {{/if}}\n              <EuiPageContent @hasShadow={{false}} @hasBorder={{false}} @color=\"transparent\" @borderRadius=\"none\" @paddingSize=\"none\" class={{this.pageContentPropsClass}}>\n                <EuiPageContentBody @restrictWidth={{this.restrictWidth}} class={{this.pageContentBodyPropsClass}}>\n                  {{#if (and this.canFullHeight this.fullHeight)}}\n                    <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                      <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                        {{yield to=\"default\"}}\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{else}}\n                    {{yield to=\"default\"}}\n                  {{/if}}\n                </EuiPageContentBody>\n              </EuiPageContent>\n            </EuiPageBody>\n            {{#if hasBottomBarBlock}}\n              <EuiBottomBar @paddingSize={{paddingSize}} @position={{if (and this.canFullHeight this.fullHeight) \"static\" \"sticky\"}}>\n                <EuiPageContentBody @paddingSize=\"none\" @restrictWidth={{this.restrictWidth}}>\n                  {{yield to=\"bottomBar\"}}\n                </EuiPageContentBody>\n              </EuiBottomBar>\n            {{/if}}\n          </EuiPageBody>\n        </EuiPage>\n      {{else}}\n        <EuiPage class={{this.classes}} @paddingSize=\"none\" @grow={{grow}} {{isWithinBreakpointsModifier}} {{style (inlineStyles min-height=this.minHeight)}} ...attributes>\n          <EuiPageBody class={{this.pageBodyPropsClass}}>\n            {{#if hasPageHeader}}\n              <EuiPageHeader @restrictWidth={{this.restrictWidth}} @bottomBorder={{@pageHeader.bottomBorder}} @paddingSize={{paddingSize}} @responsive={{@pageHeader.responsive}} @iconType={{@pageHeader.iconType}} @tabs={{@pageHeader.tabs}} @pageTitle={{@pageHeader.pageTitle}} @description={{@pageHeader.description}} @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}} @hasDefaultBlock={{hasPageHeaderDefaultBlock}} @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}} @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}>\n                <:pageTitle>\n                  {{yield to=\"pageHeaderPageTitle\"}}\n                </:pageTitle>\n                <:default>\n                  {{yield to=\"pageHeaderDefault\"}}\n                </:default>\n                <:description>\n                  {{yield to=\"pageHeaderDescription\"}}\n                </:description>\n                <:rightSideItems as |item|>\n                  {{yield item to=\"pageHeaderRightSideItems\"}}\n                </:rightSideItems>\n              </EuiPageHeader>\n            {{/if}}\n            <EuiPageContent @hasBorder={{if hasPageHeader false}} @hasShadow={{false}} @paddingSize=\"none\" @color=\"plain\" @borderRadius=\"none\" class={{this.pageContentPropsClass}}>\n              <EuiPageContentBody @restrictWidth={{this.restrictWidth}} @paddingSize={{paddingSize}} class={{this.pageContentBodyPropsClass}}>\n                {{#if (and this.canFullHeight this.fullHeight)}}\n                  <EuiFlexGroup class=\"eui-fullHeight\" @gutterSize=\"none\" @direction=\"column\" @responsive={{false}}>\n                    <EuiFlexItem class={{classNames (if (eq this.fullHeight true) \"eui-yScroll\") (if (eq this.fullHeight \"noscroll\") \"eui-fullHeight\")}} @grow={{true}}>\n                      {{yield to=\"default\"}}\n                    </EuiFlexItem>\n                  </EuiFlexGroup>\n                {{else}}\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiPageContentBody>\n            </EuiPageContent>\n            {{#if hasBottomBarBlock}}\n              <EuiBottomBar @paddingSize={{paddingSize}} @position={{if (and this.canFullHeight this.fullHeight) \"static\" \"sticky\"}}>\n                <EuiPageContentBody @paddingSize=\"none\" @restrictWidth={{this.restrictWidth}}>\n                  {{yield to=\"bottomBar\"}}\n                </EuiPageContentBody>\n              </EuiBottomBar>\n            {{/if}}\n          </EuiPageBody>\n        </EuiPage>\n      {{/if}}\n    {{/if}}\n  {{/let}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,