@ember-eui/core 13.0.4 → 14.0.0

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

@@ -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,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page-template.js","sources":["../../src/components/eui-page-template.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n// import { tabbable } from 'tabbable';\n// import {\n//   anchorPositionMapping,\n//   displayMapping\n// } from '../../utils/css-mappings/eui-popover.ts';\n// import { paddingSizeMapping } from '../../utils/css-mappings/eui-panel.ts';\n// import { scheduleOnce, later, cancel } from '@ember/runloop';\n// import { assert } from '@ember/debug';\n// import { htmlSafe } from '@ember/template';\nimport { and, eq, or } from 'ember-truth-helpers';\n\n// import { action } from '@ember/object';\n// import { tracked } from '@glimmer/tracking';\n// import {\n//   getTransitionTimings,\n//   getWaitDuration,\n//   performOnFrame\n// } from '../../utils/transition';\n// import { findPopoverPosition, getElementZIndex } from '../../utils/popover';\n// import { EuiPopoverPosition } from '../../utils/popover/types';\n// import { cascadingMenuKeys } from '../../utils/accesibility';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport EuiBottomBar from './eui-bottom-bar.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPage from './eui-page.gts';\nimport EuiPageBody from './eui-page-body.gts';\nimport EuiPageContent from './eui-page-content.gts';\nimport EuiPageContentBody from './eui-page-content-body.gts';\nimport EuiPageHeader from './eui-page-header.gts';\nimport EuiPageSideBar from './eui-page-side-bar.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiPageBodySignature } from './eui-page-body';\nimport type { EuiPageContentSignature } from './eui-page-content';\nimport type { EuiPageContentBodySignature } from './eui-page-content-body';\nimport type { EuiPageHeaderSignature } from './eui-page-header';\nimport type { EuiPageSideBarSignature } from './eui-page-side-bar';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\nconst BREAKPOINTS: EuiBreakpointSize[] = ['m', 'l', 'xl'];\n\ninterface NormalProps {\n  className?: string;\n}\n\nexport type EuiPageTemplateProps = {\n  template?: (typeof TEMPLATES)[number];\n\n  pageBodyProps: NormalProps & EuiPageBodySignature['Args'];\n  pageContentProps: NormalProps & EuiPageContentSignature['Args'];\n  pageContentBodyProps: NormalProps & EuiPageContentBodySignature['Args'];\n\n  pageHeader: NormalProps & EuiPageHeaderSignature['Args'];\n\n  pageSideBarProps: NormalProps & EuiPageSideBarSignature['Args'];\n\n  /**\n   * Adds a bottom bar to the page template\n   */\n  bottomBar?: any;\n\n  /**\n   * Adds a bottom bar to the page template\n   */\n  hasBottomBarBlock?: boolean;\n\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  restrictWidth?: boolean | number | string;\n\n  grow?: boolean;\n  paddingSize?: EuiPageSideBarSignature['Args']['paddingSize'];\n  hasPageSideBarBlock?: boolean;\n  hasPageHeaderPageTitleBlock?: boolean;\n  hasPageHeaderDefaultBlock?: boolean;\n  hasPageHeaderRightSideItemsBlock?: boolean;\n  hasPageHeaderDescriptionBlock?: boolean;\n  hasPageHeader?: boolean;\n  hasPageContent?: boolean;\n  hasPageContentBody?: boolean;\n};\n\nexport interface EuiPageTemplateSignature {\n  Element: HTMLElement;\n  Args: EuiPageTemplateProps;\n  Blocks: {\n    default: [];\n    pageSideBar: [];\n    pageHeaderPageTitle: [];\n    pageHeaderDefault: [];\n    pageHeaderDescription: [];\n    pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n    bottomBar: [];\n  };\n}\n\nexport default class EuiPageTemplate extends Component<EuiPageTemplateSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) fullHeight!: boolean;\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  @tracked isWithinBreakpoints = false;\n\n  setIsWithinBreakpoints = (value: boolean) => {\n    this.isWithinBreakpoints = value;\n  };\n\n  get minHeight() {\n    const minHeight = this.args.minHeight ?? 460;\n\n    if (typeof this.args.minHeight === 'number') {\n      return `${minHeight}px`;\n    }\n\n    return minHeight;\n  }\n\n  get restrictWidth() {\n    const width = this.args.restrictWidth ?? true;\n\n    if (typeof this.args.restrictWidth === 'number') {\n      return `${width}px`;\n    }\n\n    return width;\n  }\n\n  get classes() {\n    return `euiPageTemplate ${this.fullHeightClass}`;\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight ? 'eui-fullHeight ' : '';\n  }\n\n  get yScrollClass() {\n    return this.fullHeight && this.canFullHeight ? 'eui-yScroll ' : '';\n  }\n\n  get canFullHeight() {\n    return (\n      this.isWithinBreakpoints &&\n      (this.template === 'default' || this.template === 'empty')\n    );\n  }\n\n  get pageBodyPropsClass() {\n    return `${this.fullHeightClass} ${this.args.pageBodyProps?.className}`;\n  }\n\n  get pageContentPropsClass() {\n    return `${this.yScrollClass} ${this.args.pageContentProps?.className}`;\n  }\n\n  get pageContentBodyPropsClass() {\n    return `${this.fullHeightClass} ${this.args.pageContentBodyProps?.className}`;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @grow true)\n      (argOrDefault @paddingSize \"l\")\n      (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\"))\n      (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\"))\n      (and\n        (argOrDefault @hasPageHeaderPageTitleBlock true)\n        (has-block \"pageHeaderPageTitle\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDefaultBlock true)\n        (has-block \"pageHeaderDefault\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderRightSideItemsBlock true)\n        (has-block \"pageHeaderRightSideItems\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDescriptionBlock true)\n        (has-block \"pageHeaderDescription\")\n      )\n      (modifier\n        useIsWithinBreakpoints\n        sizes=BREAKPOINTS\n        isActive=true\n        setIsWithinBreakpointsValue=this.setIsWithinBreakpoints\n      )\n      as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|\n    }}\n      {{#let\n        (or\n          @pageHeader\n          hasPageHeaderPageTitleBlock\n          hasPageHeaderDefaultBlock\n          hasPageHeaderRightSideItemsBlock\n          hasPageHeaderDescriptionBlock\n        )\n        as |hasPageHeader|\n      }}\n        {{#if (eq this.template \"centeredBody\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @paddingSize={{paddingSize}}\n              >\n                <EuiPageHeader\n                  {{!@glint-expect-error}}\n                  @restrictWidth={{this.restrictWidth}}\n                  @responsive={{@pageHeader.responsive}}\n                  @iconType={{@pageHeader.iconType}}\n                  @tabs={{@pageHeader.tabs}}\n                  @pageTitle={{@pageHeader.pageTitle}}\n                  @description={{@pageHeader.description}}\n                  @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                  @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                  @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                  @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                >\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\n                  class={{this.pageContentPropsClass}}\n                  @verticalPosition=\"center\"\n                  @horizontalPosition=\"center\"\n                  @paddingSize={{paddingSize}}\n                >\n                  <EuiPageContentBody\n                    class={{this.pageContentBodyPropsClass}}\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                {{!@glint-expect-error}}\n                @restrictWidth={{this.restrictWidth}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    @restrictWidth={{false}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize=\"none\"\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                    class={{this.pageContentPropsClass}}\n                    @verticalPosition=\"center\"\n                    @horizontalPosition=\"center\"\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @hasShadow={{@pageContentProps.hasShadow}}\n                    @color={{@pageContentProps.color}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                    @role={{@pageContentProps.role}}\n                    @paddingSize={{paddingSize}}\n                  >\n                    <EuiPageContentBody\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{true}}\n                @paddingSize={{paddingSize}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @verticalPosition=\"center\"\n                  @horizontalPosition=\"center\"\n                  @hasShadow={{false}}\n                  @color=\"subdued\"\n                  @paddingSize={{paddingSize}}\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody class={{this.pageBodyPropsClass}}>\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  role={{null}}\n                  @borderRadius=\"none\"\n                  @hasShadow={{false}}\n                  @paddingSize={{paddingSize}}\n                  style=\"display: flex\"\n                >\n                  {{!template-lint-enable}}\n                  <EuiPageContent\n                    @verticalPosition=\"center\"\n                    @horizontalPosition=\"center\"\n                    @hasShadow={{false}}\n                    @color=\"subdued\"\n                    @paddingSize={{paddingSize}}\n                    class={{this.pageContentPropsClass}}\n                  >\n                    <EuiPageContentBody\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      class={{this.pageContentBodyPropsClass}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @paddingSize={{paddingSize}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"transparent\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                {{!@glint-expect-error}}\n                @restrictWidth={{this.restrictWidth}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @restrictWidth={{false}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"transparent\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{false}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{true}}\n                @paddingSize=\"none\"\n                class={{this.pageBodyPropsClass}}\n              >\n                <EuiPageBody\n                  class={{this.pageBodyPropsClass}}\n                  @paddingSize={{paddingSize}}\n                  @tagName=\"div\"\n                >\n                  {{#if hasPageHeader}}\n                    <EuiPageHeader\n                      @bottomBorder={{@pageHeader.bottomBorder}}\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      @paddingSize={{@pageHeader.paddingSize}}\n                      @responsive={{@pageHeader.responsive}}\n                      @iconType={{@pageHeader.iconType}}\n                      @tabs={{@pageHeader.tabs}}\n                      @pageTitle={{@pageHeader.pageTitle}}\n                      @description={{@pageHeader.description}}\n                      @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                      @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                      @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                      @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    >\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\n                    @hasShadow={{false}}\n                    @hasBorder={{false}}\n                    @color=\"transparent\"\n                    @borderRadius=\"none\"\n                    @paddingSize=\"none\"\n                    class={{this.pageContentPropsClass}}\n                  >\n                    <EuiPageContentBody\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      class={{this.pageContentBodyPropsClass}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n                    @paddingSize={{paddingSize}}\n                    @position={{if\n                      (and this.canFullHeight this.fullHeight)\n                      \"static\"\n                      \"sticky\"\n                    }}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody class={{this.pageBodyPropsClass}}>\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize={{paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{if hasPageHeader false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"plain\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{paddingSize}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n                    @paddingSize={{paddingSize}}\n                    @position={{if\n                      (and this.canFullHeight this.fullHeight)\n                      \"static\"\n                      \"sticky\"\n                    }}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["TEMPLATES","BREAKPOINTS","EuiPageTemplate","Component","g","prototype","argOrDefaultDecorator","i","void 0","tracked","setIsWithinBreakpoints","value","isWithinBreakpoints","minHeight","args","restrictWidth","width","classes","fullHeightClass","fullHeight","canFullHeight","yScrollClass","template","pageBodyPropsClass","pageBodyProps","className","pageContentPropsClass","pageContentProps","pageContentBodyPropsClass","pageContentBodyProps","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","useIsWithinBreakpoints","or","eq","EuiPage","style","inlineStyles","EuiPageSideBar","EuiPageBody","EuiPageHeader","EuiPageContent","EuiPageContentBody","EuiFlexGroup","EuiFlexItem","classNames","EuiBottomBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiDO,MAAMA,SAAY,GAAA,CACvB,SAAA,EACA,cAAA,EACA,iBAAA,EACA,OAAA;AAGF,MAAMC,WAAmC,GAAA,CAAC,GAAA,EAAK,GAAA,EAAK,IAAA,CAAK;AAsE1C,MAAMC,wBAAwBC,SAAU,CAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAEpDC,qBAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA,EADvB;AAAA,EAAA;AAAAJ,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CAECC,qBAAsB,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CAEtBI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA8B,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,oBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,qBAAA,CAAA,EAAAC,MAAA;EAErCE,sBAAyB,GAACC,KAAc,IAAA;IACtC,IAAI,CAACC,mBAAmB,GAAGD,KAAA;GAC3B;EAEF,IAAIE,SAAYA,GAAA;IACd,MAAMA,YAAY,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,GAAA;IAEzC,IAAI,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,KAAK,QAAU,EAAA;MAC3C,OAAO,CAAA,EAAGA,SAAU,CAAG,EAAA,CAAA;AACzB;AAEA,IAAA,OAAOA,SAAA;AACT;EAEA,IAAIE,aAAgBA,GAAA;IAClB,MAAMC,QAAQ,IAAI,CAACF,IAAI,CAACC,aAAa,IAAI,IAAA;IAEzC,IAAI,OAAO,IAAI,CAACD,IAAI,CAACC,aAAa,KAAK,QAAU,EAAA;MAC/C,OAAO,CAAA,EAAGC,KAAM,CAAG,EAAA,CAAA;AACrB;AAEA,IAAA,OAAOA,KAAA;AACT;EAEA,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,CAAmB,gBAAA,EAAA,IAAI,CAACC,eAAe,CAAE,CAAA;AAClD;EAEA,IAAIA,eAAkBA,GAAA;IACpB,OAAO,IAAI,CAACC,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,iBAAoB,GAAA,EAAA;AACrE;EAEA,IAAIC,YAAeA,GAAA;IACjB,OAAO,IAAI,CAACF,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,cAAiB,GAAA,EAAA;AAClE;EAEA,IAAIA,aAAgBA,GAAA;AAClB,IAAA,OACE,IAAI,CAACR,mBAAmB,KACvB,IAAI,CAACU,QAAQ,KAAK,aAAa,IAAI,CAACA,QAAQ,KAAK,OAAO,CAC3D;AACF;EAEA,IAAIC,kBAAqBA,GAAA;AACvB,IAAA,OAAO,CAAG,EAAA,IAAI,CAACL,eAAe,CAAI,CAAA,EAAA,IAAI,CAACJ,IAAI,CAACU,aAAa,EAAEC,UAAW,CAAA;AACxE;EAEA,IAAIC,qBAAwBA,GAAA;AAC1B,IAAA,OAAO,CAAG,EAAA,IAAI,CAACL,YAAY,CAAI,CAAA,EAAA,IAAI,CAACP,IAAI,CAACa,gBAAgB,EAAEF,UAAW,CAAA;AACxE;EAEA,IAAIG,yBAA4BA,GAAA;AAC9B,IAAA,OAAO,CAAG,EAAA,IAAI,CAACV,eAAe,CAAI,CAAA,EAAA,IAAI,CAACJ,IAAI,CAACe,oBAAoB,EAAEJ,UAAW,CAAA;AAC/E;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CA+wBA,41vBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,sBAAA;QAAAnC,WAAA;QAAAoC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;QAAAC,YAAA;QAAAC,cAAA;QAAAC,WAAA;QAAAC,aAAA;QAAAC,cAAA;QAAAC,kBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,UAAA;AAAAC,sBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-page-template.js","sources":["../../src/components/eui-page-template.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n// import { tabbable } from 'tabbable';\n// import {\n//   anchorPositionMapping,\n//   displayMapping\n// } from '../../utils/css-mappings/eui-popover.ts';\n// import { paddingSizeMapping } from '../../utils/css-mappings/eui-panel.ts';\n// import { scheduleOnce, later, cancel } from '@ember/runloop';\n// import { assert } from '@ember/debug';\n// import { htmlSafe } from '@ember/template';\nimport { and, eq, or } from 'ember-truth-helpers';\n\n// import { action } from '@ember/object';\n// import { tracked } from '@glimmer/tracking';\n// import {\n//   getTransitionTimings,\n//   getWaitDuration,\n//   performOnFrame\n// } from '../../utils/transition';\n// import { findPopoverPosition, getElementZIndex } from '../../utils/popover';\n// import { EuiPopoverPosition } from '../../utils/popover/types';\n// import { cascadingMenuKeys } from '../../utils/accesibility';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport useIsWithinBreakpoints from '../modifiers/use-is-within-breakpoints.ts';\nimport EuiBottomBar from './eui-bottom-bar.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPage from './eui-page.gts';\nimport EuiPageBody from './eui-page-body.gts';\nimport EuiPageContent from './eui-page-content.gts';\nimport EuiPageContentBody from './eui-page-content-body.gts';\nimport EuiPageHeader from './eui-page-header.gts';\nimport EuiPageSideBar from './eui-page-side-bar.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiPageBodySignature } from './eui-page-body';\nimport type { EuiPageContentSignature } from './eui-page-content';\nimport type { EuiPageContentBodySignature } from './eui-page-content-body';\nimport type { EuiPageHeaderSignature } from './eui-page-header';\nimport type { EuiPageSideBarSignature } from './eui-page-side-bar';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\nconst BREAKPOINTS: EuiBreakpointSize[] = ['m', 'l', 'xl'];\n\ninterface NormalProps {\n  className?: string;\n}\n\nexport type EuiPageTemplateProps = {\n  template?: (typeof TEMPLATES)[number];\n\n  pageBodyProps: NormalProps & EuiPageBodySignature['Args'];\n  pageContentProps: NormalProps & EuiPageContentSignature['Args'];\n  pageContentBodyProps: NormalProps & EuiPageContentBodySignature['Args'];\n\n  pageHeader: NormalProps & EuiPageHeaderSignature['Args'];\n\n  pageSideBarProps: NormalProps & EuiPageSideBarSignature['Args'];\n\n  /**\n   * Adds a bottom bar to the page template\n   */\n  bottomBar?: any;\n\n  /**\n   * Adds a bottom bar to the page template\n   */\n  hasBottomBarBlock?: boolean;\n\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  restrictWidth?: boolean | number | string;\n\n  grow?: boolean;\n  paddingSize?: EuiPageSideBarSignature['Args']['paddingSize'];\n  hasPageSideBarBlock?: boolean;\n  hasPageHeaderPageTitleBlock?: boolean;\n  hasPageHeaderDefaultBlock?: boolean;\n  hasPageHeaderRightSideItemsBlock?: boolean;\n  hasPageHeaderDescriptionBlock?: boolean;\n  hasPageHeader?: boolean;\n  hasPageContent?: boolean;\n  hasPageContentBody?: boolean;\n};\n\nexport interface EuiPageTemplateSignature {\n  Element: HTMLElement;\n  Args: EuiPageTemplateProps;\n  Blocks: {\n    default: [];\n    pageSideBar: [];\n    pageHeaderPageTitle: [];\n    pageHeaderDefault: [];\n    pageHeaderDescription: [];\n    pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n    bottomBar: [];\n  };\n}\n\nexport default class EuiPageTemplate extends Component<EuiPageTemplateSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) fullHeight!: boolean;\n  @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n  @tracked isWithinBreakpoints = false;\n\n  setIsWithinBreakpoints = (value: boolean) => {\n    this.isWithinBreakpoints = value;\n  };\n\n  get minHeight() {\n    const minHeight = this.args.minHeight ?? 460;\n\n    if (typeof this.args.minHeight === 'number') {\n      return `${minHeight}px`;\n    }\n\n    return minHeight;\n  }\n\n  get restrictWidth() {\n    const width = this.args.restrictWidth ?? true;\n\n    if (typeof this.args.restrictWidth === 'number') {\n      return `${width}px`;\n    }\n\n    return width;\n  }\n\n  get classes() {\n    return `euiPageTemplate ${this.fullHeightClass}`;\n  }\n\n  get fullHeightClass() {\n    return this.fullHeight && this.canFullHeight ? 'eui-fullHeight ' : '';\n  }\n\n  get yScrollClass() {\n    return this.fullHeight && this.canFullHeight ? 'eui-yScroll ' : '';\n  }\n\n  get canFullHeight() {\n    return (\n      this.isWithinBreakpoints &&\n      (this.template === 'default' || this.template === 'empty')\n    );\n  }\n\n  get pageBodyPropsClass() {\n    return `${this.fullHeightClass} ${this.args.pageBodyProps?.className}`;\n  }\n\n  get pageContentPropsClass() {\n    return `${this.yScrollClass} ${this.args.pageContentProps?.className}`;\n  }\n\n  get pageContentBodyPropsClass() {\n    return `${this.fullHeightClass} ${this.args.pageContentBodyProps?.className}`;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @grow true)\n      (argOrDefault @paddingSize \"l\")\n      (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\"))\n      (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\"))\n      (and\n        (argOrDefault @hasPageHeaderPageTitleBlock true)\n        (has-block \"pageHeaderPageTitle\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDefaultBlock true)\n        (has-block \"pageHeaderDefault\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderRightSideItemsBlock true)\n        (has-block \"pageHeaderRightSideItems\")\n      )\n      (and\n        (argOrDefault @hasPageHeaderDescriptionBlock true)\n        (has-block \"pageHeaderDescription\")\n      )\n      (modifier\n        useIsWithinBreakpoints\n        sizes=BREAKPOINTS\n        isActive=true\n        setIsWithinBreakpointsValue=this.setIsWithinBreakpoints\n      )\n      as |grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier|\n    }}\n      {{#let\n        (or\n          @pageHeader\n          hasPageHeaderPageTitleBlock\n          hasPageHeaderDefaultBlock\n          hasPageHeaderRightSideItemsBlock\n          hasPageHeaderDescriptionBlock\n        )\n        as |hasPageHeader|\n      }}\n        {{#if (eq this.template \"centeredBody\")}}\n          {{#if hasPageSideBarBlock}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                @paddingSize={{paddingSize}}\n              >\n                <EuiPageHeader\n                  {{!@glint-expect-error}}\n                  @restrictWidth={{this.restrictWidth}}\n                  @responsive={{@pageHeader.responsive}}\n                  @iconType={{@pageHeader.iconType}}\n                  @tabs={{@pageHeader.tabs}}\n                  @pageTitle={{@pageHeader.pageTitle}}\n                  @description={{@pageHeader.description}}\n                  @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                  @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                  @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                  @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                >\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\n                  class={{this.pageContentPropsClass}}\n                  @verticalPosition=\"center\"\n                  @horizontalPosition=\"center\"\n                  @paddingSize={{paddingSize}}\n                >\n                  <EuiPageContentBody\n                    class={{this.pageContentBodyPropsClass}}\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                class={{this.pageBodyPropsClass}}\n                {{!@glint-expect-error}}\n                @restrictWidth={{this.restrictWidth}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    @restrictWidth={{false}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize=\"none\"\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                    class={{this.pageContentPropsClass}}\n                    @verticalPosition=\"center\"\n                    @horizontalPosition=\"center\"\n                    @hasBorder={{@pageContentProps.hasBorder}}\n                    @hasShadow={{@pageContentProps.hasShadow}}\n                    @color={{@pageContentProps.color}}\n                    @borderRadius={{@pageContentProps.borderRadius}}\n                    @grow={{@pageContentProps.grow}}\n                    @role={{@pageContentProps.role}}\n                    @paddingSize={{paddingSize}}\n                  >\n                    <EuiPageContentBody\n                      class={{this.pageContentBodyPropsClass}}\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{true}}\n                @paddingSize={{paddingSize}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @verticalPosition=\"center\"\n                  @horizontalPosition=\"center\"\n                  @hasShadow={{false}}\n                  @color=\"subdued\"\n                  @paddingSize={{paddingSize}}\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody class={{this.pageBodyPropsClass}}>\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  role={{null}}\n                  @borderRadius=\"none\"\n                  @hasShadow={{false}}\n                  @paddingSize={{paddingSize}}\n                  style=\"display: flex\"\n                >\n                  {{!template-lint-enable}}\n                  <EuiPageContent\n                    @verticalPosition=\"center\"\n                    @horizontalPosition=\"center\"\n                    @hasShadow={{false}}\n                    @color=\"subdued\"\n                    @paddingSize={{paddingSize}}\n                    class={{this.pageContentPropsClass}}\n                  >\n                    <EuiPageContentBody\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      class={{this.pageContentBodyPropsClass}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @paddingSize={{paddingSize}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"transparent\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize={{paddingSize}}\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody\n                {{!@glint-expect-error}}\n                @restrictWidth={{this.restrictWidth}}\n                class={{this.pageBodyPropsClass}}\n              >\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @restrictWidth={{false}}\n                    @paddingSize={{@pageHeader.paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"transparent\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    @restrictWidth={{false}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageSideBar\n                class={{@pageSideBarProps.className}}\n                @sticky={{true}}\n                @paddingSize={{paddingSize}}\n              >\n                {{yield to=\"pageSideBar\"}}\n              </EuiPageSideBar>\n              <EuiPageBody\n                @panelled={{true}}\n                @paddingSize=\"none\"\n                class={{this.pageBodyPropsClass}}\n              >\n                <EuiPageBody\n                  class={{this.pageBodyPropsClass}}\n                  @paddingSize={{paddingSize}}\n                  @tagName=\"div\"\n                >\n                  {{#if hasPageHeader}}\n                    <EuiPageHeader\n                      @bottomBorder={{@pageHeader.bottomBorder}}\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      @paddingSize={{@pageHeader.paddingSize}}\n                      @responsive={{@pageHeader.responsive}}\n                      @iconType={{@pageHeader.iconType}}\n                      @tabs={{@pageHeader.tabs}}\n                      @pageTitle={{@pageHeader.pageTitle}}\n                      @description={{@pageHeader.description}}\n                      @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                      @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                      @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                      @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                    >\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\n                    @hasShadow={{false}}\n                    @hasBorder={{false}}\n                    @color=\"transparent\"\n                    @borderRadius=\"none\"\n                    @paddingSize=\"none\"\n                    class={{this.pageContentPropsClass}}\n                  >\n                    <EuiPageContentBody\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                      class={{this.pageContentBodyPropsClass}}\n                    >\n                      {{#if (and this.canFullHeight this.fullHeight)}}\n                        <EuiFlexGroup\n                          class=\"eui-fullHeight\"\n                          @gutterSize=\"none\"\n                          @direction=\"column\"\n                          @responsive={{false}}\n                        >\n                          <EuiFlexItem\n                            class={{classNames\n                              (if (eq this.fullHeight true) \"eui-yScroll\")\n                              (if\n                                (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                              )\n                            }}\n                            @grow={{true}}\n                          >\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\n                    @paddingSize={{paddingSize}}\n                    @position={{if\n                      (and this.canFullHeight this.fullHeight)\n                      \"static\"\n                      \"sticky\"\n                    }}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{else}}\n            <EuiPage\n              class={{this.classes}}\n              @paddingSize=\"none\"\n              @grow={{grow}}\n              {{isWithinBreakpointsModifier}}\n              {{style (inlineStyles min-height=this.minHeight)}}\n              ...attributes\n            >\n              <EuiPageBody class={{this.pageBodyPropsClass}}>\n                {{#if hasPageHeader}}\n                  <EuiPageHeader\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @bottomBorder={{@pageHeader.bottomBorder}}\n                    @paddingSize={{paddingSize}}\n                    @responsive={{@pageHeader.responsive}}\n                    @iconType={{@pageHeader.iconType}}\n                    @tabs={{@pageHeader.tabs}}\n                    @pageTitle={{@pageHeader.pageTitle}}\n                    @description={{@pageHeader.description}}\n                    @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n                    @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n                    @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n                    @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n                  >\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\n                  @hasBorder={{if hasPageHeader false}}\n                  @hasShadow={{false}}\n                  @paddingSize=\"none\"\n                  @color=\"plain\"\n                  @borderRadius=\"none\"\n                  class={{this.pageContentPropsClass}}\n                >\n                  <EuiPageContentBody\n                    {{!@glint-expect-error}}\n                    @restrictWidth={{this.restrictWidth}}\n                    @paddingSize={{paddingSize}}\n                    class={{this.pageContentBodyPropsClass}}\n                  >\n                    {{#if (and this.canFullHeight this.fullHeight)}}\n                      <EuiFlexGroup\n                        class=\"eui-fullHeight\"\n                        @gutterSize=\"none\"\n                        @direction=\"column\"\n                        @responsive={{false}}\n                      >\n                        <EuiFlexItem\n                          class={{classNames\n                            (if (eq this.fullHeight true) \"eui-yScroll\")\n                            (if\n                              (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n                            )\n                          }}\n                          @grow={{true}}\n                        >\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\n                    @paddingSize={{paddingSize}}\n                    @position={{if\n                      (and this.canFullHeight this.fullHeight)\n                      \"static\"\n                      \"sticky\"\n                    }}\n                  >\n                    <EuiPageContentBody\n                      @paddingSize=\"none\"\n                      {{!@glint-expect-error}}\n                      @restrictWidth={{this.restrictWidth}}\n                    >\n                      {{yield to=\"bottomBar\"}}\n                    </EuiPageContentBody>\n                  </EuiBottomBar>\n                {{/if}}\n              </EuiPageBody>\n            </EuiPage>\n          {{/if}}\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["TEMPLATES","BREAKPOINTS","EuiPageTemplate","Component","g","prototype","argOrDefaultDecorator","i","tracked","setIsWithinBreakpoints","value","isWithinBreakpoints","minHeight","args","restrictWidth","width","classes","fullHeightClass","fullHeight","canFullHeight","yScrollClass","template","pageBodyPropsClass","pageBodyProps","className","pageContentPropsClass","pageContentProps","pageContentBodyPropsClass","pageContentBodyProps","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","useIsWithinBreakpoints","or","eq","EuiPage","style","inlineStyles","EuiPageSideBar","EuiPageBody","EuiPageHeader","EuiPageContent","EuiPageContentBody","EuiFlexGroup","EuiFlexItem","classNames","EuiBottomBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiDO,MAAMA,SAAY,GAAA,CACvB,SAAA,EACA,cAAA,EACA,iBAAA,EACA,OAAA;AAGF,MAAMC,WAAmC,GAAA,CAAC,GAAA,EAAK,GAAA,EAAK,IAAA,CAAK;AAsE1C,MAAMC,wBAAwBC,SAAU,CAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAEpDC,qBAAsB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CADvB,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA,EAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CAECC,qBAAsB,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CAEtBG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA8B,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,oBAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,qBAAA,CAAA,EAAA,MAAA;EAErCE,sBAAyB,GAACC,KAAc,IAAA;IACtC,IAAI,CAACC,mBAAmB,GAAGD,KAAA;GAC3B;EAEF,IAAIE,SAAYA,GAAA;IACd,MAAMA,YAAY,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,GAAA;IAEzC,IAAI,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,KAAK,QAAU,EAAA;MAC3C,OAAO,CAAA,EAAGA,SAAU,CAAG,EAAA,CAAA;AACzB;AAEA,IAAA,OAAOA,SAAA;AACT;EAEA,IAAIE,aAAgBA,GAAA;IAClB,MAAMC,QAAQ,IAAI,CAACF,IAAI,CAACC,aAAa,IAAI,IAAA;IAEzC,IAAI,OAAO,IAAI,CAACD,IAAI,CAACC,aAAa,KAAK,QAAU,EAAA;MAC/C,OAAO,CAAA,EAAGC,KAAM,CAAG,EAAA,CAAA;AACrB;AAEA,IAAA,OAAOA,KAAA;AACT;EAEA,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,CAAmB,gBAAA,EAAA,IAAI,CAACC,eAAe,CAAE,CAAA;AAClD;EAEA,IAAIA,eAAkBA,GAAA;IACpB,OAAO,IAAI,CAACC,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,iBAAoB,GAAA,EAAA;AACrE;EAEA,IAAIC,YAAeA,GAAA;IACjB,OAAO,IAAI,CAACF,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,cAAiB,GAAA,EAAA;AAClE;EAEA,IAAIA,aAAgBA,GAAA;AAClB,IAAA,OACE,IAAI,CAACR,mBAAmB,KACvB,IAAI,CAACU,QAAQ,KAAK,aAAa,IAAI,CAACA,QAAQ,KAAK,OAAO,CAC3D;AACF;EAEA,IAAIC,kBAAqBA,GAAA;AACvB,IAAA,OAAO,CAAG,EAAA,IAAI,CAACL,eAAe,CAAI,CAAA,EAAA,IAAI,CAACJ,IAAI,CAACU,aAAa,EAAEC,SAAW,CAAA,CAAA;AACxE;EAEA,IAAIC,qBAAwBA,GAAA;AAC1B,IAAA,OAAO,CAAG,EAAA,IAAI,CAACL,YAAY,CAAI,CAAA,EAAA,IAAI,CAACP,IAAI,CAACa,gBAAgB,EAAEF,SAAW,CAAA,CAAA;AACxE;EAEA,IAAIG,yBAA4BA,GAAA;AAC9B,IAAA,OAAO,CAAG,EAAA,IAAI,CAACV,eAAe,CAAI,CAAA,EAAA,IAAI,CAACJ,IAAI,CAACe,oBAAoB,EAAEJ,SAAW,CAAA,CAAA;AAC/E;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CA+wBA,kmtBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,sBAAA;QAAAlC,WAAA;QAAAmC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;QAAAC,YAAA;QAAAC,cAAA;QAAAC,WAAA;QAAAC,aAAA;QAAAC,cAAA;QAAAC,kBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,UAAA;AAAAC,sBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-page.js

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPage = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @restrictWidth false) (argOrDefault @paddingSize \"m\") (argOrDefault @grow true) (argOrDefault @direction \"row\") as |restrictWidth paddingSize grow direction|}}\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      <div class={{classNames (if grow \"euiPage--grow\") (concat \"euiPage--\" styling.widthClassName) componentName=\"EuiPage\" paddingSize=paddingSize direction=direction}} ...attributes {{style (if styling.newStyle (inlineStyles styling.newStyle)) (inlineStyles min-height=\"460px;\")}}>\n        {{yield}}\n      </div>\n    {{/let}}\n  {{/let}}\n", {
+const EuiPage = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @restrictWidth false) (argOrDefault @paddingSize \"m\") (argOrDefault @grow true) (argOrDefault @direction \"row\") as |restrictWidth paddingSize grow direction|}}\n  {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n    <div class={{classNames (if grow \"euiPage--grow\") (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName)) componentName=\"EuiPage\" paddingSize=paddingSize direction=direction}} ...attributes {{style (if styling.newStyle (inlineStyles styling.newStyle)) (inlineStyles min-height=\"460px;\")}}>\n      {{yield}}\n    </div>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-page.js","sources":["../../src/components/eui-page.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    restrictWidth?: boolean;\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    grow?: boolean;\n    direction?: 'row' | 'column';\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPage: TemplateOnlyComponent<EuiPageSignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @paddingSize \"m\")\n    (argOrDefault @grow true)\n    (argOrDefault @direction \"row\")\n    as |restrictWidth paddingSize grow direction|\n  }}\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      <div\n        class={{classNames\n          (if grow \"euiPage--grow\")\n          (concat \"euiPage--\" styling.widthClassName)\n          componentName=\"EuiPage\"\n          paddingSize=paddingSize\n          direction=direction\n        }}\n        ...attributes\n        {{style\n          (if styling.newStyle (inlineStyles styling.newStyle))\n          (inlineStyles min-height=\"460px;\")\n        }}\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPage;\n"],"names":["EuiPage","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","classNames","concat","style","inlineStyles","templateOnly"],"mappings":";;;;;;;;;;AAyBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CA2BzD,umBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-page.js","sources":["../../src/components/eui-page.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    restrictWidth?: boolean;\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    grow?: boolean;\n    direction?: 'row' | 'column';\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPage: TemplateOnlyComponent<EuiPageSignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @paddingSize \"m\")\n    (argOrDefault @grow true)\n    (argOrDefault @direction \"row\")\n    as |restrictWidth paddingSize grow direction|\n  }}\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      <div\n        class={{classNames\n          (if grow \"euiPage--grow\")\n          (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName))\n          componentName=\"EuiPage\"\n          paddingSize=paddingSize\n          direction=direction\n        }}\n        ...attributes\n        {{style\n          (if styling.newStyle (inlineStyles styling.newStyle))\n          (inlineStyles min-height=\"460px;\")\n        }}\n      >\n        {{yield}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPage;\n"],"names":["EuiPage","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","classNames","concat","style","inlineStyles","templateOnly"],"mappings":";;;;;;;;;;AAyBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CA2BzD,inBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const ButtonWrapper = setComponentTemplate(precompileTemplate("\n    {{#if (argOrDefault @inList true)}}\n      <li>\n        <EuiPaginationButton @isActive={{eq @pageIndex @props.activePage}} @totalPages={{@props.pageCount}} @pageIndex={{@pageIndex}} aria-controls={{@props.ariaControls}} @hideOnMobile={{true}} {{on \"click\" (fn @props.safeClick @pageIndex)}} />\n      </li>\n    {{else}}\n      <EuiPaginationButton @isActive={{eq @pageIndex @props.activePage}} @totalPages={{@props.pageCount}} @pageIndex={{@pageIndex}} aria-controls={{@props.ariaControls}} @hideOnMobile={{true}} {{on \"click\" (fn @props.safeClick @pageIndex)}} />\n    {{/if}}\n  ", {
+const ButtonWrapper = setComponentTemplate(precompileTemplate("{{#if (argOrDefault @inList true)}}\n  <li>\n    <EuiPaginationButton @isActive={{eq @pageIndex @props.activePage}} @totalPages={{@props.pageCount}} @pageIndex={{@pageIndex}} aria-controls={{@props.ariaControls}} @hideOnMobile={{true}} {{on \"click\" (fn @props.safeClick @pageIndex)}} />\n  </li>\n{{else}}\n  <EuiPaginationButton @isActive={{eq @pageIndex @props.activePage}} @totalPages={{@props.pageCount}} @pageIndex={{@pageIndex}} aria-controls={{@props.ariaControls}} @hideOnMobile={{true}} {{on \"click\" (fn @props.safeClick @pageIndex)}} />\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"button-wrapper.js","sources":["../../../src/components/eui-pagination/button-wrapper.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport EuiPaginationButton from '../eui-pagination-button.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationButtonWrapperSignature {\n  Args: {\n    inList?: boolean;\n    pageIndex: number;\n    props: {\n      pageCount?: number;\n      activePage?: number;\n      ariaControls?: string;\n      safeClick: (page: number) => void;\n    };\n  };\n}\n\nconst ButtonWrapper: TemplateOnlyComponent<EuiPaginationButtonWrapperSignature> =\n  <template>\n    {{#if (argOrDefault @inList true)}}\n      <li>\n        <EuiPaginationButton\n          @isActive={{eq @pageIndex @props.activePage}}\n          @totalPages={{@props.pageCount}}\n          @pageIndex={{@pageIndex}}\n          aria-controls={{@props.ariaControls}}\n          @hideOnMobile={{true}}\n          {{on \"click\" (fn @props.safeClick @pageIndex)}}\n        />\n      </li>\n    {{else}}\n      <EuiPaginationButton\n        @isActive={{eq @pageIndex @props.activePage}}\n        @totalPages={{@props.pageCount}}\n        @pageIndex={{@pageIndex}}\n        aria-controls={{@props.ariaControls}}\n        @hideOnMobile={{true}}\n        {{on \"click\" (fn @props.safeClick @pageIndex)}}\n      />\n    {{/if}}\n  </template>;\n\nexport default ButtonWrapper;\n"],"names":["ButtonWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPaginationButton","eq","on","fn","templateOnly"],"mappings":";;;;;;;;;AAuBA,MAAMA,aACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAsBA,mlBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,mBAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"button-wrapper.js","sources":["../../../src/components/eui-pagination/button-wrapper.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport EuiPaginationButton from '../eui-pagination-button.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationButtonWrapperSignature {\n  Args: {\n    inList?: boolean;\n    pageIndex: number;\n    props: {\n      pageCount?: number;\n      activePage?: number;\n      ariaControls?: string;\n      safeClick: (page: number) => void;\n    };\n  };\n}\n\nconst ButtonWrapper: TemplateOnlyComponent<EuiPaginationButtonWrapperSignature> =\n  <template>\n    {{#if (argOrDefault @inList true)}}\n      <li>\n        <EuiPaginationButton\n          @isActive={{eq @pageIndex @props.activePage}}\n          @totalPages={{@props.pageCount}}\n          @pageIndex={{@pageIndex}}\n          aria-controls={{@props.ariaControls}}\n          @hideOnMobile={{true}}\n          {{on \"click\" (fn @props.safeClick @pageIndex)}}\n        />\n      </li>\n    {{else}}\n      <EuiPaginationButton\n        @isActive={{eq @pageIndex @props.activePage}}\n        @totalPages={{@props.pageCount}}\n        @pageIndex={{@pageIndex}}\n        aria-controls={{@props.ariaControls}}\n        @hideOnMobile={{true}}\n        {{on \"click\" (fn @props.safeClick @pageIndex)}}\n      />\n    {{/if}}\n  </template>;\n\nexport default ButtonWrapper;\n"],"names":["ButtonWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPaginationButton","eq","on","fn","templateOnly"],"mappings":";;;;;;;;;AAuBA,MAAMA,aACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAsBA,ijBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,mBAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const NextButton = setComponentTemplate(precompileTemplate("\n    <EuiI18n @token=\"euiPagination.nextPage\" @default=\"Next page, {page}\" @values={{hash page=(add @activePage 2)}} as |Token|>\n      <Token as |nextPage|>\n        <EuiI18n @token=\"euiPagination.disabledNextPage\" @default=\"Next page\" as |InnerToken|>\n          <InnerToken as |disabledNextPage|>\n            <EuiButtonIcon {{on \"click\" (fn @safeClick (add @activePage 1))}} @iconType=\"arrowRight\" @color=\"text\" aria-label={{if (eq @activePage (sub @pageCount 1)) disabledNextPage nextPage}} aria-controls={{if @props.aria-controls @props.aria-controls}} href={{if @props.href @props.href}} disabled={{eq @props.disabled true}} ...attributes />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  ", {
+const NextButton = setComponentTemplate(precompileTemplate("<EuiI18n @token=\"euiPagination.nextPage\" @default=\"Next page, {page}\" @values={{hash page=(add @activePage 2)}} as |Token|>\n  <Token as |nextPage|>\n    <EuiI18n @token=\"euiPagination.disabledNextPage\" @default=\"Next page\" as |InnerToken|>\n      <InnerToken as |disabledNextPage|>\n        <EuiButtonIcon {{on \"click\" (fn @safeClick (add @activePage 1))}} @iconType=\"arrowRight\" @color=\"text\" aria-label={{if (eq @activePage (sub @pageCount 1)) disabledNextPage nextPage}} aria-controls={{if @props.aria-controls @props.aria-controls}} href={{if @props.href @props.href}} disabled={{eq @props.disabled true}} ...attributes />\n      </InnerToken>\n    </EuiI18n>\n  </Token>\n</EuiI18n>", {
   strictMode: true,
   scope: () => ({
     EuiI18n: EuiI18nComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"next-button.js","sources":["../../../src/components/eui-pagination/next-button.gts"],"sourcesContent":["import { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiI18n from '../eui-i18n.gts';\n\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\nimport type { SafeClickHandler } from '../eui-pagination';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationNextButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    activePage: number;\n    safeClick: SafeClickHandler;\n    pageCount: number;\n    props: {\n      disabled?: boolean;\n      'aria-controls'?: string;\n      href?: string;\n    };\n  };\n}\n\nconst NextButton: TemplateOnlyComponent<EuiPaginationNextButtonSignature> =\n  <template>\n    <EuiI18n\n      @token=\"euiPagination.nextPage\"\n      @default=\"Next page, {page}\"\n      @values={{hash page=(add @activePage 2)}}\n      as |Token|\n    >\n      <Token as |nextPage|>\n        <EuiI18n\n          @token=\"euiPagination.disabledNextPage\"\n          @default=\"Next page\"\n          as |InnerToken|\n        >\n          <InnerToken as |disabledNextPage|>\n            <EuiButtonIcon\n              {{on \"click\" (fn @safeClick (add @activePage 1))}}\n              @iconType=\"arrowRight\"\n              @color=\"text\"\n              aria-label={{if\n                (eq @activePage (sub @pageCount 1))\n                disabledNextPage\n                nextPage\n              }}\n              aria-controls={{if @props.aria-controls @props.aria-controls}}\n              href={{if @props.href @props.href}}\n              disabled={{eq @props.disabled true}}\n              ...attributes\n            />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  </template>;\n\nexport default NextButton;\n"],"names":["NextButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","add","EuiButtonIcon","eq","sub","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AA4BA,MAAMA,UACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAgCA,0uBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,GAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"next-button.js","sources":["../../../src/components/eui-pagination/next-button.gts"],"sourcesContent":["import { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiI18n from '../eui-i18n.gts';\n\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\nimport type { SafeClickHandler } from '../eui-pagination';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationNextButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    activePage: number;\n    safeClick: SafeClickHandler;\n    pageCount: number;\n    props: {\n      disabled?: boolean;\n      'aria-controls'?: string;\n      href?: string;\n    };\n  };\n}\n\nconst NextButton: TemplateOnlyComponent<EuiPaginationNextButtonSignature> =\n  <template>\n    <EuiI18n\n      @token=\"euiPagination.nextPage\"\n      @default=\"Next page, {page}\"\n      @values={{hash page=(add @activePage 2)}}\n      as |Token|\n    >\n      <Token as |nextPage|>\n        <EuiI18n\n          @token=\"euiPagination.disabledNextPage\"\n          @default=\"Next page\"\n          as |InnerToken|\n        >\n          <InnerToken as |disabledNextPage|>\n            <EuiButtonIcon\n              {{on \"click\" (fn @safeClick (add @activePage 1))}}\n              @iconType=\"arrowRight\"\n              @color=\"text\"\n              aria-label={{if\n                (eq @activePage (sub @pageCount 1))\n                disabledNextPage\n                nextPage\n              }}\n              aria-controls={{if @props.aria-controls @props.aria-controls}}\n              href={{if @props.href @props.href}}\n              disabled={{eq @props.disabled true}}\n              ...attributes\n            />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  </template>;\n\nexport default NextButton;\n"],"names":["NextButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","add","EuiButtonIcon","eq","sub","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AA4BA,MAAMA,UACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAgCA,gsBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,GAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const PreviousButton = setComponentTemplate(precompileTemplate("\n    <EuiI18n @token=\"euiPagination.previousPage\" @default=\"Previous page, {page}\" @values={{hash page=@activePage}} as |Token|>\n      <Token as |previousPage|>\n        <EuiI18n @token=\"euiPagination.disabledPreviousPage\" @default=\"Previous page\" as |InnerToken|>\n          <InnerToken as |disabledPreviousPage|>\n            <EuiButtonIcon {{on \"click\" (fn @safeClick (sub @activePage 1))}} @iconType=\"arrowLeft\" @color=\"text\" aria-label={{if (eq @activePage 0) disabledPreviousPage previousPage}} aria-controls={{if @props.aria-controls @props.aria-controls}} href={{if @props.href @props.href}} disabled={{eq @props.disabled true}} ...attributes />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  ", {
+const PreviousButton = setComponentTemplate(precompileTemplate("<EuiI18n @token=\"euiPagination.previousPage\" @default=\"Previous page, {page}\" @values={{hash page=@activePage}} as |Token|>\n  <Token as |previousPage|>\n    <EuiI18n @token=\"euiPagination.disabledPreviousPage\" @default=\"Previous page\" as |InnerToken|>\n      <InnerToken as |disabledPreviousPage|>\n        <EuiButtonIcon {{on \"click\" (fn @safeClick (sub @activePage 1))}} @iconType=\"arrowLeft\" @color=\"text\" aria-label={{if (eq @activePage 0) disabledPreviousPage previousPage}} aria-controls={{if @props.aria-controls @props.aria-controls}} href={{if @props.href @props.href}} disabled={{eq @props.disabled true}} ...attributes />\n      </InnerToken>\n    </EuiI18n>\n  </Token>\n</EuiI18n>", {
   strictMode: true,
   scope: () => ({
     EuiI18n: EuiI18nComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"previous-button.js","sources":["../../../src/components/eui-pagination/previous-button.gts"],"sourcesContent":["import { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiI18n from '../eui-i18n.gts';\n\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\nimport type { SafeClickHandler } from '../eui-pagination';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationPreviousButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    activePage: number;\n    safeClick: SafeClickHandler;\n    props?: {\n      disabled?: boolean;\n      'aria-controls'?: string;\n      href?: string;\n    };\n  };\n}\n\nconst PreviousButton: TemplateOnlyComponent<EuiPaginationPreviousButtonSignature> =\n  <template>\n    <EuiI18n\n      @token=\"euiPagination.previousPage\"\n      @default=\"Previous page, {page}\"\n      @values={{hash page=@activePage}}\n      as |Token|\n    >\n      <Token as |previousPage|>\n        <EuiI18n\n          @token=\"euiPagination.disabledPreviousPage\"\n          @default=\"Previous page\"\n          as |InnerToken|\n        >\n          <InnerToken as |disabledPreviousPage|>\n            <EuiButtonIcon\n              {{on \"click\" (fn @safeClick (sub @activePage 1))}}\n              @iconType=\"arrowLeft\"\n              @color=\"text\"\n              aria-label={{if\n                (eq @activePage 0)\n                disabledPreviousPage\n                previousPage\n              }}\n              aria-controls={{if @props.aria-controls @props.aria-controls}}\n              href={{if @props.href @props.href}}\n              disabled={{eq @props.disabled true}}\n              ...attributes\n            />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  </template>;\n\nexport default PreviousButton;\n"],"names":["PreviousButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","EuiButtonIcon","eq","on","fn","sub","templateOnly"],"mappings":";;;;;;;;;;AA0BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAgCA,gvBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"previous-button.js","sources":["../../../src/components/eui-pagination/previous-button.gts"],"sourcesContent":["import { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiI18n from '../eui-i18n.gts';\n\nimport type { EuiButtonIconSignature } from '../eui-button-icon';\nimport type { SafeClickHandler } from '../eui-pagination';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationPreviousButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    activePage: number;\n    safeClick: SafeClickHandler;\n    props?: {\n      disabled?: boolean;\n      'aria-controls'?: string;\n      href?: string;\n    };\n  };\n}\n\nconst PreviousButton: TemplateOnlyComponent<EuiPaginationPreviousButtonSignature> =\n  <template>\n    <EuiI18n\n      @token=\"euiPagination.previousPage\"\n      @default=\"Previous page, {page}\"\n      @values={{hash page=@activePage}}\n      as |Token|\n    >\n      <Token as |previousPage|>\n        <EuiI18n\n          @token=\"euiPagination.disabledPreviousPage\"\n          @default=\"Previous page\"\n          as |InnerToken|\n        >\n          <InnerToken as |disabledPreviousPage|>\n            <EuiButtonIcon\n              {{on \"click\" (fn @safeClick (sub @activePage 1))}}\n              @iconType=\"arrowLeft\"\n              @color=\"text\"\n              aria-label={{if\n                (eq @activePage 0)\n                disabledPreviousPage\n                previousPage\n              }}\n              aria-controls={{if @props.aria-controls @props.aria-controls}}\n              href={{if @props.href @props.href}}\n              disabled={{eq @props.disabled true}}\n              ...attributes\n            />\n          </InnerToken>\n        </EuiI18n>\n      </Token>\n    </EuiI18n>\n  </template>;\n\nexport default PreviousButton;\n"],"names":["PreviousButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","EuiButtonIcon","eq","on","fn","sub","templateOnly"],"mappings":";;;;;;;;;;AA0BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAgCA,ssBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiPaginationButton = setComponentTemplate(precompileTemplate("\n    {{#let (add @pageIndex 1) as |pageNumber|}}\n      <EuiI18n @token=\"euiPaginationButton.longPageString\" @default=\"Page {page} of {totalPages}\" @values={{hash page=pageNumber totalPages=@totalPages}} as |Token|>\n        <Token as |longPageString|>\n          <EuiI18n @token=\"euiPaginationButton.shortPageString\" @default=\"Page {page}\" @values={{hash page=pageNumber}} as |InnerToken|>\n            <InnerToken as |shortPageString|>\n              <EuiButtonEmpty class={{classNames \"euiPaginationButton\" (if @isActive \"euiPaginationButton-isActive\") (if @isPlaceholder \"euiPaginationButton-isPlaceholder\") (if @hideOnMobile \"euiPaginationButton--hideOnMobile\")}} aria-label={{if @totalPages longPageString shortPageString}} @size=\"s\" @color=\"text\" @isDisabled={{or @isPlaceholder @isActive}} aria-current={{if @isActive true}} ...attributes>\n                {{pageNumber}}\n              </EuiButtonEmpty>\n            </InnerToken>\n          </EuiI18n>\n        </Token>\n      </EuiI18n>\n    {{/let}}\n  ", {
+const EuiPaginationButton = setComponentTemplate(precompileTemplate("{{#let (add @pageIndex 1) as |pageNumber|}}\n  <EuiI18n @token=\"euiPaginationButton.longPageString\" @default=\"Page {page} of {totalPages}\" @values={{hash page=pageNumber totalPages=@totalPages}} as |Token|>\n    <Token as |longPageString|>\n      <EuiI18n @token=\"euiPaginationButton.shortPageString\" @default=\"Page {page}\" @values={{hash page=pageNumber}} as |InnerToken|>\n        <InnerToken as |shortPageString|>\n          <EuiButtonEmpty class={{classNames \"euiPaginationButton\" (if @isActive \"euiPaginationButton-isActive\") (if @isPlaceholder \"euiPaginationButton-isPlaceholder\") (if @hideOnMobile \"euiPaginationButton--hideOnMobile\")}} aria-label={{if @totalPages longPageString shortPageString}} @size=\"s\" @color=\"text\" @isDisabled={{or @isPlaceholder @isActive}} aria-current={{if @isActive \"true\"}} ...attributes>\n            {{pageNumber}}\n          </EuiButtonEmpty>\n        </InnerToken>\n      </EuiI18n>\n    </Token>\n  </EuiI18n>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     add,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-pagination-button.js","sources":["../../src/components/eui-pagination-button.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiI18n from './eui-i18n.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-footer.ts';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    paddingSize?: keyof typeof paddingMapping;\n    pageIndex?: number;\n    totalPages?: number;\n    isActive?: boolean;\n    isPlaceholder?: boolean;\n    hideOnMobile?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPaginationButton: TemplateOnlyComponent<EuiPaginationButtonSignature> =\n  <template>\n    {{#let (add @pageIndex 1) as |pageNumber|}}\n      <EuiI18n\n        @token=\"euiPaginationButton.longPageString\"\n        @default=\"Page {page} of {totalPages}\"\n        @values={{hash page=pageNumber totalPages=@totalPages}}\n        as |Token|\n      >\n        <Token as |longPageString|>\n          <EuiI18n\n            @token=\"euiPaginationButton.shortPageString\"\n            @default=\"Page {page}\"\n            @values={{hash page=pageNumber}}\n            as |InnerToken|\n          >\n            <InnerToken as |shortPageString|>\n              <EuiButtonEmpty\n                class={{classNames\n                  \"euiPaginationButton\"\n                  (if @isActive \"euiPaginationButton-isActive\")\n                  (if @isPlaceholder \"euiPaginationButton-isPlaceholder\")\n                  (if @hideOnMobile \"euiPaginationButton--hideOnMobile\")\n                }}\n                aria-label={{if @totalPages longPageString shortPageString}}\n                @size=\"s\"\n                @color=\"text\"\n                @isDisabled={{or @isPlaceholder @isActive}}\n                aria-current={{if @isActive true}}\n                ...attributes\n              >\n                {{pageNumber}}\n              </EuiButtonEmpty>\n            </InnerToken>\n          </EuiI18n>\n        </Token>\n      </EuiI18n>\n    {{/let}}\n  </template>;\n\nexport default EuiPaginationButton;\n"],"names":["EuiPaginationButton","setComponentTemplate","precompileTemplate","strictMode","scope","add","EuiI18n","hash","EuiButtonEmpty","classNames","or","templateOnly"],"mappings":";;;;;;;;;;AA4BA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,8gCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-pagination-button.js","sources":["../../src/components/eui-pagination-button.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiI18n from './eui-i18n.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-footer.ts';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPaginationButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    paddingSize?: keyof typeof paddingMapping;\n    pageIndex?: number;\n    totalPages?: number;\n    isActive?: boolean;\n    isPlaceholder?: boolean;\n    hideOnMobile?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiPaginationButton: TemplateOnlyComponent<EuiPaginationButtonSignature> =\n  <template>\n    {{#let (add @pageIndex 1) as |pageNumber|}}\n      <EuiI18n\n        @token=\"euiPaginationButton.longPageString\"\n        @default=\"Page {page} of {totalPages}\"\n        @values={{hash page=pageNumber totalPages=@totalPages}}\n        as |Token|\n      >\n        <Token as |longPageString|>\n          <EuiI18n\n            @token=\"euiPaginationButton.shortPageString\"\n            @default=\"Page {page}\"\n            @values={{hash page=pageNumber}}\n            as |InnerToken|\n          >\n            <InnerToken as |shortPageString|>\n              <EuiButtonEmpty\n                class={{classNames\n                  \"euiPaginationButton\"\n                  (if @isActive \"euiPaginationButton-isActive\")\n                  (if @isPlaceholder \"euiPaginationButton-isPlaceholder\")\n                  (if @hideOnMobile \"euiPaginationButton--hideOnMobile\")\n                }}\n                aria-label={{if @totalPages longPageString shortPageString}}\n                @size=\"s\"\n                @color=\"text\"\n                @isDisabled={{or @isPlaceholder @isActive}}\n                aria-current={{if @isActive \"true\"}}\n                ...attributes\n              >\n                {{pageNumber}}\n              </EuiButtonEmpty>\n            </InnerToken>\n          </EuiI18n>\n        </Token>\n      </EuiI18n>\n    {{/let}}\n  </template>;\n\nexport default EuiPaginationButton;\n"],"names":["EuiPaginationButton","setComponentTemplate","precompileTemplate","strictMode","scope","add","EuiI18n","hash","EuiButtonEmpty","classNames","or","templateOnly"],"mappings":";;;;;;;;;;AA4BA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,w9BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-pagination.js

@@ -28,7 +28,7 @@ class EuiPaginationComponent extends Component {
     return this.ariaControls !== undefined;
   }
   get pages() {
-    let pages = [];
+    const pages = [];
     const {
       firstPageInRange,
       lastPageInRange
@@ -41,7 +41,7 @@ class EuiPaginationComponent extends Component {
     return pages;
   }
   get firstPageButtons() {
-    let firstPageButtons = [];
+    const firstPageButtons = [];
     if (this.firstPageInRange > 0) {
       firstPageButtons.push({
         pageIndex: 0
@@ -66,9 +66,9 @@ class EuiPaginationComponent extends Component {
     return firstPageButtons;
   }
   get lastPageButtons() {
-    let lastPageButtons = [];
-    let pageCount = this.pageCount;
-    let lastPageInRange = this.lastPageInRange;
+    const lastPageButtons = [];
+    const pageCount = this.pageCount;
+    const lastPageInRange = this.lastPageInRange;
     if (lastPageInRange < pageCount) {
       if (lastPageInRange + 1 === pageCount - 1) {
         lastPageButtons.push({
@@ -145,7 +145,7 @@ class EuiPaginationComponent extends Component {
     return Math.min(this.pageCount, this.firstPageInRange + MAX_VISIBLE_PAGES);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if @compressed}}\n      <nav class=\"euiPagination\" ...attributes>\n        <PreviousButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.prevPageButtonProps}} />\n        <EuiHideFor @sizes={{BREAKPOINTS}}>\n          <EuiText @size=\"s\" class=\"euiPagination__compressedText\">\n            <EuiI18n @token=\"euiPagination.pageOfTotalCompressed\" @default=\"{page} of {total}\" @values={{hash page=(component ButtonWrapper pageIndex=this.activePage props=this.sharedButtonProps inList=false) total=(component ButtonWrapper pageIndex=(sub this.pageCount 1) props=this.sharedButtonProps inList=false)}} as |Token|>\n              <Token as |value|>\n                {{value}}\n              </Token>\n            </EuiI18n>\n          </EuiText>\n        </EuiHideFor>\n        <NextButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.nextPageButtonProps}} @pageCount={{this.pageCount}} />\n      </nav>\n    {{else}}\n      {{!--template-lint-disable no-duplicate-landmark-elements--}}\n      <nav class=\"euiPagination\" ...attributes>\n        <PreviousButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.prevPageButtonProps}} />\n        <ul class=\"euiPagination__list\">\n          {{#each this.firstPageButtons as |page|}}\n            {{#if page.i18n}}\n              <EuiI18n @token=\"euiPagination.firstRangeAriaLabel\" @default=\"Skipping pages 2 to {lastPage}\" @values={{hash lastPage=this.firstPageInRange}} as |Token|>\n                <Token as |firstRangeAriaLabel|>\n                  <li aria-label={{firstRangeAriaLabel}} class=\"euiPaginationButton-isPlaceholder euiPagination__item\">\n                    &hellip;\n                  </li>\n                </Token>\n              </EuiI18n>\n            {{else}}\n              <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n            {{/if}}\n          {{/each}}\n          {{#each this.pages as |page|}}\n            <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n          {{/each}}\n          {{#each this.lastPageButtons as |page|}}\n            {{#if page.i18n}}\n              <EuiI18n @token=\"euiPagination.lastRangeAriaLabel\" @default=\"Skipping pages {firstPage} to {lastPage}\" @values={{hash firstPage=(add this.lastPageInRange 1) lastPage=(sub this.pageCount 1)}} as |Token|>\n                <Token as |lastRangeAriaLabel|>\n                  <li aria-label={{lastRangeAriaLabel}} class=\"euiPaginationButton-isPlaceholder euiPagination__item\">\n                    &hellip;\n                  </li>\n                </Token>\n              </EuiI18n>\n            {{else}}\n              <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n            {{/if}}\n          {{/each}}\n        </ul>\n        <NextButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.nextPageButtonProps}} @pageCount={{this.pageCount}} />\n      </nav>\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if @compressed}}\n  <nav class=\"euiPagination\" ...attributes>\n    <PreviousButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.prevPageButtonProps}} />\n    <EuiHideFor @sizes={{BREAKPOINTS}}>\n      <EuiText @size=\"s\" class=\"euiPagination__compressedText\">\n        <EuiI18n @token=\"euiPagination.pageOfTotalCompressed\" @default=\"{page} of {total}\" @values={{hash page=(component ButtonWrapper pageIndex=this.activePage props=this.sharedButtonProps inList=false) total=(component ButtonWrapper pageIndex=(sub this.pageCount 1) props=this.sharedButtonProps inList=false)}} as |Token|>\n          <Token as |value|>\n            {{value}}\n          </Token>\n        </EuiI18n>\n      </EuiText>\n    </EuiHideFor>\n    <NextButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.nextPageButtonProps}} @pageCount={{this.pageCount}} />\n  </nav>\n{{else}}\n  {{!--template-lint-disable no-duplicate-landmark-elements--}}\n  <nav class=\"euiPagination\" ...attributes>\n    <PreviousButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.prevPageButtonProps}} />\n    <ul class=\"euiPagination__list\">\n      {{#each this.firstPageButtons as |page|}}\n        {{#if page.i18n}}\n          <EuiI18n @token=\"euiPagination.firstRangeAriaLabel\" @default=\"Skipping pages 2 to {lastPage}\" @values={{hash lastPage=this.firstPageInRange}} as |Token|>\n            <Token as |firstRangeAriaLabel|>\n              <li aria-label={{firstRangeAriaLabel}} class=\"euiPaginationButton-isPlaceholder euiPagination__item\">\n                &hellip;\n              </li>\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n        {{/if}}\n      {{/each}}\n      {{#each this.pages as |page|}}\n        <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n      {{/each}}\n      {{#each this.lastPageButtons as |page|}}\n        {{#if page.i18n}}\n          <EuiI18n @token=\"euiPagination.lastRangeAriaLabel\" @default=\"Skipping pages {firstPage} to {lastPage}\" @values={{hash firstPage=(add this.lastPageInRange 1) lastPage=(sub this.pageCount 1)}} as |Token|>\n            <Token as |lastRangeAriaLabel|>\n              <li aria-label={{lastRangeAriaLabel}} class=\"euiPaginationButton-isPlaceholder euiPagination__item\">\n                &hellip;\n              </li>\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <ButtonWrapper @pageIndex={{page.pageIndex}} @props={{this.sharedButtonProps}} />\n        {{/if}}\n      {{/each}}\n    </ul>\n    <NextButton @activePage={{this.activePage}} @safeClick={{this.safeClick}} @props={{this.nextPageButtonProps}} @pageCount={{this.pageCount}} />\n  </nav>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         PreviousButton,