@ember-eui/core 13.0.5 → 14.1.0

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

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

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  /**\n   * Layout: `'default'` (header and content), `'centeredBody'` (content\n   * panel centered in the page), `'centeredContent'` (content centered in\n   * the body, e.g. an empty prompt) or `'empty'` (no panels).\n   * Defaults to `'default'`.\n   */\n  template?: (typeof TEMPLATES)[number];\n\n  /** Props for the `EuiPageBody`: `{ className }`. */\n  pageBodyProps: NormalProps & EuiPageBodySignature['Args'];\n  /**\n   * Props for the `EuiPageContent`: `{ className, hasBorder, hasShadow,\n   * color, borderRadius, grow, role }`.\n   */\n  pageContentProps: NormalProps & EuiPageContentSignature['Args'];\n  /** Props for the `EuiPageContentBody`: `{ className }`. */\n  pageContentBodyProps: NormalProps & EuiPageContentBodySignature['Args'];\n\n  /**\n   * The page header, as EuiPageHeader args: `{ pageTitle, iconType,\n   * description, tabs, responsive, bottomBorder }`. Use the\n   * `<:pageHeader…>` blocks for its title, description and actions.\n   */\n  pageHeader: NormalProps & EuiPageHeaderSignature['Args'];\n\n  /** Props for the `EuiPageSideBar`: `{ className }`. */\n  pageSideBarProps: NormalProps & EuiPageSideBarSignature['Args'];\n\n  /** @deprecated Has no effect, use the `<:bottomBar>` block. */\n  bottomBar?: any;\n\n  /** @private Render the `<:bottomBar>` block. Defaults to `true`. */\n  hasBottomBarBlock?: boolean;\n\n  /** @deprecated Has no effect. */\n  bottomBarProps?: EuiButtomBarArgs;\n  /**\n   * Stretches the page to the window's height and scrolls the content\n   * instead of the page (templates `'default'` and `'empty'`, on medium\n   * screens and up). Defaults to `false`.\n   */\n  fullHeight?: boolean;\n  /** Minimum height of the page, in px or any CSS height. Defaults to `460`. */\n  minHeight?: number;\n\n  /**\n   * Max width of the header and content: `true` for EUI's default, a number\n   * in px or any CSS width. Defaults to `true`.\n   */\n  restrictWidth?: boolean | number | string;\n\n  /** Fills the window's height. Defaults to `true`. */\n  grow?: boolean;\n  /** Padding of the page's sections: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. */\n  paddingSize?: EuiPageSideBarSignature['Args']['paddingSize'];\n  /** @private Render the `<:pageSideBar>` block. Defaults to `true`. */\n  hasPageSideBarBlock?: boolean;\n  /** @private Render the `<:pageHeaderPageTitle>` block. Defaults to `true`. */\n  hasPageHeaderPageTitleBlock?: boolean;\n  /** @private Render the `<:pageHeaderDefault>` block. Defaults to `true`. */\n  hasPageHeaderDefaultBlock?: boolean;\n  /** @private Render the `<:pageHeaderRightSideItems>` block. Defaults to `true`. */\n  hasPageHeaderRightSideItemsBlock?: boolean;\n  /** @private Render the `<:pageHeaderDescription>` block. Defaults to `true`. */\n  hasPageHeaderDescriptionBlock?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageHeader?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContent?: boolean;\n  /** @deprecated Has no effect. */\n  hasPageContentBody?: boolean;\n};\n\n/**\n * A whole page layout in one component: side bar, header, content and\n * bottom bar, arranged by `@template`.\n */\nexport interface EuiPageTemplateSignature {\n  Element: HTMLElement;\n  Args: EuiPageTemplateProps;\n  Blocks: {\n    /** The page's content. */\n    default: [];\n    /** A side bar, e.g. an `EuiSideNav`. */\n    pageSideBar: [];\n    /** The header's title, instead of `pageHeader.pageTitle`. */\n    pageHeaderPageTitle: [];\n    /** Extra header content. */\n    pageHeaderDefault: [];\n    /** The header's description. */\n    pageHeaderDescription: [];\n    /** Header actions; yields an item to wrap each in, see EuiPageHeader. */\n    pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n    /** Content of a bottom bar (EuiBottomBar), e.g. save/cancel buttons. */\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                  @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                    @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                @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                      @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                    @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                    @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                    @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                      @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                    @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                    @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                @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                      @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                      @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                      @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                    @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                    @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                      @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,SAAA,GAAY,CACvB,SAAA,EACA,cAAA,EACA,iBAAA,EACA,OAAA;AAGF,MAAMC,WAAa,GAAsB,CAAC,GAAA,EAAK,GAAA,EAAK,IAAA,CAAK;;AAgFzD;;;AAGC;;AAsBc,MAAMC,wBAAwBC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAEpDC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CAECC,qBAAA,CAAsB,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,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,oBAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,qBAAA,CAAA,EAAA,MAAA;EAE/BE,sBAAA,GAA0BC,KAAc,IAAA;IACtC,IAAI,CAACC,mBAAmB,GAAGD,KAAA;EAC7B,CAAA;EAEA,IAAIE,SAAAA,GAAY;IACd,MAAMA,YAAY,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,GAAA;IAEzC,IAAI,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,KAAK,QAAA,EAAU;MAC3C,OAAO,CAAA,EAAGA,SAAA,CAAA,EAAA,CAAa;AACzB,IAAA;AAEA,IAAA,OAAOA,SAAA;AACT,EAAA;EAEA,IAAIE,aAAAA,GAAgB;IAClB,MAAMC,QAAQ,IAAI,CAACF,IAAI,CAACC,aAAa,IAAI,IAAA;IAEzC,IAAI,OAAO,IAAI,CAACD,IAAI,CAACC,aAAa,KAAK,QAAA,EAAU;MAC/C,OAAO,CAAA,EAAGC,KAAA,CAAA,EAAA,CAAS;AACrB,IAAA;AAEA,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,CAAA,gBAAA,EAAmB,IAAI,CAACC,eAAe,CAAA,CAAE;AAClD,EAAA;EAEA,IAAIA,eAAAA,GAAkB;IACpB,OAAO,IAAI,CAACC,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,iBAAA,GAAoB,EAAA;AACrE,EAAA;EAEA,IAAIC,YAAAA,GAAe;IACjB,OAAO,IAAI,CAACF,UAAU,IAAI,IAAI,CAACC,aAAa,GAAG,cAAA,GAAiB,EAAA;AAClE,EAAA;EAEA,IAAIA,aAAAA,GAAgB;AAClB,IAAA,OACE,IAAI,CAACR,mBAAmB,KACvB,IAAI,CAACU,QAAQ,KAAK,aAAa,IAAI,CAACA,QAAQ,KAAK,OAAO,CAC3D;AACF,EAAA;EAEA,IAAIC,kBAAAA,GAAqB;AACvB,IAAA,OAAO,CAAA,EAAG,IAAI,CAACL,eAAe,CAAA,CAAA,EAAI,IAAI,CAACJ,IAAI,CAACU,aAAa,EAAEC,SAAA,CAAA,CAAW;AACxE,EAAA;EAEA,IAAIC,qBAAAA,GAAwB;AAC1B,IAAA,OAAO,CAAA,EAAG,IAAI,CAACL,YAAY,CAAA,CAAA,EAAI,IAAI,CAACP,IAAI,CAACa,gBAAgB,EAAEF,SAAA,CAAA,CAAW;AACxE,EAAA;EAEA,IAAIG,yBAAAA,GAA4B;AAC9B,IAAA,OAAO,CAAA,EAAG,IAAI,CAACV,eAAe,CAAA,CAAA,EAAI,IAAI,CAACJ,IAAI,CAACe,oBAAoB,EAAEJ,SAAA,CAAA,CAAW;AAC/E,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,qnsBAAA,EA8vBA;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\n/** The outermost layout of a page: holds an optional `EuiPageSideBar` and an `EuiPageBody`. See also EuiPageTemplate. */\nexport interface EuiPageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Max width of the content: `true` for EUI's default (1000px), a\n     * number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /** Padding around the page: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Fills the window's height. Defaults to `true`. */\n    grow?: boolean;\n    /**\n     * `'row'` puts an `EuiPageSideBar` beside the body, `'column'` stacks\n     * them. Defaults to `'row'`.\n     */\n    direction?: 'row' | 'column';\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    /** `EuiPageSideBar` and `EuiPageBody`. */\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":";;;;;;;;;;AAsCA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,inBAAA,EA2BzD;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\n/** @private Renders one EuiPaginationButton (in an `<li>`). */\nexport interface EuiPaginationButtonWrapperSignature {\n  Args: {\n    /** Wraps the button in an `<li>`. Defaults to `true`. */\n    inList?: boolean;\n    /** Zero based index of the page. */\n    pageIndex: number;\n    /** EuiPagination's state: `{ pageCount, activePage, ariaControls, safeClick }`. */\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":";;;;;;;;;AA2BA,MAAMA,aAAqC,GAAAC,oBAAA,CACzCC,kBAAA,CAAA,ijBAAA,EAsBA;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\n/** @private The \"next page\" button of EuiPagination. */\nexport interface EuiPaginationNextButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    /** Zero based index of the current page. */\n    activePage: number;\n    /** Goes to a page (ignores out of range pages). */\n    safeClick: SafeClickHandler;\n    /** Total number of pages. */\n    pageCount: number;\n    /** Extra props for the button: `{ disabled, aria-controls, href }`. */\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":";;;;;;;;;;;AAiCA,MAAMA,UAAkC,GAAAC,oBAAA,CACtCC,kBAAA,CAAA,gsBAAA,EAgCA;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\n/** @private The \"previous page\" button of EuiPagination. */\nexport interface EuiPaginationPreviousButtonSignature {\n  Element: EuiButtonIconSignature['Element'];\n  Args: {\n    /** Zero based index of the current page. */\n    activePage: number;\n    /** Goes to a page (ignores out of range pages). */\n    safeClick: SafeClickHandler;\n    /** Extra props for the button: `{ disabled, aria-controls, href }`. */\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":";;;;;;;;;;AA8BA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,ssBAAA,EAgCA;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\n/** @private A page number button of EuiPagination. */\nexport interface EuiPaginationButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    /** Padding of the button. */\n    paddingSize?: keyof typeof paddingMapping;\n    /** Zero based index of the page it goes to (shown plus one). */\n    pageIndex?: number;\n    /** Total number of pages, for the accessible label. */\n    totalPages?: number;\n    /** Marks the current page (`aria-current`). */\n    isActive?: boolean;\n    /** Renders the \"…\" placeholder between page ranges. */\n    isPlaceholder?: boolean;\n    /** Hides the button on small screens. */\n    hideOnMobile?: boolean;\n  };\n  Blocks: {\n    /** Unused. */\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":";;;;;;;;;;AAoCA,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,w9BAAA,EAqCA;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;;"}