@ember-eui/core 12.0.0 → 12.0.2

package/dist/components/eui-notification-event-meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event-meta.js","sources":["../../src/components/eui-notification-event-meta.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from 'ember-composable-helpers/helpers/optional';\nimport queue from 'ember-composable-helpers/helpers/queue';\nimport { and } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n    time?: string;\n    type?: string;\n    severity?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconColor?: EuiIconSignature['Args']['color'];\n    iconAriaLabel?: EuiIconSignature['Args']['aria-label'];\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    hasDefaultBlock?: boolean;\n    onOpenContextMenu?: (e: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @hasDefaultBlock true) (has-block))\n      as |hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiNotificationEventMeta\"\n          (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")\n        }}\n        ...attributes\n      >\n        <div class=\"euiNotificationEventMeta__section\">\n\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiNotificationEventMeta__icon\"\n              @type={{@iconType}}\n              @color={{@iconColor}}\n              {{! TODO only add one of the following html attributes }}\n              aria-label={{@iconAriaLabel}}\n              aria-hidden={{if @iconAriaLabel false true}}\n            />\n          {{/if}}\n\n          {{#if @type}}\n            <EuiBadge\n              class=\"euiNotificationEventMeta__badge\"\n              @color={{@badgeColor}}\n            >\n              {{#if @severity}}\n                {{@type}}:\n                {{@severity}}\n              {{else}}\n                {{@type}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n\n        </div>\n\n        <div class=\"euiNotificationEventMeta__section\">\n          <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n        </div>\n\n        {{#if hasDefaultBlock}}\n          {{#let\n            (randomId) (useState false)\n            as |randomPopoverId isPopoverOpen|\n          }}\n            <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n              <EuiPopover\n                id={{randomPopoverId}}\n                @ownFocus={{true}}\n                @repositionOnScroll={{true}}\n                @isOpen={{isPopoverOpen.value}}\n                @panelPaddingSize=\"none\"\n                @anchorPosition=\"leftUp\"\n                @closePopover={{fn isPopoverOpen.setState false}}\n              >\n\n                <:button>\n                  <EuiButtonIcon\n                    {{! aria-label={contextMenuButton} }}\n                    aria-controls={{randomPopoverId}}\n                    aria-expanded={{isPopoverOpen.value}}\n                    aria-haspopup=\"true\"\n                    @iconType=\"boxesVertical\"\n                    @color=\"text\"\n                    data-test-subj={{concat @id \"-notificationEventMetaButton\"}}\n                    {{on\n                      \"click\"\n                      (if\n                        isPopoverOpen.value\n                        (fn isPopoverOpen.setState false)\n                        (fn isPopoverOpen.setState true)\n                      )\n                    }}\n                  />\n                </:button>\n\n                {{! The EuiContextMenu is wrapped with a div so it closes after an item is clicked }}\n                <:content>\n                  <div\n                    {{on\n                      \"click\"\n                      (queue\n                        (optional @onOpenContextMenu)\n                        (fn isPopoverOpen.setState false)\n                      )\n                    }}\n                    role=\"button\"\n                  >\n                    {{yield}}\n                  </div>\n                </:content>\n\n              </EuiPopover>\n            </div>\n          {{/let}}\n        {{/if}}\n\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","classNames","EuiIcon","EuiBadge","randomId","useState","EuiPopover","fn","EuiButtonIcon","concat","on","queue","optional","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwGA,y4EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;gBAAAC,mBAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event-meta.js","sources":["../../src/components/eui-notification-event-meta.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { and } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n    time?: string;\n    type?: string;\n    severity?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconColor?: EuiIconSignature['Args']['color'];\n    iconAriaLabel?: EuiIconSignature['Args']['aria-label'];\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    hasDefaultBlock?: boolean;\n    onOpenContextMenu?: (e: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (and (argOrDefault @hasDefaultBlock true) (has-block))\n      as |hasDefaultBlock|\n    }}\n      <div\n        class={{classNames\n          \"euiNotificationEventMeta\"\n          (if hasDefaultBlock \"euiNotificationEventMeta--hasContextMenu\")\n        }}\n        ...attributes\n      >\n        <div class=\"euiNotificationEventMeta__section\">\n\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiNotificationEventMeta__icon\"\n              @type={{@iconType}}\n              @color={{@iconColor}}\n              {{! TODO only add one of the following html attributes }}\n              aria-label={{@iconAriaLabel}}\n              aria-hidden={{if @iconAriaLabel false true}}\n            />\n          {{/if}}\n\n          {{#if @type}}\n            <EuiBadge\n              class=\"euiNotificationEventMeta__badge\"\n              @color={{@badgeColor}}\n            >\n              {{#if @severity}}\n                {{@type}}:\n                {{@severity}}\n              {{else}}\n                {{@type}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n\n        </div>\n\n        <div class=\"euiNotificationEventMeta__section\">\n          <span class=\"euiNotificationEventMeta__time\">{{@time}}</span>\n        </div>\n\n        {{#if hasDefaultBlock}}\n          {{#let\n            (randomId) (useState false)\n            as |randomPopoverId isPopoverOpen|\n          }}\n            <div class=\"euiNotificationEventMeta__contextMenuWrapper\">\n              <EuiPopover\n                id={{randomPopoverId}}\n                @ownFocus={{true}}\n                @repositionOnScroll={{true}}\n                @isOpen={{isPopoverOpen.value}}\n                @panelPaddingSize=\"none\"\n                @anchorPosition=\"leftUp\"\n                @closePopover={{fn isPopoverOpen.setState false}}\n              >\n\n                <:button>\n                  <EuiButtonIcon\n                    {{! aria-label={contextMenuButton} }}\n                    aria-controls={{randomPopoverId}}\n                    aria-expanded={{isPopoverOpen.value}}\n                    aria-haspopup=\"true\"\n                    @iconType=\"boxesVertical\"\n                    @color=\"text\"\n                    data-test-subj={{concat @id \"-notificationEventMetaButton\"}}\n                    {{on\n                      \"click\"\n                      (if\n                        isPopoverOpen.value\n                        (fn isPopoverOpen.setState false)\n                        (fn isPopoverOpen.setState true)\n                      )\n                    }}\n                  />\n                </:button>\n\n                {{! The EuiContextMenu is wrapped with a div so it closes after an item is clicked }}\n                <:content>\n                  <div\n                    {{on\n                      \"click\"\n                      (queue\n                        (optional @onOpenContextMenu)\n                        (fn isPopoverOpen.setState false)\n                      )\n                    }}\n                    role=\"button\"\n                  >\n                    {{yield}}\n                  </div>\n                </:content>\n\n              </EuiPopover>\n            </div>\n          {{/let}}\n        {{/if}}\n\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","classNames","EuiIcon","EuiBadge","randomId","useState","EuiPopover","fn","EuiButtonIcon","concat","on","queue","optional","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwGA,y4EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;gBAAAC,mBAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-notification-event.js

@@ -1,5 +1,5 @@
 import { on } from '@ember/modifier';
-import optional from 'ember-composable-helpers/helpers/optional';
+import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import { element } from 'ember-element-helper';
 import { or, eq, and } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';

package/dist/components/eui-notification-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from 'ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and,eq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    id?: string;\n    tagName?: string;\n    hasContextMenuBlock?: boolean;\n    hasPrimaryActionBlock?: boolean;\n    isRead?: boolean;\n    href?: string;\n    onClickTitle?: (event: MouseEvent) => void;\n    onRead?: (event: MouseEvent) => void;\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    title?: string;\n    type?: string;\n    severity?: string;\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    iconType?: EuiIconSignature['Args']['type'];\n    iconAriaLabel?: string;\n    time?: string;\n    iconColor?: string;\n    readIconColor?: string;\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    default: [];\n    contextMenu: [];\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\n\n          {{#if hasPrimaryActionBlock}}\n            <div class=\"euiNotificationEvent__primaryAction\">\n              {{yield to=\"primaryAction\"}}\n            </div>\n          {{/if}}\n\n        </div>\n\n      </Element>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","element","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyGA,08EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    id?: string;\n    tagName?: string;\n    hasContextMenuBlock?: boolean;\n    hasPrimaryActionBlock?: boolean;\n    isRead?: boolean;\n    href?: string;\n    onClickTitle?: (event: MouseEvent) => void;\n    onRead?: (event: MouseEvent) => void;\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    title?: string;\n    type?: string;\n    severity?: string;\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    iconType?: EuiIconSignature['Args']['type'];\n    iconAriaLabel?: string;\n    time?: string;\n    iconColor?: string;\n    readIconColor?: string;\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    default: [];\n    contextMenu: [];\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\n\n          {{#if hasPrimaryActionBlock}}\n            <div class=\"euiNotificationEvent__primaryAction\">\n              {{yield to=\"primaryAction\"}}\n            </div>\n          {{/if}}\n\n        </div>\n\n      </Element>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","element","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyGA,08EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -14,7 +14,7 @@ class EuiOverlayMaskComponent extends Component {
   static {
     g(this.prototype, "overlayMaskNode", [tracked]);
   }
-  #overlayMaskNode = (i(this, "overlayMaskNode"), undefined);
+  #overlayMaskNode = (i(this, "overlayMaskNode"), void 0);
   destinationElement = document.body;
   onClick(e) {
     if (e.target === this.overlayMaskNode) {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport setBodyClass from 'ember-set-body-class/helpers/set-body-class';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  onClick?: (e: Event) => void;\n  headerZindexLocation?: 'above' | 'below';\n}\n\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","void 0","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAwBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,SAAA;EAEDC,kBAAqB,GAAAC,QAAA,CAASC,IAAI;EAGlCC,OAAQA,CAAAC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB;AACF;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,SAAA,EAAA,CALCa,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAmBA,CAAAC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,oBAAA,EAAA,CAHCa,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAoBA,ocAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-overlay-mask.js","sources":["../../src/components/eui-overlay-mask.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport setBodyClass from 'ember-set-body-class/helpers/set-body-class';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\ninterface EuiOverlayMaskArgs {\n  onClick?: (e: Event) => void;\n  headerZindexLocation?: 'above' | 'below';\n}\n\nexport interface EuiOverlayMaskSignature {\n  Element: HTMLDivElement;\n  Args: EuiOverlayMaskArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiOverlayMaskComponent extends Component<EuiOverlayMaskSignature> {\n  @tracked overlayMaskNode: HTMLDivElement | undefined;\n\n  destinationElement = document.body;\n\n  @action\n  onClick(e: MouseEvent) {\n    if (e.target === this.overlayMaskNode) {\n      this.args.onClick?.(e);\n    }\n  }\n\n  @action\n  setOverlayMaskNode(node: HTMLDivElement) {\n    this.overlayMaskNode = node;\n  }\n\n  <template>\n    {{(setBodyClass \"euiBody-hasOverlayMask\")}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div\n        class={{classNames\n          \"euiOverlayMask\"\n          (unless\n            (eq @headerZindexLocation \"below\")\n            \"euiOverlayMask--aboveHeader\"\n            \"euiOverlayMask--belowHeader\"\n          )\n        }}\n        {{didInsert this.setOverlayMaskNode}}\n        {{! template-lint-disable }}\n        {{on \"click\" this.onClick}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{/in-element}}\n  </template>\n}\n"],"names":["EuiOverlayMaskComponent","Component","g","prototype","tracked","i","void 0","destinationElement","document","body","onClick","e","target","overlayMaskNode","args","n","action","setOverlayMaskNode","node","setComponentTemplate","precompileTemplate","strictMode","scope","setBodyClass","classNames","eq","didInsert","on"],"mappings":";;;;;;;;;;;;AAwBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,MAAA;EAEDC,kBAAqB,GAAAC,QAAA,CAASC,IAAI;EAGlCC,OAAQA,CAAAC,CAAa,EAAE;AACrB,IAAA,IAAIA,EAAEC,MAAM,KAAK,IAAI,CAACC,eAAe,EAAE;AACrC,MAAA,IAAI,CAACC,IAAI,CAACJ,OAAO,GAAGC,CAAA,CAAA;AACtB;AACF;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,SAAA,EAAA,CALCa,MAAA,CAAA,CAAA;AAAA;EAQDC,kBAAmBA,CAAAC,IAAoB,EAAE;IACvC,IAAI,CAACL,eAAe,GAAGK,IAAA;AACzB;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,oBAAA,EAAA,CAHCa,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAoBA,ocAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { array } from '@ember/helper';
 import { on } from '@ember/modifier';
-import optional from 'ember-composable-helpers/helpers/optional';
+import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import style from 'ember-style-modifier/modifiers/style';
 import { eq, not, or, and } from 'ember-truth-helpers';
 import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
@@ -27,15 +27,15 @@ class EuiPageHeaderContent extends Component {
   static {
     g(this.prototype, "minHeight", [argOrDefaultDecorator(460)]);
   }
-  #minHeight = (i(this, "minHeight"), undefined); // Defaults
+  #minHeight = (i(this, "minHeight"), void 0); // Defaults
   static {
     g(this.prototype, "fullHeight", [argOrDefaultDecorator(false)]);
   }
-  #fullHeight = (i(this, "fullHeight"), undefined);
+  #fullHeight = (i(this, "fullHeight"), void 0);
   static {
     g(this.prototype, "template", [argOrDefaultDecorator('default')]);
   }
-  #template = (i(this, "template"), undefined);
+  #template = (i(this, "template"), void 0);
   get classes() {
     return 'euiPageTemplate '.concat(this.fullHeightClass);
   }

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

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

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

@@ -25,17 +25,17 @@ class EuiPageTemplate extends Component {
   static {
     g(this.prototype, "fullHeight", [argOrDefaultDecorator(false)]);
   }
-  #fullHeight = (i(this, "fullHeight"), undefined); // Defaults
+  #fullHeight = (i(this, "fullHeight"), void 0); // Defaults
   static {
     g(this.prototype, "template", [argOrDefaultDecorator('default')]);
   }
-  #template = (i(this, "template"), undefined);
+  #template = (i(this, "template"), void 0);
   static {
     g(this.prototype, "isWithinBreakpoints", [tracked], function () {
       return false;
     });
   }
-  #isWithinBreakpoints = (i(this, "isWithinBreakpoints"), undefined);
+  #isWithinBreakpoints = (i(this, "isWithinBreakpoints"), void 0);
   setIsWithinBreakpoints = value => {
     this.isWithinBreakpoints = value;
   };

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, { argOrDefaultDecorator } 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 @sticky={{true}} @paddingSize={{paddingSize}}>\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":";;;;;;;;;;;;;;;;;;;;;AA+CO,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,SAAA,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,SAAA;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,SAAA;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,CA2wBA,szvBAAA,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, { argOrDefaultDecorator } 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 @sticky={{true}} @paddingSize={{paddingSize}}>\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":";;;;;;;;;;;;;;;;;;;;;AA+CO,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,CA2wBA,szvBAAA,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;;;;"}