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

@ember-eui/core 13.0.5 → 14.0.0

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

Files changed (1491) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/eui-pagination.js CHANGED Viewed

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

package/dist/components/eui-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-pagination.js","sources":["../../src/components/eui-pagination.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport sub from 'ember-math-helpers/helpers/sub';\n\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport ButtonWrapper from './eui-pagination/button-wrapper.gts';\nimport NextButton from './eui-pagination/next-button.gts';\nimport PreviousButton from './eui-pagination/previous-button.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst BREAKPOINTS: EuiHideForBreakpoints[] = ['xs', 's'];\n\nexport type PageClickHandler = (pageIndex: number) => void;\nexport type SafeClickHandler = (pageIndex: number) => void;\n\ninterface Args {\n /*\n The total number of pages.\n /\n pageCount?: number;\n\n /\n The current page using a zero based index.\n * So if you set the activePage to 1, it will activate the second page.\n /\n activePage?: number;\n\n onPageClick?: PageClickHandler;\n\n /\n If true, will only show next/prev arrows instead of page numbers.\n /\n compressed?: boolean;\n\n /\n If passed in, passes value through to each button to set aria-controls\n /\n 'aria-controls'?: string;\n ariaControls?: string;\n}\n\nconst MAX_VISIBLE_PAGES = 5;\nconst NUMBER_SURROUNDING_PAGES = Math.floor(MAX_VISIBLE_PAGES 0.5);\n\nexport interface EuiPaginationSignature {\n Element: HTMLElement;\n Args: Args;\n}\n\nexport default class EuiPaginationComponent extends Component<EuiPaginationSignature> {\n get pageCount() {\n return this.args.pageCount ?? 1;\n }\n\n get activePage() {\n return this.args.activePage ?? 0;\n }\n\n get ariaControls() {\n return this.args['aria-controls'] \|\| this.args.ariaControls;\n }\n\n get hasControl() {\n return this.ariaControls !== undefined;\n }\n\n get pages() {\n let pages = [];\n const { firstPageInRange, lastPageInRange } = this;\n\n for (\n let i = firstPageInRange, index = 0;\n i < lastPageInRange;\n i++, index++\n ) {\n pages.push({\n pageIndex: i\n });\n }\n\n return pages;\n }\n\n get firstPageButtons() {\n let firstPageButtons = [];\n\n if (this.firstPageInRange > 0) {\n firstPageButtons.push({\n pageIndex: 0\n });\n\n if (this.firstPageInRange > 1 && this.firstPageInRange !== 2) {\n firstPageButtons.push({\n i18n: {\n key: 'startingEllipses',\n token: 'euiPagination.firstRangeAriaLabel',\n default: 'Skipping pages 2 to {lastPage}',\n values: { lastPage: this.firstPageInRange }\n }\n });\n } else if (this.firstPageInRange === 2) {\n firstPageButtons.push({ pageIndex: 1 });\n }\n }\n\n return firstPageButtons;\n }\n\n get lastPageButtons() {\n let lastPageButtons = [];\n let pageCount = this.pageCount;\n let lastPageInRange = this.lastPageInRange;\n\n if (lastPageInRange < pageCount) {\n if (lastPageInRange + 1 === pageCount - 1) {\n lastPageButtons.push({ pageIndex: lastPageInRange });\n } else if (lastPageInRange < pageCount - 1) {\n lastPageButtons.push({\n i18n: {\n key: 'endingEllipses',\n token: 'euiPagination.lastRangeAriaLabel',\n default: 'Skipping pages {firstPage} to {lastPage}',\n values: { firstPage: lastPageInRange + 1, lastPage: pageCount - 1 }\n }\n });\n }\n\n lastPageButtons.push({ pageIndex: pageCount - 1 });\n }\n\n return lastPageButtons;\n }\n\n get sharedButtonProps() {\n return {\n activePage: this.activePage,\n pageCount: this.pageCount,\n ariaControls: this.ariaControls,\n safeClick: this.safeClick\n };\n }\n\n get prevPageButtonProps() {\n let prevPageButtonProps = {};\n\n if (this.hasControl && this.activePage !== 0) {\n prevPageButtonProps = {\n 'aria-controls': this.ariaControls,\n href: `#${this.ariaControls}`\n };\n } else {\n prevPageButtonProps = { disabled: this.activePage === 0 };\n }\n\n return prevPageButtonProps;\n }\n\n get nextPageButtonProps() {\n let nextPageButtonProps = {};\n\n if (this.hasControl && this.activePage !== this.pageCount - 1) {\n nextPageButtonProps = {\n 'aria-controls': this.ariaControls,\n href: `#${this.ariaControls}`\n };\n } else {\n nextPageButtonProps = {\n disabled: this.activePage === this.pageCount - 1\n };\n }\n\n return nextPageButtonProps;\n }\n\n safeClick: SafeClickHandler = (pageIndex) => {\n if (this.ariaControls) {\n const controlledElement = document.getElementById(this.ariaControls);\n\n if (controlledElement) {\n controlledElement.focus();\n }\n }\n\n this.args.onPageClick?.(pageIndex);\n };\n\n get firstPageInRange() {\n return Math.max(\n 0,\n Math.min(\n this.activePage - NUMBER_SURROUNDING_PAGES,\n this.pageCount - MAX_VISIBLE_PAGES\n )\n );\n }\n\n get lastPageInRange() {\n return Math.min(this.pageCount, this.firstPageInRange + MAX_VISIBLE_PAGES);\n }\n\n <template>\n {{#if @compressed}}\n <nav class=\"euiPagination\" ...attributes>\n <PreviousButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.prevPageButtonProps}}\n />\n <EuiHideFor @sizes={{BREAKPOINTS}}>\n <EuiText @size=\"s\" class=\"euiPagination__compressedText\">\n <EuiI18n\n @token=\"euiPagination.pageOfTotalCompressed\"\n @default=\"{page} of {total}\"\n @values={{hash\n page=(component\n ButtonWrapper\n pageIndex=this.activePage\n props=this.sharedButtonProps\n inList=false\n )\n total=(component\n ButtonWrapper\n pageIndex=(sub this.pageCount 1)\n props=this.sharedButtonProps\n inList=false\n )\n }}\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiText>\n </EuiHideFor>\n <NextButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.nextPageButtonProps}}\n @pageCount={{this.pageCount}}\n />\n </nav>\n {{else}}\n {{!template-lint-disable no-duplicate-landmark-elements}}\n <nav class=\"euiPagination\" ...attributes>\n <PreviousButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.prevPageButtonProps}}\n />\n <ul class=\"euiPagination__list\">\n {{#each this.firstPageButtons as \|page\|}}\n {{#if page.i18n}}\n <EuiI18n\n @token=\"euiPagination.firstRangeAriaLabel\"\n @default=\"Skipping pages 2 to {lastPage}\"\n @values={{hash lastPage=this.firstPageInRange}}\n as \|Token\|\n >\n <Token as \|firstRangeAriaLabel\|>\n <li\n aria-label={{firstRangeAriaLabel}}\n class=\"euiPaginationButton-isPlaceholder euiPagination__item\"\n >\n …\n </li>\n </Token>\n </EuiI18n>\n {{else}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/if}}\n {{/each}}\n {{#each this.pages as \|page\|}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/each}}\n {{#each this.lastPageButtons as \|page\|}}\n {{#if page.i18n}}\n <EuiI18n\n @token=\"euiPagination.lastRangeAriaLabel\"\n @default=\"Skipping pages {firstPage} to {lastPage}\"\n @values={{hash\n firstPage=(add this.lastPageInRange 1)\n lastPage=(sub this.pageCount 1)\n }}\n as \|Token\|\n >\n <Token as \|lastRangeAriaLabel\|>\n <li\n aria-label={{lastRangeAriaLabel}}\n class=\"euiPaginationButton-isPlaceholder euiPagination__item\"\n >\n …\n </li>\n </Token>\n </EuiI18n>\n {{else}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/if}}\n {{/each}}\n </ul>\n <NextButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.nextPageButtonProps}}\n @pageCount={{this.pageCount}}\n />\n </nav>\n {{/if}}\n </template>\n}\n"],"names":["BREAKPOINTS","MAX_VISIBLE_PAGES","NUMBER_SURROUNDING_PAGES","Math","floor","EuiPaginationComponent","Component","pageCount","args","activePage","ariaControls","hasControl","undefined","pages","firstPageInRange","lastPageInRange","i","index","push","pageIndex","firstPageButtons","i18n","key","token","default","values","lastPage","lastPageButtons","firstPage","sharedButtonProps","safeClick","prevPageButtonProps","href","disabled","nextPageButtonProps","controlledElement","document","getElementById","focus","onPageClick","max","min","setComponentTemplate","precompileTemplate","strictMode","scope","PreviousButton","EuiHideFor","EuiText","EuiI18n","hash","ButtonWrapper","sub","NextButton","add"],"mappings":"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"}
1	+ {"version":3,"file":"eui-pagination.js","sources":["../../src/components/eui-pagination.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport add from 'ember-math-helpers/helpers/add';\nimport sub from 'ember-math-helpers/helpers/sub';\n\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport ButtonWrapper from './eui-pagination/button-wrapper.gts';\nimport NextButton from './eui-pagination/next-button.gts';\nimport PreviousButton from './eui-pagination/previous-button.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst BREAKPOINTS: EuiHideForBreakpoints[] = ['xs', 's'];\n\nexport type PageClickHandler = (pageIndex: number) => void;\nexport type SafeClickHandler = (pageIndex: number) => void;\n\ninterface Args {\n /*\n The total number of pages.\n /\n pageCount?: number;\n\n /\n The current page using a zero based index.\n * So if you set the activePage to 1, it will activate the second page.\n /\n activePage?: number;\n\n onPageClick?: PageClickHandler;\n\n /\n If true, will only show next/prev arrows instead of page numbers.\n /\n compressed?: boolean;\n\n /\n If passed in, passes value through to each button to set aria-controls\n /\n 'aria-controls'?: string;\n ariaControls?: string;\n}\n\nconst MAX_VISIBLE_PAGES = 5;\nconst NUMBER_SURROUNDING_PAGES = Math.floor(MAX_VISIBLE_PAGES 0.5);\n\nexport interface EuiPaginationSignature {\n Element: HTMLElement;\n Args: Args;\n}\n\nexport default class EuiPaginationComponent extends Component<EuiPaginationSignature> {\n get pageCount() {\n return this.args.pageCount ?? 1;\n }\n\n get activePage() {\n return this.args.activePage ?? 0;\n }\n\n get ariaControls() {\n return this.args['aria-controls'] \|\| this.args.ariaControls;\n }\n\n get hasControl() {\n return this.ariaControls !== undefined;\n }\n\n get pages() {\n const pages = [];\n const { firstPageInRange, lastPageInRange } = this;\n\n for (\n let i = firstPageInRange, index = 0;\n i < lastPageInRange;\n i++, index++\n ) {\n pages.push({\n pageIndex: i\n });\n }\n\n return pages;\n }\n\n get firstPageButtons() {\n const firstPageButtons = [];\n\n if (this.firstPageInRange > 0) {\n firstPageButtons.push({\n pageIndex: 0\n });\n\n if (this.firstPageInRange > 1 && this.firstPageInRange !== 2) {\n firstPageButtons.push({\n i18n: {\n key: 'startingEllipses',\n token: 'euiPagination.firstRangeAriaLabel',\n default: 'Skipping pages 2 to {lastPage}',\n values: { lastPage: this.firstPageInRange }\n }\n });\n } else if (this.firstPageInRange === 2) {\n firstPageButtons.push({ pageIndex: 1 });\n }\n }\n\n return firstPageButtons;\n }\n\n get lastPageButtons() {\n const lastPageButtons = [];\n const pageCount = this.pageCount;\n const lastPageInRange = this.lastPageInRange;\n\n if (lastPageInRange < pageCount) {\n if (lastPageInRange + 1 === pageCount - 1) {\n lastPageButtons.push({ pageIndex: lastPageInRange });\n } else if (lastPageInRange < pageCount - 1) {\n lastPageButtons.push({\n i18n: {\n key: 'endingEllipses',\n token: 'euiPagination.lastRangeAriaLabel',\n default: 'Skipping pages {firstPage} to {lastPage}',\n values: { firstPage: lastPageInRange + 1, lastPage: pageCount - 1 }\n }\n });\n }\n\n lastPageButtons.push({ pageIndex: pageCount - 1 });\n }\n\n return lastPageButtons;\n }\n\n get sharedButtonProps() {\n return {\n activePage: this.activePage,\n pageCount: this.pageCount,\n ariaControls: this.ariaControls,\n safeClick: this.safeClick\n };\n }\n\n get prevPageButtonProps() {\n let prevPageButtonProps = {};\n\n if (this.hasControl && this.activePage !== 0) {\n prevPageButtonProps = {\n 'aria-controls': this.ariaControls,\n href: `#${this.ariaControls}`\n };\n } else {\n prevPageButtonProps = { disabled: this.activePage === 0 };\n }\n\n return prevPageButtonProps;\n }\n\n get nextPageButtonProps() {\n let nextPageButtonProps = {};\n\n if (this.hasControl && this.activePage !== this.pageCount - 1) {\n nextPageButtonProps = {\n 'aria-controls': this.ariaControls,\n href: `#${this.ariaControls}`\n };\n } else {\n nextPageButtonProps = {\n disabled: this.activePage === this.pageCount - 1\n };\n }\n\n return nextPageButtonProps;\n }\n\n safeClick: SafeClickHandler = (pageIndex) => {\n if (this.ariaControls) {\n const controlledElement = document.getElementById(this.ariaControls);\n\n if (controlledElement) {\n controlledElement.focus();\n }\n }\n\n this.args.onPageClick?.(pageIndex);\n };\n\n get firstPageInRange() {\n return Math.max(\n 0,\n Math.min(\n this.activePage - NUMBER_SURROUNDING_PAGES,\n this.pageCount - MAX_VISIBLE_PAGES\n )\n );\n }\n\n get lastPageInRange() {\n return Math.min(this.pageCount, this.firstPageInRange + MAX_VISIBLE_PAGES);\n }\n\n <template>\n {{#if @compressed}}\n <nav class=\"euiPagination\" ...attributes>\n <PreviousButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.prevPageButtonProps}}\n />\n <EuiHideFor @sizes={{BREAKPOINTS}}>\n <EuiText @size=\"s\" class=\"euiPagination__compressedText\">\n <EuiI18n\n @token=\"euiPagination.pageOfTotalCompressed\"\n @default=\"{page} of {total}\"\n @values={{hash\n page=(component\n ButtonWrapper\n pageIndex=this.activePage\n props=this.sharedButtonProps\n inList=false\n )\n total=(component\n ButtonWrapper\n pageIndex=(sub this.pageCount 1)\n props=this.sharedButtonProps\n inList=false\n )\n }}\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </EuiText>\n </EuiHideFor>\n <NextButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.nextPageButtonProps}}\n @pageCount={{this.pageCount}}\n />\n </nav>\n {{else}}\n {{!template-lint-disable no-duplicate-landmark-elements}}\n <nav class=\"euiPagination\" ...attributes>\n <PreviousButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.prevPageButtonProps}}\n />\n <ul class=\"euiPagination__list\">\n {{#each this.firstPageButtons as \|page\|}}\n {{#if page.i18n}}\n <EuiI18n\n @token=\"euiPagination.firstRangeAriaLabel\"\n @default=\"Skipping pages 2 to {lastPage}\"\n @values={{hash lastPage=this.firstPageInRange}}\n as \|Token\|\n >\n <Token as \|firstRangeAriaLabel\|>\n <li\n aria-label={{firstRangeAriaLabel}}\n class=\"euiPaginationButton-isPlaceholder euiPagination__item\"\n >\n …\n </li>\n </Token>\n </EuiI18n>\n {{else}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/if}}\n {{/each}}\n {{#each this.pages as \|page\|}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/each}}\n {{#each this.lastPageButtons as \|page\|}}\n {{#if page.i18n}}\n <EuiI18n\n @token=\"euiPagination.lastRangeAriaLabel\"\n @default=\"Skipping pages {firstPage} to {lastPage}\"\n @values={{hash\n firstPage=(add this.lastPageInRange 1)\n lastPage=(sub this.pageCount 1)\n }}\n as \|Token\|\n >\n <Token as \|lastRangeAriaLabel\|>\n <li\n aria-label={{lastRangeAriaLabel}}\n class=\"euiPaginationButton-isPlaceholder euiPagination__item\"\n >\n …\n </li>\n </Token>\n </EuiI18n>\n {{else}}\n <ButtonWrapper\n @pageIndex={{page.pageIndex}}\n @props={{this.sharedButtonProps}}\n />\n {{/if}}\n {{/each}}\n </ul>\n <NextButton\n @activePage={{this.activePage}}\n @safeClick={{this.safeClick}}\n @props={{this.nextPageButtonProps}}\n @pageCount={{this.pageCount}}\n />\n </nav>\n {{/if}}\n </template>\n}\n"],"names":["BREAKPOINTS","MAX_VISIBLE_PAGES","NUMBER_SURROUNDING_PAGES","Math","floor","EuiPaginationComponent","Component","pageCount","args","activePage","ariaControls","hasControl","undefined","pages","firstPageInRange","lastPageInRange","i","index","push","pageIndex","firstPageButtons","i18n","key","token","default","values","lastPage","lastPageButtons","firstPage","sharedButtonProps","safeClick","prevPageButtonProps","href","disabled","nextPageButtonProps","controlledElement","document","getElementById","focus","onPageClick","max","min","setComponentTemplate","precompileTemplate","strictMode","scope","PreviousButton","EuiHideFor","EuiText","EuiI18n","hash","ButtonWrapper","sub","NextButton","add"],"mappings":"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"}

package/dist/components/eui-panel.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiPanel = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @hasShadow true) (argOrDefault @color \"plain\") (argOrDefault @grow true) as |hasShadow color grow|}}\n    {{#let (eq color \"plain\") (or (eq color \"plain\") (eq color \"transparent\")) as |canHaveShadow canHaveBorder|}}\n      {{#if @onClick}}\n        <div role=\"button\" class={{classNames (if (argOrDefault @isClickable true) \"euiPanel--isClickable\") (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\") (if (and (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (and (not canHaveBorder) (eq @hasBorder false)) \"euiPanel--noBorder\") (unless grow \"euiPanel--flexGrowZero\") componentName=\"EuiPanel\" paddingSize=(argOrDefault @paddingSize \"m\") borderRadius=(argOrDefault @borderRadius \"m\") color=color}} {{on \"click\" @onClick}} ...attributes>\n          {{yield}}\n        </div>\n      {{else}}\n        <div class={{classNames (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\") (if (and (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (and (not canHaveBorder) (eq @hasBorder false)) \"euiPanel--noBorder\") (unless grow \"euiPanel--flexGrowZero\") componentName=\"EuiPanel\" paddingSize=(argOrDefault @paddingSize \"m\") borderRadius=(argOrDefault @borderRadius \"m\") color=color}} ...attributes>\n          {{yield}}\n        </div>\n      {{/if}}\n    {{/let}}\n  {{/let}}\n", {
+const EuiPanel = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @hasShadow true) (argOrDefault @color \"plain\") (argOrDefault @grow true) as |hasShadow color grow|}}\n  {{#let (eq color \"plain\") (or (eq color \"plain\") (eq color \"transparent\")) as |canHaveShadow canHaveBorder|}}\n    {{#if @onClick}}\n      <div role=\"button\" class={{classNames (if (argOrDefault @isClickable true) \"euiPanel--isClickable\") (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\") (if (and (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (and (not canHaveBorder) (eq @hasBorder false)) \"euiPanel--noBorder\") (unless grow \"euiPanel--flexGrowZero\") componentName=\"EuiPanel\" paddingSize=(argOrDefault @paddingSize \"m\") borderRadius=(argOrDefault @borderRadius \"m\") color=color}} {{on \"click\" @onClick}} ...attributes>\n        {{yield}}\n      </div>\n    {{else}}\n      <div class={{classNames (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\") (if (and (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (and (not canHaveBorder) (eq @hasBorder false)) \"euiPanel--noBorder\") (unless grow \"euiPanel--flexGrowZero\") componentName=\"EuiPanel\" paddingSize=(argOrDefault @paddingSize \"m\") borderRadius=(argOrDefault @borderRadius \"m\") color=color}} ...attributes>\n        {{yield}}\n      </div>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-panel.js","sources":["../../src/components/eui-panel.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n borderRadiusMapping,\n colorMapping,\n paddingSizeMapping} from '../utils/css-mappings/eui-panel.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPanelSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n Adds a box shadow to the panel\n /\n hasShadow?: boolean;\n /\n Adds a border around the panel\n /\n hasBorder?: boolean;\n /\n Adds a padding around the panel\n /\n paddingSize?: keyof typeof paddingSizeMapping;\n /\n Adds a border radius to the panel\n /\n borderRadius?: keyof typeof borderRadiusMapping;\n /\n Adds a background color to the panel\n /\n color?: keyof typeof colorMapping;\n /\n Adds a flex-grow: 0 to the panel\n /\n grow?: boolean;\n /\n Adds a click handler to the panel\n /\n onClick?: (e: MouseEvent) => void;\n /\n Adds a click handler to the panel\n */\n isClickable?: boolean;\n };\n\n Blocks: {\n default: [];\n };\n}\n\nconst EuiPanel: TemplateOnlyComponent<EuiPanelSignature> = <template>\n {{#let\n (argOrDefault @hasShadow true)\n (argOrDefault @color \"plain\")\n (argOrDefault @grow true)\n as \|hasShadow color grow\|\n }}\n {{#let\n (eq color \"plain\") (or (eq color \"plain\") (eq color \"transparent\"))\n as \|canHaveShadow canHaveBorder\|\n }}\n {{#if @onClick}}\n <div\n role=\"button\"\n class={{classNames\n (if (argOrDefault @isClickable true) \"euiPanel--isClickable\")\n (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\")\n (if\n (and (not canHaveShadow) (eq hasShadow false))\n \"euiPanel--noShadow\"\n )\n (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n (if\n (and (not canHaveBorder) (eq @hasBorder false))\n \"euiPanel--noBorder\"\n )\n (unless grow \"euiPanel--flexGrowZero\")\n componentName=\"EuiPanel\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n borderRadius=(argOrDefault @borderRadius \"m\")\n color=color\n }}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{yield}}\n </div>\n {{else}}\n <div\n class={{classNames\n (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\")\n (if\n (and (not canHaveShadow) (eq hasShadow false))\n \"euiPanel--noShadow\"\n )\n (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n (if\n (and (not canHaveBorder) (eq @hasBorder false))\n \"euiPanel--noBorder\"\n )\n (unless grow \"euiPanel--flexGrowZero\")\n componentName=\"EuiPanel\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n borderRadius=(argOrDefault @borderRadius \"m\")\n color=color\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{/if}}\n {{/let}}\n {{/let}}\n</template>;\n\nexport default EuiPanel;\n"],"names":["EuiPanel","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","or","classNames","and","not","on","templateOnly"],"mappings":";;;;;;;;AAuDA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CA+D3D,~~qgDAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-panel.js","sources":["../../src/components/eui-panel.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n borderRadiusMapping,\n colorMapping,\n paddingSizeMapping} from '../utils/css-mappings/eui-panel.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPanelSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n Adds a box shadow to the panel\n /\n hasShadow?: boolean;\n /\n Adds a border around the panel\n /\n hasBorder?: boolean;\n /\n Adds a padding around the panel\n /\n paddingSize?: keyof typeof paddingSizeMapping;\n /\n Adds a border radius to the panel\n /\n borderRadius?: keyof typeof borderRadiusMapping;\n /\n Adds a background color to the panel\n /\n color?: keyof typeof colorMapping;\n /\n Adds a flex-grow: 0 to the panel\n /\n grow?: boolean;\n /\n Adds a click handler to the panel\n /\n onClick?: (e: MouseEvent) => void;\n /\n Adds a click handler to the panel\n */\n isClickable?: boolean;\n };\n\n Blocks: {\n default: [];\n };\n}\n\nconst EuiPanel: TemplateOnlyComponent<EuiPanelSignature> = <template>\n {{#let\n (argOrDefault @hasShadow true)\n (argOrDefault @color \"plain\")\n (argOrDefault @grow true)\n as \|hasShadow color grow\|\n }}\n {{#let\n (eq color \"plain\") (or (eq color \"plain\") (eq color \"transparent\"))\n as \|canHaveShadow canHaveBorder\|\n }}\n {{#if @onClick}}\n <div\n role=\"button\"\n class={{classNames\n (if (argOrDefault @isClickable true) \"euiPanel--isClickable\")\n (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\")\n (if\n (and (not canHaveShadow) (eq hasShadow false))\n \"euiPanel--noShadow\"\n )\n (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n (if\n (and (not canHaveBorder) (eq @hasBorder false))\n \"euiPanel--noBorder\"\n )\n (unless grow \"euiPanel--flexGrowZero\")\n componentName=\"EuiPanel\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n borderRadius=(argOrDefault @borderRadius \"m\")\n color=color\n }}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{yield}}\n </div>\n {{else}}\n <div\n class={{classNames\n (if (and canHaveShadow (eq hasShadow true)) \"euiPanel--hasShadow\")\n (if\n (and (not canHaveShadow) (eq hasShadow false))\n \"euiPanel--noShadow\"\n )\n (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n (if\n (and (not canHaveBorder) (eq @hasBorder false))\n \"euiPanel--noBorder\"\n )\n (unless grow \"euiPanel--flexGrowZero\")\n componentName=\"EuiPanel\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n borderRadius=(argOrDefault @borderRadius \"m\")\n color=color\n }}\n ...attributes\n >\n {{yield}}\n </div>\n {{/if}}\n {{/let}}\n {{/let}}\n</template>;\n\nexport default EuiPanel;\n"],"names":["EuiPanel","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","or","classNames","and","not","on","templateOnly"],"mappings":";;;;;;;;AAuDA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CA+D3D,u+CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-popover-footer.js CHANGED Viewed

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

package/dist/components/eui-popover-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-popover-footer.js","sources":["../../src/components/eui-popover-footer.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-footer.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPopoverFooterSignature {\n Element: HTMLDivElement;\n Args: {\n paddingSize?: keyof typeof paddingMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiPopoverFooter: TemplateOnlyComponent<EuiPopoverFooterSignature> =\n <template>\n <div\n class={{classNames\n paddingSize=@paddingSize\n componentName=\"EuiPopoverFooter\"\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiPopoverFooter;\n"],"names":["EuiPopoverFooter","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,~~6IAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-popover-footer.js","sources":["../../src/components/eui-popover-footer.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-footer.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPopoverFooterSignature {\n Element: HTMLDivElement;\n Args: {\n paddingSize?: keyof typeof paddingMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiPopoverFooter: TemplateOnlyComponent<EuiPopoverFooterSignature> =\n <template>\n <div\n class={{classNames\n paddingSize=@paddingSize\n componentName=\"EuiPopoverFooter\"\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiPopoverFooter;\n"],"names":["EuiPopoverFooter","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,2HAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-popover-title.js CHANGED Viewed

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