npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.0.0 - Mend

@ember-eui/core 13.0.5 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1491) hide show

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

	@@ -1 +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,~~uiBAAA~~,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;;;;"}
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;;;;"}

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

@@ -20,7 +20,7 @@ import EuiTextComponent from './eui-text.js';
 import EuiTitle from './eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
 class EuiPageHeaderContent extends Component {
@@ -46,7 +46,7 @@ class EuiPageHeaderContent extends Component {
     return this.template === 'default' || this.template === 'empty';
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @responsive true) (argOrDefault @alignItems \"top\") (useState false) (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\")) (and (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")) (or (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\")) @pageTitle) (and (argOrDefault @hasDefaultBlock true) (has-block \"default\")) as |responsive alignItems isResponsiveBreakpoint hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|}}\n      <div class={{classNames \"euiPageHeaderContent\" (if @restrictWidth \"euiPanel--restrictWidth-custom\" \"\")}} {{style (inlineStyles width=@restrictWidth)}} {{useIsWithinBreakpoints sizes=(array \"xs\" \"s\") isActive=(not (not responsive)) setIsWithinBreakpointsValue=isResponsiveBreakpoint.setState}} ...attributes>\n        {{#if @breadcrumbs}}\n          <EuiBreadcrumbs @breadcrumbs={{@breadcrumbs}} class={{@breadcrumbProps.className}} />\n          <EuiSpacer @size=\"s\" />\n        {{/if}}\n        {{#if (or (eq alignItems \"top\") isResponsiveBreakpoint.value)}}\n          <EuiFlexGroup class=\"euiPageHeaderContent__top\" @responsive={{not (not responsive)}} @alignItems={{if hasPageTitleBlock \"flexStart\" \"baseline\"}} @gutterSize=\"l\">\n            {{#if (and isResponsiveBreakpoint.value (eq responsive \"reverse\"))}}\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiFlexGroup @wrap={{true}} @responsive={{false}} class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n                    {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\n                  </EuiFlexGroup>\n                </EuiFlexItem>\n              {{/if}}\n              <EuiFlexItem>\n                {{#if (and (not hasPageTitleBlock) @tabs)}}\n                  <EuiTabs @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n                    {{#each @tabs as |tab|}}\n                      <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n                    {{#if @iconType}}\n                      <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n                    {{#each @tabs as |tab|}}\n                      <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                        {{tab.label}}\n                      </EuiTab>\n                    {{/each}}\n                  </EuiTabs>\n                {{/if}}\n                {{#if hasPageTitleBlock}}\n                  <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n                    {{#if @iconType}}\n                      <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @wrap={{true}} @responsive={{false}} class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n                    {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\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 @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n            </div>\n          {{/if}}\n        {{else}}\n          <EuiFlexGroup class=\"euiPageHeaderContent__top\" @responsive={{not (not responsive)}} {{!--@glint-expect-error--}} @alignItems={{if (eq alignItems \"bottom\") \"flexEnd\" alignItems}} @gutterSize=\"l\">\n            <EuiFlexItem>\n              {{#if (and (not hasPageTitleBlock) @tabs)}}\n                <EuiTabs @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n                  {{#each @tabs as |tab|}}\n                    <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                      {{tab.label}}\n                    </EuiTab>\n                  {{/each}}\n                </EuiTabs>\n              {{/if}}\n              {{#if hasPageTitleBlock}}\n                <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n                  {{#if @iconType}}\n                    <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @size=\"l\" @display=\"condensed\" @bottomBorder={{false}}>\n                      {{#each @tabs as |tab|}}\n                        <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\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 @wrap={{true}} @responsive={{false}} @gutterSize=\"m\" class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n                  {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\n                </EuiFlexGroup>\n              </EuiFlexItem>\n            {{/if}}\n          </EuiFlexGroup>\n        {{/if}}\n      </div>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @responsive true) (argOrDefault @alignItems \"top\") (useState false) (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\")) (and (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")) (or (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\")) @pageTitle) (and (argOrDefault @hasDefaultBlock true) (has-block \"default\")) as |responsive alignItems isResponsiveBreakpoint hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|}}\n  <div class={{classNames \"euiPageHeaderContent\" (if @restrictWidth \"euiPanel--restrictWidth-custom\" \"\")}} {{style (inlineStyles width=@restrictWidth)}} {{useIsWithinBreakpoints sizes=(array \"xs\" \"s\") isActive=(not (not responsive)) setIsWithinBreakpointsValue=isResponsiveBreakpoint.setState}} ...attributes>\n    {{#if @breadcrumbs}}\n      <EuiBreadcrumbs @breadcrumbs={{@breadcrumbs}} class={{@breadcrumbProps.className}} />\n      <EuiSpacer @size=\"s\" />\n    {{/if}}\n    {{#if (or (eq alignItems \"top\") isResponsiveBreakpoint.value)}}\n      <EuiFlexGroup class=\"euiPageHeaderContent__top\" @responsive={{not (not responsive)}} @alignItems={{if hasPageTitleBlock \"flexStart\" \"baseline\"}} @gutterSize=\"l\">\n        {{#if (and isResponsiveBreakpoint.value (eq responsive \"reverse\"))}}\n          {{#if hasRightSideItemsBlock}}\n            <EuiFlexItem @grow={{false}}>\n              <EuiFlexGroup @wrap={{true}} @responsive={{false}} class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n                {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\n              </EuiFlexGroup>\n            </EuiFlexItem>\n          {{/if}}\n          <EuiFlexItem>\n            {{#if (and (not hasPageTitleBlock) @tabs)}}\n              <EuiTabs @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n                {{#each @tabs as |tab|}}\n                  <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                    {{tab.label}}\n                  </EuiTab>\n                {{/each}}\n              </EuiTabs>\n            {{/if}}\n            {{#if hasPageTitleBlock}}\n              <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n                {{#if @iconType}}\n                  <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n                {{#each @tabs as |tab|}}\n                  <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                    {{tab.label}}\n                  </EuiTab>\n                {{/each}}\n              </EuiTabs>\n            {{/if}}\n            {{#if hasPageTitleBlock}}\n              <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n                {{#if @iconType}}\n                  <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @wrap={{true}} @responsive={{false}} class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n                {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\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 @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                  {{tab.label}}\n                </EuiTab>\n              {{/each}}\n            </EuiTabs>\n          {{/if}}\n        </div>\n      {{/if}}\n    {{else}}\n      <EuiFlexGroup class=\"euiPageHeaderContent__top\" @responsive={{not (not responsive)}} {{!--@glint-expect-error--}} @alignItems={{if (eq alignItems \"bottom\") \"flexEnd\" alignItems}} @gutterSize=\"l\">\n        <EuiFlexItem>\n          {{#if (and (not hasPageTitleBlock) @tabs)}}\n            <EuiTabs @size=\"xl\" @display=\"condensed\" @bottomBorder={{false}}>\n              {{#each @tabs as |tab|}}\n                <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\n                  {{tab.label}}\n                </EuiTab>\n              {{/each}}\n            </EuiTabs>\n          {{/if}}\n          {{#if hasPageTitleBlock}}\n            <EuiTitle class={{@pageTitleProps.className}} @size=\"l\" @tagName=\"h1\">\n              {{#if @iconType}}\n                <EuiIcon @size=\"xl\" @type={{@iconType}} @iconClasses={{classNames \"euiPageHeaderContent__titleIcon\" @iconProps.className}} />\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 @size=\"l\" @display=\"condensed\" @bottomBorder={{false}}>\n                  {{#each @tabs as |tab|}}\n                    <EuiTab @id={{tab.id}} @disabled={{tab.disabled}} @isSelected={{tab.isSelected}} @href={{tab.href}} {{on \"click\" (optional tab.onClick)}}>\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 @wrap={{true}} @responsive={{false}} @gutterSize=\"m\" class={{classNames \"euiPageHeaderContent__rightSideItems\" @rightSideGroupProps.className}}>\n              {{yield (component EuiFlexItem grow=false) to=\"rightSideItems\"}}\n            </EuiFlexGroup>\n          </EuiFlexItem>\n        {{/if}}\n      </EuiFlexGroup>\n    {{/if}}\n  </div>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,

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

	@@ -1 +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","void 0","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;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA,EADvB;AAAA,EAAA;AAAAJ,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAECC,qBAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;AAAAJ,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CACtBC,qBAAsB,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAAC,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,+lRAAA,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;;;;"}
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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiPageHederSection = setComponentTemplate(precompileTemplate("\n    <div class=\"euiPageHeaderSection\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiPageHederSection = setComponentTemplate(precompileTemplate("<div class=\"euiPageHeaderSection\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +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,~~2FAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

package/dist/components/eui-page-header.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiPageHeader = setComponentTemplate(precompileTemplate("\n  {{#let (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style) (argOrDefault @responsive true) (and (argOrDefault @hasDefaultBlock true) (has-block \"default\")) (or (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\")) @description) (or (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\")) @pageTitle) (or (and (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")) @rightSideItems) as |styling responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|}}\n    {{#let (classNames (if styling.widthClassName (concat \"euiPageHeader--\" styling.widthClassName)) (if @bottomBorder \"euiPageHeader--bottomBorder\") (if responsive \"euiPageHeader--responsive\") (if (eq responsive \"reverse\") \"euiPageHeader--responsiveReverse\") (if (and hasPageTitleBlock @tabs) \"euiPageHeader--tabsAtBottom\") (if (and @tabs (not hasPageTitleBlock) (not hasRightSideItemsBlock) (not hasDescriptionBlock) (not hasDefaultBlock)) \"euiPageHeader--onlyTabs\") (if @alignItems (concat \"euiPageHeader--\" @alignItems) \"euiPageHeader--center\") componentName=\"EuiPageHeader\" paddingSize=@paddingSize) as |classes|}}\n      {{#if (and (not @tabs) (not hasPageTitleBlock) (not hasDescriptionBlock) (not hasRightSideItemsBlock))}}\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 @alignItems={{@alignItems}} @responsive={{responsive}} @pageTitle={{@pageTitle}} @pageTitleProps={{@pageTitleProps}} @iconType={{@iconType}} @breadcrumbs={{@breadcrumbs}} @tabs={{@tabs}} @description={{@description}} @restrictWidth={{@restrictWidth}} @hasDescriptionBlock={{not (not hasDescriptionBlock)}} @hasPageTitleBlock={{not (not hasPageTitleBlock)}} @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}} @hasDefaultBlock={{not (not hasDefaultBlock)}}>\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", {
+const EuiPageHeader = setComponentTemplate(precompileTemplate("{{#let (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style) (argOrDefault @responsive true) (and (argOrDefault @hasDefaultBlock true) (has-block \"default\")) (or (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\")) @description) (or (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\")) @pageTitle) (or (and (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")) @rightSideItems) as |styling responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|}}\n  {{#let (classNames (if styling.widthClassName (concat \"euiPageHeader--\" styling.widthClassName)) (if @bottomBorder \"euiPageHeader--bottomBorder\") (if responsive \"euiPageHeader--responsive\") (if (eq responsive \"reverse\") \"euiPageHeader--responsiveReverse\") (if (and hasPageTitleBlock @tabs) \"euiPageHeader--tabsAtBottom\") (if (and @tabs (not hasPageTitleBlock) (not hasRightSideItemsBlock) (not hasDescriptionBlock) (not hasDefaultBlock)) \"euiPageHeader--onlyTabs\") (if @alignItems (concat \"euiPageHeader--\" @alignItems) \"euiPageHeader--center\") componentName=\"EuiPageHeader\" paddingSize=@paddingSize) as |classes|}}\n    {{#if (and (not @tabs) (not hasPageTitleBlock) (not hasDescriptionBlock) (not hasRightSideItemsBlock))}}\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 @alignItems={{@alignItems}} @responsive={{responsive}} @pageTitle={{@pageTitle}} @pageTitleProps={{@pageTitleProps}} @iconType={{@iconType}} @breadcrumbs={{@breadcrumbs}} @tabs={{@tabs}} @description={{@description}} @restrictWidth={{@restrictWidth}} @hasDescriptionBlock={{not (not hasDescriptionBlock)}} @hasPageTitleBlock={{not (not hasPageTitleBlock)}} @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}} @hasDefaultBlock={{not (not hasDefaultBlock)}}>\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}}", {
   strictMode: true,
   scope: () => ({
     euiPageRestrictWidth,

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

	@@ -1 +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,~~0hFAAA~~,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;;;;"}
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;;;;"}

package/dist/components/eui-page-side-bar.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiPageSideBar = setComponentTemplate(precompileTemplate("\n    <div class={{classNames (if @sticky \"euiPageSideBar--sticky\" \"\") componentName=\"EuiPageSideBar\" paddingSize=(argOrDefault @paddingSize \"l\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiPageSideBar = setComponentTemplate(precompileTemplate("<div class={{classNames (if @sticky \"euiPageSideBar--sticky\" \"\") componentName=\"EuiPageSideBar\" paddingSize=(argOrDefault @paddingSize \"l\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +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,~~6MAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

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

@@ -17,7 +17,7 @@ import EuiPageHeader from './eui-page-header.js';
 import EuiPageSideBar from './eui-page-side-bar.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
 const BREAKPOINTS = ['m', 'l', 'xl'];
@@ -75,7 +75,7 @@ class EuiPageTemplate extends Component {
     return `${this.fullHeightClass} ${this.args.pageContentBodyProps?.className}`;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#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}}\n  ", {
+    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}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,